next i18 added to all components for ns array

api/blogs.js

@@ -20,11 +20,10 @@ const blogs = [
         description: `
                 <p>Recent policy changes affect thousands of immigrants. Learn how temporary protected status updates may impact your case and what actions to take.
                 Temporary Protected Status (TPS) has undergone significant changes in 2025, creating both opportunities and challenges for immigrants from affected countries. Understanding these developments is crucial if you currently hold TPS or believe you may be eligible for protection.
-                TPS provides temporary relief from deportation and work authorization for individuals from countries experiencing armed conflict, natural disasters, or extraordinary circumstances. This humanitarian program has protected over 1.1 million people from 17 countries, allowing them to build lives and contribute to American communities.
+                TPS provides temporary relief from deportation and work authorization for individuals from countries experiencing armed conflict, natural disasters, or extraordinary circumstances. This humanitarian program has provided crucial support to individuals from around the world, helping them build new lives and positively contribute to American communities.
                 </p>
                 <h3> Major TPS Changes in 2025</h3>
-                <p>The current administration has made sweeping changes to TPS designations. Several countries have lost protection, including Venezuela (affecting 472,000 people), Afghanistan (76,000 individuals), and Honduras and Nicaragua (combined 80,000 people). These terminations don't take effect immediately but include 18-month phase-out periods.
-                Meanwhile, other countries maintain their designations. Ukraine's TPS continues through December 2025 due to ongoing war, Haiti's protection extends through February 2026, and Syria maintains status through September 2025.
+                <p>Recent changes to Temporary Protected Status (TPS) designations have affected several countries, with some losing protection while others continue to be covered. Certain nations are experiencing phased-out TPS protections over a transition period, while others maintain their status due to ongoing circumstances. Extensions have been granted to some countries to allow continued protection for affected individuals during these times.
                 </p>
                 <blockquote>
                     "TPS changes don't just affect paperwork - they affect families, communities, and the futures that people have worked so hard to build in America. Every case requires immediate attention and strategic planning."
@@ -66,7 +65,7 @@ const blogs = [
         screens: blogImg2,
         description: `
                 <p>The annual H-1B lottery approaches. Our comprehensive guide helps employers and workers navigate the process and improve selection odds.</p>
-                <p>H-1B season for fiscal year 2026 ,registration closed in March 2025. With over 400,000 applications competing for just 85,000 slots, strategic preparation is essential for the roughly 20% selection rate.</p>
+                <p>The H-1B registration period for the fiscal year 2026 closed recently, with a high number of applications competing for a limited number of available slots. Given the competitive selection rate, careful and strategic preparation is crucial for applicants.</p>
                 <p>The competition has intensified with stricter wage requirements and increased scrutiny of specialty occupation claims. USCIS continues issuing detailed Requests for Evidence, and processing times have extended significantly - premium processing now takes up to 45 days.</p>
                 <p>Document specialty occupation requirements clearly. USCIS scrutinizes whether positions truly require specialized knowledge and specific degrees. Develop detailed job descriptions showing complex duties and industry-specific requirements.</p>
 
@@ -116,9 +115,7 @@ Consider backup options like O-1, L-1, or TN status if not selected.
         bannerImg: bannerImg3,
         screens: blogImg3,
         description: `
-                <p>While family preference categories face delays, discover alternative pathways to reunite with loved ones and expedite your case.
-Family immigration backlogs have reached crisis levels, with some categories showing 20+ year wait times. F1 category from Philippines faces 12-year delays, while F4 from Mexico shows 23-year backlogs. These delays stem from annual caps of just 226,000 visas against overwhelming demand.
-However, strategic planning can dramatically reduce separation time through alternative pathways that many families don't know exist.
+                <p>While family preference categories face delays, discover alternative pathways to reunite with loved ones and expedite your case. Family immigration faces significant backlog challenges, with some categories experiencing extremely long wait times. Limited annual visa caps compared to high demand have resulted in extended delays for various applicant groups.
 </p>
 
                <h3>Immediate Relative Strategy</h3>
@@ -183,3 +180,7 @@ This article provides general information only. Consult qualified immigration co
 ];
 
 export default blogs;
+
+
+
+

api/service.js

@@ -38,9 +38,9 @@ const Services = [
     {
         Id: '1',
         sImgS: sImgS1,
-        sTitle: 'Family Immigration',
+        sTitle: 'familyImmigration.sTitle',
         slug: 'family-immigration',
-        description: 'Reunite with loved ones via green cards, fiancé visas, and petitions from filing to processing.',
+        description: 'familyImmigration.description',
         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',
         iconImg: iconImg1,
         ssImg1: sSingleimg1,
@@ -49,9 +49,9 @@ const Services = [
     {
         Id: '2',
         sImgS: sImgS2,
-        sTitle: 'Employment Visas',
+        sTitle: 'employmentVisas.sTitle',
         slug: 'employment-visas',
-        description: 'Build your U.S. career with H-1B, L-1, O-1, EB visas, expert support for professionals, investors.',
+        description: 'employmentVisas.description',
         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',
         iconImg: iconImg2,
@@ -61,9 +61,9 @@ const Services = [
     {
         Id: '3',
         sImgS: sImgS3,
-        sTitle: 'Deportation Defense',
+        sTitle: 'deportationDefense.sTitle',
         slug: 'deportation-defense',
-        description: 'Protect your stay with removal cancellation, asylum claims, and strong representation.',
+        description: 'deportationDefense.description',
         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',
         iconImg: iconImg3,
@@ -73,9 +73,9 @@ const Services = [
     {
         Id: '4',
         sImgS: sImgS4,
-        sTitle: 'Citizenship Services',
+        sTitle: 'citizenship.sTitle',
         slug: 'citizenship-services',
-        description: 'Achieve citizenship with naturalization help, test, and guidance on residency requirements.',
+        description: 'citizenship.description',
         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',
         iconImg: iconImg4,

components/BlogList/BlogList.js

@@ -3,40 +3,63 @@ import blogs from '../../api/blogs'
 import Link from "next/link";
 import SectionTitle from "../SectionTitle/SectionTitle";
 import Image from "next/image";
-
+import blog from "../../utils/constant.utils";
+import { useTranslation } from 'next-i18next';
 
 const ClickHandler = () => {
     window.scrollTo(10, 0);
 }
 
 const BlogSection = () => {
+    const { t } = useTranslation('blog');
     return (
         <section className="wpo-blog-section section-padding" id="blog">
             <div className="container">
                 <div className="wpo-blog-items">
                     <div className="row">
-                        {blogs.map((blog, bl) => (
-                            <div className="col col-lg-4 col-md-6 col-12" key={bl}>
-                                <div className="wpo-blog-item">
-                                    <div className="wpo-blog-img">
-                                        <Image src={blog.screens} alt="" />
-                                    </div>
-                                    <div className="wpo-blog-content">
-                                        {/* <ul>
-                                            <li><a href="blog-single.html">{blog.create_at}</a></li>
-                                            <li>by: <Link onClick={ClickHandler} href={'/blog-single/[slug]'} as={`/blog-single/${blog.slug}`}>{blog.authorTitle}</Link></li>
-                                        </ul> */}
-                                        <h2><Link onClick={ClickHandler} href={'/blog-single/[slug]'} as={`/blog-single/${blog.slug}`}>{blog.title}</Link></h2>
-                                        <div className="entry-details">
-                                            <p>
-                                                {blog.para}
-                                            </p>
-                                            <Link className="more" onClick={ClickHandler} href={'/blog-single/[slug]'} as={`/blog-single/${blog.slug}`}>Know More</Link>
+                        {blog.map((blog) => {
+                            const blogTexts = t(`posts.${blog.slug}`, { returnObjects: true });
+                            return (
+                                <div className="col col-lg-4 col-md-6 col-12" key={blog.id}>
+                                    <div className="wpo-blog-item">
+                                        <div className="wpo-blog-img">
+                                            <Image src={blog.screens} alt={blogTexts.title} />
+                                        </div>
+                                        <div className="wpo-blog-content">
+                                            <h2>
+                                                <Link
+                                                    onClick={ClickHandler}
+                                                    href={'/blog/[slug]'}
+                                                    as={`/blog/${blog.slug}`}
+                                                >
+                                                    {blogTexts.title}
+                                                </Link>
+                                            </h2>
+                                            <div className="entry-details">
+                                                <p
+                                                    dangerouslySetInnerHTML={{
+                                                        __html:
+                                                            blogTexts.description?.length > 100
+                                                                ? blogTexts.description.substring(0, 100) + '...'
+                                                                : blogTexts.description,
+                                                    }}
+                                                ></p>
+
+
+                                                <Link
+                                                    className="more"
+                                                    onClick={ClickHandler}
+                                                    href={'/blog/[slug]'}
+                                                    as={`/blog/${blog.slug}`}
+                                                >
+                                                    {t('knowMore')}
+                                                </Link>
+                                            </div>
                                         </div>
                                     </div>
                                 </div>
-                            </div>
-                        ))}
+                            );
+                        })}
                     </div>
                 </div>
             </div>

components/BlogSection/BlogSection.js

@@ -1,48 +1,73 @@
 import React from "react";
-import blogs from '../../api/blogs'
+import blogs from '../../api/blogs';
 import Link from "next/link";
 import SectionTitle from "../SectionTitle/SectionTitle";
 import Image from "next/image";
+import { useTranslation } from 'next-i18next';
+import blog from "../../utils/constant.utils";
 
-
-const ClickHandler = () => {
-    window.scrollTo(10, 0);
-}
+const ClickHandler = () => window.scrollTo(10, 0);
 
 const BlogSection = () => {
+    const { t } = useTranslation('blog');
+
     return (
         <section className="wpo-blog-section section-padding" id="blog">
             <div className="container">
-                <SectionTitle subTitle={'Our Blog'} Title={'Latest News & Press'} />
+                <SectionTitle
+                    subTitle={t('sectionSubTitle')}
+                    Title={t('sectionTitle')}
+                />
                 <div className="wpo-blog-items">
                     <div className="row">
-                        {blogs.map((blog, bl) => (
-                            <div className="col col-lg-4 col-md-6 col-12" key={bl}>
-                                <div className="wpo-blog-item">
-                                    <div className="wpo-blog-img">
-                                        <Image src={blog.screens} alt="" />
-                                    </div>
-                                    <div className="wpo-blog-content">
-                                        {/* <ul>
-                                            <li><a href="blog-single.html">{blog.create_at}</a></li>
-                                            <li>by: <Link onClick={ClickHandler} href={'/blog-single/[slug]'} as={`/blog-single/${blog.slug}`}>{blog.authorTitle}</Link></li>
-                                        </ul> */}
-                                        <h2><Link onClick={ClickHandler} href={'/blog-single/[slug]'} as={`/blog-single/${blog.slug}`}>{blog.title}</Link></h2>
-                                        <div className="entry-details">
-                                            <p>
-                                                {blog.para}
-                                            </p>
-                                            <Link className="more" onClick={ClickHandler} href={'/blog-single/[slug]'} as={`/blog-single/${blog.slug}`}>Know More</Link>
+                        {blog.map((blog) => {
+                            const blogTexts = t(`posts.${blog.slug}`, { returnObjects: true });
+                            return (
+                                <div className="col col-lg-4 col-md-6 col-12" key={blog.id}>
+                                    <div className="wpo-blog-item">
+                                        <div className="wpo-blog-img">
+                                            <Image src={blog.screens} alt={blogTexts.title} />
+                                        </div>
+                                        <div className="wpo-blog-content">
+                                            <h2>
+                                                <Link
+                                                    onClick={ClickHandler}
+                                                    href={'/blog/[slug]'}
+                                                    as={`/blog/${blog.slug}`}
+                                                >
+                                                    {blogTexts.title}
+                                                </Link>
+                                            </h2>
+                                            <div className="entry-details">
+                                                <p
+                                                    dangerouslySetInnerHTML={{
+                                                        __html:
+                                                            blogTexts.description.length > 100
+                                                                ? blogTexts.description.substring(0, 100) + '...'
+                                                                : blogTexts.description,
+                                                    }}
+                                                ></p>
+
+
+                                                <Link
+                                                    className="more"
+                                                    onClick={ClickHandler}
+                                                    href={'/blog/[slug]'}
+                                                    as={`/blog/${blog.slug}`}
+                                                >
+                                                    {t('knowMore')}
+                                                </Link>
+                                            </div>
                                         </div>
                                     </div>
                                 </div>
-                            </div>
-                        ))}
+                            );
+                        })}
                     </div>
                 </div>
             </div>
         </section>
     );
-}
+};
 
-export default BlogSection;
+export default BlogSection;

components/ContactFrom/ContactForm.js

@@ -3,8 +3,11 @@ import React, { useState, useRef } from "react";
 import SimpleReactValidator from "simple-react-validator";
 import ReCAPTCHA from "react-google-recaptcha";
 import axios from "axios";
+import { useTranslation } from 'next-i18next';
 
 const ContactForm = () => {
+  const { t } = useTranslation("contact");
+  const subjectOptions = t("form.subjectOptions", { returnObjects: true });
   const [forms, setForms] = useState({
     name: "",
     email: "",
@@ -64,7 +67,7 @@ const ContactForm = () => {
           { headers: { "Content-Type": "application/json" } }
         );
 
-        alert(response?.data?.message || "Message sent successfully!");
+        alert(t("form.successMessage"));
 
         setForms({
           name: "",
@@ -84,7 +87,7 @@ const ContactForm = () => {
         }
         setRecaptchaToken(null);
       } catch (err) {
-        alert("Failed to send message. Please try again later.");
+        alert(t("form.failedMessage"));
       }
     } else {
       validator.showMessages();
@@ -103,9 +106,14 @@ const ContactForm = () => {
               name="name"
               onBlur={changeHandler}
               onChange={changeHandler}
-              placeholder="Your Name"
+              placeholder={t("form.namePlaceholder")}
             />
-            {validator.message("name", forms.name, "required|alpha_space")}
+            {validator.message(
+              "name",
+              forms.name,
+              "required|alpha_space",
+              { messages: { required: t("form.requiredMessages.name") } }
+            )}
           </div>
         </div>
 
@@ -117,9 +125,14 @@ const ContactForm = () => {
               name="email"
               onBlur={changeHandler}
               onChange={changeHandler}
-              placeholder="Your Email"
+              placeholder={t("form.emailPlaceholder")}
             />
-            {validator.message("email", forms.email, "required|email")}
+            {validator.message(
+              "email",
+              forms.email,
+              "required|email",
+              { messages: { required: t("form.requiredMessages.email") } }
+            )}
           </div>
         </div>
 
@@ -131,9 +144,14 @@ const ContactForm = () => {
               name="phone"
               onBlur={changeHandler}
               onChange={changeHandler}
-              placeholder="Your phone"
+              placeholder={t("form.phonePlaceholder")}
             />
-            {validator.message("phone", forms.phone, "required|phone")}
+            {validator.message(
+              "phone",
+              forms.phone,
+              "required|phone",
+              { messages: { required: t("form.requiredMessages.phone") } }
+            )}
           </div>
         </div>
 
@@ -145,26 +163,37 @@ const ContactForm = () => {
               value={forms.subject}
               name="subject"
             >
-              <option value="">Select Subject</option>
-              <option>River Development</option>
-              <option>Village Development</option>
-              <option>Road Development</option>
-              <option>Town Development</option>
-              <option>Social Development</option>
+              <option value="">{t("form.subjectPlaceholder")}</option>
+              {Array.isArray(subjectOptions) &&
+                subjectOptions.map((opt, idx) => (
+                  <option key={idx}>{opt}</option>
+                ))}
             </select>
-            {validator.message("subject", forms.subject, "required")}
+
+            {validator.message(
+              "subject",
+              forms.subject,
+              "required",
+              { messages: { required: t("form.requiredMessages.subject") } }
+            )}
           </div>
         </div>
 
+
         <div className="col col-lg-12 col-12">
           <textarea
             onBlur={changeHandler}
             onChange={changeHandler}
             value={forms.message}
             name="message"
-            placeholder="Message"
+            placeholder={t("form.messagePlaceholder")}
           ></textarea>
-          {validator.message("message", forms.message, "required")}
+          {validator.message(
+            "message",
+            forms.message,
+            "required",
+            { messages: { required: t("form.requiredMessages.message") } }
+          )}
         </div>
 
         <div className="col col-lg-12 col-12" style={{ marginTop: 12 }}>
@@ -178,7 +207,7 @@ const ContactForm = () => {
 
       <div className="submit-area" style={{ marginTop: 12 }}>
         <button type="submit" className="theme-btn">
-          Submit Now
+          {t("form.submitButton")}
         </button>
       </div>
     </form>

components/Contactpage/Contactpage.js

@@ -1,10 +1,11 @@
 import React from 'react';
 import ContactForm from '../ContactFrom/ContactForm'
+import { useTranslation } from 'next-i18next';
 
 
 const Contactpage = () => {
-
-    return(
+    const { t } = useTranslation("contact");
+    return (
         <section className="wpo-contact-pg-section section-padding">
             <div className="container">
                 <div className="row">
@@ -32,12 +33,11 @@ const Contactpage = () => {
                                             </div>
                                         </div>
                                         <div className="office-info-text">
-                                            <h2>Email Us</h2>
-                                            <p>info@janahanlaw.com</p>
-                                            {/* <p>helloyou@gmail.com</p> */}
+                                            <h2>{t("contactInfo.emailTitle")}</h2>
+                                            <p>{t("contactInfo.email")}</p>
                                         </div>
                                     </div>
-                                </div> 
+                                </div>
                                 <div className="col col-xl-6 col-lg-6 col-md-6 col-12">
                                     <div className="office-info-item">
                                         <div className="office-info-icon">
@@ -46,32 +46,31 @@ const Contactpage = () => {
                                             </div>
                                         </div>
                                         <div className="office-info-text">
-                                            <h2>Call Now</h2>
-                                            <p>+1 (305) 330-7413</p>
-                                            {/* <p>+1 800 123 654 987</p> */}
+                                            <h2>{t("contactInfo.callTitle")}</h2>
+                                            <p>{t("contactInfo.phone")}</p>
                                         </div>
                                     </div>
-                                </div> 
+                                </div>
                             </div>
                         </div>
                         <div className="wpo-contact-title">
-                            <h2>Have Any Question?</h2>
-                            <p>We’re here to help with all your U.S. immigration and legal needs — contact Janahan Law for trusted guidance today.</p>
+                            <h2>{t('contactInfo.questionTitle')}</h2>
+                            <p>{t('contactInfo.questionDesc')}</p>
                         </div>
                         <div className="wpo-contact-form-area">
-                            <ContactForm/>
+                            <ContactForm />
                         </div>
-                    </div>                
+                    </div>
                 </div>
-            </div> 
+            </div>
             {/* <section className="wpo-contact-map-section">
                 <div className="wpo-contact-map">
                     <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d193595.9147703055!2d-74.11976314309273!3d40.69740344223377!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c24fa5d33f083b%3A0xc80b8f06e177fe62!2sNew+York%2C+NY%2C+USA!5e0!3m2!1sen!2sbd!4v1547528325671"></iframe>
                 </div>
             </section> */}
         </section>
-     )
-        
+    )
+
 }
 
 export default Contactpage;

components/Donors/Donors.js

@@ -1,11 +1,13 @@
 import React from 'react';
-import Link from 'next/link'
+import Link from 'next/link';
+import { useTranslation } from 'next-i18next';
 
 const ClickHandler = () => {
     window.scrollTo(10, 0);
 }
 
 const Donors = () => {
+    const { t } = useTranslation('(home)/homeCalltoAction');
 
     return (
         <section className="wpo-donors-section no-padding">
@@ -13,12 +15,12 @@ const Donors = () => {
                 <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('donorsTitle')}</h2>
                         </div>
                         <div className="col-lg-6">
                             <div className="donors-btn">
                                 {/* <Link onClick={ClickHandler} href="/donate">$10 Donation</Link> */}
-                                <Link  href="/contact">Call us Today</Link>
+                                <Link href="/contact">{t('donorsButton')}</Link>
                             </div>
                         </div>
                     </div>
@@ -28,4 +30,4 @@ const Donors = () => {
     );
 }
 
-export default Donors;
+export default Donors;

components/Features/Features.js

@@ -6,7 +6,7 @@ import Link from 'next/link'
 import SectionTitle from "../SectionTitle/SectionTitle";
 import Services from '../../api/service'
 import Image from "next/image";
-
+import { useTranslation } from 'next-i18next';
 
 const settings = {
     dots: true,
@@ -65,6 +65,8 @@ const ClickHandler = () => {
 }
 
 const Features = (props) => {
+    const { t } = useTranslation('home4Card');
+
     return (
         <section className={`wpo-service-section section-padding ${props.sClass}`}>
             <div className="container">
@@ -75,21 +77,21 @@ const Features = (props) => {
                             <div className="grid" key={srv}>
                                 <div className="wpo-service-item">
                                     <div className="wpo-service-text">
-                                        
-                                          <div className="service-icon">
+
+                                        <div className="service-icon">
                                             <Image
                                                 src={service.iconImg}
-                                                alt={service.sTitle}
+                                                alt={t(service.sTitle)}
                                                 width={50}
                                                 height={50}
                                             />
                                         </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>
+                                        <h2 className="text-white">{t(service.sTitle)}</h2>
                                         <p>
-                                            {service.description.length > 100
-                                                ? service.description.slice(0, 100) + "..."
-                                                : service.description}
+                                            {t(service.description).length > 100
+                                                ? t(service.description).slice(0, 100) + "..."
+                                                : t(service.description)}
                                         </p>
                                     </div>
                                 </div>

components/FunFact/FunFact.js

@@ -35,7 +35,7 @@ const FunFact = (props) => {
                                     </div>
                                     <div className="grid">
                                         <div className="info">
-                                            <h3><span><CountUp end={25} enableScrollSpy /></span>yrs</h3>
+                                            <h3><span><CountUp end={5} enableScrollSpy /></span>+</h3>
                                             <p>Years Fighting for You</p>
                                         </div>
                                     </div>

components/HeaderTopbar/HeaderTopbar.js

@@ -1,45 +1,62 @@
+'use client'
+
 import React from 'react'
 import Link from 'next/link'
 import Logo from '/public/images/logo.png'
 import Image from 'next/image'
+import { useTranslation } from 'next-i18next'
 
 const HeaderTopbar = () => {
-    return (
-        <div className="topbar d-lg-block d-none">
-            <div className="container">
-                <div className="row align-items-center">
-                    <div className="col-lg-3 col-12 d-lg-block d-none">
-                        <Link className="navbar-brand" href="/"><Image src={Logo} alt=""/></Link>
-                    </div>
-                    <div className="col-lg-9 col-12">
-                        <div className="contact-info-wrap">
-                            <div className="contact-info">
-                                <div className="icon">
-                                    <i className="fi flaticon-phone-call"></i>
-                                </div>
-                                <div className="info-text">
-                                    <span>Call Us:</span>
-                                    <p>+1 (305) 330-7413</p>
-                                </div>
-                            </div>
-                            <div className="contact-info">
-                                <div className="icon">
-                                    <i className="fi flaticon-email"></i>
-                                </div>
-                                <div className="info-text">
-                                    <span>E-mail Now:</span>
-                                    <p>info@janahanlaw.com</p>
-                                </div>
-                            </div>
-                            <div className="contact-info">
-                                <Link className="theme-btn" href="/contact">Contact Us</Link>
-                            </div>
-                        </div>
-                    </div>
+  const { t } = useTranslation('common')
+
+
+  return (
+    <div className="topbar d-lg-block d-none">
+      <div className="container">
+        <div className="row align-items-center">
+          {/* Logo */}
+          <div className="col-lg-3 col-12 d-lg-block d-none">
+            <Link className="navbar-brand" href="/">
+              <Image src={Logo} alt="logo" />
+            </Link>
+          </div>
+
+          {/* Contact Info */}
+          <div className="col-lg-6 col-12">
+            <div className="contact-info-wrap">
+              <div className="contact-info">
+                <div className="icon">
+                  <i className="fi flaticon-phone-call"></i>
                 </div>
+                <div className="info-text">
+                  <span>{t('callUs')}</span>
+                  <p>+1 (305) 330-7413</p>
+                </div>
+              </div>
+              <div className="contact-info">
+                <div className="icon">
+                  <i className="fi flaticon-email"></i>
+                </div>
+                <div className="info-text">
+                  <span>{t('emailNow')}</span>
+                  <p>info@janahanlaw.com</p>
+                </div>
+              </div>
             </div>
+          </div>
+
+          {/* Contact Button */}
+          <div className="col-lg-3 col-12 d-flex justify-content-end align-items-center">
+            <div className="contact-info ms-3">
+              <Link className="theme-btn" href="/contact">
+                {t('contactUs')}
+              </Link>
+            </div>
+          </div>
         </div>
-    )
+      </div>
+    </div>
+  )
 }
 
-export default HeaderTopbar;
+export default HeaderTopbar

components/Navbar/Navbar.js

@@ -18,4 +18,4 @@ export default function Navbar2(props) {
         <Header2 hclass={props.hclass} Logo={props.Logo} topbarNone={props.topbarNone} />
     </div>
   ); 
-}
+}

components/ServiceSection/ServiceSection.js

@@ -6,6 +6,12 @@ import Link from 'next/link'
 import SectionTitle from "../SectionTitle/SectionTitle";
 import Services from '../../api/service'
 import { featuresData, homeFeature } from "../../utils/constant.utils";
+import { useTranslation } from "next-i18next";
+import iconImg1 from '/public/images/home/icons/strategic-planning.webp'
+import iconImg2 from '/public/images/home/icons/expert-preparation.webp'
+import iconImg3 from '/public/images/home/icons/ongoing-support.webp'
+
+const iconMap = [iconImg1, iconImg2, iconImg3];
 
 
 const settings = {
@@ -65,13 +71,19 @@ const ClickHandler = () => {
 }
 
 const ServiceSection = (props) => {
+    const { t } = useTranslation("(home)/homeFeature");
+    const features = t("features", { returnObjects: true });
+
     return (
         <section className={`wpo-features-s2 section-padding ${props.sClass}`}>
             <div className="container">
-                <SectionTitle subTitle={`STRENGTHENING AMERICA'S FUTURE`} Title={'How We Build Better Futures Together'} />
+                <SectionTitle
+                    subTitle={t("sectionSubTitle")}
+                    Title={t("sectionTitle")}
+                />
                 <div className="features-wrap">
                     <div className="row">
-                        {featuresData.map((feature, index) => (
+                        {features.map((feature, index) => (
                             <div className="col-lg-4 col-md-6 col-12" key={index}>
                                 <div className="feature-item">
                                     <div className="features-wrapper">
@@ -80,21 +92,18 @@ const ServiceSection = (props) => {
                                                 <div className="dots"></div>
                                             </div>
                                             <img
-                                            src={feature.img.src}
-                                            alt={`${feature.title} icon`}
-                                            className="feature-img"
-                                        />
+                                                src={iconMap[index].src}
+                                                alt={`${feature.title} icon`}
+                                                className="feature-img"
+                                            />
                                         </div>
                                         <div className="feature-text">
-                                            {/* <h2>
-                                                <Link onClick={ClickHandler} href={feature.link}>
-                                                    {feature.title}
-                                                </Link>
-                                            </h2> */}
-                                            <h2> {feature.title}</h2>
-                                            {feature.description.length > 100
-                                                ? feature.description.slice(0, 100) + "..."
-                                                : feature.description}
+                                            <h2>{feature.title}</h2>
+                                            <p>
+                                                {feature.description.length > 100
+                                                    ? feature.description.slice(0, 100) + "..."
+                                                    : feature.description}
+                                            </p>
                                         </div>
                                     </div>
                                 </div>
@@ -102,10 +111,9 @@ const ServiceSection = (props) => {
                         ))}
                     </div>
                 </div>
-
             </div>
         </section>
     );
-}
+};
 
 export default ServiceSection;

components/Testimonial/Testimonial.js

@@ -2,106 +2,69 @@ import React, { useState } from 'react';
 import Slider from "react-slick";
 import "slick-carousel/slick/slick.css";
 import "slick-carousel/slick/slick-theme.css";
-import ts1 from '/public/images/testimonial/1.png'
-import ts2 from '/public/images/testimonial/2.png'
-import ts3 from '/public/images/testimonial/3.png'
-
-import thumb1 from '/public/images/testimonial/thumb1.png'
-import thumb2 from '/public/images/testimonial/thumb2.png'
-import thumb3 from '/public/images/testimonial/thumb3.png'
 import Image from 'next/image';
-import testiImage from '/public/images/home/quotes.webp'
+import { useTranslation } from 'next-i18next';
 
+import ts1 from '/public/images/testimonial/1.png';
+import ts2 from '/public/images/testimonial/2.png';
+import ts3 from '/public/images/testimonial/3.png';
+import testiImage from '/public/images/home/quotes.webp';
 
-
-const testimonial = [
-    {
-        id: '01',
-        tImg: ts1,
-        thumbImg: thumb1,
-        Des: "Janahan Law turned my dream of living in the United States into reality. They handled every step of my green card process with precision and care, making a complex journey feel simple and stress-free. Today, my family and I are proud to call America our home.",
-        Title: 'Robert Willum',
-        Sub: "President of BPT",
-    },
-    {
-        id: '01',
-        tImg: ts2,
-        thumbImg: thumb2,
-        Des: "I had almost lost hope of bringing my spouse to the United States. Janahan Law not only explained every option clearly but also worked tirelessly to reunite us. Their dedication and expertise made the impossible possible, and now we’re building our life together in America.",
-        Title: 'Leslie Alexander',
-        Sub: "President of TBP",
-    },
-    {
-        id: '01',
-        tImg: ts3,
-        thumbImg: thumb3,
-        Des: "When I was facing the risk of deportation, I felt my whole world collapsing. Janahan Law stood by me like a lifeline — fighting for my case with unmatched dedication and compassion. Thanks to their expertise, I now have the security to build a future in the U.S. without fear.",
-        Title: 'David Joy',
-        Sub: "President of AML",
-    }
-]
+const images = [ts1, ts2, ts3];
 
 const Testimonial = (props) => {
+  const { t } = useTranslation('(home)/testimonial');
+  const [nav1, setNav1] = useState();
+  const [nav2, setNav2] = useState();
 
-    const [nav1, setNav1] = useState();
-    const [nav2, setNav2] = useState();
+  const testimonials = t('testimonials', { returnObjects: true });
 
-
-    return (
-        <section className={`wpo-testimonial-section section-padding  ${props.tmClass}`}>
-            <div className="container">
-                <div className="wpo-testimonial-wrap">
-                    <div className="row align-items-center">
-                        <div className="col-lg-6 col-12 order-lg-1 order-2">
-                            <div className="testimonial-left">
-                                <div className="testimonial-left-inner">
-                                    <div className="left-slide">
-
-                                        <div className="testimonial-img">
-                                            <Image src={testiImage} alt="" />
-                                        </div>
-
-                                    </div>
-                                    {/* <div className="shape-1"></div>
-                                    <div className="border-s1"></div>
-                                    <div className="border-s2"></div>
-                                    <div className="border-s3"></div> */}
-                                </div>
-                            </div>
-                        </div>
-                        <div className="col-lg-6 col-12 order-lg-1 order-1">
-                            <div className="wpo-testimonial-items">
-                                <div className="right-slide">
-                                    <Slider asNavFor={nav2} ref={(slider1) => setNav1(slider1)} dots={true} arrows={false}>
-                                        {
-                                            testimonial.map((tesmnl, tsm) => (
-                                                <div className="wpo-testimonial-item" key={tsm}>
-                                                    <div className="wpo-testimonial-text">
-                                                        <i className="fi flaticon-right-quote-sign"></i>
-                                                        <p>“{tesmnl.Des}”</p>
-                                                        {/* <div className="wpo-testimonial-text-btm">
-                                                            <div className="wpo-testimonial-text-btm-img">
-                                                                <Image src={tesmnl.thumbImg} alt="" />
-                                                            </div>
-                                                            <div className="wpo-testimonial-text-btm-info">
-                                                                <h3>{tesmnl.Title}</h3>
-                                                                <span>{tesmnl.Sub}</span>
-                                                            </div>
-                                                        </div> */}
-                                                    </div>
-                                                </div>
-                                            ))
-                                        }
-                                    </Slider>
-
-                                </div>
-                            </div>
-                        </div>
+  return (
+    <section className={`wpo-testimonial-section section-padding ${props.tmClass}`}>
+      <div className="container">
+        <div className="wpo-testimonial-wrap">
+          <div className="row align-items-center">
+            <div className="col-lg-6 col-12 order-lg-1 order-2">
+              <div className="testimonial-left">
+                <div className="testimonial-left-inner">
+                  <div className="left-slide">
+                    <div className="testimonial-img">
+                      <Image src={testiImage} alt="testimonial quote image" />
                     </div>
+                  </div>
                 </div>
+              </div>
             </div>
-        </section>
-    );
-}
+            <div className="col-lg-6 col-12 order-lg-1 order-1">
+              <div className="wpo-testimonial-items">
+                <div className="right-slide">
+                  <Slider asNavFor={nav2} ref={(slider1) => setNav1(slider1)} dots={true} arrows={false}>
+                    {testimonials.map((item, index) => (
+                      <div className="wpo-testimonial-item" key={index}>
+                        <div className="wpo-testimonial-text">
+                          <i className="fi flaticon-right-quote-sign"></i>
+                          <p>“{item.description}”</p>
+                          {/* <div className="wpo-testimonial-text-btm">
+                            <div className="wpo-testimonial-text-btm-img">
+                              <Image src={images[index]} alt={item.name} />
+                            </div>
+                            <div className="wpo-testimonial-text-btm-info">
+                              <h3>{item.name}</h3>
+                              <span>{item.position}</span>
+                            </div>
+                          </div> */}
+                        </div>
+                      </div>
+                    ))}
+                  </Slider>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </section>
+  );
+};
 
-export default Testimonial;
+export default Testimonial;

components/about/about.js

@@ -1,9 +1,16 @@
-import React from 'react'
-import sign from '/public/images/signeture.png'
+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 About = (props) => {
+    const { t } = useTranslation('(home)/homeAbout');
+
+    // Ensure paragraphs is an array to avoid runtime errors
+    const paragraphs = t('paragraphs', { returnObjects: true });
+    const paragraphList = Array.isArray(paragraphs) ? paragraphs : [];
+
     return (
         <section className={`wpo-about-section section-padding ${props.abClass}`}>
             <div className="container">
@@ -11,44 +18,7 @@ const About = (props) => {
                     <div className="row align-items-center">
                         <div className="col-lg-6 col-md-12 col-12 order-2 order-lg-1">
                             <div className="wpo-about-img">
-                                <Image src={props.introImg} alt="" />
-                                {/* <div className="wpo-about-img-text">
-                                    <h4>1998</h4>
-
-                                    <div className="rotate-text">
-                                        <span>W</span>
-                                        <span>e</span>
-                                        <span>A</span>
-                                        <span>r</span>
-                                        <span>e</span>
-                                        <span>W</span>
-                                        <span>o</span>
-                                        <span>r</span>
-                                        <span>k</span>
-                                        <span>i</span>
-                                        <span>n</span>
-                                        <span>g</span>
-                                        <span>F</span>
-                                        <span>o</span>
-                                        <span>r</span>
-                                        <span>Y</span>
-                                        <span>o</span>
-                                        <span>u</span>
-                                        <span>S</span>
-                                        <span>i</span>
-                                        <span>n</span>
-                                        <span>c</span>
-                                        <span>e</span>
-                                    </div>
-                                    <div className="dots">
-                                        <span></span>
-                                        <span></span>
-                                        <span></span>
-                                    </div>
-                                    <div className="border-shape-1"></div>
-                                    <div className="border-shape-2"></div>
-                                    <div className="border-shape-3"></div>
-                                </div> */}
+                                <Image src={props.introImg} alt="About image" />
                                 <div className="about-shape">
                                     <div className="shape-1"></div>
                                     <div className="shape-2"></div>
@@ -57,22 +27,25 @@ const About = (props) => {
                                 </div>
                             </div>
                         </div>
+
                         <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>Expert Immigration Guidance</span>
-                                    <h2>We Turn Immigration Challenges Into Success Stories</h2>
+                                    <span>{t('expertGuidance')}</span>
+                                    <h2>{t('mainTitle')}</h2>
                                 </div>
-                                <p>Every immigration case tells a unique story of hope, determination, and the pursuit of the American dream. At Janahan law, we understand that behind every petition, application, and legal document is a real person with real dreams.</p>
-                                <p>Our comprehensive approach combines decades of legal expertise with genuine care for our clients' futures. Whether you're seeking to reunite with family, advance your career, or find safety and protection in America, we provide the skilled advocacy and personal attention your case deserves.
-                                </p>
-                                <p>
-                                    From the initial consultation through the final approval, we stand with you every step of the way, ensuring no detail is overlooked and no opportunity is missed.
-                                </p>
+
+                                {paragraphList.map((para, index) => (
+                                    <p key={index}>{para}</p>
+                                ))}
+
                                 <div className="quote">
-                                    <p>“We believe every family deserves the chance to stay together, every professional deserves to pursue their career, and every person deserves safety and opportunity.”</p>
+                                    <p>{t('quote')}</p>
                                 </div>
-                                {/* <div className="wpo-about-left-info">
+
+                                {/* Optional signature block */}
+                                {/* 
+                                <div className="wpo-about-left-info">
                                     <div className="wpo-about-left-inner">
                                         <div className="wpo-about-left-text">
                                             <h5>Robert Willum</h5>
@@ -80,14 +53,14 @@ const About = (props) => {
                                         </div>
                                     </div>
                                     <div className="signeture">
-                                        <Image src={sign} alt="" />
+                                        <Image src={sign} alt="Signature" />
                                     </div>
-                                </div> */}
+                                </div>
+                                */}
+
                                 <div className="close-form mt-5">
-                                    <Link className="theme-btn" href="/about"><span className="text">Know More</span>
-                                        {/* <span className="mobile">
-                                            <i className="fi flaticon-charity"></i>
-                                        </span> */}
+                                    <Link className="theme-btn" href="/about">
+                                        <span className="text">{t('buttonText')}</span>
                                     </Link>
                                 </div>
                             </div>
@@ -96,7 +69,7 @@ const About = (props) => {
                 </div>
             </div>
         </section>
-    )
-}
+    );
+};
 
-export default About;
+export default About;

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 more than 25 years, Janahan law has been more than just a law office - we've been a beacon of hope for thousands of families seeking to build their American dream. 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>
-                                        “For over 25 years, we’ve turned complex immigration challenges into real success stories.”
-                                    </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 over 25 years, we have stood as a beacon of hope for individuals and families navigating the complex landscape 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 over 25 years, we have witnessed how racial prejudice can influence immigration decisions, from consular officer interviews to immigration court proceedings, affecting families from specific countries and communities disproportionately.
-                                </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>
 

components/footer/Footer.js

@@ -1,152 +1,146 @@
 import React from 'react'
 import Link from 'next/link'
+import Image from 'next/image'
+import { useTranslation } from 'next-i18next'
 import Logo from '/public/images/janahanlaw-logo.png'
 import Campaign from '../../api/campaign';
-import Image from 'next/image';
 
 const ClickHandler = () => {
-    window.scrollTo(10, 0);
+  window.scrollTo(10, 0);
 }
+
 const SubmitHandler = (e) => {
-    e.preventDefault()
+  e.preventDefault();
 }
 
 const Footer = (props) => {
-    return (
-        <footer className="wpo-site-footer">
-            <div className="wpo-upper-footer">
-                <div className="container">
-                    <div className="row">
-                        <div className="col col-lg-3 col-md-6 col-12 col-md-6 col-sm-12 col-12">
-                            <div className="widget about-widget">
-                                <div className="logo widget-title">
-                                    <Link onClick={ClickHandler} className="navbar-brand" href="/"><Image src={Logo} alt="" /></Link>
-                                </div>
-                                <p>Every immigration case tells a unique story of hope, determination, and the pursuit of the American dream.</p>
-                            </div>
-                        </div>
-                        <div className="col col-lg-2 col-md-6 col-12 col-md-6 col-sm-12 col-12">
-                            <div className="widget link-widget">
-                                <div className="widget-title">
-                                    <h3>Quick Links</h3>
-                                </div>
-                                <ul>
-                                    <li><Link href="/">Home</Link></li>
-                                    <li><Link href="/about">About Us</Link></li>
-                                    <li><Link href="/services">Services</Link></li>
-                                    <li><Link href="/our-approach">Our Approach</Link></li>
-                                    <li><Link href="/blog">Blog</Link></li>
-                                </ul>
-                            </div>
-                        </div>
-                        <div className="col col-lg-4 col-md-6 col-12 col-md-6 col-sm-12 col-12">
-                            <div className="widget link-widget s2">
-                                <div className="widget-title">
-                                    <h3>Services</h3>
-                                </div>
-                                <ul>
-                                    {Campaign.slice(0, 5).map((service, Sitem) => (
-                                        <li key={Sitem}><Link onClick={ClickHandler} href={'/services/[slug]'} as={`/services/${service.slug}`}>{service.sTitle}</Link></li>
-                                    ))}
-                                </ul>
-                            </div>
-                        </div>
-                        <div className="col col-lg-3 col-md-6 col-12 col-md-6 col-sm-12 col-12">
-                            <div className="widget newsletter-widget">
-                                <div className="widget-title">
-                                    <h3>Contact</h3>
-                                </div>
-                                {/* <p>Get timely updates ! We only send interesting and relevant emails.</p> */}
-                                {/* <form onSubmit={SubmitHandler}>
-                                    <div className="input-1">
-                                        <input type="email" className="form-control" placeholder="Your Email Address..."
-                                            required="" />
-                                    </div>
-                                    <div className="submit clearfix">
-                                        <button type="submit">Subscribe now</button>
-                                    </div>
-                                </form> */}
-                                <div className="widget about-widget">
-                                    <ul className="info">
-                                        <li>
-                                            <Link href="tel:+1 (305) 330-7413"> <li>Phone: +1 (305) 330-7413</li></Link>
-                                        </li>
+  const { t } = useTranslation('footer');  // assuming your translations are in footer.json
 
-                                        <Link href="mailto:info@janahanlaw.com"> <li>Email: info@janahanlaw.com </li></Link>
-                                        {/* <li>Address: 22/1 Melborane city austria,
-                                            human resoerch, Canada</li> */}
-                                    </ul>
-                                    <div className="social">
-                                        <ul>
-                                            <li>
-                                                <Link onClick={ClickHandler} href="/" target="_blank" rel="noopener noreferrer">
-                                                    <i className="fi flaticon-facebook-app-symbol"></i>
-                                                </Link>
-                                            </li>
-                                            <li>
-                                                <Link onClick={ClickHandler} href="/" target="_blank" rel="noopener noreferrer">
-                                                    <i className="fi flaticon-twitter"></i>
-                                                </Link>
-                                            </li>
-                                            <li>
-                                                <Link onClick={ClickHandler} href="/" target="_blank" rel="noopener noreferrer">
-                                                    <i className="fi flaticon-linkedin"></i>
-                                                </Link>
-                                            </li>
-                                            <li>
-                                                <Link onClick={ClickHandler} href="/" target="_blank" rel="noopener noreferrer">
-                                                    <i className="fi flaticon-instagram-1"></i>
-                                                </Link>
-                                            </li>
-
-                                            {/* <li>
-                                                <Link onClick={ClickHandler} href="/">
-                                                    <i className="fi flaticon-pinterest"></i>
-                                                </Link>
-                                            </li> */}
-                                        </ul>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
+  return (
+    <footer className="wpo-site-footer">
+      <div className="wpo-upper-footer">
+        <div className="container">
+          <div className="row">
+            {/* About Widget */}
+            <div className="col col-lg-3 col-md-6 col-12 col-md-6 col-sm-12 col-12">
+              <div className="widget about-widget">
+                <div className="logo widget-title">
+                  <Link onClick={ClickHandler} className="navbar-brand" href="/">
+                    <Image src={Logo} alt={t('logoAlt') || ''} />
+                  </Link>
                 </div>
+                <p>{t('aboutText')}</p>
+              </div>
             </div>
-            <div className="wpo-lower-footer">
-                <div className="container">
-                    <div className="row text-center align-items-center">
-                        <div className="col col-lg-12 col-md-12 col-12">
-                            <ul>
-                                <li>
-                                    Copyright {new Date().getFullYear()} © Janahan Law. Powered by{' '}
-                                    <a
-                                        href="https://metatroncubesolutions.com/"
-                                        target="_blank"
-                                        rel="noopener noreferrer"
-                                        style={{ color: '#c12026' }}
-                                    >
-                                        MetatronCube
-                                    </a>. All Right Reserved.
-                                </li>
-                            </ul>
 
-                        </div>
-                        {/* <div className="col col-lg-6 col-md-12 col-12">
-                            <div className="link">
-                                <ul>
-                                    <li><Link onClick={ClickHandler} href="/privacy">Privace & Policy</Link></li>
-                                    <li><Link onClick={ClickHandler} href="/terms">Terms</Link></li>
-                                    <li><Link onClick={ClickHandler} href="/about">About us</Link></li>
-                                    <li><Link onClick={ClickHandler} href="/faq">FAQ</Link></li>
-                                    <li><Link onClick={ClickHandler} href="/volunteer">Volunteer</Link></li>
-                                </ul>
-                            </div>
-                        </div> */}
-                    </div>
+            {/* Quick Links */}
+            <div className="col col-lg-2 col-md-6 col-12 col-md-6 col-sm-12 col-12">
+              <div className="widget link-widget">
+                <div className="widget-title">
+                  <h3>{t('quickLinksTitle')}</h3>
                 </div>
+                <ul>
+                  <li><Link href="/">{t('home')}</Link></li>
+                  <li><Link href="/about">{t('aboutUs')}</Link></li>
+                  <li><Link href="/services">{t('services')}</Link></li>
+                  <li><Link href="/our-approach">{t('ourApproach')}</Link></li>
+                  <li><Link href="/blog">{t('blog')}</Link></li>
+                </ul>
+              </div>
             </div>
-        </footer>
-    )
+
+            {/* Services Links */}
+            <div className="col col-lg-4 col-md-6 col-12 col-md-6 col-sm-12 col-12">
+              <div className="widget link-widget s2">
+                <div className="widget-title">
+                  <h3>{t('servicesTitle')}</h3>
+                </div>
+                <ul>
+                  {Campaign.slice(0, 5).map((service, Sitem) => (
+                    <li key={Sitem}>
+                      <Link onClick={ClickHandler} href={`/services/${service.slug}`}>
+                        {service.sTitle}
+                      </Link>
+                    </li>
+                  ))}
+                </ul>
+              </div>
+            </div>
+
+            {/* Contact */}
+            <div className="col col-lg-3 col-md-6 col-12 col-md-6 col-sm-12 col-12">
+              <div className="widget newsletter-widget">
+                <div className="widget-title">
+                  <h3>{t('contactTitle')}</h3>
+                </div>
+                <div className="widget about-widget">
+                  <ul className="info">
+                    <li>
+                      <Link href="tel:+1 (305) 330-7413" style={{ color: 'rgb(255 255 255 / 60%)' }}>
+                        {t('phone')}: +1 (305) 330-7413
+                      </Link>
+                    </li>
+                    <li>
+                      <Link href="mailto:info@janahanlaw.com" style={{ color: 'rgb(255 255 255 / 60%)' }}>
+                        {t('email')}: info@janahanlaw.com
+                      </Link>
+                    </li>
+                    {/* Address can be added here if needed */}
+                  </ul>
+                  <div className="social">
+                    <ul>
+                      <li>
+                        <Link onClick={ClickHandler} href="/" target="_blank" rel="noopener noreferrer">
+                          <i className="fi flaticon-facebook-app-symbol"></i>
+                        </Link>
+                      </li>
+                      <li>
+                        <Link onClick={ClickHandler} href="/" target="_blank" rel="noopener noreferrer">
+                          <i className="fi flaticon-twitter"></i>
+                        </Link>
+                      </li>
+                      <li>
+                        <Link onClick={ClickHandler} href="/" target="_blank" rel="noopener noreferrer">
+                          <i className="fi flaticon-linkedin"></i>
+                        </Link>
+                      </li>
+                      <li>
+                        <Link onClick={ClickHandler} href="/" target="_blank" rel="noopener noreferrer">
+                          <i className="fi flaticon-instagram-1"></i>
+                        </Link>
+                      </li>
+                    </ul>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <div className="wpo-lower-footer">
+        <div className="container">
+          <div className="row text-center align-items-center">
+            <div className="col col-lg-12 col-md-12 col-12">
+              <ul>
+                <li>
+                  {t('copyright', { year: new Date().getFullYear() })} {' '}
+                  <a
+                    href="https://metatroncubesolutions.com/"
+                    target="_blank"
+                    rel="noopener noreferrer"
+                    style={{ color: '#c12026' }}
+                  >
+                    MetatronCube
+                  </a>. {t('allRightsReserved')}
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+    </footer>
+  )
 }
 
-export default Footer;
+export default Footer;

components/header2/Header2.js

@@ -1,20 +1,32 @@
+'use client'
+
 import React, { useState } from 'react'
 import Link from 'next/link'
 import HeaderTopbar from '../HeaderTopbar/HeaderTopbar'
 import MobileMenu from '../MobileMenu/MobileMenu'
 import Logo from '/public/images/logo.png'
 import Image from 'next/image'
+import { useRouter } from 'next/router'
+import { useTranslation } from 'next-i18next'
+import { changeLanguage } from '../../utils/commonFunction.utils'
 
 const Header2 = (props) => {
-    const [menuActive, setMenuState] = useState(false);
+    const [menuActive, setMenuState] = useState(false)
+    const { t } = useTranslation('menu')
+    const router = useRouter()
     const SubmitHandler = (e) => {
         e.preventDefault()
     }
 
     const ClickHandler = () => {
-        window.scrollTo(10, 0);
+        window.scrollTo(10, 0)
     }
 
+    const handleLanguageChange = (e) => {
+        const selectedLocale = e.target.value;
+        changeLanguage(router, selectedLocale);
+    };
+
     return (
         <header id="header">
             <HeaderTopbar />
@@ -22,11 +34,11 @@ const Header2 = (props) => {
                 <nav className="navigation navbar navbar-expand-lg navbar-light">
                     <div className="container">
                         <div className="row align-items-center">
-
                             <div className="col-md-6 col-9 d-lg-none dl-block">
                                 <div className="navbar-header">
-                                    <Link onClick={ClickHandler} className="navbar-brand" href="/"><Image src={Logo}
-                                        alt="logo" /></Link>
+                                    <Link onClick={ClickHandler} className="navbar-brand" href="/">
+                                        <Image src={Logo} alt="logo" />
+                                    </Link>
                                 </div>
                             </div>
                             <div className="col-lg-3 col-md-3 col-3 d-lg-none dl-block">
@@ -34,120 +46,55 @@ const Header2 = (props) => {
                                     <MobileMenu />
                                 </div>
                             </div>
-                            <div className="col col-lg-7 col-md-1 col-1">
+                            <div className="col col-lg-9 col-md-1 col-1">
                                 <div id="navbar" className="collapse navbar-collapse navigation-holder">
                                     <button className="menu-close"><i className="ti-close"></i></button>
                                     <ul className="nav navbar-nav mb-2 mb-lg-0">
-                                        {/* <li className="menu-item-has-children"> */}
                                         <li>
-                                            <Link onClick={ClickHandler} href="/">Home</Link>
-                                            {/* <ul className="sub-menu">
-                                                <li><Link onClick={ClickHandler} href="/home">Main Home</Link></li>
-                                                <li><Link onClick={ClickHandler} href="/home2">Election Home</Link></li>
-                                                <li><Link onClick={ClickHandler} href="/home3">Male Candidate</Link></li>
-                                                <li><Link onClick={ClickHandler} href="/home4">Female Candidate</Link></li>
-                                            </ul> */}
+                                            <Link onClick={ClickHandler} href="/">{t('home')}</Link>
                                         </li>
-                                        <li><Link onClick={ClickHandler} href="/our-approach">Our Approach</Link></li>
-                                        <li><Link onClick={ClickHandler} href="/about">About us</Link>
-                                            <ul className="sub-menu">
-                                                <li><Link onClick={ClickHandler} href="/about/our-mission">Our Mission</Link></li>
-                                                <li><Link onClick={ClickHandler} href="/about/racial-justice">Racial Justice</Link></li>
-                                            </ul>
+                                        <li>
+                                            <Link onClick={ClickHandler} href="/our-approach">{t('ourApproach')}</Link>
                                         </li>
-                                        {/* <li className="menu-item-has-children">
-                                            <Link onClick={ClickHandler} href="/">Campaign</Link>
+                                        <li>
+                                            <Link onClick={ClickHandler} href="/about">{t('aboutUs')}</Link>
                                             <ul className="sub-menu">
-                                                <li><Link onClick={ClickHandler} href="/campaign">Campaign Style 1</Link></li>
-                                                <li><Link onClick={ClickHandler} href="/campaign-2">Campaign Style 2</Link></li>
-                                                <li><Link onClick={ClickHandler} href="/campaign-3">Campaign Style 3</Link></li>
-                                                <li><Link onClick={ClickHandler} href="/campaign-single/Support-for-Womans">Campaign single</Link></li>
-                                            </ul>
-                                        </li> */}
-                                        {/* <li className="menu-item-has-children">
-                                            <Link onClick={ClickHandler} href="/">Pages</Link>
-                                            <ul className="sub-menu">
-                                                <li><Link onClick={ClickHandler} href="/gallery">Gallery</Link></li>
-                                                <li><Link onClick={ClickHandler} href="/testimonial">Testimonial</Link></li>
-                                                <li><Link onClick={ClickHandler} href="/team">Team</Link></li>
-                                                <li><Link onClick={ClickHandler} href="/team-single/Esther-Howard">Team Single</Link></li>
-                                                <li className="menu-item-has-children">
-                                                    <Link onClick={ClickHandler} href="/">Services</Link>
-                                                    <ul className="sub-menu">
-                                                        <li><Link onClick={ClickHandler} href="/service">Services</Link></li>
-                                                        <li><Link onClick={ClickHandler} href="/service-single/Economic-Establishment">Services Single</Link></li>
-                                                    </ul>
+                                                <li>
+                                                    <Link onClick={ClickHandler} href="/about/our-mission">{t('ourMission')}</Link>
                                                 </li>
-                                                <li><Link onClick={ClickHandler} href="/shop">Shop</Link></li>
-                                                <li><Link onClick={ClickHandler} href="/product-single/The-Audacity-of-Hope">Shop Single</Link></li>
-                                                <li><Link onClick={ClickHandler} href="/cart">Cart</Link></li>
-                                                <li><Link onClick={ClickHandler} href="/checkout">Checkout</Link></li>
-                                                <li><Link onClick={ClickHandler} href="/faq">FAQ</Link></li>
-                                                <li><Link onClick={ClickHandler} href="/volunteer">Volunteer</Link></li>
-                                                <li><Link onClick={ClickHandler} href="/404">404 Error</Link></li>
-                                                <li><Link onClick={ClickHandler} href="/login">Login</Link></li>
-                                                <li><Link onClick={ClickHandler} href="/register">Register</Link></li>
-                                            </ul>
-                                        </li> */}
-                                        {/* <li className="menu-item-has-children">
-                                            <Link onClick={ClickHandler} href="/">Blog</Link>
-                                            <ul className="sub-menu">
-                                                <li><Link onClick={ClickHandler} href="/blog">Blog right sidebar</Link></li>
-                                                <li><Link onClick={ClickHandler} href="/blog-left-sidebar">Blog left sidebar</Link></li>
-                                                <li><Link onClick={ClickHandler} href="/blog-fullwidth">Blog fullwidth</Link></li>
-                                                <li className="menu-item-has-children">
-                                                    <Link onClick={ClickHandler} href="/">Blog details</Link>
-                                                    <ul className="sub-menu">
-                                                        <li><Link onClick={ClickHandler} href="/blog-single/support-progressive-change">Blog details right sidebar</Link>
-                                                        </li>
-                                                        <li><Link onClick={ClickHandler} href="/blog-single-left-sidebar/support-progressive-change">Blog details left
-                                                            sidebar</Link></li>
-                                                        <li><Link onClick={ClickHandler} href="/blog-single-fullwidth/support-progressive-change">Blog details
-                                                            fullwidth</Link></li>
-                                                    </ul>
+                                                <li>
+                                                    <Link onClick={ClickHandler} href="/about/racial-justice">{t('racialJustice')}</Link>
                                                 </li>
                                             </ul>
-                                        </li> */}
-                                        <li><Link onClick={ClickHandler} href="/blog">Blog</Link></li>
-                                        <li><Link onClick={ClickHandler} href="/services">Services</Link></li>
-                                        <li><Link onClick={ClickHandler} href="/contact">Contact</Link></li>
+                                        </li>
+                                        <li>
+                                            <Link onClick={ClickHandler} href="/blog">{t('blog')}</Link>
+                                        </li>
+                                        <li>
+                                            <Link onClick={ClickHandler} href="/services">{t('services')}</Link>
+                                        </li>
+                                        <li>
+                                            <Link onClick={ClickHandler} href="/contact">{t('contact')}</Link>
+                                        </li>
                                     </ul>
                                 </div>
                             </div>
-                            <div className="col-lg-5 col-md-2 col-2">
-                                <div className="header-right">
-                                    {/* <div className="header-search-form-wrapper">
-                                        <div className="cart-search-contact">
-                                            <button onClick={() => setMenuState(!menuActive)} className="search-toggle-btn"><i
-                                                className={`fi ti-search ${menuActive ? "ti-close" : "fi "}`}></i></button>
-                                            <div className={`header-search-form ${menuActive ? "header-search-content-toggle" : ""}`}>
-                                                <form onSubmit={SubmitHandler}>
-                                                    <div>
-                                                        <input type="text" className="form-control"
-                                                            placeholder="Search here..." />
-                                                        <button type="submit"><i
-                                                            className="fi flaticon-search"></i></button>
-                                                    </div>
-                                                </form>
-                                            </div>
-                                        </div>
-                                    </div> */}
-                                    {/* <div className="language">
-                                        <select name="language" id="language">
-                                            <option value="English">English</option>
-                                            <option value="Arabic">Arabic</option>
-                                            <option value="Japanese">Japanese</option>
-                                            <option value="Spanish">Spanish</option>
+                            <div className="col-lg-3 col-md-2 col-2">
+                                <div className="header-right d-flex align-items-center justify-content-end">
+                                    <div className="language me-4">
+                                        <select onChange={handleLanguageChange} value={router.locale}>
+                                            <option value="es">Español</option>
+                                            <option value="en">English</option>
                                         </select>
-                                    </div> */}
-                                    <div className="social">
+                                    </div>
+                                    {/* <div className="social">
                                         <ul>
                                             <li><Link href="/"><i className="fi flaticon-facebook-app-symbol"></i></Link></li>
                                             <li><Link href="/"><i className="fi flaticon-twitter"></i></Link></li>
                                             <li><Link href="/"><i className="fi flaticon-linkedin"></i></Link></li>
                                             <li><Link href="/"><i className="fi flaticon-instagram-1"></i></Link></li>
                                         </ul>
-                                    </div>
+                                    </div> */}
                                 </div>
                             </div>
                         </div>
@@ -158,4 +105,4 @@ const Header2 = (props) => {
     )
 }
 
-export default Header2;
+export default Header2

components/hero/hero.js

@@ -1,6 +1,9 @@
+'use client'; // If this component is client-side only
+
 import React from "react";
 import Slider from "react-slick";
-import Link from 'next/link'
+import Link from 'next/link';
+import { useTranslation } from 'next-i18next';
 import "slick-carousel/slick/slick.css";
 import "slick-carousel/slick/slick-theme.css";
 
@@ -16,24 +19,26 @@ const settings = {
 };
 
 const Hero = () => {
+    const { t } = useTranslation('homeHero'); // Use 'home' namespace
+
     return (
         <section className="wpo-hero-slider">
             <div className="hero-container">
                 <div className="hero-wrapper">
                     <Slider {...settings}>
                         <div className="hero-slide">
-                            <div className="slide-inner slide-bg-image" style={{ backgroundImage: `url(${'images/home/banner/banner-1.webp'})` }}>
+                            <div className="slide-inner slide-bg-image" style={{ backgroundImage: `url(/images/home/banner/banner-1.webp)` }}>
                                 <div className="container-fluid">
                                     <div className="slide-content">
                                         <div data-swiper-parallax="300" className="slide-title">
-                                            <h2>Family Immigration Assistance</h2>
+                                            <h2>{t('hero.slide1.title')}</h2>
                                         </div>
                                         <div data-swiper-parallax="400" className="slide-text">
-                                            <p>Reuniting loved ones, one case at a time.</p>
+                                            <p>{t('hero.slide1.text')}</p>
                                         </div>
                                         <div className="clearfix"></div>
                                         <div className="slide-btns">
-                                            <Link href="/about" className="theme-btn">About</Link>
+                                            <Link href="/about" className="theme-btn">{t('hero.slide1.button')}</Link>
                                         </div>
                                     </div>
                                 </div>
@@ -41,54 +46,56 @@ const Hero = () => {
                         </div>
 
                         <div className="hero-slide">
-                            <div className="slide-inner slide-bg-image" style={{ backgroundImage: `url(${'images/home/banner/banner-2.webp'})` }}>
+                            <div className="slide-inner slide-bg-image" style={{ backgroundImage: `url(/images/home/banner/banner-2.webp)` }}>
                                 <div className="container-fluid">
                                     <div className="slide-content">
                                         <div data-swiper-parallax="300" className="slide-title">
-                                            <h2>Employment & Work Visa Solutions</h2>
+                                            <h2>{t('hero.slide2.title')}</h2>
                                         </div>
                                         <div data-swiper-parallax="400" className="slide-text">
-                                            <p>Your career deserves a global gateway.</p>
+                                            <p>{t('hero.slide2.text')}</p>
                                         </div>
                                         <div className="clearfix"></div>
                                         <div className="slide-btns">
-                                            <Link href="/our-approach" className="theme-btn">Our Approach</Link>
+                                            <Link href="/our-approach" className="theme-btn">{t('hero.slide2.button')}</Link>
                                         </div>
                                     </div>
                                 </div>
                             </div>
                         </div>
+
                         <div className="hero-slide">
-                            <div className="slide-inner slide-bg-image" style={{ backgroundImage: `url(${'images/home/banner/banner-3.webp'})` }}>
+                            <div className="slide-inner slide-bg-image" style={{ backgroundImage: `url(/images/home/banner/banner-3.webp)` }}>
                                 <div className="container-fluid">
                                     <div className="slide-content">
                                         <div data-swiper-parallax="300" className="slide-title">
-                                            <h2>Investor & Business Immigration</h2>
+                                            <h2>{t('hero.slide3.title')}</h2>
                                         </div>
                                         <div data-swiper-parallax="400" className="slide-text">
-                                            <p>Building futures through business opportunities.</p>
+                                            <p>{t('hero.slide3.text')}</p>
                                         </div>
                                         <div className="clearfix"></div>
                                         <div className="slide-btns">
-                                            <Link href="/services" className="theme-btn">Services</Link>
+                                            <Link href="/services" className="theme-btn">{t('hero.slide3.button')}</Link>
                                         </div>
                                     </div>
                                 </div>
                             </div>
                         </div>
+
                         <div className="hero-slide">
-                            <div className="slide-inner slide-bg-image" style={{ backgroundImage: `url(${'images/home/banner/banner-4.webp'})` }}>
+                            <div className="slide-inner slide-bg-image" style={{ backgroundImage: `url(/images/home/banner/banner-4.webp)` }}>
                                 <div className="container-fluid">
                                     <div className="slide-content">
                                         <div data-swiper-parallax="300" className="slide-title">
-                                            <h2>Deportation Defense & Legal Representation</h2>
+                                            <h2>{t('hero.slide4.title')}</h2>
                                         </div>
                                         <div data-swiper-parallax="400" className="slide-text">
-                                            <p>Fighting for your right to stay.</p>
+                                            <p>{t('hero.slide4.text')}</p>
                                         </div>
                                         <div className="clearfix"></div>
                                         <div className="slide-btns">
-                                            <Link href="/contact" className="theme-btn">Contact</Link>
+                                            <Link href="/contact" className="theme-btn">{t('hero.slide4.button')}</Link>
                                         </div>
                                     </div>
                                 </div>
@@ -103,7 +110,7 @@ const Hero = () => {
                 </svg>
             </div>
         </section>
-    )
-}
+    );
+};
 
-export default Hero;
+export default Hero;

components/our-mission/index.js

@@ -1,7 +1,9 @@
 import React from 'react';
-import Link from 'next/link';
+import { useTranslation } from 'next-i18next';
 
 const OurMission = () => {
+    const { t } = useTranslation('ourMission');
+
     return (
         <section className="wpo-blog-single-section section-padding">
             <div className="container">
@@ -18,37 +20,15 @@ const OurMission = () => {
                                         alt=""
                                     />
                                 </div>
-                                {/* <div className="entry-meta">
-                                    <ul>
-                                        <li>
-                                            <i className="fi flaticon-user"></i> By{' '}
-                                            <Link href="/blog-single/support-progressive-change">Admin</Link>
-                                        </li>
-                                     
-                                        <li>
-                                            <i className="fi flaticon-calendar"></i> Jan, 2022
-                                        </li>
-                                    </ul>
-                                </div> */}
 
-                                <h2 className="mt-4">Our Mission</h2>
+                                <h2 className="mt-4">{t("ourMission.title")}</h2>
 
-                                <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 over 25 years, we have stood as a beacon of hope for individuals and families navigating the complex landscape of U.S. immigration law.
-                                </p>
-                                 <p>
-                                    We believe that every person deserves expert legal guidance delivered with dignity, respect, and cultural understanding. Our mission is to break down the barriers that separate families, limit professional opportunities, and prevent individuals from achieving their American dreams. Through innovative legal strategies, multilingual communication, and personalized attention, we transform immigration challenges into success stories. We are not just attorneys - we are advocates, guides, and partners in your journey toward building a secure future in America.
+                                <p>{t("ourMission.p1")}</p>
+                                <p>{t("ourMission.p2")}</p>
 
-                                </p>
+                                <blockquote>{t("ourMission.quote1")}</blockquote>
 
-                                <blockquote>
-                                   Every immigration case we handle represents more than legal paperwork - it represents a family's hope for reunification, a professional's dream of advancement, and an individual's courage to build a new life in America. We are honored to be trusted partners in these transformative journeys.
-                                </blockquote>
-
-                                <p>
-                                    We measure our success not only in cases won but in lives transformed, families reunited, and dreams realized. Each approval letter represents years of separation ending, each naturalization ceremony celebrates a new American citizen, and each successful defense protects a family's right to remain together. This is why we practice immigration law - to be part of these transformative moments and to ensure that America remains a nation of opportunity for all who seek it through legal pathways.
-
-                                </p>
+                                <p>{t("ourMission.p3")}</p>
 
                                 <div className="gallery">
                                     <div>
@@ -58,26 +38,15 @@ const OurMission = () => {
                                         <img src="/images/our-mission/section-2-2.png" alt="" />
                                     </div>
                                 </div>
-                                <p className='mt-4'>                                  
-                                Our commitment to excellence drives everything we do. From the initial consultation through case completion, we provide comprehensive legal services backed by decades of experience and an unwavering dedication to achieving positive outcomes for our clients.
-                                </p>
-                                 <p className='mt-4'>                                  
-                                We understand that immigration cases represent more than legal proceedings - they represent hopes, dreams, and family futures. This understanding guides our approach to every case, ensuring that each client receives the personalized attention and strategic advocacy they deserve.
-                                </p>
 
-                                <blockquote>
-                                   We exist to transform the immigration experience through expert legal advocacy, compassionate service, and unwavering commitment to justice. Every case we handle, every family we reunite, and every dream we help achieve contributes to building a stronger, more inclusive America.
-                                </blockquote>
+                                <p className='mt-4'>{t("ourMission.p4")}</p>
+                                <p className='mt-4'>{t("ourMission.p5")}</p>
 
-                                <p>
-                                   Community engagement lies at the heart of our mission. We regularly participate in know-your-rights presentations, provide pro bono services to underserved populations, and work with local organizations to ensure that accurate immigration information reaches those who need it most.
-                                </p>
-                                <p>
-                                   Our multilingual team reflects the diversity of the communities we serve, enabling us to communicate effectively and build trust with clients from around the world. We believe that language should never be a barrier to accessing quality legal representation.
-                                </p>
-                                <p>
-                                   We will continue advocating for comprehensive immigration reform, supporting policies that reflect America's values of fairness and opportunity, and working to ensure that the immigration system serves both individual applicants and the broader national interest.
-                                </p>
+                                <blockquote>{t("ourMission.quote2")}</blockquote>
+
+                                <p>{t("ourMission.p6")}</p>
+                                <p>{t("ourMission.p7")}</p>
+                                <p>{t("ourMission.p8")}</p>
                             </div>
                         </div>
                     </div>
@@ -87,4 +56,4 @@ const OurMission = () => {
     );
 };
 
-export default OurMission;
+export default OurMission;

components/racial-justice/index.js

@@ -1,7 +1,10 @@
 import React from 'react';
 import Link from 'next/link';
+import { useTranslation } from 'next-i18next';
 
 const RacialJustice = () => {
+    const { t } = useTranslation('racialJustice');
+
     return (
         <section className="wpo-blog-single-section section-padding">
             <div className="container">
@@ -31,22 +34,13 @@ const RacialJustice = () => {
                                     </ul>
                                 </div> */}
 
-                                <h2 className="mt-4">Racial Justice</h2>
+                                <h2 className='mt-4'>{t("racialJustice.title")}</h2>
 
-                                <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 over 25 years, we have witnessed how racial prejudice can influence immigration decisions, from consular officer interviews to immigration court proceedings, affecting families from specific countries and communities disproportionately. Our commitment to racial justice means actively challenging discriminatory practices, advocating for fair treatment regardless of national origin, and ensuring that every client receives equal protection under the law. We understand that true immigration reform must address the racial disparities that have historically shaped U.S. immigration policy. Through strategic litigation, community advocacy, and cultural competency training, we work to dismantle barriers that prevent equitable access to immigration benefits. Our diverse legal team reflects our commitment to representation that understands and respects the communities we serve.
+                                <p>{t("racialJustice.paragraph1")}</p>
 
+                                <blockquote>{t("racialJustice.quote1")}</blockquote>
 
-                                </p>
-
-                                <blockquote>
-                                    Racial justice in immigration law is not optional - it is essential. Every policy decision, every case outcome, and every interaction with the immigration system must be evaluated through the lens of equity and fairness. We refuse to accept a system that treats people differently based on their race, nationality, or country of origin.
-                                </blockquote>
-
-                                <p>
-                                   Our racial justice work extends beyond individual cases to systemic advocacy. We support comprehensive immigration reform that addresses racial disparities in the current system, advocate for the elimination of discriminatory country caps, and work with civil rights organizations to challenge policies that disproportionately impact communities of color. We believe that America's immigration system should reflect the nation's values of equality and opportunity for all, regardless of race or country of origin. This principle guides our practice and our advocacy for systemic change.
-
-                                </p>
+                                <p>{t("racialJustice.paragraph2")}</p>
 
                                 <div className="gallery">
                                     <div>
@@ -56,19 +50,11 @@ const RacialJustice = () => {
                                         <img src="/images/racial-justice/section-2-2.webp" alt="" />
                                     </div>
                                 </div>
-                                <p className='mt-4'>
-                                   Combating racial bias in immigration proceedings requires vigilance, preparation, and strategic advocacy. We train our team to recognize and address discriminatory practices, whether in consular processing, USCIS adjudications, or immigration court hearings. Our approach includes thorough preparation for interviews, comprehensive documentation of country conditions, and aggressive advocacy when we identify potential bias. We refuse to accept discriminatory treatment and fight vigorously for our clients' rights. Our multilingual services and cultural competency ensure that language and cultural barriers don't prevent access to quality legal representation. We believe that justice requires both excellent legal advocacy and cultural understanding.
+                                <p>{t("racialJustice.paragraph3")}</p>
 
+                                <blockquote>{t("racialJustice.quote2")}</blockquote>
 
-                                </p>
-
-                                <blockquote>
-                                  We believe that excellent legal representation must be coupled with a commitment to racial justice. Our clients deserve not only skilled advocacy but also lawyers who understand and actively challenge the systemic barriers they face.
-                                </blockquote>
-
-                                <p>
-                                    Racial justice in immigration requires acknowledging how systemic discrimination has historically shaped U.S. immigration policy. We actively challenge these inequities through strategic advocacy, community education, and partnerships with civil rights organizations. The fight for racial justice in immigration law requires collective action and unwavering commitment. At Janahan law, we are proud to stand with immigrant communities in challenging discrimination and advocating for systemic change. We invite you to partner with us in building an immigration system that truly embodies America's values of equality and opportunity for all. Contact our team today to discuss how we can support your immigration journey while advancing justice for everyone.
-                                </p>
+                                 <p>{t("racialJustice.paragraph4")}</p>
                             </div>
                         </div>
                     </div>

components/services/ServicesSection.js

@@ -1,72 +1,72 @@
 import React from "react";
-import Link from 'next/link';
+import Link from "next/link";
 import SectionTitle from "../SectionTitle/SectionTitle";
-import Campaign from '../../api/campaign';
 import Image from "next/image";
+import { useTranslation } from "next-i18next";
 
 const ClickHandler = () => {
-    window.scrollTo(10, 0);
-}
+  if (typeof window !== "undefined") {
+    window.scrollTo(0, 0);
+  }
+};
 
 const ServicesSection = (props) => {
-    return (
-        <div className={`wpo-campaign-area section-padding ${props.cmClass}`}>
-            <div className="container">
-                <SectionTitle subTitle={'Campaign'} Title={'Our Upcoming Campaign'} />
-                <div className="wpo-campaign-wrap">
-                    <div className="row">
-                        {Campaign.map((campaign, cam) => (
-                            <div className="col-lg-4 col-md-6 col-12" key={cam}>
-                                <div className="wpo-campaign-single">
-                                    <div className="wpo-campaign-item">
-                                        <div className="wpo-campaign-img">
-                                            <Image src={campaign.sImgS} alt="" />
-                                        </div>
-                                        <div className="wpo-campaign-content">
-                                            <div className="wpo-campaign-text-top data-theem">
-                                                {/* <p><i className="fi flaticon-calendar"></i> {campaign.date}</p> */}
-                                                {/* <h3 style={{
-                                                    whiteSpace: 'nowrap',
-                                                    overflow: 'hidden',
-                                                    textOverflow: 'ellipsis',
-                                                    width: '100%',
-                                                    display: 'block',
-                                                }}> */}
-                                                <h3>
-                                                    <Link
-                                                        onClick={ClickHandler}
-                                                        href={`/services/${campaign.slug}`}
-                                                    >
-                                                        {campaign.sTitle}
-                                                    </Link>
+  const { t } = useTranslation("services");
 
+  // Get campaigns array from translation json
+  const campaigns = t("campaigns", { returnObjects: true });
 
+  return (
+    <div className={`wpo-campaign-area section-padding ${props.cmClass || ""}`}>
+      <div className="container">
+        <SectionTitle subTitle={t("page.subtitle")} Title={t("page.title")} />
 
-                                                </h3>
-                                                <p>
-                                                    {campaign.description}
-                                                </p>
-                                                <div className="services-btn">
-                                                    <Link
-                                                        onClick={ClickHandler}
-                                                        href={`/services/${campaign.slug}`}
-                                                        className="theme-btn full-width-btn"
-                                                    >
-                                                        View Services
-                                                    </Link>
-                                                </div>
-
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        ))}
+        <div className="wpo-campaign-wrap">
+          <div className="row">
+            {campaigns.map((campaign, index) => (
+              <div className="col-lg-4 col-md-6 col-12" key={campaign.id || index}>
+                <div className="wpo-campaign-single">
+                  <div className="wpo-campaign-item">
+                    <div className="wpo-campaign-img">
+                      <Image
+                        src={campaign.sImgS}
+                        alt={campaign.sTitle}
+                        width={400}
+                        height={250}
+                        unoptimized
+                      />
                     </div>
+                    <div className="wpo-campaign-content">
+                      <div className="wpo-campaign-text-top data-theem">
+                        <h3>
+                          <Link
+                            href={`/services/${campaign.slug}`}
+                            onClick={ClickHandler}
+                          >
+                            {campaign.sTitle}
+                          </Link>
+                        </h3>
+                        <p>{campaign.description}</p>
+                        <div className="services-btn">
+                          <Link
+                            href={`/services/${campaign.slug}`}
+                            className="theme-btn full-width-btn"
+                            onClick={ClickHandler}
+                          >
+                            {t("page.viewButton")}
+                          </Link>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
                 </div>
-            </div>
+              </div>
+            ))}
+          </div>
         </div>
-    );
-}
+      </div>
+    </div>
+  );
+};
 
 export default ServicesSection;

next-i18next.config.js

@@ -0,0 +1,22 @@
+
+module.exports = {
+    i18n: {
+        defaultLocale: 'es',
+        locales: ['en', 'es'],
+        localeDetection: false,
+    },
+    ns: ['common', 'menu', 'homeHero', 'home4Card', '(home)/homeAbout', '(home)/homeFeature', '(home)/testimonial', '(home)/homeCalltoAction', 'blog', 'footer', 'ourMission', 'racialJustice', 'services', 'ourStory', 'aboutService', 'aboutMission', 'aboutRacial', 'aboutDonor'],
+    defaultNS: 'common',
+    //   localePath: './public/locales',
+};
+
+// aakash -  'ourMission', 'racialJustice', 'services'
+
+
+// Selvi  - 'ourStory', 'aboutService', 'aboutMission', 'aboutRacial', 'aboutDonor'
+
+
+// Vidhya - OurApproach
+
+// Alagu Raj  - 'common', 'menu', 'homeHero', 'home4Card', '(home)/homeAbout', '(home)/homeFeature', '(home)/testimonial', '(home)/homeCalltoAction', 'blog'
+

next.config.js

@@ -1,11 +1,11 @@
-/** @type {import('next').NextConfig} */
+const { i18n } = require('./next-i18next.config');
 const nextConfig = {
   reactStrictMode: false,
-  output: "export",
   trailingSlash: true,
   images: {
     unoptimized: true // ✅ disables server-side image optimization
-  }
+  },
+  i18n,
 };
 
 module.exports = nextConfig;

package.json

@@ -15,6 +15,7 @@
     "bootstrap": "^5.1.3",
     "eslint-config-next": "^13.0.7",
     "next": "^13.0.7",
+    "next-i18next": "^15.4.2",
     "react": "^18.2.0",
     "react-anchor-link-smooth-scroll": "^1.0.12",
     "react-animated-css": "^1.2.1",

pages/_app.js

@@ -14,6 +14,9 @@ import "slick-carousel/slick/slick.css";
 import "slick-carousel/slick/slick-theme.css";
 import Head from "next/head";
 
+// Import appWithTranslation from next-i18next
+import { appWithTranslation } from 'next-i18next';
+
 function MyApp({ Component, pageProps }) {
   return (
     <div>
@@ -27,8 +30,8 @@ function MyApp({ Component, pageProps }) {
         </PersistGate>
       </Provider>
     </div>
-
-  )
+  );
 }
 
-export default MyApp
+// Wrap export with appWithTranslation HOC
+export default appWithTranslation(MyApp);

pages/about/index.js

@@ -20,6 +20,7 @@ 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 (
@@ -42,3 +43,13 @@ const AboutPage = () => {
     )
 };
 export default AboutPage;
+
+// ✅ This enables translations (menu, and more if you add other namespaces)
+export async function getStaticProps({ locale }) {
+    return {
+        props: {
+            ...(await serverSideTranslations(locale, ['common', 'menu', 'ourStory', 'aboutService', 'aboutMission', 'aboutRacial', 'aboutDonor', 'footer'])), // Add 'home', 'footer', etc. if needed
+        },
+    };
+}
+

pages/about/our-mission.js

@@ -6,6 +6,8 @@ import Footer from '../../components/footer/Footer';
 import OurMission from '../../components/our-mission';
 import mission from '/public/images/about/our-mission-banner.png';
 
+import { serverSideTranslations } from 'next-i18next/serverSideTranslations';
+
 const AboutPage = () => {
     return (
         <Fragment>
@@ -18,3 +20,11 @@ const AboutPage = () => {
     )
 };
 export default AboutPage;
+
+export async function getStaticProps({ locale }) {
+    return {
+        props: {
+            ...(await serverSideTranslations(locale, ['common', 'menu', 'ourMission', 'footer'])), // Add 'home', 'footer', etc. if needed
+        },
+    };
+}

pages/about/racial-justice.js

@@ -6,6 +6,8 @@ import Footer from '../../components/footer/Footer';
 import RacialJuctice from '../../components/racial-justice';
 import racial from '/public/images/about/racial-justice-banner.png';
 
+import { serverSideTranslations } from 'next-i18next/serverSideTranslations';
+
 const AboutPage = () => {
     return (
         <Fragment>
@@ -18,3 +20,12 @@ const AboutPage = () => {
     )
 };
 export default AboutPage;
+
+export async function getStaticProps({ locale }) {
+    return {
+        props: {
+            ...(await serverSideTranslations(locale, ['common', 'menu', 'racialJustice', 'footer'])), // Add 'home', 'footer', etc. if needed
+        },
+    };
+}
+

pages/blog/[slug].js

@@ -1,24 +1,36 @@
+// pages/blog/[slug].js
 import React, { Fragment } from 'react';
 import { useRouter } from 'next/router';
-import blogs from '../../api/blogs';
+import { useTranslation } from 'next-i18next';
+import { serverSideTranslations } from 'next-i18next/serverSideTranslations';
+import blogs from '../../api/blogs'; // Static metadata like images, author, etc.
 import Link from 'next/link';
 import PageTitle from '../../components/pagetitle/PageTitle';
 import Navbar2 from '../../components/Navbar2/Navbar2';
 import Footer from '../../components/footer/Footer';
 import Scrollbar from '../../components/scrollbar/scrollbar';
 import Image from 'next/image';
+import blog from '../../utils/constant.utils';
 
-const BlogSingle = (props) => {
+const BlogSingle = () => {
     const router = useRouter();
     const { slug } = router.query;
 
-    const BlogDetails = blogs.find(blog => blog.slug === slug);
+    const { t } = useTranslation('blog');
 
-    if (!BlogDetails) {
+    if (!slug) return null; // Avoid hydration mismatch on first load
+
+    // Localized content from blog.json
+    const blogContent = t(`posts.${slug}`, { returnObjects: true });
+
+    // Static metadata (images, date, author)
+    const blogMeta = blog.find(blog => blog.slug === slug);
+
+    if (!blogMeta || !blogContent?.title) {
         return (
             <div className="container text-center py-5">
                 <h2>Blog not found!</h2>
-                <Link href="/blog">Back to Blog</Link>
+                <Link href="/blog">← Back to Blog</Link>
             </div>
         );
     }
@@ -26,37 +38,34 @@ const BlogSingle = (props) => {
     return (
         <Fragment>
             <Navbar2 />
-            <PageTitle pageTitle={BlogDetails.title} pagesub={'Blog'} />
+            <PageTitle pageTitle={blogContent.title} pagesub="Blog" />
 
             <section className="wpo-blog-single-section section-padding">
                 <div className="container">
                     <div className="row">
-                        <div className={`col col-lg-12 col-12 ${props.blRight}`}>
+                        <div className="col col-lg-12 col-12">
                             <div className="wpo-blog-content">
-                                <div className={`post ${BlogDetails.blClass}`}>
+                                <div className={`post ${blogMeta.blClass}`}>
                                     <div className="entry-media">
-                                        <div style={{ width: "100%", height: "400px", position: "relative" }}>
+                                        <div style={{ width: '100%', height: '400px', position: 'relative' }}>
                                             <Image
-                                                src={BlogDetails.blogSingleImg}
-                                                alt={BlogDetails.title}
+                                                src={blogMeta.blogSingleImg}
+                                                alt={blogContent.title}
                                                 fill
-                                                style={{ objectFit: "cover" }}
+                                                style={{ objectFit: 'cover' }}
                                             />
                                         </div>
                                     </div>
 
-                                    <div className="entry-meta">
+                                    {/* <div className="entry-meta">
                                         <ul>
-                                            <li><i className="fi flaticon-calendar"></i> {BlogDetails.create_at}</li>
-                                            <li>
-                                                <i className="fi ti-user"></i> By{' '}
-                                                <Link href="/blog">{BlogDetails.authorTitle}</Link>
-                                            </li>
+                                            <li><i className="fi flaticon-calendar"></i> {blogMeta.create_at}</li>
+                                            <li><i className="fi ti-user"></i> By <Link href="/blog">{blogMeta.authorTitle}</Link></li>
                                         </ul>
-                                    </div>
+                                    </div> */}
 
-                                    <h2>{BlogDetails.title}</h2>
-                                    <div dangerouslySetInnerHTML={{ __html: BlogDetails.description }}></div>
+                                    <h2 className='mt-3'>{blogContent.title}</h2>
+                                    <div dangerouslySetInnerHTML={{ __html: blogContent.description }} />
                                 </div>
                             </div>
                         </div>
@@ -70,4 +79,28 @@ const BlogSingle = (props) => {
     );
 };
 
+export async function getStaticPaths() {
+    const locales = ['en', 'es'];
+
+    const paths = locales.flatMap(locale =>
+        blog.map(blog => ({
+            params: { slug: blog.slug },
+            locale,
+        }))
+    );
+
+    return {
+        paths,
+        fallback: false,
+    };
+}
+
+export async function getStaticProps({ locale }) {
+    return {
+        props: {
+            ...(await serverSideTranslations(locale, ['common', 'menu', 'blog', 'footer'])),
+        },
+    };
+}
+
 export default BlogSingle;

pages/blog/index.js

@@ -5,6 +5,7 @@ import Navbar2 from '../../components/Navbar2/Navbar2';
 import Footer from '../../components/footer/Footer';
 import Scrollbar from '../../components/scrollbar/scrollbar'
 import bg from '/public/images/blog/blog-banner.webp'
+import { serverSideTranslations } from 'next-i18next/serverSideTranslations';
 
 const BlogPage = () => {
     return (
@@ -19,3 +20,12 @@ const BlogPage = () => {
 };
 export default BlogPage;
 
+// ✅ This enables translations (menu, and more if you add other namespaces)
+export async function getStaticProps({ locale }) {
+    return {
+        props: {
+            ...(await serverSideTranslations(locale, ['common', 'menu', 'blog', 'footer'])), // Add 'home', 'footer', etc. if needed
+        },
+    };
+}
+

pages/contact/index.js

@@ -5,6 +5,7 @@ import Contactpage from '../../components/Contactpage/Contactpage'
 import Scrollbar from '../../components/scrollbar/scrollbar'
 import Footer from '../../components/footer/Footer';
 import contact from '/public/images/contact/contact-banner.webp';
+import { serverSideTranslations } from 'next-i18next/serverSideTranslations';
 
 const ContactPage =() => {
     return(
@@ -19,3 +20,12 @@ const ContactPage =() => {
 };
 export default ContactPage;
 
+// ✅ This enables translations (menu, and more if you add other namespaces)
+export async function getStaticProps({ locale }) {
+    return {
+        props: {
+            ...(await serverSideTranslations(locale, ['common', 'menu', 'contact', 'footer'])), // Add 'home', 'footer', etc. if needed
+        },
+    };
+}
+

pages/index.js

@@ -1,22 +1,19 @@
 import React, { Fragment } from 'react';
-import Navbar from '../components/Navbar/Navbar'
+import Navbar from '../components/Navbar/Navbar';
 import Hero from '../components/hero/hero';
 import Features from '../components/Features/Features';
 import About from '../components/about/about';
 import ServiceSection from '../components/ServiceSection/ServiceSection';
 import ServiceSectionS2 from '../components/ServiceSectionS2/ServiceSectionS2';
-import CampaignSection from '../components/CampaignSection/CampaignSection';
 import Testimonial from '../components/Testimonial/Testimonial';
 import FunFact from '../components/FunFact/FunFact';
-import TeamSection from '../components/TeamSection/TeamSection';
-import BlogSection from '../components/BlogSection/BlogSection';
-import InstagramSection from '../components/InstagramSection/InstagramSection';
 import Donors from '../components/Donors/Donors';
-import PartnerSection from '../components/PartnerSection/PartnerSection';
-import introImg from '/public/images/home/expert-immigration-guidance.webp'
-import FunFactVideo from '../components/FunFactVideo/FunFactVideo';
+import BlogSection from '../components/BlogSection/BlogSection';
 import Footer from '../components/footer/Footer';
 import Scrollbar from '../components/scrollbar/scrollbar';
+import introImg from '/public/images/home/expert-immigration-guidance.webp';
+
+import { serverSideTranslations } from 'next-i18next/serverSideTranslations';
 
 const HomePage = () => {
     return (
@@ -24,21 +21,26 @@ const HomePage = () => {
             <Navbar hclass={'wpo-site-header-s1'} topbarNone={'topbar-none'} Logo={'/images/logo.svg'} />
             <Hero />
             <Features sClass={'wpo-service-section-s2'} />
-            <About introImg={introImg} abClass={'wpo-about-section-s2'}/>
+            <About introImg={introImg} abClass={'wpo-about-section-s2'} />
             <ServiceSection />
-            <FunFact fnTpClass={'funfact-wrap-sec'} fnClass={'wpo-fun-fact-section-s3'} />
+            {/* <FunFact fnTpClass={'funfact-wrap-sec'} fnClass={'wpo-fun-fact-section-s3'} /> */}
             <ServiceSectionS2 />
             <Testimonial />
-            {/* <FunFactVideo /> */}
-            {/* <CampaignSection/> */}
-            {/* <TeamSection /> */}
             <Donors />
             <BlogSection />
-            {/* <InstagramSection/> */}
-            {/* <PartnerSection/> */}
             <Footer />
             <Scrollbar />
         </Fragment>
-    )
+    );
 };
-export default HomePage;
+
+export default HomePage;
+
+// ✅ This enables translations (menu, and more if you add other namespaces)
+export async function getStaticProps({ locale }) {
+    return {
+        props: {
+            ...(await serverSideTranslations(locale, ['common', 'menu', 'homeHero', 'home4Card', '(home)/homeAbout', '(home)/homeFeature', '(home)/testimonial', '(home)/homeCalltoAction', 'blog', 'footer'])), // Add 'home', 'footer', etc. if needed
+        },
+    };
+}

pages/our-approach/index.js

@@ -6,6 +6,7 @@ import approach from '/public/images/about/our-approach-banner.webp';
 import Footer from '../../components/footer/Footer';
 import abimg from '/public/images/about-s2.jpg'
 import OurApproachSection from '../../components/our-approach/OurApproachSection';
+import { serverSideTranslations } from 'next-i18next/serverSideTranslations';
 
 const OurApproach = () => {
     return (
@@ -19,3 +20,13 @@ const OurApproach = () => {
     )
 };
 export default OurApproach;
+
+// ✅ This enables translations (menu, and more if you add other namespaces)
+export async function getStaticProps({ locale }) {
+    return {
+        props: {
+            ...(await serverSideTranslations(locale, ['common', 'menu'])), // Add 'home', 'footer', etc. if needed
+        },
+    };
+}
+

pages/services/[slug].js

@@ -1,101 +1,126 @@
-import React, { Fragment } from 'react';
-import Navbar2 from '../../components/Navbar2/Navbar2';
-import PageTitle from '../../components/pagetitle/PageTitle';
-import Scrollbar from '../../components/scrollbar/scrollbar';
-import { useRouter } from 'next/router';
-import Campaign from '../../api/campaign';
-import Footer from '../../components/footer/Footer';
-import Image from 'next/image';
-import Link from 'next/link';
-import services from '/public/images/service/service-details-banner.webp';
+import React, { Fragment } from "react";
+import Navbar2 from "../../components/Navbar2/Navbar2";
+import PageTitle from "../../components/pagetitle/PageTitle";
+import Scrollbar from "../../components/scrollbar/scrollbar";
+import Footer from "../../components/footer/Footer";
+import Image from "next/image";
+import Link from "next/link";
+import servicesBanner from "/public/images/service/service-details-banner.webp";
+import { useTranslation } from "next-i18next";
+import { serverSideTranslations } from "next-i18next/serverSideTranslations";
 
-const ServiceDetailsPage = () => {
-    const router = useRouter();
-    const { slug } = router.query;
-
-    const service = Campaign.find(item => item.slug === slug);
-
-    if (!service) {
-        return (
-            <Fragment>
-                <Navbar2 />
-                <div className="container text-center py-5">
-                    <h2>Service not found!</h2>
-                    <Link href="/">Back to Home</Link>
-                </div>
-                <Footer />
-                <Scrollbar />
-            </Fragment>
-        );
-    }
+const ServiceDetailsPage = ({ service }) => {
+  const { t } = useTranslation("services");
 
+  if (!service) {
     return (
-        <Fragment>
-            <Navbar2 />
-            <PageTitle pageTitle={service.sTitle} backgroundImage={services} pagesub={'Services Details'} />
-
-            <section className="wpo-blog-single-section section-padding">
-                <div className="container">
-                    <div className="row">
-                        <div className="col-12">
-                            <div className="wpo-blog-content">
-                                <div className="post format-standard-image">
-
-                                    <div className="entry-media">
-                                        <div style={{ width: "100%", height: "650px", position: "relative" }}>
-                                            <Image
-                                                src={service.sImgS}
-                                                alt={service.sTitle}
-                                                fill
-                                                style={{ objectFit: "cover" }}
-                                            />
-                                        </div>
-                                    </div>
-
-
-                                    <div className="entry-meta">
-                                        <ul>
-                                            <li>
-                                                {/* <i className="fi flaticon-user"></i>{' '}
-                                                <span>{service.author || 'Admin'}</span> */}
-                                            </li>
-                                            {/* <li>
-                                                <i className="fi flaticon-calendar"></i> {service.date}
-                                            </li> */}
-                                        </ul>
-                                    </div>
-
-                                    <h2>{service.sTitle}</h2>
-
-                                    <div dangerouslySetInnerHTML={{ __html: service.descriptiondetail }} />
-
-                                    {service.blockquotes && service.blockquotes.map((quote, idx) => (
-                                        <blockquote key={idx}>{quote}</blockquote>
-                                    ))}
-
-                                    {service.gallery && (
-                                        <div className="gallery">
-                                            {service.gallery.map((img, i) => (
-                                                <div key={i}>
-                                                    <Image src={img} alt={`Gallery ${i}`} width={400} height={300} />
-                                                </div>
-                                            ))}
-                                        </div>
-                                    )}
-
-                                    {/* {service.extraText && <p className="mt-4">{service.extraText}</p>} */}
-
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </section>
-
-            <Footer />
-            <Scrollbar />
-        </Fragment>
+      <Fragment>
+        <Navbar2 />
+        <div className="container text-center py-5">
+          <h2>{t("page.serviceNotFound", "Service not found!")}</h2>
+          <Link href="/">{t("page.backHome", "Back to Home")}</Link>
+        </div>
+        <Footer />
+        <Scrollbar />
+      </Fragment>
     );
+  }
+
+  return (
+    <Fragment>
+      <Navbar2 />
+      <PageTitle
+        pageTitle={service.sTitle}
+        backgroundImage={servicesBanner}
+        pagesub={t("page.subtitle")}
+      />
+
+      <section className="wpo-blog-single-section section-padding">
+        <div className="container">
+          <div className="row">
+            <div className="col-12">
+              <div className="wpo-blog-content">
+                <div className="post format-standard-image">
+                  {/* Banner Image */}
+                  <div className="entry-media">
+                    <div style={{ width: "100%", height: "650px", position: "relative" }}>
+                      <Image
+                        src={service.sImgS}
+                        alt={service.sTitle}
+                        fill
+                        style={{ objectFit: "cover" }}
+                        unoptimized
+                      />
+                    </div>
+                  </div>
+
+                  <h2>{service.sTitle}</h2>
+
+                  <div
+                    dangerouslySetInnerHTML={{ __html: service.descriptiondetail }}
+                  />
+
+                  {service.blockquotes &&
+                    service.blockquotes.map((quote, idx) => (
+                      <blockquote key={idx}>{quote}</blockquote>
+                    ))}
+
+                  {service.gallery && (
+                    <div className="gallery">
+                      {service.gallery.map((img, i) => (
+                        <div key={i}>
+                          <Image
+                            src={img}
+                            alt={`Gallery ${i}`}
+                            width={400}
+                            height={300}
+                            unoptimized
+                          />
+                        </div>
+                      ))}
+                    </div>
+                  )}
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <Footer />
+      <Scrollbar />
+    </Fragment>
+  );
 };
 
 export default ServiceDetailsPage;
+
+export async function getStaticPaths({ locales }) {
+  const services = (await import("../../public/locales/en/services.json")).campaigns;
+
+  const paths = services.flatMap((service) =>
+    locales.map((locale) => ({
+      params: { slug: service.slug },
+      locale,
+    }))
+  );
+
+  return {
+    paths,
+    fallback: false,
+  };
+}
+
+export async function getStaticProps({ params, locale }) {
+  const services = (await import(`../../public/locales/${locale}/services.json`))
+    .campaigns;
+
+  const service = services.find((item) => item.slug === params.slug) || null;
+
+  return {
+    props: {
+      service,
+      ...(await serverSideTranslations(locale, ["common", "menu", "services", , 'footer'])),
+    },
+  };
+}

pages/services/index.js

@@ -1,24 +1,37 @@
-import React, { Fragment } from 'react';
-import Navbar2 from '../../components/Navbar2/Navbar2';
-import PageTitle from '../../components/pagetitle/PageTitle'
-import Scrollbar from '../../components/scrollbar/scrollbar'
-import Donors from '../../components/Donors/Donors';
-import PartnerSection from '../../components/PartnerSection/PartnerSection';
-import Footer from '../../components/footer/Footer';
-import ServicesSection from '../../components/services/ServicesSection';
-import services from '/public/images/service/service-banner.webp';
+import React, { Fragment } from "react";
+import Navbar2 from "../../components/Navbar2/Navbar2";
+import PageTitle from "../../components/pagetitle/PageTitle";
+import Scrollbar from "../../components/scrollbar/scrollbar";
+import Footer from "../../components/footer/Footer";
+import ServicesSection from "../../components/services/ServicesSection";
+import services from "/public/images/service/service-banner.webp";
+import { serverSideTranslations } from "next-i18next/serverSideTranslations";
+import { useTranslation } from "next-i18next";
 
 const Services = () => {
+    const { t } = useTranslation("services");
+
     return (
         <Fragment>
             <Navbar2 />
-            <PageTitle pageTitle={'Services'} backgroundImage={services} pagesub={'Services'} />
-            <ServicesSection cmClass={'wpo-campaign-area-s5'}/>
-            {/* <Donors /> */}
-            {/* <PartnerSection/> */}
+            <PageTitle
+                pageTitle={t("page.title")}
+                backgroundImage={services}
+                pagesub={t("page.subtitle")}
+            />
+            <ServicesSection cmClass={"wpo-campaign-area-s5"} />
             <Footer />
             <Scrollbar />
         </Fragment>
-    )
+    );
 };
+
 export default Services;
+
+export async function getStaticProps({ locale }) {
+    return {
+        props: {
+            ...(await serverSideTranslations(locale, ['common', 'menu', 'services', 'footer'])), // Add 'home', 'footer', etc.
+        },
+    };
+}

public/locales/en/(home)/homeAbout.json

@@ -0,0 +1,11 @@
+{
+  "expertGuidance": "Expert Immigration Guidance",
+  "mainTitle": "We Turn Immigration Challenges Into Success Stories",
+  "paragraphs": [
+    "Every immigration case tells a unique story of hope, determination, and the pursuit of the American dream. At Janahan law, we understand that behind every petition, application, and legal document is a real person with real dreams.",
+    "Our comprehensive approach combines decades of legal expertise with genuine care for our clients' futures. Whether you're seeking to reunite with family, advance your career, or find safety and protection in America, we provide the skilled advocacy and personal attention your case deserves.",
+    "From the initial consultation through the final approval, we stand with you every step of the way, ensuring no detail is overlooked and no opportunity is missed."
+  ],
+  "quote": "“We believe every family deserves the chance to stay together, every professional deserves to pursue their career, and every person deserves safety and opportunity.”",
+  "buttonText": "Know More"
+}

public/locales/en/(home)/homeCalltoAction.json

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

public/locales/en/(home)/homeFeature.json

@@ -0,0 +1,18 @@
+{
+  "sectionSubTitle": "STRENGTHENING AMERICA'S FUTURE",
+  "sectionTitle": "How We Build Better Futures Together",
+  "features": [
+    {
+      "title": "Strategic Planning",
+      "description": "We create custom legal strategies based on immigration law, policy changes, and your needs."
+    },
+    {
+      "title": "Expert Preparation",
+      "description": "Careful document preparation, evidence gathering, and filing to boost your application success."
+    },
+    {
+      "title": "Ongoing Support",
+      "description": "We monitor your case, provide updates, and represent you through your full immigration process."
+    }
+  ]
+}

public/locales/en/(home)/testimonial.json

@@ -0,0 +1,19 @@
+{
+  "testimonials": [
+    {
+      "description": "Janahan Law turned my dream of living in the United States into reality. They handled every step of my green card process with precision and care, making a complex journey feel simple and stress-free. Today, my family and I are proud to call America our home.",
+      "name": "Robert Willum",
+      "position": "President of BPT"
+    },
+    {
+      "description": "I had almost lost hope of bringing my spouse to the United States. Janahan Law not only explained every option clearly but also worked tirelessly to reunite us. Their dedication and expertise made the impossible possible, and now we’re building our life together in America.",
+      "name": "Leslie Alexander",
+      "position": "President of TBP"
+    },
+    {
+      "description": "When I was facing the risk of deportation, I felt my whole world collapsing. Janahan Law stood by me like a lifeline — fighting for my case with unmatched dedication and compassion. Thanks to their expertise, I now have the security to build a future in the U.S. without fear.",
+      "name": "David Joy",
+      "position": "President of AML"
+    }
+  ]
+}

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/blog.json

@@ -0,0 +1,22 @@
+{
+    "sectionSubTitle": "Our Blog",
+    "sectionTitle": "Latest News & Press",
+    "knowMore": "Know More",
+    "posts": {
+        "new-tps-designations-what-you-need-to-know": {
+            "title": "New TPS Designations: What You Need to Know",
+            "summary": "Recent policy changes affect thousands of immigrants. Learn how temporary protected status updates may impact your case and what actions to take.",
+            "description": "<p>Recent policy changes affect thousands of immigrants. Learn how temporary protected status updates may impact your case and what actions to take. Temporary Protected Status (TPS) has undergone significant changes in 2025, creating both opportunities and challenges for immigrants from affected countries. Understanding these developments is crucial if you currently hold TPS or believe you may be eligible for protection. TPS provides temporary relief from deportation and work authorization for individuals from countries experiencing armed conflict, natural disasters, or extraordinary circumstances. This humanitarian program has provided crucial support to individuals from around the world, helping them build new lives and positively contribute to American communities.</p><h3>Major TPS Changes in 2025</h3><p>Recent changes to Temporary Protected Status (TPS) designations have affected several countries, with some losing protection while others continue to be covered. Certain nations are experiencing phased-out TPS protections over a transition period, while others maintain their status due to ongoing circumstances. Extensions have been granted to some countries to allow continued protection for affected individuals during these times.</p><blockquote>\"TPS changes don't just affect paperwork - they affect families, communities, and the futures that people have worked so hard to build in America. Every case requires immediate attention and strategic planning.\"</blockquote><h3>What You Need to Do Now</h3><p>If your country's TPS is being terminated, don't panic, but act quickly. You have options, including asylum applications, family-based immigration, employment-based petitions, or other forms of relief. The key is consulting with an experienced immigration attorney who can evaluate your specific situation and identify the best pathway forward. For those whose countries maintain TPS status, continue following re-registration requirements and keep your documentation current. Even stable TPS designations can change, so staying prepared is essential.</p><h3>Critical Steps for TPS Holders</h3><p>First, gather all documentation proving your continuous presence in the United States, employment history, and community ties. Second, explore alternative immigration relief immediately — waiting until your TPS expires severely limits your options. Third, maintain your current TPS status by meeting all re-registration deadlines, even if termination is pending. The immigration landscape changes rapidly, and TPS terminations represent just one aspect of evolving policy. However, with proper legal guidance and timely action, many TPS holders successfully transition to permanent status through family relationships, employment opportunities, or humanitarian protection.</p><h3>Your Next Steps</h3><p>Don't let TPS changes catch you unprepared. Schedule a consultation with qualified immigration counsel to understand your options and develop a strategy for your family's future. Every situation is unique, and what works for one person may not apply to your circumstances. At Janahan Law, we've helped hundreds of TPS holders navigate these transitions successfully. Our multilingual team understands the complexity of changing immigration policies and works tirelessly to protect our clients' rights and futures in America. Contact us today for a comprehensive case evaluation. Your American dream doesn't have to end with TPS changes — let us help you find the pathway to permanent protection.</p><blockquote>\"This article provides general information only. Always consult with a qualified immigration attorney about your specific situation, as immigration law is complex and constantly evolving.\"</blockquote>"
+        }
+    },
+    "h1b-season-2025-preparation-strategies": {
+        "title": "H-1B Season 2025: Preparation Strategies",
+        "summary": "The annual H-1B lottery approaches. Our comprehensive guide helps employers and workers navigate the process.",
+        "description": "<p>The annual H-1B lottery approaches. Our comprehensive guide helps employers and workers navigate the process and improve selection odds.</p><p>The H-1B registration period for the fiscal year 2026 closed recently, with a high number of applications competing for a limited number of available slots. Given the competitive selection rate, careful and strategic preparation is crucial for applicants.</p><p>The competition has intensified with stricter wage requirements and increased scrutiny of specialty occupation claims. USCIS continues issuing detailed Requests for Evidence, and processing times have extended significantly — premium processing now takes up to 45 days.</p><p>Document specialty occupation requirements clearly. USCIS scrutinizes whether positions truly require specialized knowledge and specific degrees. Develop detailed job descriptions showing complex duties and industry-specific requirements.</p><p>Ensure wage compliance by meeting prevailing wage requirements for your area. Level 1 wages face additional scrutiny, so be prepared to justify entry-level classifications thoroughly.</p><p>Employee Action Items: Obtain credential evaluations early if your degree was earned abroad. Gather comprehensive employment documentation showing specialized experience, as three years of relevant experience can substitute for one year of education. Prepare for potential RFEs by assembling detailed resumes, employer letters, certifications, and training records now.</p><blockquote>\"H-1B success requires bulletproof preparation. We see lottery winners receive denials due to rushed filing. Start preparing months in advance, not days.\"</blockquote><h3>Registration Strategy</h3><p>Complete electronic registration carefully — errors can cause rejection. Multiple employers can register the same beneficiary, but each employer can only submit one registration per person. Remember: lottery selection doesn't guarantee approval. Selected cases must still meet all requirements and file complete petitions within 90 days.</p><h3>Critical Mistakes to Avoid</h3><p>Don't submit generic job descriptions or incomplete documentation. Template descriptions often lead to denials. Your Labor Condition Application must be accurate and filed before the H-1B petition. Never assume you can provide missing evidence later — initial petitions should be comprehensive and compelling.</p><h3>Beyond the Lottery</h3><p>Start green card planning early if permanent residency is your goal. PERM labor certification takes 12–18 months, and early filing extends H-1B eligibility beyond six years. Consider backup options like O-1, L-1, or TN status if not selected.</p><h3>Get Expert Help</h3><p>H-1B preparation requires months of strategic planning and expert legal guidance. At Janahan Law, our employment immigration team achieves exceptional approval rates through meticulous preparation. Schedule your H-1B consultation today. Don't let another season pass without maximizing your success chances.</p><blockquote>\"This article provides general guidance only. Consult qualified immigration counsel for your specific situation.\"</blockquote>"
+    },
+    "family-immigration-backlogs-alternative-options": {
+        "title": "Family Immigration Backlogs: Alternative Options",
+        "summary": "While family preference categories face delays, discover alternative pathways to reunite with loved ones.",
+        "description": "<p>While family preference categories face delays, discover alternative pathways to reunite with loved ones and expedite your case. Family immigration faces significant backlog challenges, with some categories experiencing extremely long wait times. Limited annual visa caps compared to high demand have resulted in extended delays for various applicant groups.</p><h3>Immediate Relative Strategy</h3><p>The most powerful solution is qualifying as an \"immediate relative\" — spouses, unmarried children under 21, and parents of U.S. citizens. These categories have no numerical limits and process within 12–24 months. Marriage to a U.S. citizen transforms decades-long waits into one-year processes. U.S. citizen children who turn 21 can immediately petition for parents without preference category delays.</p><h3>Smart Timing Decisions</h3><p>Consider citizenship timing carefully. Permanent residents in the F2A category may benefit from delaying naturalization if priority dates are current, as becoming a citizen restarts the process despite moving to immediate relative status. Multiple family members can file separate petitions. Coordinate filings among citizen and permanent resident relatives to maximize opportunities.</p><h3>Alternative Pathways</h3><p>Employment-based immigration may process faster than family categories. If relatives have valuable skills, employer sponsorship through EB-2 or EB-3 could be quicker routes. Investor visas (EB-5) bypass family preference limitations entirely for families with $800,000–$1,050,000 to invest. Student visas allow temporary reunification while creating opportunities for employment-based permanent residency.</p><blockquote>\"We regularly find immediate relative qualifications that clients didn't know existed, turning decades-long separations into months-long processes.\"</blockquote><h3>Humanitarian Options</h3><p>Asylum or refugee status provides derivative benefits for spouses and unmarried children under 21, completely bypassing preference categories. Special programs like VAWA, Cuban Adjustment Act, or country-specific parole programs offer additional pathways for qualifying families.</p><h3>Overcoming Barriers</h3><p>Don't assume disqualifications are permanent. I-601 and I-601A waivers can overcome unlawful presence, criminal issues, or immigration violations. Extreme hardship waivers focus on qualifying U.S. relatives, considering medical conditions, financial dependencies, and country conditions.</p><h3>Take Action Now</h3><p>File petitions immediately to secure priority dates — they can only improve, never worsen. Early filing preserves your place in line regardless of current backlogs. Monitor visa bulletins monthly for unexpected movement. Sudden priority date advances require rapid response to avoid missed opportunities. Maintain valid status when possible to preserve flexibility and avoid complications that further delay cases.</p><h3>Expert Strategy Required</h3><p>Family immigration involves complex timing decisions and strategic choices that can save years of separation or create permanent entry bars. At Janahan Law, we specialize in finding creative solutions to family separation. Our team regularly identifies alternative pathways that reduce wait times from decades to months. Schedule your consultation today. Let us find the fastest pathway to reunite your family.</p><blockquote>\"This article provides general information only. Consult qualified immigration counsel for your specific situation.\"</blockquote>"
+    }
+}

public/locales/en/common.json

@@ -0,0 +1,5 @@
+{
+  "callUs": "Call Us:",
+  "emailNow": "E-mail Now:",
+  "contactUs": "Contact Us"
+}

public/locales/en/contact.json

@@ -0,0 +1,35 @@
+{
+  "contactInfo": {
+    "emailTitle": "Email Us",
+    "email": "info@janahanlaw.com",
+    "callTitle": "Call Now",
+    "phone": "+1 (305) 330-7413",
+    "questionTitle": "Have Any Question?",
+    "questionDesc": "We’re here to help with all your U.S. immigration and legal needs — contact Janahan Law for trusted guidance today."
+  },
+  "form": {
+    "namePlaceholder": "Your Name",
+    "emailPlaceholder": "Your Email",
+    "phonePlaceholder": "Your Phone",
+    "subjectPlaceholder": "Select Subject",
+    "subjectOptions": [
+      "River Development",
+      "Village Development",
+      "Road Development",
+      "Town Development",
+      "Social Development"
+    ],
+    "messagePlaceholder": "Message",
+    "submitButton": "Submit Now",
+    "successMessage": "Message sent successfully!",
+    "failedMessage": "Failed to send message. Please try again later.",
+    "requiredMessages": {
+      "name": "Name is required",
+      "email": "Valid email is required",
+      "phone": "Phone number is required",
+      "subject": "Please select a subject",
+      "message": "Message is required",
+      "recaptcha": "Please complete the ReCAPTCHA"
+    }
+  }
+}

public/locales/en/footer.json

@@ -0,0 +1,16 @@
+{
+    "logoAlt": "Janahan Law Logo",
+    "aboutText": "Every immigration case tells a unique story of hope, determination, and the pursuit of the American dream.",
+    "quickLinksTitle": "Quick Links",
+    "home": "Home",
+    "aboutUs": "About Us",
+    "services": "Services",
+    "ourApproach": "Our Approach",
+    "blog": "Blog",
+    "servicesTitle": "Services",
+    "contactTitle": "Contact",
+    "phone": "Phone",
+    "email": "Email",
+    "copyright": "Copyright {{year}} © Janahan Law. Powered by",
+    "allRightsReserved": "All Right Reserved."
+}

public/locales/en/home4Card.json

@@ -0,0 +1,18 @@
+{
+    "familyImmigration": {
+        "sTitle": "Family Immigration",
+        "description": "Reunite with loved ones via green cards, fiancé visas, and petitions from filing to processing."
+    },
+    "employmentVisas": {
+        "sTitle": "Employment Visas",
+        "description": "Build your U.S. career with H-1B, L-1, O-1, EB visas, expert support for professionals, investors."
+    },
+    "deportationDefense": {
+        "sTitle": "Deportation Defense",
+        "description": "Protect your stay with removal cancellation, asylum claims, and strong representation."
+    },
+    "citizenship": {
+        "sTitle": "Citizenship Services",
+        "description": "Achieve citizenship with naturalization help, test, and guidance on residency requirements."
+    }
+}

public/locales/en/homeHero.json

@@ -0,0 +1,24 @@
+{
+    "hero": {
+        "slide1": {
+            "title": "Family Immigration Assistance",
+            "text": "Reuniting loved ones, one case at a time.",
+            "button": "About"
+        },
+        "slide2": {
+            "title": "Employment & Work Visa Solutions",
+            "text": "Your career deserves a global gateway.",
+            "button": "Our Approach"
+        },
+        "slide3": {
+            "title": "Investor & Business Immigration",
+            "text": "Building futures through business opportunities.",
+            "button": "Services"
+        },
+        "slide4": {
+            "title": "Deportation Defense & Legal Representation",
+            "text": "Fighting for your right to stay.",
+            "button": "Contact"
+        }
+    }
+}

public/locales/en/menu.json

@@ -0,0 +1,10 @@
+{
+  "home": "Home",
+  "ourApproach": "Our Approach",
+  "aboutUs": "About us",
+  "ourMission": "Our Mission",
+  "racialJustice": "Racial Justice",
+  "blog": "Blog",
+  "services": "Services",
+  "contact": "Contact"
+}

public/locales/en/ourApproach.json

@@ -0,0 +1,47 @@
+{
+    "ourApproach": [
+  {
+    "id": 1,
+    "authorTitle": "STRATEGIC FOUNDATION",
+    "title": "Comprehensive Case Analysis from Day One",
+    "para": "Every successful immigration case begins with thorough analysis and strategic planning. We start each client relationship with comprehensive consultation to understand not only your immediate immigration needs but also your long-term goals in America. Our experienced attorneys examine all available pathways, identify potential challenges, and develop customized strategies that maximize your chances of success while minimizing delays and complications. This foundational approach ensures that every decision we make together serves your broader objectives of building a secure future in the United States.",
+    "screens": "/images/our-approach/1.webp"
+  },
+  {
+    "id": 2,
+    "authorTitle": "MODERN PRACTICE",
+    "title": "Leveraging Technology for Better Outcomes",
+    "para": "Immigration law practice has evolved dramatically with technological advancement, and we've embraced these changes to better serve our clients. Our firm utilizes cutting-edge case management systems, automated compliance monitoring, and secure digital communication platforms that keep you informed and engaged throughout your case. We employ advanced research tools to stay current with policy changes, use predictive analytics to optimize filing strategies, and provide clients with 24/7 access to case updates through our secure client portal. Technology enhances our ability to deliver precise, efficient, and responsive legal services.",
+    "screens": "/images/our-approach/2.webp"
+  },
+  {
+    "id": 3,
+    "authorTitle": "TEAM EXCELLENCE",
+    "title": "Collaborative Expertise Across All Practice Areas",
+    "para": "Complex immigration cases require diverse expertise and collaborative approach. Our multidisciplinary team includes attorneys specializing in family immigration, employment visas, deportation defense, and humanitarian protection, ensuring that every aspect of your case receives expert attention. We combine decades of collective experience with fresh perspectives, innovative thinking, and unwavering dedication to client success. Regular team consultations on challenging cases mean that you benefit from our entire firm's knowledge and experience, not just your assigned attorney.",
+    "screens": "/images/our-approach/3.webp"
+  },
+  {
+    "id": 4,
+    "authorTitle": "CLIENT PARTNERSHIP",
+    "title": "Transparent Communication Every Step Forward",
+    "para": "We believe that informed clients make better decisions and achieve better outcomes. Our approach emphasizes clear, frequent communication in a language you understand, whether that's English, Spanish, or another language spoken by our multilingual team. We explain complex legal concepts in plain terms, provide realistic timelines and expectations, and keep you updated on case progress and policy developments that might affect your situation. You're not just hiring lawyers - you're gaining partners who are invested in your success and committed to guiding you through every stage of the immigration process.",
+    "screens": "/images/our-approach/4.webp"
+  },
+  {
+    "id": 5,
+    "authorTitle": "PROACTIVE ADVOCACY",
+    "title": "Anticipating Challenges Before They Arise",
+    "para": "Successful immigration practice requires anticipating problems before they develop and preparing comprehensive responses to potential challenges. We continuously monitor policy changes, track processing trends, and maintain relationships with government officials to stay ahead of developments that might affect our clients' cases. Our proactive approach includes thorough document preparation, strategic timing of filings, and contingency planning for various scenarios. When challenges do arise, we're prepared with immediate responses that protect your interests and keep your case moving forward.",
+    "screens": "/images/our-approach/5.webp"
+  },
+  {
+    "id": 6,
+    "authorTitle": "LASTING RELATIONSHIPS",
+    "title": "Supporting Your American Journey Beyond Case Completion",
+    "para": "Our relationship with clients doesn't end when your case is approved. We understand that immigration is often a multi-step process involving family members, status changes, and evolving needs over time. We provide ongoing guidance for naturalization, help with adjustment issues, and remain available for future immigration needs as your life in America develops. Many of our clients return to us for green card renewals, citizenship applications, and petitions for family members. We take pride in being your trusted immigration counsel throughout your entire American journey.",
+    "screens": "/images/our-approach/6.webp"
+  }
+]
+}
+

public/locales/en/ourMission.json

@@ -0,0 +1,15 @@
+{
+  "ourMission": {
+    "title": "Our Mission",
+    "p1": "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.",
+    "p2": "We believe that every person deserves expert legal guidance delivered with dignity, respect, and cultural understanding. Our mission is to break down the barriers that separate families, limit professional opportunities, and prevent individuals from achieving their American dreams. Through innovative legal strategies, multilingual communication, and personalized attention, we transform immigration challenges into success stories. We are not just attorneys - we are advocates, guides, and partners in your journey toward building a secure future in America.",
+    "quote1": "Every immigration case we handle represents more than legal paperwork - it represents a family's hope for reunification, a professional's dream of advancement, and an individual's courage to build a new life in America. We are honored to be trusted partners in these transformative journeys.",
+    "p3": "We measure our success not only in cases won but in lives transformed, families reunited, and dreams realized. Each approval letter represents years of separation ending, each naturalization ceremony celebrates a new American citizen, and each successful defense protects a family's right to remain together. This is why we practice immigration law - to be part of these transformative moments and to ensure that America remains a nation of opportunity for all who seek it through legal pathways.",
+    "p4": "Our commitment to excellence drives everything we do. From the initial consultation through case completion, we provide comprehensive legal services backed by decades of experience and an unwavering dedication to achieving positive outcomes for our clients.",
+    "p5": "We understand that immigration cases represent more than legal proceedings - they represent hopes, dreams, and family futures. This understanding guides our approach to every case, ensuring that each client receives the personalized attention and strategic advocacy they deserve.",
+    "quote2": "We exist to transform the immigration experience through expert legal advocacy, compassionate service, and unwavering commitment to justice. Every case we handle, every family we reunite, and every dream we help achieve contributes to building a stronger, more inclusive America.",
+    "p6": "Community engagement lies at the heart of our mission. We regularly participate in know-your-rights presentations, provide pro bono services to underserved populations, and work with local organizations to ensure that accurate immigration information reaches those who need it most.",
+    "p7": "Our multilingual team reflects the diversity of the communities we serve, enabling us to communicate effectively and build trust with clients from around the world. We believe that language should never be a barrier to accessing quality legal representation.",
+    "p8": "We will continue advocating for comprehensive immigration reform, supporting policies that reflect America's values of fairness and opportunity, and working to ensure that the immigration system serves both individual applicants and the broader national interest."
+  }
+}

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/en/racialJustice.json

@@ -0,0 +1,11 @@
+{
+      "racialJustice": {
+  "title": "Racial Justice",
+  "paragraph1": "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. Our commitment to racial justice means actively challenging discriminatory practices, advocating for fair treatment regardless of national origin, and ensuring that every client receives equal protection under the law. We understand that true immigration reform must address the racial disparities that have historically shaped U.S. immigration policy. Through strategic litigation, community advocacy, and cultural competency training, we work to dismantle barriers that prevent equitable access to immigration benefits. Our diverse legal team reflects our commitment to representation that understands and respects the communities we serve.",
+  "quote1": "Racial justice in immigration law is not optional - it is essential. Every policy decision, every case outcome, and every interaction with the immigration system must be evaluated through the lens of equity and fairness. We refuse to accept a system that treats people differently based on their race, nationality, or country of origin.",
+  "paragraph2": "Our racial justice work extends beyond individual cases to systemic advocacy. We support comprehensive immigration reform that addresses racial disparities in the current system, advocate for the elimination of discriminatory country caps, and work with civil rights organizations to challenge policies that disproportionately impact communities of color. We believe that America's immigration system should reflect the nation's values of equality and opportunity for all, regardless of race or country of origin. This principle guides our practice and our advocacy for systemic change.",
+  "paragraph3": "Combating racial bias in immigration proceedings requires vigilance, preparation, and strategic advocacy. We train our team to recognize and address discriminatory practices, whether in consular processing, USCIS adjudications, or immigration court hearings. Our approach includes thorough preparation for interviews, comprehensive documentation of country conditions, and aggressive advocacy when we identify potential bias. We refuse to accept discriminatory treatment and fight vigorously for our clients' rights. Our multilingual services and cultural competency ensure that language and cultural barriers don't prevent access to quality legal representation. We believe that justice requires both excellent legal advocacy and cultural understanding.",
+  "quote2": "We believe that excellent legal representation must be coupled with a commitment to racial justice. Our clients deserve not only skilled advocacy but also lawyers who understand and actively challenge the systemic barriers they face.",
+  "paragraph4": "Racial justice in immigration requires acknowledging how systemic discrimination has historically shaped U.S. immigration policy. We actively challenge these inequities through strategic advocacy, community education, and partnerships with civil rights organizations. The fight for racial justice in immigration law requires collective action and unwavering commitment. At Janahan law, we are proud to stand with immigrant communities in challenging discrimination and advocating for systemic change. We invite you to partner with us in building an immigration system that truly embodies America's values of equality and opportunity for all. Contact our team today to discuss how we can support your immigration journey while advancing justice for everyone."
+      }
+}

public/locales/en/services.json

@@ -0,0 +1,51 @@
+{
+  "page": {
+    "subtitle": "Our Services",
+    "title": "Explore Immigration Services",
+    "viewButton": "View Details",
+    "serviceNotFound": "Service not found!",
+    "backHome": "Back to Home"
+  },
+  "campaigns": [
+    {
+      "id": "1",
+      "sTitle": "Family Immigration Assistance",
+      "slug": "family-immigration-assistance",
+      "description": "We offer expert guidance on family-based US immigration, from petition filing to visa approval",
+      "sImgS": "/public/images/service/category/business/family/family-1.webp",
+      "cSimg": "/public/images/service/category/business/family/family-1.webp",
+      "category": "Family",
+      "descriptiondetail": "<p>Family immigration is one of the most personal and critical areas of US immigration law, touching the lives of millions of individuals who seek to reunite with their loved ones. At Janahan Law, we specialize in assisting US citizens and lawful permanent residents in petitioning for their spouses, children, parents, and siblings. Navigating the immigration system can be complex, but our dedicated team guides clients through each stage with precision and care. From preparing and submitting Form I-130 petitions to managing consular processing, adjustment of status applications, and waivers for inadmissibility, we ensure all documentation is meticulously prepared to prevent delays or denials. Our expertise extends beyond paperwork; we provide strategic advice for interviews, appeals, and other critical steps to maximize approval rates and reduce the emotional stress families may face during the process. By staying up-to-date with USCIS policies, travel restrictions, and legal reforms, we offer our clients reliable guidance every step of the way. </p><blockquote>“Reuniting families is not just our job; it’s our mission. Every petition we handle is a step towards bringing loved ones together.”</blockquote><p>Family immigration cases often involve sensitive and emotional circumstances. We understand the challenges of separating families, especially when it involves minor children, aging parents, or spouses living abroad. Our compassionate approach ensures that each client receives personalized solutions tailored to their unique circumstances. Whether it’s assisting a spouse in joining their partner in the United States, helping minor children immigrate to be with their parents, or supporting parents in obtaining lawful permanent residence, we are committed to making the process as smooth and stress-free as possible. </p><div class='gallery'><div><img src='/images/services/gallery1.jpg' alt='Gallery 1'/></div><div><img src='/images/services/gallery2.jpg' alt='Gallery 2'/></div></div><p>Our services encompass a full spectrum of family immigration support. This includes evaluating eligibility, compiling required documents, filing petitions, liaising with government agencies, preparing clients for interviews, and providing guidance during appeals or requests for reconsideration. We also address complex situations, such as inadmissibility issues, waivers, and special humanitarian cases, ensuring that every possible avenue is explored for a positive outcome. With Janahan Law, clients receive not just legal representation, but a partner who truly understands the human side of immigration. </p><blockquote>\"At the heart of every case we take lies a promise—to help families reconnect, to turn hope into reality, and to make distance disappear one step at a time.\"</blockquote><p>Family immigration is more than legal paperwork—it’s about building futures together. Our goal is to provide comprehensive, empathetic, and effective legal support to help families overcome the bureaucratic hurdles of US immigration. By combining deep legal knowledge with personalized attention, we empower families to reunite and thrive in the United States. </p>"
+    },
+    {
+      "id": "2",
+      "sTitle": "Employment & Work Visa Solutions",
+      "slug": "employment-work-visa-solutions",
+      "description": "We help secure H-1B, L-1, O-1, and other US work visas.",
+      "category": "Business",
+      "sImgS": "/images/services/employment1.jpg",
+      "cSimg": "/images/services/employment1-cover.jpg",
+      "descriptiondetail": "<p>Securing employment authorization in the United States is a critical step for skilled professionals, entrepreneurs, and multinational employees who aspire to work and thrive in a dynamic and competitive environment. At Janahan Law, we specialize in guiding clients through the complex US immigration system with tailored strategies for H-1B visas, L-1 intra-company transfers, O-1 visas for extraordinary ability, and other employment-based categories. Our team provides a comprehensive range of services, including eligibility assessment, meticulous documentation preparation, petition filing, and employer coordination, ensuring that every application meets USCIS standards. Beyond application assistance, we help clients navigate visa extensions, status changes, and compliance with labor regulations, creating a smooth, stress-free path to lawful work authorization in the United States. </p><blockquote>\"Helping skilled professionals achieve their American work dreams with seamless visa solutions. From H-1B to O-1, we guide every step with clarity and expertise.\" </blockquote><p>Our expertise extends to employers seeking guidance on US employment immigration. We assist with PERM labor certification, recruitment compliance, and navigating Department of Labor procedures. By staying up-to-date with visa quotas, lottery systems, policy reforms, and regulatory changes, we deliver proactive strategies that reduce delays and increase approval likelihood. From startup founders to Fortune 500 employees, we ensure that employers and employees alike benefit from clear, actionable guidance that prioritizes lawful compliance and long-term success. </p><div class=\"gallery\"><div><img src=\"/images/service-details/24-7/7/employment/1.webp\" alt=\"Gallery 1\"/></div><div><img src=\"/images/service-details/24-7/7/employment/2.webp\" alt=\"Gallery 2\"/></div></div><p>We recognize that each employment case is unique. That’s why we tailor our approach to the specific needs of each client, factoring in industry requirements, professional background, and long-term career objectives. Our team works closely with clients to anticipate potential challenges, address complex legal nuances, and provide practical solutions that meet both personal and professional goals. Whether helping a technology expert secure H-1B status, guiding a multinational executive through an L-1 transfer, or assisting an artist with an O-1 petition, our mission is to simplify complex processes while maximizing success. </p><p>In addition to visa processing, we provide strategic advisory services for international mobility planning. Professionals planning long-term careers in the US receive counsel on permanent residency paths, dual intent considerations, and optimal timing for filings. Employers receive insights into workforce planning, regulatory changes, and compliance audits that mitigate risk and enhance operational efficiency. Our proactive approach ensures clients remain well-informed and positioned for success in the evolving immigration landscape.  </p><blockquote>\"Turning career ambitions into reality in the U.S. Our team simplifies the visa process, empowering professionals to work, grow, and succeed abroad.\" </blockquote><p>Finally, our commitment is not only to legal compliance but also to the human side of immigration. We understand that employment visas impact careers, families, and futures. Our goal is to make every step seamless, from initial consultation to approval and beyond, empowering our clients to focus on growth, productivity, and life in the United States without unnecessary stress or uncertainty. By combining legal expertise with personalized support, Janahan Law delivers a holistic solution for all employment-based immigration needs. </p>"
+    },
+    {
+      "id": "3",
+      "sTitle": "Citizenship & Naturalization Support",
+      "slug": "citizenship-naturalization-support",
+      "category": "Citizenship Services",
+      "description": "We ensure full compliance for a smooth, successful path to becoming a citizen.",
+      "sImgS": "/images/services/citizenship-naturalization-support.jpg",
+      "cSimg": "/images/services/citizenship-naturalization-support-cover.jpg",
+      "descriptiondetail": "<p>Becoming a United States citizen represents not only a legal milestone but also a profound personal achievement. Our team is dedicated to guiding lawful permanent residents through every step of the naturalization process, ensuring clarity, confidence, and compliance. We provide comprehensive evaluations of eligibility, including residency requirements, continuous presence, moral character assessment, and any special considerations related to travel, taxes, or prior legal matters. From the initial preparation of Form N-400 applications to the meticulous collection of supporting documentation, we ensure that each applicant is fully prepared for a successful journey toward citizenship. </p><blockquote>“Citizenship is not merely a legal status; it represents the vital gateway that allows individuals to fully participate, contribute, and embrace every opportunity that the American dream has to offer.” </blockquote><p>We go beyond paperwork to offer personalized coaching for the naturalization interview, helping clients practice civics and English language tests in a supportive, realistic environment. Our experts explain each step of the process, from scheduling interviews to attending oath ceremonies, and address concerns such as potential complications with criminal records, missing tax filings, or travel history that could affect eligibility. By providing tailored strategies and clear guidance, we remove uncertainties and empower applicants to approach each stage confidently and successfully. </p><div class=\"gallery\"><div><img src=\"/images/service-details/24-7/7/citizen/1.webp\" alt=\"Gallery 1\"/></div><div><img src=\"/images/service-details/24-7/7/citizen/2.webp\" alt=\"Gallery 2\"/></div></div><p>In addition to individual applications, we assist with derivative citizenship matters for children, replacement of lost or stolen certificates, and the formal process of renunciation when necessary. Our attorneys ensure that each case is handled with precision, professionalism, and a focus on achieving the best possible outcome. With years of experience in immigration law, we understand the nuances and challenges that applicants may face and provide solutions designed to prevent delays or complications. </p><blockquote>Our primary mission is to guide and support every eligible resident through the complex process of obtaining U.S. citizenship, making the journey as seamless, fully understandable, and genuinely achievable as possible, so they can confidently build a secure and prosperous future in America. </blockquote><p>Our comprehensive support also includes education on rights and responsibilities as a US citizen, helping clients understand the full scope of opportunities and obligations that accompany naturalization. By combining legal expertise with personalized attention, we create a roadmap that guides each applicant from green card holder to proud US citizen. Whether navigating complex documentation, preparing for interviews, or addressing potential legal issues, our team is committed to making the naturalization journey transparent, efficient, and successful.</p><p>Citizenship in the United States is more than just a legal status; it serves as the gateway to fully participating in the American dream, offering opportunities to contribute, grow, and secure a better future. Our mission is to make the path to citizenship clear, manageable, and achievable for every eligible resident, guiding them through each step—from preparing the necessary documents to navigating interviews and oath ceremonies. By providing support, guidance, and expert assistance, we aim to simplify the process and help individuals confidently take this important step toward becoming a full member of American society.</p>"
+    },
+    {
+      "id": "4",
+      "sTitle": "Investor & Business Immigration Services",
+      "slug": "investor-business-immigration-services",
+      "category": "Business",
+      "description": "Our team guides you through EB-5, E-2, and other investment for success.",
+      "sImgS": "/images/services/investor-business-immigration-services.jpg",
+      "cSimg": "/images/services/investor-business-immigration-services-cover.jpg",
+      "descriptiondetail": "<p>Navigating US immigration for investors and entrepreneurs is a complex and highly strategic process that demands precise planning, thorough documentation, and expert legal guidance. Our firm provides comprehensive support to foreign nationals seeking to establish or expand businesses in the United States, ensuring every step of the immigration and investment journey is smooth, compliant, and successful. We guide clients through the EB-5 Immigrant Investor Program, assisting with the required investment thresholds, detailed business plans, and USCIS documentation to secure lawful permanent residency. For treaty investors, we offer specialized E-2 visa support, including corporate structuring, proof of funds verification, and guidance on compliance with all federal and state business regulations. Beyond visa applications, our team provides extensive assistance with corporate formation, hiring employees, tax compliance, and operational planning, helping entrepreneurs seamlessly transition into the US business environment. Every strategy is customized to the client’s unique goals, ensuring both short-term success and long-term residency prospects.  </p><blockquote>“Investing in your American dream requires not just capital, but the right guidance to navigate legal complexities with confidence and precision.” </blockquote><p>Our expertise extends to non-immigrant business visas, renewals, and transition strategies from temporary to permanent residency. We work closely with investors to identify the best visa pathways based on individual circumstances, investment size, and business type. From startups to established enterprises, we provide practical solutions for securing US work authorization, maintaining compliance with Department of Homeland Security requirements, and ensuring eligibility for future green card applications. We stay continuously updated on US immigration policy changes, investment quotas, and USCIS procedural updates, so clients can make informed decisions without delays or unforeseen complications. </p><div class=\"gallery\"><div><img src=\"/images/service-details/24-7/7/investor/1.webp\" alt=\"Gallery 1\"/></div><div><img src=\"/images/service-details/24-7/7/investor/2.webp\" alt=\"Gallery 2\"/></div></div><p>For entrepreneurs, our support includes market entry analysis, regulatory compliance, business incorporation, employee recruitment strategies, and guidance on intellectual property protections. We understand that investing in the US is not just about meeting immigration criteria—it’s about building a sustainable business foundation that thrives within the American legal and economic system. Our legal team is committed to providing step-by-step guidance, from drafting persuasive business plans to preparing evidence for USCIS reviews and consular interviews. We also prepare clients for potential challenges, such as requests for additional documentation or interviews, ensuring that every application is thorough and convincing. </p><blockquote>“A successful investment in the United States is built on vision, strategy, and unwavering legal support at every step of the immigration process.” </blockquote><p>Beyond visa applications, we offer long-term advisory services for scaling businesses in the US, navigating employment laws, and planning for future immigration benefits for investors and their families. Our team advises on EB-5 regional center opportunities, business restructuring for visa compliance, and strategic planning to meet USCIS investment criteria. We provide clear guidance on managing risk, demonstrating business viability, and maintaining legal status while expanding operations. With a client-centered approach, we combine legal expertise, business acumen, and a deep understanding of US immigration regulations to help investors achieve their goals confidently, efficiently, and with full legal protection. Ultimately, our mission is to turn your American business aspirations into reality by providing unparalleled support throughout every stage of the immigration investment journey. </p>"
+    }
+  ]
+}

public/locales/es/(home)/homeAbout.json

@@ -0,0 +1,11 @@
+{
+    "expertGuidance": "Guía Experta en Inmigración",
+    "mainTitle": "Convertimos los desafíos de inmigración en historias de éxito",
+    "paragraphs": [
+        "Cada caso de inmigración cuenta una historia única de esperanza, determinación y la búsqueda del sueño americano. En Janahan law, entendemos que detrás de cada petición, solicitud y documento legal hay una persona real con sueños reales.",
+        "Nuestro enfoque integral combina décadas de experiencia legal con un cuidado genuino por el futuro de nuestros clientes. Ya sea que busque reunirse con su familia, avanzar en su carrera o encontrar seguridad y protección en Estados Unidos, ofrecemos la defensa experta y la atención personal que su caso merece.",
+        "Desde la consulta inicial hasta la aprobación final, estamos con usted en cada paso del camino, asegurándonos de que ningún detalle se pase por alto y ninguna oportunidad se pierda."
+    ],
+    "quote": "“Creemos que cada familia merece la oportunidad de permanecer unida, cada profesional merece perseguir su carrera y cada persona merece seguridad y oportunidad.”",
+    "buttonText": "Saber más"
+}

public/locales/es/(home)/homeCalltoAction.json

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

public/locales/es/(home)/homeFeature.json

@@ -0,0 +1,18 @@
+{
+  "sectionSubTitle": "FORTALECIENDO EL FUTURO DE ESTADOS UNIDOS",
+  "sectionTitle": "Cómo construimos mejores futuros juntos",
+  "features": [
+    {
+      "title": "Planificación Estratégica",
+      "description": "Creamos estrategias legales personalizadas basadas en la ley de inmigración, los cambios en las políticas y tus necesidades."
+    },
+    {
+      "title": "Preparación Experta",
+      "description": "Preparación cuidadosa de documentos, recopilación de pruebas y presentación para aumentar el éxito de tu solicitud."
+    },
+    {
+      "title": "Apoyo Continuo",
+      "description": "Monitoreamos tu caso, proporcionamos actualizaciones y te representamos durante todo tu proceso de inmigración."
+    }
+  ]
+}

public/locales/es/(home)/testimonial.json

@@ -0,0 +1,19 @@
+{
+    "testimonials": [
+        {
+            "description": "Janahan Law convirtió mi sueño de vivir en Estados Unidos en realidad. Manejaron cada paso de mi proceso de tarjeta verde con precisión y cuidado, haciendo que un camino complejo pareciera simple y sin estrés. Hoy, mi familia y yo estamos orgullosos de llamar hogar a América.",
+            "name": "Robert Willum",
+            "position": "Presidente de BPT"
+        },
+        {
+            "description": "Casi había perdido la esperanza de traer a mi cónyuge a los Estados Unidos. Janahan Law no solo explicó cada opción con claridad, sino que también trabajó incansablemente para reunirnos. Su dedicación y experiencia hicieron posible lo imposible, y ahora estamos construyendo nuestra vida juntos en América.",
+            "name": "Leslie Alexander",
+            "position": "Presidente de TBP"
+        },
+        {
+            "description": "Cuando enfrentaba el riesgo de deportación, sentí que mi mundo se derrumbaba. Janahan Law estuvo a mi lado como un salvavidas, luchando por mi caso con una dedicación y compasión inigualables. Gracias a su experiencia, ahora tengo la seguridad para construir un futuro en EE.UU. sin miedo.",
+            "name": "David Joy",
+            "position": "Presidente de AML"
+        }
+    ]
+}

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/blog.json

@@ -0,0 +1,22 @@
+{
+    "sectionSubTitle": "Nuestro Blog",
+    "sectionTitle": "Últimas Noticias y Comunicados",
+    "knowMore": "Saber Más",
+    "posts": {
+        "new-tps-designations-what-you-need-to-know": {
+            "title": "Nuevas designaciones TPS: lo que necesita saber",
+            "summary": "Los recientes cambios en la política afectan a miles de inmigrantes. Descubra cómo las actualizaciones del estatus de protección temporal podrían impactar su caso y qué acciones tomar.",
+            "description": "<p>Los recientes cambios en la política afectan a miles de inmigrantes. Descubra cómo las actualizaciones del estatus de protección temporal (TPS) podrían impactar su caso y qué acciones tomar. El TPS ha experimentado cambios significativos en 2025, creando tanto oportunidades como desafíos para inmigrantes de los países afectados. Comprender estos desarrollos es fundamental si actualmente posee TPS o cree que puede ser elegible para protección. El TPS ofrece alivio temporal contra la deportación y autorización laboral para personas de países con conflictos armados, desastres naturales o condiciones extraordinarias. Este programa humanitario ha brindado apoyo esencial a personas de todo el mundo, ayudándoles a construir nuevas vidas y contribuir positivamente a sus comunidades en EE. UU.</p><h3>Cambios principales en el TPS en 2025</h3><p>Los cambios recientes en las designaciones del TPS han afectado a varios países: algunos perdieron protección mientras otros siguen cubiertos. Algunas naciones atraviesan una eliminación progresiva durante un período de transición, mientras que otras mantienen su estatus debido a circunstancias continuas. Se han otorgado extensiones a ciertos países para permitir la protección continua durante estos periodos.</p><blockquote>\"Los cambios en el TPS no solo afectan el papeleo: impactan familias, comunidades y los futuros que muchas personas han trabajado tan duro para construir en Estados Unidos. Cada caso requiere atención inmediata y planificación estratégica.\"</blockquote><h3>Qué debe hacer ahora</h3><p>Si el TPS de su país está siendo revocado, no entre en pánico, pero actúe con rapidez. Tiene opciones como solicitar asilo, seguir vías de inmigración familiar, postulaciones laborales u otros tipos de alivio. La clave es consultar con un abogado de inmigración experimentado que evalúe su situación y le ayude a identificar la mejor ruta. Si su país sigue en estatus TPS, mantenga los requisitos de reinscripción al día y conserve su documentación actualizada. Incluso designaciones estables pueden cambiar, así que estar preparado es esencial.</p><h3>Pasos críticos para titulares de TPS</h3><p>Primero, reúna toda la documentación que demuestre su presencia continua en EE. UU., historial laboral y vínculos comunitarios. Segundo, explore alternativas migratorias cuanto antes—esperar hasta que el TPS expire limita enormemente sus opciones. Tercero, mantenga su estatus TPS actual cumpliendo con todos los plazos de reinscripción, incluso si está en curso su terminación. El panorama migratorio es cambiante, y las terminaciones de TPS son solo una parte. Con asesoría legal adecuada y acción oportuna, muchos titulares logran la transición a estatus permanente a través de lazos familiares, laborales o protección humanitaria.</p><h3>Sus próximos pasos</h3><p>No permita que los cambios en el TPS lo tomen por sorpresa. Programe una consulta con un abogado calificado para entender sus opciones y diseñar una estrategia para el futuro de su familia. Cada situación es única, y lo que funciona para uno puede no aplicar para usted. En Janahan Law hemos ayudado a cientos de titulares a transitar exitosamente estos cambios. Nuestro equipo multilingüe comprende la complejidad de las políticas migratorias en constante evolución y trabaja arduamente para proteger los derechos de nuestros clientes en EE. UU. Contáctenos hoy para una evaluación completa de su caso. Su sueño americano no tiene que terminar con los cambios del TPS—permítanos ayudarle a encontrar el camino hacia la protección permanente.</p><blockquote>\"Este artículo ofrece información general solamente. Siempre consulte con un abogado de inmigración calificado sobre su situación específica, ya que la ley migratoria es compleja y está en constante evolución.\"</blockquote>"
+        },
+        "h1b-season-2025-preparation-strategies": {
+            "title": "Temporada H‑1B 2025: estrategias de preparación",
+            "summary": "La lotería anual H‑1B se acerca. Nuestra guía completa ayuda a empleadores y trabajadores a navegar el proceso y mejorar sus probabilidades.",
+            "description": "<p>Se acerca la lotería anual H‑1B. Nuestra guía integral ayuda a empleadores y trabajadores a comprender el proceso y mejorar sus probabilidades.</p><p>El período de registro para visas H‑1B del año fiscal 2026 cerró recientemente, con un alto número de solicitudes compitiendo por espacios limitados. Dada la tasa de selección competitiva, una preparación estratégica y cuidadosa es esencial para los solicitantes.</p><p>La competencia se intensifica con requisitos salariales más estrictos y un mayor escrutinio de las ocupaciones de especialidad. USCIS continúa emitiendo Solicitudes de Evidencia detalladas y los tiempos de procesamiento han aumentado significativamente — ahora el procesamiento premium puede demorar hasta 45 días.</p><p>Documente claramente los requisitos de ocupaciones de especialidad. USCIS examina si los puestos requieren conocimiento especializado y títulos específicos. Elabore descripciones laborales detalladas que reflejen deberes complejos y requisitos propios de la industria.</p><p>Asegure que cumpla con los requisitos salariales del área. Los salarios de nivel 1 enfrentan un escrutinio adicional, prepárese para justificar clasificaciones de nivel inicial de forma exhaustiva.</p><h3>Acciones para empleados</h3><p>Obtenga evaluaciones de credenciales temprano si obtuvo su título en el extranjero. Reúna documentación laboral que evidencie experiencia especializada, ya que tres años de experiencia pueden sustituir un año de educación. Prepárese para Solicitudes de Evidencia contando con currículums detallados, cartas laborales, certificaciones y antecedentes de formación.</p><blockquote>\"Tener éxito con H‑1B requiere una preparación infalible. Vemos postulantes seleccionados que fueron denegados por presentar solicitudes apresuradas. Comience a prepararse meses antes, no días.\"</blockquote><h3>Estrategia de registro</h3><p>Complete el registro electrónico cuidadosamente—errores pueden causar rechazo. Múltiples empleadores pueden registrar al mismo beneficiario, pero cada uno solo puede enviar una solicitud por persona. Recuerde: ser seleccionado en la lotería no garantiza aprobación. Los casos seleccionados deben cumplir todos los requisitos y presentar peticiones completas en 90 días.</p><h3>Errores críticos a evitar</h3><p>No presente descripciones laborales genéricas ni documentación incompleta. Las plantillas conducen a negaciones. Su Solicitud de Condición Laboral debe ser precisa y presentada antes de la petición H‑1B. No asuma que podrá presentar documentación faltante después—las solicitudes iniciales deben ser exhaustivas y convincentes.</p><h3>Más allá de la lotería</h3><p>Comience la planificación de la residencia permanente si ese es su objetivo. La certificación laboral PERM toma 12–18 meses y una solicitud temprana extiende la elegibilidad bajo H‑1B más allá de seis años. Considere opciones alternativas como estatus O‑1, L‑1 o TN si no resulta seleccionado.</p><h3>Obtenga ayuda experta</h3><p>La preparación para H‑1B demanda planificación estratégica y asesoría legal especializada. En Janahan Law, nuestro equipo de inmigración laboral mantiene tasas de aprobación excepcionales gracias a una preparación meticulosa. Programe su consulta hoy y no deje pasar otra temporada sin maximizar sus oportunidades.</p><blockquote>\"Este artículo brinda orientación general solamente. Consulte con un abogado de inmigración calificado según su caso específico.\"</blockquote>"
+        },
+        "family-immigration-backlogs-alternative-options": {
+            "title": "Retrasos en inmigración familiar: opciones alternativas",
+            "summary": "Mientras las categorías familiares enfrentan demoras, descubra vías alternativas para reunirse con sus seres queridos.",
+            "description": "<p>Las categorías familiares de preferencia enfrentan retrasos; descubra vías alternativas para reunirse con sus seres queridos y agilizar su caso. La inmigración familiar presenta desafíos de acumulación significativos, con algunas categorías teniendo tiempos de espera extremadamente largos. La limitada cantidad anual de visas frente a una alta demanda ha provocado extensas demoras para varios grupos de solicitantes.</p><h3>Estrategia como pariente inmediato</h3><p>La solución más eficaz es calificar como \"pariente inmediato\" — cónyuge, hijos solteros menores de 21, o padres de ciudadanos estadounidenses. Estas categorías carecen de límites numéricos y se procesan en 12–24 meses. Casarse con un ciudadano estadounidense transforma esperas de décadas en procesos anuales. Los hijos ciudadanos que cumplen 21 años pueden peticionar de inmediato por sus padres sin retrasos de categorías de preferencia.</p><h3>Decisiones inteligentes de cronograma</h3><p>Considere cuidadosamente el momento de obtener la ciudadanía. Residentes permanentes en la categoría F2A podrían beneficiarse retrasando su naturalización si las fechas de prioridad están vigentes, ya que volverse ciudadano reinicia el proceso aunque se cambie a pariente inmediato. Diversos miembros familiares pueden presentar peticiones por separado. Coordine solicitudes entre ciudadanos y residentes para maximizar oportunidades.</p><h3>Vías alternativas</h3><p>La inmigración basada en empleo puede procesarse más rápido que las categorías familiares. Si sus familiares tienen habilidades valiosas, el patrocinio del empleador bajo EB‑2 o EB‑3 puede ser más expedito. Las visas de inversionista (EB‑5) evitan las limitaciones de preferencia familiar para familias con inversiones de $800,000 a $1,050,000. Las visas estudiantiles permiten reunificación temporal mientras se generan oportunidades para la residencia permanente basada en empleo.</p><blockquote>\"Con frecuencia encontramos cualificaciones de pariente inmediato que los clientes desconocían, convirtiendo separaciones de décadas en procesos de meses.\"</blockquote><h3>Opciones humanitarias</h3><p>El asilo o estatus de refugiado brinda beneficios derivados para cónyuges e hijos solteros menores de 21, sorteando completamente las categorías de preferencia. Programas especiales como VAWA, la Ley de Ajuste Cubano o programas de amnistía país-específicos ofrecen vías adicionales para familias elegibles.</p><h3>Superando barreras</h3><p>No asuma que las inhabilitaciones son permanentes. Las exenciones I‑601 e I‑601A pueden superar presencia ilegal, problemas judiciales o violaciones migratorias. Las exenciones por extrema dificultad se enfocan en parientes ciudadanos estadounidenses calificados, considerando condiciones médicas, dependencias financieras y condiciones del país.</p><h3>Actúe ahora</h3><p>Presente peticiones inmediatamente para asegurar fechas de prioridad—solo pueden adelantarse, jamás retroceder. Un archivo temprano conserva su lugar en la fila sin importar los retrasos vigentes. Monitoree los boletines de visas mensualmente por cambios inesperados; avances repentinos requieren respuesta rápida para evitar perder oportunidades. Mantenga estatus válido cuando sea posible para preservar flexibilidad y evitar complicaciones que atrasen aún más su caso.</p><h3>Se requiere estrategia experta</h3><p>La inmigración familiar involucra decisiones de cronograma y elecciones estratégicas complejas que pueden ahorrar años de separación o evitar barreras permanentes. En Janahan Law nos especializamos en encontrar soluciones creativas frente a la separación familiar. Nuestro equipo identifica frecuentemente vías alternativas que reducen tiempos de espera de décadas a meses. Programe su consulta hoy. Permítanos encontrar la vía más rápida para reunir a su familia.</p><blockquote>\"Este artículo proporciona información general solamente. Consulte con un abogado de inmigración calificado según su caso específico.\"</blockquote>"
+        }
+    }
+}

public/locales/es/common.json

@@ -0,0 +1,5 @@
+{
+    "callUs": "Llámanos:",
+    "emailNow": "Envíanos un correo:",
+    "contactUs": "Contáctanos"
+}

public/locales/es/contact.json

@@ -0,0 +1,35 @@
+{
+  "contactInfo": {
+    "emailTitle": "Envíanos un correo",
+    "email": "info@janahanlaw.com",
+    "callTitle": "Llama ahora",
+    "phone": "+1 (305) 330-7413",
+    "questionTitle": "¿Tienes alguna pregunta?",
+    "questionDesc": "Estamos aquí para ayudarte con todas tus necesidades legales y de inmigración en EE. UU. — contacta a Janahan Law para obtener orientación confiable hoy."
+  },
+  "form": {
+    "namePlaceholder": "Tu Nombre",
+    "emailPlaceholder": "Tu Correo Electrónico",
+    "phonePlaceholder": "Tu Teléfono",
+    "subjectPlaceholder": "Selecciona Asunto",
+    "subjectOptions": [
+      "Desarrollo de Ríos",
+      "Desarrollo de Aldeas",
+      "Desarrollo de Carreteras",
+      "Desarrollo de Ciudades",
+      "Desarrollo Social"
+    ],
+    "messagePlaceholder": "Mensaje",
+    "submitButton": "Enviar Ahora",
+    "successMessage": "¡Mensaje enviado con éxito!",
+    "failedMessage": "Error al enviar el mensaje. Por favor, inténtalo de nuevo más tarde.",
+    "requiredMessages": {
+      "name": "El nombre es obligatorio",
+      "email": "Correo electrónico válido es obligatorio",
+      "phone": "El teléfono es obligatorio",
+      "subject": "Por favor selecciona un asunto",
+      "message": "El mensaje es obligatorio",
+      "recaptcha": "Por favor completa el ReCAPTCHA"
+    }
+  }
+}

public/locales/es/footer.json

@@ -0,0 +1,16 @@
+{
+    "logoAlt": "Logo de Janahan Law",
+    "aboutText": "Cada caso de inmigración cuenta una historia única de esperanza, determinación y la búsqueda del sueño americano.",
+    "quickLinksTitle": "Enlaces Rápidos",
+    "home": "Inicio",
+    "aboutUs": "Sobre Nosotros",
+    "services": "Servicios",
+    "ourApproach": "Nuestro Enfoque",
+    "blog": "Blog",
+    "servicesTitle": "Servicios",
+    "contactTitle": "Contacto",
+    "phone": "Teléfono",
+    "email": "Correo Electrónico",
+    "copyright": "Copyright {{year}} © Janahan Law. Desarrollado por",
+    "allRightsReserved": "Todos los Derechos Reservados."
+}

public/locales/es/home4Card.json

@@ -0,0 +1,18 @@
+{
+    "familyImmigration": {
+        "sTitle": "Inmigración Familiar",
+        "description": "Reúnase con sus seres queridos mediante tarjetas verdes, visas de prometido y peticiones."
+    },
+    "employmentVisas": {
+        "sTitle": "Visas de Trabajo",
+        "description": "Desarrolle su carrera en EE.UU. con visas H-1B, L-1, O-1, EB y apoyo experto."
+    },
+    "deportationDefense": {
+        "sTitle": "Defensa Contra Deportación",
+        "description": "Proteja su estadía con cancelación de remoción, solicitudes de asilo y representación legal."
+    },
+    "citizenship": {
+        "sTitle": "Servicios de Ciudadanía",
+        "description": "Logre la ciudadanía con ayuda en naturalización, pruebas y requisitos de residencia."
+    }
+}

public/locales/es/homeHero.json

@@ -0,0 +1,24 @@
+{
+    "hero": {
+        "slide1": {
+            "title": "Asistencia de Inmigración Familiar",
+            "text": "Reuniendo a seres queridos, un caso a la vez.",
+            "button": "Acerca de"
+        },
+        "slide2": {
+            "title": "Soluciones de Visa de Trabajo y Empleo",
+            "text": "Tu carrera merece una puerta al mundo.",
+            "button": "Nuestro Enfoque"
+        },
+        "slide3": {
+            "title": "Inmigración para Inversores y Negocios",
+            "text": "Construyendo futuros a través de oportunidades empresariales.",
+            "button": "Servicios"
+        },
+        "slide4": {
+            "title": "Defensa Contra Deportación y Representación Legal",
+            "text": "Luchando por tu derecho a permanecer.",
+            "button": "Contacto"
+        }
+    }
+}

public/locales/es/menu.json

@@ -0,0 +1,10 @@
+{
+    "home": "Inicio",
+    "ourApproach": "Nuestro Enfoque",
+    "aboutUs": "Sobre Nosotros",
+    "ourMission": "Nuestra Misión",
+    "racialJustice": "Justicia Racial",
+    "blog": "Blog",
+    "services": "Servicios",
+    "contact": "Contacto"
+}

public/locales/es/ourApproach.json

@@ -0,0 +1,46 @@
+{
+  "ourApproach": [
+    {
+      "id": 1,
+      "authorTitle": "BASE ESTRATÉGICA",
+      "title": "Análisis Completo del Caso Desde el Primer Día",
+      "para": "Cada caso de inmigración exitoso comienza con un análisis exhaustivo y una planificación estratégica. Iniciamos cada relación con el cliente con una consulta integral para entender no solo sus necesidades inmediatas de inmigración sino también sus objetivos a largo plazo en Estados Unidos. Nuestros abogados experimentados examinan todos los caminos disponibles, identifican posibles desafíos y desarrollan estrategias personalizadas que maximizan sus posibilidades de éxito mientras minimizan retrasos y complicaciones. Este enfoque fundamental garantiza que cada decisión que tomemos juntos sirva a sus objetivos más amplios de construir un futuro seguro en Estados Unidos.",
+      "screens": "/images/our-approach/1.webp"
+    },
+    {
+      "id": 2,
+      "authorTitle": "PRÁCTICA MODERNA",
+      "title": "Aprovechando la Tecnología para Mejores Resultados",
+      "para": "La práctica del derecho migratorio ha evolucionado drásticamente con los avances tecnológicos, y hemos adoptado estos cambios para servir mejor a nuestros clientes. Nuestra firma utiliza sistemas de gestión de casos de última generación, monitoreo automatizado de cumplimiento y plataformas digitales seguras de comunicación que le mantienen informado y comprometido durante todo su caso. Empleamos herramientas avanzadas de investigación para mantenernos al día con los cambios de políticas, usamos análisis predictivo para optimizar las estrategias de presentación y brindamos a los clientes acceso 24/7 a actualizaciones de casos a través de nuestro portal seguro para clientes. La tecnología mejora nuestra capacidad para ofrecer servicios legales precisos, eficientes y sensibles.",
+      "screens": "/images/our-approach/2.webp"
+    },
+    {
+      "id": 3,
+      "authorTitle": "EXCELENCIA EN EQUIPO",
+      "title": "Experiencia Colaborativa en Todas las Áreas de Práctica",
+      "para": "Los casos complejos de inmigración requieren experiencia diversa y un enfoque colaborativo. Nuestro equipo multidisciplinar incluye abogados especializados en inmigración familiar, visas de empleo, defensa contra deportaciones y protección humanitaria, asegurando que cada aspecto de su caso reciba atención experta. Combinamos décadas de experiencia colectiva con nuevas perspectivas, pensamiento innovador y dedicación inquebrantable al éxito del cliente. Las consultas regulares del equipo sobre casos difíciles garantizan que usted se beneficie del conocimiento y experiencia de toda nuestra firma, no solo de su abogado asignado.",
+      "screens": "/images/our-approach/3.webp"
+    },
+    {
+      "id": 4,
+      "authorTitle": "ASOCIACIÓN CON EL CLIENTE",
+      "title": "Comunicación Transparente en Cada Paso",
+      "para": "Creemos que los clientes informados toman mejores decisiones y logran mejores resultados. Nuestro enfoque enfatiza una comunicación clara y frecuente en un idioma que usted entienda, ya sea inglés, español u otro idioma hablado por nuestro equipo multilingüe. Explicamos conceptos legales complejos en términos sencillos, proporcionamos cronogramas y expectativas realistas, y le mantenemos actualizado sobre el progreso del caso y las políticas que podrían afectar su situación. No solo contrata abogados, sino socios comprometidos con su éxito y dedicados a guiarle en cada etapa del proceso migratorio.",
+      "screens": "/images/our-approach/4.webp"
+    },
+    {
+      "id": 5,
+      "authorTitle": "DEFENSA PROACTIVA",
+      "title": "Anticipándose a los Desafíos Antes de que Surjan",
+      "para": "El éxito en la práctica migratoria requiere anticipar problemas antes de que se desarrollen y preparar respuestas integrales a posibles desafíos. Monitorizamos continuamente los cambios de políticas, seguimos las tendencias de procesamiento y mantenemos relaciones con funcionarios gubernamentales para anticiparnos a desarrollos que podrían afectar los casos de nuestros clientes. Nuestro enfoque proactivo incluye una preparación minuciosa de documentos, cronogramas estratégicos para las presentaciones y planificación de contingencias para varios escenarios. Cuando surgen desafíos, estamos preparados con respuestas inmediatas que protegen sus intereses y mantienen su caso en movimiento.",
+      "screens": "/images/our-approach/5.webp"
+    },
+    {
+      "id": 6,
+      "authorTitle": "RELACIONES DURADERAS",
+      "title": "Apoyando su Viaje Americano Más Allá de la Finalización del Caso",
+      "para": "Nuestra relación con los clientes no termina cuando su caso es aprobado. Entendemos que la inmigración a menudo es un proceso de múltiples etapas que involucra a miembros de la familia, cambios de estatus y necesidades cambiantes a lo largo del tiempo. Ofrecemos orientación continua para la naturalización, ayuda con cuestiones de ajuste y permanecemos disponibles para futuras necesidades migratorias a medida que su vida en Estados Unidos se desarrolla. Muchos de nuestros clientes regresan para renovar tarjetas de residencia, solicitudes de ciudadanía y peticiones para miembros familiares. Nos enorgullece ser su asesor migratorio de confianza durante todo su viaje americano.",
+      "screens": "/images/our-approach/6.webp"
+    }
+  ]
+}

public/locales/es/ourMission.json

@@ -0,0 +1,15 @@
+{
+  "ourMission": {
+    "title": "Nuestra Misión",
+    "p1": "En Janahan Law, nuestra misión va mucho más allá de la representación legal: estamos dedicados a transformar la experiencia migratoria a través de una defensa compasiva, excelencia estratégica y un compromiso inquebrantable con la justicia. Durante muchos años, hemos sido una fuente confiable de apoyo para personas y familias que navegan las complejidades de la ley de inmigración en EE.UU.",
+    "p2": "Creemos que toda persona merece una orientación legal experta brindada con dignidad, respeto y comprensión cultural. Nuestra misión es derribar las barreras que separan a las familias, limitan las oportunidades profesionales e impiden que las personas alcancen sus sueños americanos. A través de estrategias legales innovadoras, comunicación multilingüe y atención personalizada, transformamos los desafíos migratorios en historias de éxito. No somos solo abogados: somos defensores, guías y socios en tu camino hacia la construcción de un futuro seguro en América.",
+    "quote1": "Cada caso de inmigración que manejamos representa más que simples documentos legales: representa la esperanza de una familia por reunirse, el sueño de un profesional de avanzar y el valor de una persona para construir una nueva vida en América. Nos sentimos honrados de ser socios de confianza en estos viajes transformadores.",
+    "p3": "Medimos nuestro éxito no solo en los casos ganados, sino en las vidas transformadas, las familias reunidas y los sueños realizados. Cada carta de aprobación representa el fin de años de separación, cada ceremonia de naturalización celebra a un nuevo ciudadano estadounidense y cada defensa exitosa protege el derecho de una familia a permanecer unida. Esta es la razón por la que practicamos derecho migratorio: para ser parte de estos momentos transformadores y garantizar que América siga siendo una nación de oportunidades para todos los que la buscan por vías legales.",
+    "p4": "Nuestro compromiso con la excelencia impulsa todo lo que hacemos. Desde la consulta inicial hasta la finalización del caso, brindamos servicios legales integrales respaldados por décadas de experiencia y una dedicación inquebrantable a lograr resultados positivos para nuestros clientes.",
+    "p5": "Entendemos que los casos de inmigración representan más que procedimientos legales: representan esperanzas, sueños y el futuro de las familias. Esta comprensión guía nuestro enfoque en cada caso, asegurando que cada cliente reciba la atención personalizada y la defensa estratégica que merece.",
+    "quote2": "Existimos para transformar la experiencia migratoria a través de una defensa legal experta, un servicio compasivo y un compromiso inquebrantable con la justicia. Cada caso que manejamos, cada familia que reunimos y cada sueño que ayudamos a alcanzar contribuye a construir una América más fuerte e inclusiva.",
+    "p6": "La participación comunitaria está en el corazón de nuestra misión. Participamos regularmente en presentaciones sobre sus derechos, brindamos servicios pro bono a poblaciones desatendidas y trabajamos con organizaciones locales para garantizar que la información migratoria precisa llegue a quienes más la necesitan.",
+    "p7": "Nuestro equipo multilingüe refleja la diversidad de las comunidades a las que servimos, lo que nos permite comunicarnos eficazmente y generar confianza con clientes de todo el mundo. Creemos que el idioma nunca debe ser una barrera para acceder a una representación legal de calidad.",
+    "p8": "Seguiremos abogando por una reforma migratoria integral, apoyando políticas que reflejen los valores de justicia y oportunidad de Estados Unidos y trabajando para garantizar que el sistema migratorio sirva tanto a los solicitantes individuales como al interés nacional en general."
+  }
+}

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.”"
+  }
+}

public/locales/es/racialJustice.json

@@ -0,0 +1,11 @@
+{
+      "racialJustice": {
+  "title": "Justicia Racial",
+  "paragraph1": "En Janahan Law, reconocemos que la búsqueda de justicia en la ley de inmigración no puede separarse de la lucha contra la discriminación racial y el sesgo sistémico. Durante muchos años, hemos visto cómo el sesgo racial puede influir en las decisiones de inmigración, afectando procesos como entrevistas consulares y procedimientos judiciales, y afectando desproporcionadamente a familias de ciertos países y comunidades. Nuestro compromiso con la justicia racial significa desafiar activamente las prácticas discriminatorias, abogar por un trato justo independientemente del origen nacional y garantizar que cada cliente reciba igual protección bajo la ley. Entendemos que una verdadera reforma migratoria debe abordar las disparidades raciales que históricamente han moldeado la política migratoria de EE. UU. A través de litigios estratégicos, defensa comunitaria y capacitación en competencia cultural, trabajamos para desmantelar las barreras que impiden el acceso equitativo a los beneficios migratorios. Nuestro diverso equipo legal refleja nuestro compromiso con una representación que entiende y respeta a las comunidades a las que servimos.",
+  "quote1": "La justicia racial en la ley de inmigración no es opcional: es esencial. Cada decisión política, cada resultado de caso y cada interacción con el sistema de inmigración debe evaluarse a través del lente de la equidad y la justicia. Nos negamos a aceptar un sistema que trata a las personas de manera diferente según su raza, nacionalidad o país de origen.",
+  "paragraph2": "Nuestro trabajo de justicia racial va más allá de los casos individuales hacia la defensa sistémica. Apoyamos una reforma migratoria integral que aborde las disparidades raciales en el sistema actual, abogamos por la eliminación de los límites discriminatorios por país y trabajamos con organizaciones de derechos civiles para desafiar políticas que afectan desproporcionadamente a las comunidades de color. Creemos que el sistema migratorio de Estados Unidos debe reflejar los valores de igualdad y oportunidad para todos, independientemente de la raza o el país de origen. Este principio guía nuestra práctica y nuestra defensa del cambio sistémico.",
+  "paragraph3": "Combatir el sesgo racial en los procesos de inmigración requiere vigilancia, preparación y defensa estratégica. Entrenamos a nuestro equipo para reconocer y abordar las prácticas discriminatorias, ya sea en el procesamiento consular, las adjudicaciones de USCIS o las audiencias en tribunales de inmigración. Nuestro enfoque incluye una preparación exhaustiva para entrevistas, documentación completa de las condiciones del país y defensa agresiva cuando identificamos un posible sesgo. Nos negamos a aceptar un trato discriminatorio y luchamos vigorosamente por los derechos de nuestros clientes. Nuestros servicios multilingües y competencia cultural aseguran que las barreras lingüísticas y culturales no impidan el acceso a una representación legal de calidad. Creemos que la justicia requiere tanto una excelente defensa legal como comprensión cultural.",
+  "quote2": "Creemos que una excelente representación legal debe ir acompañada de un compromiso con la justicia racial. Nuestros clientes merecen no solo una defensa experta, sino también abogados que comprendan y desafíen activamente las barreras sistémicas que enfrentan.",
+  "paragraph4": "La justicia racial en inmigración requiere reconocer cómo la discriminación sistémica ha moldeado históricamente la política migratoria de EE. UU. Desafiamos activamente estas inequidades a través de la defensa estratégica, la educación comunitaria y las asociaciones con organizaciones de derechos civiles. La lucha por la justicia racial en la ley de inmigración requiere acción colectiva y compromiso inquebrantable. En Janahan Law, estamos orgullosos de estar junto a las comunidades inmigrantes desafiando la discriminación y defendiendo el cambio sistémico. Lo invitamos a asociarse con nosotros para construir un sistema de inmigración que realmente encarne los valores de igualdad y oportunidad para todos en Estados Unidos. Comuníquese hoy con nuestro equipo para analizar cómo podemos apoyar su proceso migratorio mientras avanzamos en la justicia para todos."
+      }
+}

public/locales/es/services.json

@@ -0,0 +1,51 @@
+{
+  "page": {
+    "subtitle": "Nuestros Servicios",
+    "title": "Explorar Servicios de Inmigración",
+    "viewButton": "Ver Detalles",
+    "serviceNotFound": "¡Servicio no encontrado!",
+    "backHome": "Volver al Inicio"
+  },
+  "campaigns": [
+    {
+      "id": "1",
+      "sTitle": "Asistencia en Inmigración Familiar",
+      "slug": "family-immigration-assistance",
+      "description": "Ofrecemos orientación experta en inmigración familiar a EE.UU., desde la presentación de la petición hasta la aprobación de la visa",
+      "sImgS": "/public/images/service/category/business/family/family-1.webp",
+      "cSimg": "/public/images/service/category/business/family/family-1.webp",
+      "category": "Familia",
+      "descriptiondetail": "<p>La inmigración familiar es una de las áreas más personales y críticas de la ley de inmigración de EE.UU., que afecta la vida de millones de personas que buscan reunirse con sus seres queridos. En Janahan Law, nos especializamos en ayudar a ciudadanos estadounidenses y residentes permanentes legales a presentar peticiones para sus cónyuges, hijos, padres y hermanos. Navegar por el sistema de inmigración puede ser complejo, pero nuestro equipo dedicado guía a los clientes en cada etapa con precisión y cuidado. Desde la preparación y presentación de las peticiones I-130 hasta la gestión del procesamiento consular, solicitudes de ajuste de estatus y exenciones por inadmisibilidad, aseguramos que toda la documentación esté meticulosamente preparada para evitar retrasos o negaciones. Nuestra experiencia va más allá del papeleo; brindamos asesoramiento estratégico para entrevistas, apelaciones y otros pasos críticos para maximizar las tasas de aprobación y reducir el estrés emocional que las familias pueden enfrentar durante el proceso. Al mantenernos actualizados con las políticas de USCIS, restricciones de viaje y reformas legales, ofrecemos a nuestros clientes orientación confiable en cada paso del camino. </p><blockquote>“Reunir familias no es solo nuestro trabajo; es nuestra misión. Cada petición que manejamos es un paso hacia acercar a los seres queridos.”</blockquote><p>Los casos de inmigración familiar a menudo implican circunstancias delicadas y emocionales. Entendemos los desafíos de separar familias, especialmente cuando involucra a niños pequeños, padres mayores o cónyuges que viven en el extranjero. Nuestro enfoque compasivo garantiza que cada cliente reciba soluciones personalizadas adaptadas a sus circunstancias únicas. Ya sea ayudar a un cónyuge a reunirse con su pareja en Estados Unidos, ayudar a los hijos menores a inmigrar para estar con sus padres o apoyar a los padres en la obtención de la residencia permanente legal, estamos comprometidos a hacer que el proceso sea lo más fluido y libre de estrés posible. </p><div class='gallery'><div><img src='/images/services/gallery1.jpg' alt='Galería 1'/></div><div><img src='/images/services/gallery2.jpg' alt='Galería 2'/></div></div><p>Nuestros servicios abarcan un espectro completo de apoyo en inmigración familiar. Esto incluye evaluar la elegibilidad, compilar los documentos requeridos, presentar peticiones, interactuar con agencias gubernamentales, preparar a los clientes para entrevistas y brindar orientación durante apelaciones o solicitudes de reconsideración. También abordamos situaciones complejas, como problemas de inadmisibilidad, exenciones y casos humanitarios especiales, asegurando que se explore cada posible vía para un resultado positivo. Con Janahan Law, los clientes reciben no solo representación legal, sino un socio que realmente comprende el lado humano de la inmigración. </p><blockquote>\"En el corazón de cada caso que tomamos hay una promesa: ayudar a las familias a reconectarse, convertir la esperanza en realidad y hacer que la distancia desaparezca paso a paso.\"</blockquote><p>La inmigración familiar es más que papeleo legal: se trata de construir futuros juntos. Nuestro objetivo es proporcionar un apoyo legal integral, empático y efectivo para ayudar a las familias a superar los obstáculos burocráticos de la inmigración en EE.UU. Al combinar un profundo conocimiento legal con atención personalizada, empoderamos a las familias para reunirse y prosperar en Estados Unidos. </p>"
+    },
+    {
+      "id": "2",
+      "sTitle": "Soluciones de Empleo y Visas de Trabajo",
+      "slug": "employment-work-visa-solutions",
+      "description": "Ayudamos a obtener visas de trabajo en EE.UU. como H-1B, L-1, O-1 y otras.",
+      "category": "Negocios",
+      "sImgS": "/images/services/employment1.jpg",
+      "cSimg": "/images/services/employment1-cover.jpg",
+      "descriptiondetail": "<p>Obtener autorización de empleo en Estados Unidos es un paso crítico para profesionales calificados, emprendedores y empleados multinacionales que desean trabajar y prosperar en un entorno dinámico y competitivo. En Janahan Law, nos especializamos en guiar a los clientes a través del complejo sistema de inmigración de EE.UU. con estrategias personalizadas para visas H-1B, transferencias intraempresa L-1, visas O-1 por habilidades extraordinarias y otras categorías basadas en empleo. Nuestro equipo ofrece una gama completa de servicios, incluyendo evaluación de elegibilidad, preparación meticulosa de documentación, presentación de peticiones y coordinación con empleadores, asegurando que cada solicitud cumpla con los estándares de USCIS. Más allá de la asistencia en la solicitud, ayudamos a los clientes a navegar extensiones de visa, cambios de estatus y cumplimiento de regulaciones laborales, creando un camino fluido y sin estrés hacia la autorización legal de trabajo en Estados Unidos. </p><blockquote>\"Ayudando a profesionales calificados a alcanzar sus sueños laborales en EE.UU. con soluciones de visa sin problemas. Desde H-1B hasta O-1, guiamos cada paso con claridad y experiencia.\" </blockquote><p>Nuestra experiencia se extiende a los empleadores que buscan orientación sobre inmigración laboral en EE.UU. Asistimos con certificación laboral PERM, cumplimiento en reclutamiento y procedimientos del Departamento de Trabajo. Manteniéndonos actualizados con cuotas de visa, sistemas de lotería, reformas de políticas y cambios regulatorios, ofrecemos estrategias proactivas que reducen retrasos y aumentan la probabilidad de aprobación. Desde fundadores de startups hasta empleados de Fortune 500, aseguramos que empleadores y empleados se beneficien de una guía clara, práctica y que prioriza el cumplimiento legal y el éxito a largo plazo. </p><div class=\"gallery\"><div><img src=\"/images/service-details/24-7/7/employment/1.webp\" alt=\"Galería 1\"/></div><div><img src=\"/images/service-details/24-7/7/employment/2.webp\" alt=\"Galería 2\"/></div></div><p>Reconocemos que cada caso de empleo es único. Por eso adaptamos nuestro enfoque a las necesidades específicas de cada cliente, considerando los requisitos de la industria, la experiencia profesional y los objetivos de carrera a largo plazo. Nuestro equipo trabaja estrechamente con los clientes para anticipar posibles desafíos, abordar matices legales complejos y ofrecer soluciones prácticas que cumplan con metas personales y profesionales. Ya sea ayudando a un experto en tecnología a obtener estatus H-1B, guiando a un ejecutivo multinacional en una transferencia L-1 o asistiendo a un artista con una petición O-1, nuestra misión es simplificar procesos complejos mientras maximizamos el éxito. </p><p>Además del procesamiento de visas, ofrecemos servicios de asesoría estratégica para planificación de movilidad internacional. Profesionales que planifican carreras a largo plazo en EE.UU. reciben orientación sobre caminos a la residencia permanente, consideraciones de doble intención y momentos óptimos para presentaciones. Los empleadores reciben información sobre planificación de personal, cambios regulatorios y auditorías de cumplimiento que mitigan riesgos y mejoran la eficiencia operativa. Nuestro enfoque proactivo asegura que los clientes estén bien informados y posicionados para el éxito en un panorama migratorio en constante evolución.  </p><blockquote>\"Convertir ambiciones profesionales en realidad en EE.UU. Nuestro equipo simplifica el proceso de visa, empoderando a los profesionales para trabajar, crecer y prosperar en el extranjero.\" </blockquote><p>Finalmente, nuestro compromiso no es solo con el cumplimiento legal, sino también con el lado humano de la inmigración. Entendemos que las visas de empleo impactan carreras, familias y futuros. Nuestro objetivo es hacer que cada paso sea fluido, desde la consulta inicial hasta la aprobación y más allá, empoderando a nuestros clientes para enfocarse en el crecimiento, productividad y vida en EE.UU. sin estrés o incertidumbre innecesaria. Combinando experiencia legal con apoyo personalizado, Janahan Law ofrece una solución integral para todas las necesidades de inmigración basada en empleo. </p>"
+    },
+    {
+      "id": "3",
+      "sTitle": "Apoyo en Ciudadanía y Naturalización",
+      "slug": "citizenship-naturalization-support",
+      "category": "Servicios de Ciudadanía",
+      "description": "Aseguramos el cumplimiento total para un camino fluido y exitoso hacia la ciudadanía.",
+      "sImgS": "/images/services/citizenship-naturalization-support.jpg",
+      "cSimg": "/images/services/citizenship-naturalization-support-cover.jpg",
+      "descriptiondetail": "<p>Convertirse en ciudadano de los Estados Unidos representa no solo un hito legal, sino también un logro personal profundo. Nuestro equipo se dedica a guiar a los residentes permanentes legales en cada paso del proceso de naturalización, asegurando claridad, confianza y cumplimiento. Ofrecemos evaluaciones completas de elegibilidad, incluyendo requisitos de residencia, presencia continua, evaluación de carácter moral y cualquier consideración especial relacionada con viajes, impuestos o asuntos legales previos. Desde la preparación inicial de las solicitudes del Formulario N-400 hasta la recopilación meticulosa de la documentación de respaldo, aseguramos que cada solicitante esté completamente preparado para un viaje exitoso hacia la ciudadanía. </p><blockquote>“La ciudadanía no es simplemente un estatus legal; representa la puerta vital que permite a los individuos participar plenamente, contribuir y aprovechar todas las oportunidades que el sueño americano ofrece.” </blockquote><p>Vamos más allá del papeleo para ofrecer capacitación personalizada para la entrevista de naturalización, ayudando a los clientes a practicar pruebas de civismo e inglés en un entorno de apoyo y realista. Nuestros expertos explican cada paso del proceso, desde programar entrevistas hasta asistir a ceremonias de juramento, y abordan preocupaciones como posibles complicaciones con antecedentes penales, declaraciones de impuestos faltantes o historial de viajes que pueda afectar la elegibilidad. Al proporcionar estrategias personalizadas y orientación clara, eliminamos incertidumbres y empoderamos a los solicitantes para abordar cada etapa con confianza y éxito. </p><div class=\"gallery\"><div><img src=\"/images/service-details/24-7/7/citizen/1.webp\" alt=\"Galería 1\"/></div><div><img src=\"/images/service-details/24-7/7/citizen/2.webp\" alt=\"Galería 2\"/></div></div><p>Además de las solicitudes individuales, asistimos con asuntos de ciudadanía derivada para niños, reemplazo de certificados perdidos o robados y el proceso formal de renuncia cuando es necesario. Nuestros abogados aseguran que cada caso se maneje con precisión, profesionalismo y enfoque en lograr el mejor resultado posible. Con años de experiencia en leyes de inmigración, entendemos los matices y desafíos que los solicitantes pueden enfrentar y proporcionamos soluciones diseñadas para prevenir retrasos o complicaciones. </p><blockquote>Nuestra misión principal es guiar y apoyar a cada residente elegible a través del complejo proceso de obtención de la ciudadanía estadounidense, haciendo que el viaje sea lo más fluido, completamente comprensible y genuinamente alcanzable posible, para que puedan construir con confianza un futuro seguro y próspero en Estados Unidos.</blockquote><p>Nuestro apoyo integral también incluye educación sobre los derechos y responsabilidades como ciudadano estadounidense, ayudando a los clientes a comprender el alcance completo de oportunidades y obligaciones que acompañan a la naturalización. Combinando experiencia legal con atención personalizada, creamos una hoja de ruta que guía a cada solicitante desde titular de tarjeta verde hasta orgulloso ciudadano estadounidense. Ya sea navegando documentación compleja, preparándose para entrevistas o abordando posibles problemas legales, nuestro equipo se compromete a hacer que el proceso de naturalización sea transparente, eficiente y exitoso.</p><p>La ciudadanía en Estados Unidos es más que un estatus legal; sirve como la puerta para participar plenamente en el sueño americano, ofreciendo oportunidades para contribuir, crecer y asegurar un mejor futuro. Nuestra misión es hacer que el camino hacia la ciudadanía sea claro, manejable y alcanzable para cada residente elegible, guiándolos en cada paso, desde preparar los documentos necesarios hasta navegar entrevistas y ceremonias de juramento. Al proporcionar apoyo, orientación y asistencia experta, nuestro objetivo es simplificar el proceso y ayudar a los individuos a dar con confianza este importante paso hacia convertirse en un miembro completo de la sociedad estadounidense.</p>"
+    },
+    {
+      "id": "4",
+      "sTitle": "Servicios de Inversión e Inmigración Empresarial",
+      "slug": "investor-business-immigration-services",
+      "category": "Negocios",
+      "description": "Nuestro equipo lo guía a través de EB-5, E-2 y otras inversiones para el éxito.",
+      "sImgS": "/images/services/investor-business-immigration-services.jpg",
+      "cSimg": "/images/services/investor-business-immigration-services-cover.jpg",
+      "descriptiondetail": "<p>Navegar por la inmigración estadounidense para inversores y emprendedores es un proceso complejo y altamente estratégico que requiere planificación precisa, documentación exhaustiva y asesoría legal experta. Nuestra firma ofrece soporte integral a ciudadanos extranjeros que buscan establecer o expandir negocios en Estados Unidos, asegurando que cada paso del proceso de inmigración e inversión sea fluido, conforme a la ley y exitoso. Guiamos a los clientes a través del Programa de Inversión Inmigrante EB-5, ayudando con los umbrales de inversión requeridos, planes de negocio detallados y la documentación de USCIS para asegurar la residencia permanente legal. Para inversores con tratado, ofrecemos soporte especializado para la visa E-2, incluyendo estructura corporativa, verificación de fondos y orientación sobre cumplimiento con todas las regulaciones federales y estatales de negocios. Más allá de las solicitudes de visa, nuestro equipo brinda amplia asistencia en la formación de empresas, contratación de empleados, cumplimiento fiscal y planificación operativa, ayudando a los emprendedores a integrarse sin problemas en el entorno empresarial estadounidense. Cada estrategia se personaliza según los objetivos únicos del cliente, asegurando éxito a corto plazo y perspectivas de residencia a largo plazo.  </p><blockquote>“Invertir en su sueño americano requiere no solo capital, sino la orientación correcta para navegar las complejidades legales con confianza y precisión.” </blockquote><p>Nuestra experiencia se extiende a visas de negocios no inmigrantes, renovaciones y estrategias de transición de temporal a permanente. Trabajamos de cerca con los inversores para identificar las mejores vías de visa según las circunstancias individuales, tamaño de inversión y tipo de negocio. Desde startups hasta empresas establecidas, proporcionamos soluciones prácticas para asegurar autorización de trabajo en EE.UU., mantener el cumplimiento con el Departamento de Seguridad Nacional y garantizar elegibilidad para futuras solicitudes de tarjeta verde. Nos mantenemos continuamente actualizados sobre cambios en políticas de inmigración de EE.UU., cuotas de inversión y procedimientos de USCIS, para que los clientes puedan tomar decisiones informadas sin retrasos ni complicaciones imprevistas. </p><div class=\"gallery\"><div><img src=\"/images/service-details/24-7/7/investor/1.webp\" alt=\"Galería 1\"/></div><div><img src=\"/images/service-details/24-7/7/investor/2.webp\" alt=\"Galería 2\"/></div></div><p>Para emprendedores, nuestro soporte incluye análisis de entrada al mercado, cumplimiento regulatorio, constitución de empresas, estrategias de contratación de empleados y orientación sobre protección de propiedad intelectual. Entendemos que invertir en EE.UU. no se trata solo de cumplir criterios migratorios, sino de construir una base empresarial sostenible que prospere dentro del sistema legal y económico estadounidense. Nuestro equipo legal se compromete a brindar orientación paso a paso, desde la redacción de planes de negocio persuasivos hasta la preparación de evidencia para revisiones de USCIS y entrevistas consulares. También preparamos a los clientes para desafíos potenciales, como solicitudes de documentación adicional o entrevistas, asegurando que cada aplicación sea completa y convincente. </p><blockquote>“Una inversión exitosa en Estados Unidos se construye sobre visión, estrategia y apoyo legal inquebrantable en cada paso del proceso de inmigración.” </blockquote><p>Más allá de las solicitudes de visa, ofrecemos servicios de asesoría a largo plazo para escalar negocios en EE.UU., navegar leyes laborales y planificar beneficios migratorios futuros para inversores y sus familias. Nuestro equipo asesora sobre oportunidades de centros regionales EB-5, reestructuración de negocios para cumplimiento de visa y planificación estratégica para cumplir con los criterios de inversión de USCIS. Brindamos orientación clara sobre gestión de riesgos, demostración de viabilidad empresarial y mantenimiento de estatus legal mientras se expanden operaciones. Con un enfoque centrado en el cliente, combinamos experiencia legal, conocimiento empresarial y profundo entendimiento de las regulaciones migratorias de EE.UU. para ayudar a los inversores a alcanzar sus objetivos con confianza, eficiencia y plena protección legal. En última instancia, nuestra misión es convertir sus aspiraciones empresariales estadounidenses en realidad, proporcionando soporte inigualable en cada etapa del proceso de inversión e inmigración. </p>"
+    }
+  ]
+}

styles/sass/components/_section-title.scss

@@ -98,4 +98,8 @@
 		font-size: 18px;
 	}
 
+}
+
+.wpo-features-s2{
+	padding: 0;
 }

styles/sass/page/_home-default.scss

@@ -2113,4 +2113,71 @@
     .no-padding {
         padding: 0 !important;
     }
+}
+
+.home-call-to-action h3 {
+    font-style: normal;
+    font-weight: 600;
+    font-size: 46px;
+    line-height: 58px;
+    color: $white;
+    margin: 0 0 0.2em;
+    font-family: $heading-font;
+    display: flex;
+    align-items: center;
+    justify-content: start;
+    text-align: start;
+
+    @include media-query(1200px) {
+        font-size: 50px;
+        ont-size: calc-rem-value(50);
+    }
+
+    @include media-query(991px) {
+        font-size: 40px;
+        font-size: calc-rem-value(40);
+    }
+
+    @include media-query(767px) {
+        font-size: 35px;
+        font-size: calc-rem-value(35);
+    }
+
+    span {
+        font-family: $heading-font;
+    }
+}
+
+.donors-btn {
+    text-align: right;
+
+    @media(max-width:991px) {
+        text-align: center;
+        margin-top: 40px;
+    }
+
+    @media(max-width:575px) {
+        margin-top: 30px;
+    }
+
+    a {
+        padding: 15px 20px;
+        background: $dark-gray;
+        font-weight: 700;
+        font-size: 20px;
+        line-height: 27px;
+        text-align: center;
+        color: $white;
+        border-radius: 10px;
+
+        @media(max-width:575px) {
+            font-size: 15px;
+        }
+
+        &+a {
+            margin-left: 10px;
+            background: $white;
+            color: $theme-primary-color;
+        }
+    }
 }

utils/commonFunction.utils.js

@@ -0,0 +1,6 @@
+
+
+export const changeLanguage = (router, locale) => {
+    const path = router.asPath;
+    router.push(path, path, { locale });
+};

utils/constant.utils.js

@@ -30,6 +30,18 @@ import iconImg1 from '/public/images/home/icons/strategic-planning.webp'
 import iconImg2 from '/public/images/home/icons/expert-preparation.webp'
 import iconImg3 from '/public/images/home/icons/ongoing-support.webp'
 
+import blogImg1 from "/public/images/blog/blog-1.webp";
+import blogImg2 from "/public/images/blog/blog-2.webp";
+import blogImg3 from "/public/images/blog/blog-3.webp";
+
+import blogSingleImg1 from "/public/images/blog/blog-detail-1.webp";
+import blogSingleImg2 from "/public/images/blog/blog-detail-2.webp";
+import blogSingleImg3 from "/public/images/blog/blog-detail-3.webp";
+
+import bannerImg1 from "/public/images/blog/banner-1.webp";
+import bannerImg2 from "/public/images/blog/banner-2.webp";
+import bannerImg3 from "/public/images/blog/banner-3.webp";
+
 export const featuresData = [
   {
     img: iconImg1,
@@ -165,99 +177,83 @@ 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,
   },
 ]
 
+const blog = [
+  {
+    id: '1',
+    slug: 'new-tps-designations-what-you-need-to-know',
+    bannerImg: bannerImg1,
+    screens: blogImg1,
+    blogSingleImg: blogSingleImg1,
+    author: 'Anne William',
+    authorTitle: 'Admin',
+    create_at: '25 Sep 2022',
+    comment: '35',
+    blClass: 'format-standard-image'
+  },
+  {
+    id: '2',
+    slug: 'h1b-season-2025-preparation-strategies',
+    bannerImg: bannerImg2,
+    screens: blogImg2,
+    blogSingleImg: blogSingleImg2,
+    author: 'Robert Fox',
+    authorTitle: 'Admin',
+    create_at: '12 Jun 2023',
+    comment: '80',
+    blClass: 'format-standard-image'
+  },
+  {
+    id: '3',
+    slug: 'family-immigration-backlogs-alternative-options',
+    bannerImg: bannerImg3,
+    screens: blogImg3,
+    blogSingleImg: blogSingleImg3,
+    author: 'Devon Lane',
+    authorTitle: 'Admin',
+    create_at: '03 Dec 2024',
+    comment: '95',
+    blClass: 'format-video'
+  }
+];
+
+export default blog;