Fix About page localization

frontend/src/app/about/page.tsx

@@ -1,33 +1,33 @@
+"use client"
+
 import { Navbar } from "@/components/navbar"
 import { Footer } from "@/components/footer"
 import { Card, CardContent } from "@/components/ui/card"
 import { Target, Users, Zap, Shield } from "lucide-react"
+import { useTranslation } from "@/lib/i18n"
 
 export default function AboutPage() {
+  const { t } = useTranslation()
   const values = [
     {
       icon: Target,
-      title: "Mission",
+      title: t("about.values.items.mission.title"),
-      description:
+      description: t("about.values.items.mission.description"),
-        "Connect exceptional talent with transformative opportunities, helping professionals and companies grow.",
     },
     {
       icon: Users,
-      title: "Community",
+      title: t("about.values.items.community.title"),
-      description:
+      description: t("about.values.items.community.description"),
-        "Build an inclusive community where candidates and companies find the right match for their needs.",
     },
     {
       icon: Zap,
-      title: "Efficiency",
+      title: t("about.values.items.efficiency.title"),
-      description:
+      description: t("about.values.items.efficiency.description"),
-        "Simplify recruiting with intuitive technology and optimized workflows that save time.",
     },
     {
       icon: Shield,
-      title: "Trust",
+      title: t("about.values.items.trust.title"),
-      description:
+      description: t("about.values.items.trust.description"),
-        "Ensure transparency and security in every interaction, protecting data and promoting ethical relationships.",
     },
   ]
 
@@ -41,11 +41,10 @@ export default function AboutPage() {
           <div className="container mx-auto px-4 sm:px-6 lg:px-8">
             <div className="max-w-3xl mx-auto text-center">
               <h1 className="text-4xl md:text-5xl font-bold text-foreground mb-6 text-balance">
-                About the Jobs Portal
+                {t("about.hero.title")}
               </h1>
               <p className="text-lg text-muted-foreground leading-relaxed text-pretty">
-                We are a platform dedicated to transforming how people find professional opportunities and how companies
+                {t("about.hero.subtitle")}
-                discover exceptional talent.
               </p>
             </div>
           </div>
@@ -55,20 +54,11 @@ export default function AboutPage() {
         <section className="py-16 md:py-24">
           <div className="container mx-auto px-4 sm:px-6 lg:px-8">
             <div className="max-w-3xl mx-auto">
-              <h2 className="text-3xl font-bold text-foreground mb-6">Our Story</h2>
+              <h2 className="text-3xl font-bold text-foreground mb-6">{t("about.story.title")}</h2>
               <div className="space-y-4 text-muted-foreground leading-relaxed">
-                <p>
+                <p>{t("about.story.paragraphs.first")}</p>
-                  Founded in 2025, GoHorse Jobs was created to simplify recruiting, making it more transparent,
+                <p>{t("about.story.paragraphs.second")}</p>
-                  efficient, and accessible to everyone.
+                <p>{t("about.story.paragraphs.third")}</p>
-                </p>
-                <p>
-                  We believe that finding the right job should be simple. That is why we built a minimalist,
-                  intuitive platform that puts candidates and companies first.
-                </p>
-                <p>
-                  Today, we connect thousands of professionals with innovative companies, helping build successful
-                  careers and extraordinary teams.
-                </p>
               </div>
             </div>
           </div>
@@ -78,7 +68,9 @@ export default function AboutPage() {
         <section className="py-16 md:py-24 bg-muted/30">
           <div className="container mx-auto px-4 sm:px-6 lg:px-8">
             <div className="max-w-5xl mx-auto">
-              <h2 className="text-3xl font-bold text-foreground mb-12 text-center">Our Values</h2>
+              <h2 className="text-3xl font-bold text-foreground mb-12 text-center">
+                {t("about.values.title")}
+              </h2>
               <div className="grid md:grid-cols-2 gap-6">
                 {values.map((value, index) => (
                   <Card key={index}>

frontend/src/i18n/en.json

@@ -6,6 +6,41 @@
     "login": "Login",
     "register": "Register"
   },
+  "about": {
+    "hero": {
+      "title": "About the Jobs Portal",
+      "subtitle": "We are a platform dedicated to transforming how people find professional opportunities and how companies discover exceptional talent."
+    },
+    "story": {
+      "title": "Our Story",
+      "paragraphs": {
+        "first": "Founded in 2025, GoHorse Jobs was created to simplify recruiting, making it more transparent, efficient, and accessible to everyone.",
+        "second": "We believe that finding the right job should be simple. That is why we built a minimalist, intuitive platform that puts candidates and companies first.",
+        "third": "Today, we connect thousands of professionals with innovative companies, helping build successful careers and extraordinary teams."
+      }
+    },
+    "values": {
+      "title": "Our Values",
+      "items": {
+        "mission": {
+          "title": "Mission",
+          "description": "Connect exceptional talent with transformative opportunities, helping professionals and companies grow."
+        },
+        "community": {
+          "title": "Community",
+          "description": "Build an inclusive community where candidates and companies find the right match for their needs."
+        },
+        "efficiency": {
+          "title": "Efficiency",
+          "description": "Simplify recruiting with intuitive technology and optimized workflows that save time."
+        },
+        "trust": {
+          "title": "Trust",
+          "description": "Ensure transparency and security in every interaction, protecting data and promoting ethical relationships."
+        }
+      }
+    }
+  },
   "contact": {
     "hero": {
       "title": "Get in Touch",

frontend/src/i18n/es.json

@@ -6,6 +6,41 @@
     "login": "Ingresar",
     "register": "Registrarse"
   },
+  "about": {
+    "hero": {
+      "title": "Sobre el portal de empleos",
+      "subtitle": "Somos una plataforma dedicada a transformar cómo las personas encuentran oportunidades profesionales y cómo las empresas descubren talento excepcional."
+    },
+    "story": {
+      "title": "Nuestra historia",
+      "paragraphs": {
+        "first": "Fundada en 2025, GoHorse Jobs fue creada para simplificar la contratación, haciéndola más transparente, eficiente y accesible para todos.",
+        "second": "Creemos que encontrar el trabajo adecuado debería ser sencillo. Por eso construimos una plataforma minimalista e intuitiva que pone a candidatos y empresas en primer lugar.",
+        "third": "Hoy conectamos a miles de profesionales con empresas innovadoras, ayudando a construir carreras exitosas y equipos extraordinarios."
+      }
+    },
+    "values": {
+      "title": "Nuestros valores",
+      "items": {
+        "mission": {
+          "title": "Misión",
+          "description": "Conectar talento excepcional con oportunidades transformadoras, ayudando a profesionales y empresas a crecer."
+        },
+        "community": {
+          "title": "Comunidad",
+          "description": "Construir una comunidad inclusiva donde candidatos y empresas encuentren la combinación adecuada para sus necesidades."
+        },
+        "efficiency": {
+          "title": "Eficiencia",
+          "description": "Simplificar la contratación con tecnología intuitiva y flujos de trabajo optimizados que ahorran tiempo."
+        },
+        "trust": {
+          "title": "Confianza",
+          "description": "Garantizar transparencia y seguridad en cada interacción, protegiendo los datos y promoviendo relaciones éticas."
+        }
+      }
+    }
+  },
   "contact": {
     "hero": {
       "title": "Ponte en contacto",

frontend/src/i18n/pt-BR.json

@@ -6,6 +6,41 @@
     "login": "Entrar",
     "register": "Cadastrar"
   },
+  "about": {
+    "hero": {
+      "title": "Sobre o portal de vagas",
+      "subtitle": "Somos uma plataforma dedicada a transformar a forma como as pessoas encontram oportunidades profissionais e como as empresas descobrem talentos excepcionais."
+    },
+    "story": {
+      "title": "Nossa história",
+      "paragraphs": {
+        "first": "Fundada em 2025, a GoHorse Jobs foi criada para simplificar o recrutamento, tornando-o mais transparente, eficiente e acessível para todos.",
+        "second": "Acreditamos que encontrar o emprego certo deve ser simples. Por isso, construímos uma plataforma minimalista e intuitiva que coloca candidatos e empresas em primeiro lugar.",
+        "third": "Hoje conectamos milhares de profissionais a empresas inovadoras, ajudando a construir carreiras de sucesso e equipes extraordinárias."
+      }
+    },
+    "values": {
+      "title": "Nossos valores",
+      "items": {
+        "mission": {
+          "title": "Missão",
+          "description": "Conectar talentos excepcionais com oportunidades transformadoras, ajudando profissionais e empresas a crescer."
+        },
+        "community": {
+          "title": "Comunidade",
+          "description": "Construir uma comunidade inclusiva onde candidatos e empresas encontrem a combinação ideal para suas necessidades."
+        },
+        "efficiency": {
+          "title": "Eficiência",
+          "description": "Simplificar o recrutamento com tecnologia intuitiva e fluxos de trabalho otimizados que economizam tempo."
+        },
+        "trust": {
+          "title": "Confiança",
+          "description": "Garantir transparência e segurança em cada interação, protegendo dados e promovendo relações éticas."
+        }
+      }
+    }
+  },
   "contact": {
     "hero": {
       "title": "Fale conosco",