diff --git a/public/locales/en/translation.json b/public/locales/en/translation.json
index ad8a263e6..3ae25d7c0 100644
--- a/public/locales/en/translation.json
+++ b/public/locales/en/translation.json
@@ -48,9 +48,12 @@
       }
     },
     "NewsletterCTA": {
-      "title": "Stay updated on the latest Scroll news",
-      "placeholder": "Enter your email address",
-      "buttonText": "Sign up"
+      "title": "Stay up-to-date on the latest Scroll Developer news",
+      "text": "Roadmap updates, virtual and live events, ecosystem opportunities and more",
+      "placeholder": "your email address here",
+      "thankYouForSubscribing": "Thank you for subscribing!",
+      "correctEmail": "Please use a correct email address.",
+      "pleaseInsertEmail": "Please insert your email."
     }
   },
   "sidebar": {
@@ -152,6 +155,25 @@
       "additionalResources": "Additional Resources"
     }
   },
+  "footer": {
+    "aboutScroll": {
+      "title": "About Scroll",
+      "bugBounty": "Bug Bounty",
+      "joinUs": "Join Us",
+      "healthStatus": "Health Status",
+      "privacyPolicy": "Privacy Policy",
+      "termsAndConditions": "Terms and Conditions"
+    },
+    "resources": {
+      "title": "Resources",
+      "blog": "Blog",
+      "documentation": "Documentation",
+      "pressKit": "Press Kit"
+    },
+    "followUs": {
+      "title": "Follow Us"
+    }
+  },
   "notTranslated": {
     "notTranslated": "This page has not been translated yet."
   }
diff --git a/public/locales/es/translation.json b/public/locales/es/translation.json
index e31da1785..7ea00d6b6 100644
--- a/public/locales/es/translation.json
+++ b/public/locales/es/translation.json
@@ -48,9 +48,12 @@
       }
     },
     "NewsletterCTA": {
-      "title": "Stay updated on the latest Scroll news",
-      "placeholder": "Enter your email address",
-      "buttonText": "Sign up"
+      "title": "Mantente actualizado con las más recientes noticias sobre el Desarrollo de Scroll",
+      "text": "Roadmap, actualizaciones, eventos virtuales y presenciales, oportunidades en el ecosistema y más",
+      "placeholder": "tu correo electrónico aquí",
+      "thankYouForSubscribing": "¡Gracias por suscribirte!",
+      "correctEmail": "Porfavor usa un correo electrónico válido.",
+      "pleaseInsertEmail": "Porfavor ingresa tu correo electrónico."
     }
   },
   "sidebar": {
@@ -152,6 +155,25 @@
       "additionalResources": "Recursos Adicionales"
     }
   },
+  "footer": {
+    "aboutScroll": {
+      "title": "Acerca de Scroll",
+      "bugBounty": "Cazarecompensas de bugs",
+      "joinUs": "Únete a nosotros",
+      "healthStatus": "Estado de servicios",
+      "privacyPolicy": "Políticas de privacidad",
+      "termsAndConditions": "Terminos y condiciones"
+    },
+    "resources": {
+      "title": "Recursos",
+      "blog": "Blog",
+      "documentation": "Documentación",
+      "pressKit": "Kit de Prensa"
+    },
+    "followUs": {
+      "title": "Follow Us"
+    }
+  },
   "notTranslated": {
     "notTranslated": "Esta página no ha sido traducida aún."
   }
diff --git a/src/components/Footer/PureFooter/PureFooter.tsx b/src/components/Footer/PureFooter/PureFooter.tsx
index ee126d83f..64aa07067 100644
--- a/src/components/Footer/PureFooter/PureFooter.tsx
+++ b/src/components/Footer/PureFooter/PureFooter.tsx
@@ -1,6 +1,7 @@
 import { useState, useEffect } from "preact/hooks"
 import { aboutList, mediaList, resourceList } from "../helper.tsx"
 import styles from "./PureFooter.module.css"
+import { t } from "i18next"
 
 const Footer = () => {
   return (
@@ -9,7 +10,7 @@ const Footer = () => {
         <img src="/scroll-white.svg" style={{ width: "80px" }} />
       </a>
       <div className={styles.about}>
-        <p className={styles.title}>About Scroll</p>
+        <p className={styles.title}>{ t("footer.aboutScroll.title") }</p>
         <ul>
           {aboutList.map((item) => (
             <li key={item.name} className={styles.content}>
@@ -19,7 +20,7 @@ const Footer = () => {
         </ul>
       </div>
       <div className={styles.resource}>
-        <p className={styles.title}>Resources</p>
+        <p className={styles.title}>{ t("footer.resources.title") }</p>
         <ul>
           {resourceList.map((item) => (
             <li key={item.name} className={styles.content}>
@@ -30,7 +31,7 @@ const Footer = () => {
       </div>
 
       <div className={styles.follow}>
-        <p className={styles.title}>Follow Us</p>
+        <p className={styles.title}>{ t("footer.followUs.title") }</p>
         <div>
           {mediaList.map((item) => (
             <a external href={item.href} key={item.name} target="_blank">
diff --git a/src/components/Footer/Subscribe/EmailInput.tsx b/src/components/Footer/Subscribe/EmailInput.tsx
index 8905a6049..b177f6914 100644
--- a/src/components/Footer/Subscribe/EmailInput.tsx
+++ b/src/components/Footer/Subscribe/EmailInput.tsx
@@ -2,6 +2,7 @@ import React from "react"
 import styles from "./EmailInput.module.css"
 import ArrowSvg from "~/assets/svgs/footer/arrow-right.svg?react"
 import { clsx } from "~/lib"
+import { t } from "i18next"
 
 const EmailInput = (props) => {
   const { end, onClick, onEnter, ...restProps } = props
@@ -23,7 +24,7 @@ const EmailInput = (props) => {
         <button className={clsx(styles.iconButton, "dark:text-black")} onClick={onClick} disabled={end}>
           <ArrowSvg></ArrowSvg>
         </button>
-        <div className={clsx(styles.success, "dark:text-black", "dark:bg-white")}>Thank you for subscribing!</div>
+        <div className={clsx(styles.success, "dark:text-black", "dark:bg-white")}>{ t("landing.NewsletterCTA.thankYouForSubscribing") }</div>
       </div>
       <input
         placeholder="your email address here"
diff --git a/src/components/Footer/Subscribe/Subscribe.tsx b/src/components/Footer/Subscribe/Subscribe.tsx
index 6ab9d9824..b85f4139e 100644
--- a/src/components/Footer/Subscribe/Subscribe.tsx
+++ b/src/components/Footer/Subscribe/Subscribe.tsx
@@ -3,6 +3,7 @@ import { useState, useEffect } from "preact/hooks"
 import MailchimpSubscribe from "react-mailchimp-subscribe"
 import SubscribeSvg from "~/assets/svgs/footer/subscribe.svg?react"
 import { clsx } from "~/lib"
+import { t } from "i18next"
 
 import EmailInput from "./EmailInput.tsx"
 import styles from "./Subscribe.module.css"
@@ -26,9 +27,9 @@ export default function Subscribe() {
 
   const handleSubmit = (subscribe) => {
     if (!email) {
-      setCustomMessage("Please insert your email.")
+      setCustomMessage(t("landing.NewsletterCTA.pleaseInsertEmail"))
     } else if (!emailValid) {
-      setCustomMessage("Please use a correct email address.")
+      setCustomMessage(t("landing.NewsletterCTA.correctEmail"))
     } else {
       subscribe({ EMAIL: email })
       setEmail("")
@@ -47,9 +48,9 @@ export default function Subscribe() {
         </span>
 
         <div className={styles.copyBox}>
-          <div className={styles.subscribeTitle}>Stay up-to-date on the latest Scroll Developer news</div>
+          <div className={styles.subscribeTitle}>{ t("landing.NewsletterCTA.title") }</div>
           <div className={styles.subscribeText}>
-            Roadmap updates, virtual and live events, ecosystem opportunities and more
+          { t("landing.NewsletterCTA.text") }
           </div>
         </div>
         <MailchimpSubscribe
@@ -62,7 +63,7 @@ export default function Subscribe() {
                 onChange={handleChangeEmail}
                 onClick={() => handleSubmit(subscribe)}
                 onEnter={() => handleSubmit(subscribe)}
-                placeholder="your email address here"
+                placeholder= { t("landing.NewsletterCTA.placeholder") }
                 end={status === "success"}
               />
               {customMessage && <div className={styles.errorMessage}>{customMessage}</div>}
diff --git a/src/components/Footer/helper.tsx b/src/components/Footer/helper.tsx
index c195d7dac..5914e3033 100644
--- a/src/components/Footer/helper.tsx
+++ b/src/components/Footer/helper.tsx
@@ -1,4 +1,5 @@
 import React from "react"
+import { t } from "i18next"
 
 const DiscordIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
   <svg width="19" height="14" viewBox="0 0 19 14" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
@@ -23,38 +24,38 @@ const TwitterIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
 
 export const aboutList = [
   {
-    name: "Bug Bounty",
+    name: t("footer.aboutScroll.bugBounty"),
     href: "https://immunefi.com/bounty/scroll/",
   },
   {
-    name: "Join Us",
+    name: t("footer.aboutScroll.joinUs"),
     href: "https://jobs.lever.co/ScrollFoundation",
   },
   {
-    name: "Health Status",
+    name: t("footer.aboutScroll.healthStatus"),
     href: "https://status.scroll.io/",
   },
   {
-    name: "Privacy Policy",
+    name: t("footer.aboutScroll.privacyPolicy"),
     href: "https://scroll.io/privacy-policy",
   },
   {
-    name: "Terms and Conditions",
+    name: t("footer.aboutScroll.termsAndConditions"),
     href: "https://scroll.io/terms-and-conditions",
   },
 ]
 
 export const resourceList = [
   {
-    name: "Blog",
+    name: t("footer.resources.blog"),
     href: "https://scroll.io/blog",
   },
   {
-    name: "Documentation",
+    name: t("footer.resources.documentation"),
     href: "https://docs.scroll.io/",
   },
   {
-    name: "Press Kit",
+    name: t("footer.resources.pressKit"),
     href: "https://scrollzkp.notion.site/Scroll-Rebrand-Assets-5bb83465f56f40989c4f772b39ed3a06",
   },
 ]
diff --git a/src/pages/es/home/ConnectUs.astro b/src/pages/es/home/ConnectUs.astro
index 7b0f46139..464415e64 100644
--- a/src/pages/es/home/ConnectUs.astro
+++ b/src/pages/es/home/ConnectUs.astro
@@ -8,20 +8,20 @@ import ContributeSvg from "~/assets/svgs/home/Contribute.svg?raw"
 const mediaList = [
   {
     icon: DiscordSvg,
-    name: "Join our Discord",
-    content: "Connect with other Scroll developers and users.",
+    name: "Únete a nuestro Discord",
+    content: "Conecta con otros desarradores y usuarios de Scroll.",
     link: "https://discord.gg/scroll",
   },
   {
     icon: ForumSvg,
-    name: "Community Forum",
-    content: "Discuss and propose changes to Scroll’s core protocols.",
+    name: "Foro de la Comunidad",
+    content: "Conversa y propón cambios a los protocolos fundamentales de Scroll.",
     link: "http://community.scroll.io/",
   },
   {
     icon: ContributeSvg,
-    name: "Contribute to Scroll",
-    content: "Build with other developers.",
+    name: "Contribuye a Scroll",
+    content: "Construye con otros desarrolladores.",
     link: "https://github.com/scroll-tech/contribute-to-scroll",
   },
 ]
@@ -29,8 +29,8 @@ const mediaList = [
 
 <div class="connect-us">
   <SectionHeader
-    title="Connect with us"
-    content="Keep up to date with the latest news and developments from the Scroll Community."
+    title="Conecta con nosotros"
+    content="Mantente al tanto de las noticias y desarrollores por parte de la comunidad de Scroll."
   />
   <div class="medias">
     {
diff --git a/src/pages/es/home/Navigate.astro b/src/pages/es/home/Navigate.astro
index 765074a6e..9085b689a 100644
--- a/src/pages/es/home/Navigate.astro
+++ b/src/pages/es/home/Navigate.astro
@@ -9,33 +9,33 @@ import SectionHeader from "~/components/SectionHeader/index.astro"
 const navList = [
   {
     icon: StartSvg,
-    name: "Getting started",
-    content: "Bridge into Scroll and explore our dApp Ecosystem.",
-    link: "/en/getting-started/overview",
+    name: "¿Cómo empezar?",
+    content: "Migra hacia Scroll usando el Bridge y explora el Ecosistema de dApps.",
+    link: "/es/getting-started/overview",
   },
   {
     icon: DevelopSvg,
-    name: "Developers",
-    content: "Dive into Scroll’s developer documentation.",
-    link: "/en/developers",
+    name: "Desarrolladores",
+    content: "Sumérgete en la documentación para desarrolladores de Scroll.",
+    link: "/es/developers",
   },
   {
     icon: TechnologySvg,
-    name: "Technology",
-    content: "An overview of Scroll’s zkEVM Architecture.",
-    link: "/en/technology",
+    name: "Tecnología",
+    content: "Un vistazo general a la arquitectura de la zkEVM de Scroll.",
+    link: "/es/technology",
   },
   {
     icon: LearnSvg,
-    name: "Learn",
-    content: "An introduction to the world of ZK and Scalability.",
-    link: "/en/learn",
+    name: "Aprende",
+    content: "Una introducción al mundo de ZK y de la escalabilidad.",
+    link: "/es/learn",
   },
 ]
 ---
 
 <div class="navigate">
-  <SectionHeader title="Navigate the Docs" content="Start developing on Scroll today." />
+  <SectionHeader title="Navega la Documentación" content="Inicia tu desarrollo en Scroll hoy." />
   <div class="navs">
     {navList.map(({ icon, name, content, link }) => <NavCard icon={icon} name={name} content={content} link={link} />)}
   </div>
diff --git a/src/pages/es/home/QuickStart.astro b/src/pages/es/home/QuickStart.astro
index 5c13bf51e..77f311698 100644
--- a/src/pages/es/home/QuickStart.astro
+++ b/src/pages/es/home/QuickStart.astro
@@ -20,8 +20,8 @@ const toolList = [
 
 <div>
   <SectionHeader
-    title="Developer Quickstart"
-    content="Start developing on Scroll with all of your favourite tools for building and testing smart contracts."
+    title="Inicio rápido para Desarrolladores"
+    content="Comienza a construir en Scroll con todas tus herramientas favoritas de desarollo y de testing de Smart Contracts."
   />
   <div class="tools">
     {
diff --git a/src/pages/es/home/index.astro b/src/pages/es/home/index.astro
index a9a587cef..9fa12781a 100644
--- a/src/pages/es/home/index.astro
+++ b/src/pages/es/home/index.astro
@@ -12,7 +12,7 @@ changeLanguage("es")
 <HomeLayout>
   <div class="header bg-black">
     <div class="inner">
-      <p class="header-title text-white">Welcome to<br /> Scroll Documentation</p>
+      <p class="header-title text-white">Bienvenido a la<br /> Documentación de Scroll</p>
       <Search client:visible />
     </div>
   </div>