diff --git a/public/locales/en/translation.json b/public/locales/en/translation.json index ad8a263e6..4c00b7bea 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": { diff --git a/public/locales/es/translation.json b/public/locales/es/translation.json index e31da1785..6ddbb0558 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": { 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) => { -
Thank you for subscribing!
+
{ t("landing.NewsletterCTA.thankYouForSubscribing") }
{ 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() {
-
Stay up-to-date on the latest Scroll Developer news
+
{ t("landing.NewsletterCTA.title") }
- Roadmap updates, virtual and live events, ecosystem opportunities and more + { t("landing.NewsletterCTA.text") }
handleSubmit(subscribe)} onEnter={() => handleSubmit(subscribe)} - placeholder="your email address here" + placeholder= { t("landing.NewsletterCTA.placeholder") } end={status === "success"} /> {customMessage &&
{customMessage}
} 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 = [
{ 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", }, ] ---