feat(Localization): add more text in landing page

src/pages/es/index.astro

@@ -59,7 +59,7 @@ const portafolio = [
                 <p class="text-justify">{data.brief}</p>
               </a>
               <div class="text-end" slot="footer">
-                <a href={`/projects/${slug}`}>See more...</a>
+                <a href={`/projects/${slug}`}>{t('misc.seeMore')}</a>
               </div>
             </Card>
           </div>
@@ -68,16 +68,18 @@ const portafolio = [
     </div>
 
     <div class="mt-4 text-center">
-      <Button className="px-4 py-2 fs-5" href="/projects">View Work</Button>
+      <Button className="px-4 py-2 fs-5" href="/projects">
+        {t('home.moreProjects')}
+      </Button>
     </div>
   </section>
 
   <section class:list={[{ 'd-none': import.meta.env.PROD }]}>
-    <h2 class="mb-4">What I've been up to...</h2>
+    <h2 class="mb-4">{t('titles.whatIveBeenUpTo')}</h2>
 
     <div class="hstack flex-eq flex-wrap flex-md-nowrap">
       <div class="vstack justify-content-center">
-        <h4 class="text-center">Blog</h4>
+        <h4 class="text-center text-capitalize">{t('blog')}</h4>
         <ol class="list-unstyle mt-0 fs-5">
           <li class="mb-3">
             <a href="#"
@@ -115,7 +117,7 @@ const portafolio = [
 
     <div class="hstack-reverse flex-eq flex-wrap flex-md-nowrap">
       <div class="vstack justify-content-center">
-        <h4 class="text-center">Games</h4>
+        <h4 class="text-center text-capitalize">{t('games')}</h4>
         <ol class="list-unstyle mt-0 fs-5">
           <li class="mb-3">
             <a href="#"
@@ -156,15 +158,14 @@ const portafolio = [
     class="bg-image"
     style="--bg-image: url(https://placehold.co/600x400)"
   >
-    <h2 class="text-center">Who am I?</h2>
-
+    <h2 class="text-center">{t('titles.whoAmI')}</h2>
     <p class="w-95 w-lg-70 mx-auto text-justify">
       <LocalizedMarkdown path="about-me.md" />
     </p>
 
     <div class="text-center fs-4 mb-0">
       <a href="">
-        <Button>View full curriculum</Button>
+        <Button>{t('home.viewCurriculum')}</Button>
       </a>
     </div>
   </section>
@@ -249,4 +250,4 @@ const portafolio = [
       }
     }
   </style>
-</Layout>
+</Layout>out> out>