about language updated

components/aboutPage/AboutSection.js

@@ -1,31 +1,26 @@
 import React from 'react';
 import sign from '/public/images/signeture.png';
 import Image from 'next/image';
+import { useTranslation } from 'next-i18next';
 
 const AboutSection = (props) => {
+    const { t } = useTranslation('ourStory');
     return (
         <section className={`wpo-about-section section-padding2 ${props.abClass}`}>
             <div className="container">
                 <div className="wpo-about-wrap">
                     <div className="row align-items-center">
 
-                        {/* Text Column — Show first on mobile, second on desktop */}
                         <div className="col-lg-6 col-md-12 col-12 order-1 order-lg-2 mb-5">
                             <div className="wpo-about-text">
                                 <div className="wpo-section-title">
-                                    <span>Our Story</span>
-                                    <h2>Building Your American Dream.</h2>
+                                    <span>{t('about.title')}</span>
+                                    <h2>{t('about.heading')}</h2>
                                 </div>
-                                <p>
-                                    For many years, Janhanlaw has been more than just a law office - we’ve served as a guiding light for families pursuing their dreams. Founded on the principle that every person deserves expert legal representation regardless of their background, we've dedicated our careers to navigating the complex world of immigration law.
-                                </p>
-                                <p>
-                                    Our team combines deep legal expertise with genuine compassion, understanding that behind every case is a real person with real dreams. We've successfully helped families reunite, professionals advance their careers, and individuals find safety and protection in America.
-                                </p>
+                                <p>{t('about.paragraph1')}</p>
+                                <p>{t('about.paragraph2')}</p>
                                 <div className="quote">
-                                    <p>
-                                        “More than a law office, we are a guiding light for families pursuing their dreams.”
-                                    </p>
+                                    <p>{t('about.quote')}</p>
                                 </div>
                                 {/* <div className="wpo-about-left-info">
                                     <div className="wpo-about-left-inner">
@@ -41,7 +36,6 @@ const AboutSection = (props) => {
                             </div>
                         </div>
 
-                        {/* Image Column — Show second on mobile, first on desktop */}
                         <div className="col-lg-6 col-md-12 col-12 order-2 order-lg-1">
                             <div className="wpo-about-img">
                                 <Image src={props.abimg} alt="About Image" />

components/aboutPage/Donors.js

@@ -1,24 +1,27 @@
 import React from 'react';
 import Link from 'next/link'
+import { useTranslation } from 'next-i18next';
 
 const ClickHandler = () => {
     window.scrollTo(10, 0);
 }
 
 const Donors = () => {
-
+    const { t } = useTranslation("aboutDonor");
     return (
         <section className="wpo-donors-section section-padding3">
             <div className="container">
                 <div className="wpo-donors-wrap">
                     <div className="row align-items-center">
                         <div className="col-lg-6">
-                            <h2>Ready to take the first step toward your American future?</h2>
+                            <h2>{t("title")}</h2>
                         </div>
                         <div className="col-lg-6">
                             <div className="donors-btn">
                                 {/* <Link onClick={ClickHandler} href="/donate">Free Consultation</Link> */}
-                                <Link onClick={ClickHandler} href="/contact">Call us Today</Link>
+                                <Link onClick={ClickHandler} href="/contact">
+                                    {t("button")}
+                                </Link>
                             </div>
                         </div>
                     </div>

components/aboutPage/SevicesSection.js

@@ -5,6 +5,7 @@ import "slick-carousel/slick/slick-theme.css";
 import Link from 'next/link'
 import SectionTitle from "../SectionTitle/SectionTitle";
 import { MissionVision } from "../../utils/constant.utils";
+import { useTranslation } from 'next-i18next';
 
 
 const settings = {
@@ -64,22 +65,23 @@ const ClickHandler = () => {
 }
 
 const ServicesSection = (props) => {
+    const { t } = useTranslation("aboutService");
     return (
         <section className={`wpo-service-section section-padding3  ${props.sClass}`}>
             <div className="container">
-                <SectionTitle subTitle={'OUR COMMITMENT'} Title={'Creating Pathways to the American Dream!'}/>
+                <SectionTitle subTitle={t("section.subTitle")}
+                    Title={t("section.title")} />
                 <div className="row-grid wpo-service-slider">
                     <Slider {...settings}>
-                        {MissionVision.map((service, srv) => (
-                            <div className="grid" key={srv}>
+                        {MissionVision.map((service, i) => (
+                            <div className="grid" key={service.Id}>
                                 <div className="wpo-service-item">
                                     <div className="wpo-service-text">
                                         <div className="service-icon">
-                                             <img src={service.icon} alt={service.sTitle} />
+                                            <img src={service.icon} alt={t(`services.${i}.title`)} />
                                         </div>
-                                        {/* <h2><Link onClick={ClickHandler} href={'/service-single/[slug]'} as={`/service-single/${service.slug}`}>{service.sTitle}</Link></h2> */}
-                                        <h2 className="text-white">{service.sTitle}</h2>
-                                        <p>{service.description}</p>
+                                        <h2 className="text-white">{t(`services.${i}.title`)}</h2>
+                                        <p>{t(`services.${i}.description`)}</p>
                                     </div>
                                 </div>
                             </div>

components/aboutPage/TestimonialSection.js

@@ -2,8 +2,10 @@ import React from 'react';
 import sign from '/public/images/signeture.png';
 import Image from 'next/image';
 import Link from 'next/link';
+import { useTranslation } from 'next-i18next';
 
 const TestimonialSection = (props) => {
+    const { t } = useTranslation("aboutMission");
     return (
         <section className={`wpo-about-section no-padding ${props.abClass}`}>
             <div className="container">
@@ -21,15 +23,13 @@ const TestimonialSection = (props) => {
                         <div className="col-lg-6 col-md-12 col-12 order-1 order-lg-1">
                             <div className="wpo-about-text">
                                 <div className="wpo-section-title">
-                                    <span>Our Mission</span>
-                                    <h2>Transforming Immigration Through Advocacy</h2>
+                                    <span>{t("sectionTitle.subTitle")}</span>
+                                    <h2>{t("sectionTitle.title")}</h2>
                                 </div>
-                                <p>
-                                    At Janahan law, our mission extends far beyond legal representation - we are dedicated to transforming the immigration experience through compassionate advocacy, strategic excellence, and unwavering commitment to justice. For many years, we have been a trusted source of support for individuals and families navigating the complexities of U.S. immigration law.
-                                </p>
+                                <p>{t("paragraph")}</p>
                             </div>
                             <div className="close-form mt-5 mb-5">
-                                <Link className="theme-btn" href="/about/our-mission"><span className="text">Know More</span>
+                                <Link className="theme-btn" href="/about/our-mission"><span className="text">{t("button")}</span>
                                 </Link>
                             </div>
                         </div>

components/aboutPage/TestimonialSection2.js

@@ -2,8 +2,10 @@ import React from 'react';
 import sign from '/public/images/signeture.png';
 import Image from 'next/image';
 import Link from 'next/link';
+import { useTranslation } from 'next-i18next';
 
 const TestimonialSection2 = (props) => {
+    const { t } = useTranslation("aboutRacial");
     return (
         <section className={`wpo-about-section section-padding3 ${props.abClass}`}>
             <div className="container">
@@ -14,15 +16,13 @@ const TestimonialSection2 = (props) => {
                         <div className="col-lg-6 col-md-12 col-12 order-1 order-lg-2 mb-5">
                             <div className="wpo-about-text">
                                 <div className="wpo-section-title">
-                                    <span>Racial Justice</span>
-                                    <h2>Championing Equal Immigration Rights</h2>
+                                    <span>{t("sectionTitle.subTitle")}</span>
+                                     <h2>{t("sectionTitle.title")}</h2>
                                 </div>
-                                <p>
-                                    At Janahan law, we recognize that the pursuit of justice in immigration law cannot be separated from the fight against racial discrimination and systemic bias. For many years, we have seen how racial bias can impact immigration decisions, influencing processes such as consular interviews and court proceedings, and disproportionately affecting families from certain countries and communities.
-                                </p>
+                                <p>{t("paragraph")}</p>
                             </div>
                             <div className="close-form mt-5">
-                                <Link className="theme-btn" href="/about/racial-justice"><span className="text">Know More</span>
+                                <Link className="theme-btn" href="/about/racial-justice"> <span className="text">{t("button")}</span>
                                 </Link>
                             </div>
 

next-i18next.config.js

@@ -4,7 +4,7 @@ module.exports = {
         locales: ['en', 'es'],
         localeDetection: false,
     },
-    ns: ['common', 'menu', 'homeHero'],
+    ns: ['common', 'menu', 'homeHero' ,'ourStory', 'aboutService', 'aboutMission', 'aboutRacial', 'aboutDonor'],
     defaultNS: 'common',
     //   localePath: './public/locales',
 };

package-lock.json

@@ -1,5 +1,5 @@
 {
-  "name": "politian",
+  "name": "janahan-law",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {

pages/about/index.js

@@ -20,8 +20,8 @@ import TeamsSection from '../../components/aboutPage/TeamSection';
 import TestimonialSection from '../../components/aboutPage/TestimonialSection';
 import TestimonialSection2 from '../../components/aboutPage/TestimonialSection2';
 import bg from '/public/images/about/about-banner.webp'
-
 import { serverSideTranslations } from 'next-i18next/serverSideTranslations';
+
 const AboutPage = () => {
     return (
         <Fragment>
@@ -48,7 +48,7 @@ export default AboutPage;
 export async function getStaticProps({ locale }) {
     return {
         props: {
-            ...(await serverSideTranslations(locale, ['common', 'menu'])), // Add 'home', 'footer', etc. if needed
+            ...(await serverSideTranslations(locale, ['common', 'menu', 'ourStory', 'aboutService', 'aboutMission', 'aboutRacial', 'aboutDonor'])), // Add 'home', 'footer', etc. if needed
         },
     };
 }

public/locales/en/aboutDonor.json

@@ -0,0 +1,4 @@
+{
+  "title": "Ready to take the first step toward your American future?",
+  "button": "Call us Today"
+}

public/locales/en/aboutMission.json

@@ -0,0 +1,8 @@
+{
+  "sectionTitle": {
+    "subTitle": "Our Mission",
+    "title": "Transforming Immigration Through Advocacy"
+  },
+  "paragraph": "At Janahan law, our mission extends far beyond legal representation - we are dedicated to transforming the immigration experience through compassionate advocacy, strategic excellence, and unwavering commitment to justice. For many years, we have been a trusted source of support for individuals and families navigating the complexities of U.S. immigration law.",
+  "button": "Know More"
+}

public/locales/en/aboutRacial.json

@@ -0,0 +1,8 @@
+{
+  "sectionTitle": {
+    "subTitle": "Racial Justice",
+    "title": "Championing Equal Immigration Rights"
+  },
+  "paragraph": "At Janahan law, we recognize that the pursuit of justice in immigration law cannot be separated from the fight against racial discrimination and systemic bias. For many years, we have seen how racial bias can impact immigration decisions, influencing processes such as consular interviews and court proceedings, and disproportionately affecting families from certain countries and communities.",
+  "button": "Know More"
+}

public/locales/en/aboutService.json

@@ -0,0 +1,40 @@
+{
+  "section": {
+    "subTitle": "OUR COMMITMENT",
+    "title": "Creating Pathways to the American Dream!"
+  },
+  "services": [
+    {
+      "title": "Leading Legal Establishment",
+      "description": "Our practice sets the standard for immigration law excellence, with a track record of successful cases spanning over two decades."
+    },
+    {
+      "title": "Employment & Visa Solutions",
+      "description": "We specialize in work visas, employment-based green cards, and helping professionals achieve their career goals in America."
+    },
+    {
+      "title": "Recognized Legal Excellence",
+      "description": "Our attorneys are recognized leaders in immigration law, with awards and peer recognition for outstanding service."
+    },
+    {
+      "title": "Comprehensive Client Support",
+      "description": "From initial consultation to final approval, we provide complete support throughout your entire immigration journey."
+    },
+    {
+      "title": "Leading Legal Establishment",
+      "description": "Our practice sets the standard for immigration law excellence, with a track record of successful cases spanning over two decades."
+    },
+    {
+      "title": "Employment & Visa Solutions",
+      "description": "We specialize in work visas, employment-based green cards, and helping professionals achieve their career goals in America."
+    },
+    {
+      "title": "Recognized Legal Excellence",
+      "description": "Our attorneys are recognized leaders in immigration law, with awards and peer recognition for outstanding service."
+    },
+    {
+      "title": "Comprehensive Client Support",
+      "description": "From initial consultation to final approval, we provide complete support throughout your entire immigration journey."
+    }
+  ]
+}

public/locales/en/ourStory.json

@@ -0,0 +1,9 @@
+{
+  "about": {
+    "title": "Our Story",
+    "heading": "Building Your American Dream.",
+    "paragraph1": "For many years, Janhanlaw has been more than just a law office - we’ve served as a guiding light for families pursuing their dreams. Founded on the principle that every person deserves expert legal representation regardless of their background, we've dedicated our careers to navigating the complex world of immigration law.",
+    "paragraph2": "Our team combines deep legal expertise with genuine compassion, understanding that behind every case is a real person with real dreams. We've successfully helped families reunite, professionals advance their careers, and individuals find safety and protection in America.",
+    "quote": "“More than a law office, we are a guiding light for families pursuing their dreams.”"
+  }
+}

public/locales/es/aboutDonor.json

@@ -0,0 +1,4 @@
+{
+  "title": "¿Listo para dar el primer paso hacia tu futuro en Estados Unidos?",
+  "button": "Llámanos Hoy"
+}

public/locales/es/aboutMission.json

@@ -0,0 +1,8 @@
+{
+  "sectionTitle": {
+    "subTitle": "Nuestra Misión",
+    "title": "Transformando la Inmigración a Través de la Defensa"
+  },
+  "paragraph": "En Janahan Law, nuestra misión va mucho más allá de la representación legal: estamos dedicados a transformar la experiencia migratoria mediante una defensa compasiva, una excelencia estratégica y un compromiso inquebrantable con la justicia. Durante muchos años, hemos sido una fuente confiable de apoyo para individuos y familias que navegan las complejidades de la ley de inmigración de los Estados Unidos.",
+  "button": "Saber Más"
+}

public/locales/es/aboutRacial.json

@@ -0,0 +1,8 @@
+{
+  "sectionTitle": {
+    "subTitle": "Justicia Racial",
+    "title": "Defendiendo la Igualdad de Derechos Migratorios"
+  },
+  "paragraph": "En Janahan Law, reconocemos que la búsqueda de la justicia en el derecho migratorio no puede separarse de la lucha contra la discriminación racial y el sesgo sistémico. Durante muchos años, hemos visto cómo los prejuicios raciales pueden afectar las decisiones migratorias, influyendo en procesos como entrevistas consulares y procedimientos judiciales, y afectando de manera desproporcionada a familias de ciertos países y comunidades.",
+  "button": "Saber Más"
+}

public/locales/es/aboutService.json

@@ -0,0 +1,40 @@
+{
+  "section": {
+    "subTitle": "NUESTRO COMPROMISO",
+    "title": "¡Creando caminos hacia el Sueño Americano!"
+  },
+  "services": [
+    {
+      "title": "Establecimiento Jurídico Líder",
+      "description": "Nuestra práctica establece el estándar de excelencia en la ley de inmigración, con un historial de casos exitosos durante más de dos décadas."
+    },
+    {
+      "title": "Soluciones de Empleo y Visas",
+      "description": "Nos especializamos en visas de trabajo, tarjetas de residencia basadas en empleo y en ayudar a los profesionales a alcanzar sus metas en Estados Unidos."
+    },
+    {
+      "title": "Excelencia Jurídica Reconocida",
+      "description": "Nuestros abogados son líderes reconocidos en la ley de inmigración, con premios y reconocimiento de colegas por su destacado servicio."
+    },
+    {
+      "title": "Apoyo Integral al Cliente",
+      "description": "Desde la consulta inicial hasta la aprobación final, brindamos apoyo completo en todo su proceso migratorio."
+    },
+    {
+      "title": "Establecimiento Jurídico Líder",
+      "description": "Nuestra práctica establece el estándar de excelencia en la ley de inmigración, con un historial de casos exitosos durante más de dos décadas."
+    },
+    {
+      "title": "Soluciones de Empleo y Visas",
+      "description": "Nos especializamos en visas de trabajo, tarjetas de residencia basadas en empleo y en ayudar a los profesionales a alcanzar sus metas en Estados Unidos."
+    },
+    {
+      "title": "Excelencia Jurídica Reconocida",
+      "description": "Nuestros abogados son líderes reconocidos en la ley de inmigración, con premios y reconocimiento de colegas por su destacado servicio."
+    },
+    {
+      "title": "Apoyo Integral al Cliente",
+      "description": "Desde la consulta inicial hasta la aprobación final, brindamos apoyo completo en todo su proceso migratorio."
+    }
+  ]
+}

public/locales/es/ourStory.json

@@ -0,0 +1,9 @@
+{
+  "about": {
+    "title": "Nuestra Historia",
+    "heading": "Construyendo tu Sueño Americano.",
+    "paragraph1": "Durante muchos años, Janhanlaw ha sido más que una oficina de abogados: hemos servido como una luz guía para las familias que persiguen sus sueños. Fundados en el principio de que toda persona merece representación legal experta sin importar su origen, hemos dedicado nuestras carreras a navegar el complejo mundo de la ley de inmigración.",
+    "paragraph2": "Nuestro equipo combina una profunda experiencia legal con una compasión genuina, entendiendo que detrás de cada caso hay una persona real con sueños reales. Hemos ayudado con éxito a familias a reunirse, a profesionales a avanzar en sus carreras y a individuos a encontrar seguridad y protección en América.",
+    "quote": "“Más que una oficina de abogados, somos una luz guía para las familias que persiguen sus sueños.”"
+  }
+}

utils/constant.utils.js

@@ -165,99 +165,43 @@ export const TabServices = [
 export const MissionVision = [
   {
     Id: '1',
-    sImgS: sImgS1,
-    sTitle: 'Leading Legal Establishment',
     slug: 'leading-legal-establishment',
-    description: 'Our practice sets the standard for immigration law excellence, with a track record of successful cases spanning over two decades.',
-    des2: 'Lacus, etiam sed est eu tempus need Temer diam congue laoret .',
-    des3: 'One way to categorize the activities is in terms of the professional’s area of expertise such as competitive analysis, corporate strategy the activities',
     icon: '/images/about/legal.webp',
-    ssImg1: sSingleimg1,
-    ssImg2: sSingleimg2,
   },
   {
     Id: '2',
-    sImgS: sImgS2,
-    sTitle: 'Employment & Visa Solutions',
     slug: 'employment-visa-solutions',
-    description: 'We specialize in work visas, employment-based green cards, and helping professionals achieve their career goals in America.',
-    des2: 'Lacus, etiam sed est eu tempus need Temer diam congue laoret .',
-    des3: 'One way to categorize the activities is in terms of the professional’s area of expertise such as competitive analysis, corporate strategy the activities',
     icon: '/images/about/employment.webp',
-    ssImg1: sSingleimg1,
-    ssImg2: sSingleimg2,
   },
   {
     Id: '3',
-    sImgS: sImgS3,
-    sTitle: 'Recognized Legal Excellence',
     slug: 'recognized-legal-excellence',
-    description: 'Our attorneys are recognized leaders in immigration law, with awards and peer recognition for outstanding service.',
-    des2: 'Lacus, etiam sed est eu tempus need Temer diam congue laoret .',
-    des3: 'One way to categorize the activities is in terms of the professional’s area of expertise such as competitive analysis, corporate strategy the activities',
     icon: '/images/about/recognized.webp',
-    ssImg1: sSingleimg1,
-    ssImg2: sSingleimg2,
   },
   {
     Id: '4',
-    sImgS: sImgS4,
-    sTitle: 'Comprehensive Client Support',
     slug: 'comprehensive-client-support',
-    description: 'From initial consultation to final approval, we provide complete support throughout your entire immigration journey.',
-    des2: 'Lacus, etiam sed est eu tempus need Temer diam congue laoret .',
-    des3: 'One way to categorize the activities is in terms of the professional’s area of expertise such as competitive analysis, corporate strategy the activities',
     icon: '/images/about/comprehensive.webp',
-    ssImg1: sSingleimg1,
-    ssImg2: sSingleimg2,
   },
   {
     Id: '1',
-    sImgS: sImgS1,
-    sTitle: 'Leading Legal Establishment',
     slug: 'leading-legal-establishment',
-    description: 'Our practice sets the standard for immigration law excellence, with a track record of successful cases spanning over two decades.',
-    des2: 'Lacus, etiam sed est eu tempus need Temer diam congue laoret .',
-    des3: 'One way to categorize the activities is in terms of the professional’s area of expertise such as competitive analysis, corporate strategy the activities',
     icon: '/images/about/legal.webp',
-    ssImg1: sSingleimg1,
-    ssImg2: sSingleimg2,
   },
   {
     Id: '2',
-    sImgS: sImgS2,
-    sTitle: 'Employment & Visa Solutions',
     slug: 'employment-visa-solutions',
-    description: 'We specialize in work visas, employment-based green cards, and helping professionals achieve their career goals in America.',
-    des2: 'Lacus, etiam sed est eu tempus need Temer diam congue laoret .',
-    des3: 'One way to categorize the activities is in terms of the professional’s area of expertise such as competitive analysis, corporate strategy the activities',
     icon: '/images/about/employment.webp',
-    ssImg1: sSingleimg1,
-    ssImg2: sSingleimg2,
   },
   {
     Id: '3',
-    sImgS: sImgS3,
-    sTitle: 'Recognized Legal Excellence',
     slug: 'recognized-legal-excellence',
-    description: 'Our attorneys are recognized leaders in immigration law, with awards and peer recognition for outstanding service.',
-    des2: 'Lacus, etiam sed est eu tempus need Temer diam congue laoret .',
-    des3: 'One way to categorize the activities is in terms of the professional’s area of expertise such as competitive analysis, corporate strategy the activities',
     icon: '/images/about/recognized.webp',
-    ssImg1: sSingleimg1,
-    ssImg2: sSingleimg2,
   },
   {
     Id: '4',
-    sImgS: sImgS4,
-    sTitle: 'Comprehensive Client Support',
     slug: 'comprehensive-client-support',
-    description: 'From initial consultation to final approval, we provide complete support throughout your entire immigration journey.',
-    des2: 'Lacus, etiam sed est eu tempus need Temer diam congue laoret .',
-    des3: 'One way to categorize the activities is in terms of the professional’s area of expertise such as competitive analysis, corporate strategy the activities',
     icon: '/images/about/comprehensive.webp',
-    ssImg1: sSingleimg1,
-    ssImg2: sSingleimg2,
   },
 ]