components/pagetitle/PageTitle.js

@@ -1,9 +1,7 @@
 import React from 'react'
 import Link from 'next/link'
-import { useTranslation } from 'next-i18next';
 
 const PageTitle = (props) => {
-     const { t } = useTranslation('innerBanner');
     return (
         <section
             className="wpo-page-title"
@@ -17,7 +15,7 @@ const PageTitle = (props) => {
                         <div className="wpo-breadcumb-wrap">
                             <h2>{props.pageTitle}</h2>
                             <ol className="wpo-breadcumb-wrap">
-                                <li><Link href="/">{t('home.pageTitle')}</Link></li>
+                                <li><Link href="/">Home</Link></li>
                                 <li><span>{props.pagesub}</span></li>
                             </ol>
                         </div>

pages/about/index.js

@@ -21,14 +21,12 @@ 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';
-import { useTranslation } from 'next-i18next';
 
 const AboutPage = () => {
-    const { t } = useTranslation('innerBanner');
     return (
         <Fragment>
             <Navbar2 />
-            <PageTitle pageTitle={t('about.pageTitle')}  backgroundImage={bg} pagesub={t('about.pageSub')}  />
+            <PageTitle pageTitle={'About Us'} backgroundImage={bg} pagesub={'About'} />
             <AboutSection abimg={abimg} abClass={'wpo-about-section-s2'} />
             <ServicesSection />
             {/* <CampaignSection /> */}
@@ -50,7 +48,7 @@ export default AboutPage;
 export async function getStaticProps({ locale }) {
     return {
         props: {
-            ...(await serverSideTranslations(locale, ['common', 'menu', 'ourStory', 'aboutService', 'aboutMission', 'aboutRacial', 'aboutDonor', 'footer', 'innerBanner'])), // Add 'home', 'footer', etc. if needed
+            ...(await serverSideTranslations(locale, ['common', 'menu', 'ourStory', 'aboutService', 'aboutMission', 'aboutRacial', 'aboutDonor', 'footer'])), // Add 'home', 'footer', etc. if needed
         },
     };
 }

pages/about/our-mission.js

@@ -5,16 +5,14 @@ import Scrollbar from '../../components/scrollbar/scrollbar'
 import Footer from '../../components/footer/Footer';
 import OurMission from '../../components/our-mission';
 import mission from '/public/images/about/our-mission-banner.png';
-import { useTranslation } from 'next-i18next';
 
 import { serverSideTranslations } from 'next-i18next/serverSideTranslations';
 
 const AboutPage = () => {
-    const { t } = useTranslation('innerBanner');
     return (
         <Fragment>
             <Navbar2 />
-            <PageTitle pageTitle={t('ourMission.pageTitle')} backgroundImage={mission} pagesub={t('ourMission.pageSub')} />
+            <PageTitle pageTitle={'Our Mission'} backgroundImage={mission} pagesub={'Our Mission'} />
             <OurMission />
             <Footer />
             <Scrollbar />
@@ -26,7 +24,7 @@ export default AboutPage;
 export async function getStaticProps({ locale }) {
     return {
         props: {
-            ...(await serverSideTranslations(locale, ['common', 'menu', 'innerBanner', 'ourMission', 'footer'])), // Add 'home', 'footer', etc. if needed
+            ...(await serverSideTranslations(locale, ['common', 'menu', 'ourMission', 'footer'])), // Add 'home', 'footer', etc. if needed
         },
     };
 }

pages/about/racial-justice.js

@@ -5,16 +5,14 @@ import Scrollbar from '../../components/scrollbar/scrollbar'
 import Footer from '../../components/footer/Footer';
 import RacialJuctice from '../../components/racial-justice';
 import racial from '/public/images/about/racial-justice-banner.png';
-import { useTranslation } from 'next-i18next';
 
 import { serverSideTranslations } from 'next-i18next/serverSideTranslations';
 
 const AboutPage = () => {
-    const { t } = useTranslation('innerBanner');
     return (
         <Fragment>
             <Navbar2 />
-            <PageTitle pageTitle={t('racialJustice.pageTitle')} backgroundImage={racial} pagesub={t('racialJustice.pageSub')} />
+            <PageTitle pageTitle={'Racial-Justice'} backgroundImage={racial} pagesub={'Racial-Justice'} />
             <RacialJuctice />
             <Footer />
             <Scrollbar />
@@ -26,7 +24,7 @@ export default AboutPage;
 export async function getStaticProps({ locale }) {
     return {
         props: {
-            ...(await serverSideTranslations(locale, ['common', 'menu', 'innerBanner', 'racialJustice', 'footer'])), // Add 'home', 'footer', etc. if needed
+            ...(await serverSideTranslations(locale, ['common', 'menu', 'racialJustice', 'footer'])), // Add 'home', 'footer', etc. if needed
         },
     };
 }

pages/blog/index.js

@@ -6,14 +6,12 @@ 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';
-import { useTranslation } from 'next-i18next';
 
 const BlogPage = () => {
-    const { t } = useTranslation('innerBanner');
     return (
         <Fragment>
             <Navbar2 />
-            <PageTitle pageTitle={t('blog.pageTitle')} backgroundImage={bg} pagesub={t('blog.pageSub')} />
+            <PageTitle pageTitle={'Blog'} backgroundImage={bg} pagesub={'Blog'} />
             <BlogList />
             <Footer />
             <Scrollbar />
@@ -26,7 +24,7 @@ export default BlogPage;
 export async function getStaticProps({ locale }) {
     return {
         props: {
-            ...(await serverSideTranslations(locale, ['common', 'menu', 'innerBanner', 'blog', 'footer'])), // Add 'home', 'footer', etc. if needed
+            ...(await serverSideTranslations(locale, ['common', 'menu', 'blog', 'footer'])), // Add 'home', 'footer', etc. if needed
         },
     };
 }

pages/contact/index.js

@@ -6,14 +6,12 @@ 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';
-import { useTranslation } from 'next-i18next';
 
 const ContactPage =() => {
-        const { t } = useTranslation('innerBanner');
     return(
         <Fragment>
             <Navbar2/>
-            <PageTitle pageTitle={t('contact.pageTitle')} backgroundImage={contact} pagesub={t('contact.pageSub')}/> 
+            <PageTitle pageTitle={'Contact Us'} backgroundImage={contact} pagesub={'Contact'}/> 
             <Contactpage/>
             <Footer/>
             <Scrollbar/>
@@ -26,7 +24,7 @@ export default ContactPage;
 export async function getStaticProps({ locale }) {
     return {
         props: {
-            ...(await serverSideTranslations(locale, ['common', 'menu','innerBanner', 'contact', 'footer'])), // Add 'home', 'footer', etc. if needed
+            ...(await serverSideTranslations(locale, ['common', 'menu', 'contact', 'footer'])), // Add 'home', 'footer', etc. if needed
         },
     };
 }

pages/our-approach/index.js

@@ -6,17 +6,15 @@ import approach from "/public/images/about/our-approach-banner.webp";
 import Footer from "../../components/footer/Footer";
 import OurApproachSection from "../../components/our-approach/OurApproachSection";
 import { serverSideTranslations } from "next-i18next/serverSideTranslations";
-import { useTranslation } from 'next-i18next';
 
 const OurApproach = () => {
-   const { t } = useTranslation('innerBanner');
   return (
     <Fragment>
       <Navbar2 />
       <PageTitle
-        pageTitle={t('ourApproach.pageTitle')}
+        pageTitle={"Our Approach"}
         backgroundImage={approach}
-        pagesub={t('ourApproach.pageSub')}
+        pagesub={"Our Approach"}
       />
       <OurApproachSection />
       <Footer />
@@ -30,7 +28,7 @@ export default OurApproach;
 export async function getStaticProps({ locale }) {
   return {
     props: {
-      ...(await serverSideTranslations(locale, ['menu',"common","ourApproach","footer", 'innerBanner'])),
+      ...(await serverSideTranslations(locale, ['menu',"common","ourApproach","footer"])),
     },
   };
 }

public/locales/en/innerBanner.json

@@ -1,32 +0,0 @@
-{
-    "home": {
-        "pageTitle": "Home"
-    },
-    "ourApproach": {
-        "pageTitle": "Our Approach",
-        "pageSub": "Our Approach"
-    },
-    "about": {
-        "pageTitle": "About Us",
-        "pageSub": "About"
-    },
-    "racialJustice": {
-        "pageTitle": "Racial-Justice",
-        "pageSub": "Racial-Justice"
-    },
-    "ourMission": {
-        "pageTitle": "Our Mission",
-        "pageSub": "Our Mission"
-    },
-    "services": {
-        "pageSub": "Our Services"
-    },
-    "blog": {
-        "pageTitle": "Blog",
-        "pageSub": "Blog"
-    },
-    "contact": {
-        "pageTitle": "Contact Us",
-        "pageSub": "Contact"
-    }
-}

public/locales/es/innerBanner.json

@@ -1,32 +0,0 @@
-{
-    "home": {
-        "pageTitle": "Inicio"
-    },
-    "ourApproach": {
-        "pageTitle": "Nuestro Enfoque",
-        "pageSub": "Nuestro Enfoque"
-    },
-    "about": {
-        "pageTitle": "Sobre Nosotros",
-        "pageSub": "Acerca de"
-    },
-    "racialJustice": {
-        "pageTitle": "Justicia Racial",
-        "pageSub": "Justicia Racial"
-    },
-    "ourMission": {
-        "pageTitle": "Nuestra Misión",
-        "pageSub": "Nuestra Misión"
-    },
-    "services": {
-        "pageSub": "Nuestros Servicios"
-    },
-    "blog": {
-        "pageTitle": "Blog",
-        "pageSub": "Blog"
-    },
-    "contact": {
-        "pageTitle": "Contáctanos",
-        "pageSub": "Contacto"
-    }
-}