diff --git a/components/our-approach/OurApproachSection.js b/components/our-approach/OurApproachSection.js index 8d0d2d8..205d2f1 100644 --- a/components/our-approach/OurApproachSection.js +++ b/components/our-approach/OurApproachSection.js @@ -1,71 +1,81 @@ -import React from 'react'; -import Image from 'next/image'; -import Ourapproach from '../../api/our-approach'; +import React from "react"; +import Image from "next/image"; +import { useTranslation } from "next-i18next"; -const OurApproachSection = () => { - return ( - <> - {Ourapproach.map((item, index) => { - const isEven = index % 2 !== 0; - const sectionStyle = { - backgroundColor: index % 2 === 0 ? '#fbfbfbff' : '#e8ebf5', - color: index % 2 === 0 ? '#ffffffff' : '#fff', - }; +const OurApproachSection = ({ cmClass }) => { - return ( -
+
+ {t("page") && ( +
+ {t("page.subtitle")} +

{t("page.title")}

+
+ )} + + {approaches.map((item, index) => { + const isEven = index % 2 !== 0; + const sectionStyle = { + backgroundColor: index % 2 === 0 ? '#fbfbfbff' : '#e8ebf5', + color: index % 2 === 0 ? '#ffffffff' : '#fff', + }; + return ( +
+
+
+
+
-
-
-
- {/* Content Column */} -
-
-
- {item.authorTitle} -

{item.title}

-
-

{item.para}

-
-
-
- - {/* Image Column */} -
-
- {item.title} -
-
-
-
+
+
+ {item.authorTitle} +

{item.title}

-
- ); - })} - - ); +

{item.para}

+ {item.description && ( +
+ )} +
+
+
+
+ {item.title} +
+
+ + + +
+ ); + })} + + + ); }; export default OurApproachSection; diff --git a/pages/our-approach/index.js b/pages/our-approach/index.js index 153bcc5..255def2 100644 --- a/pages/our-approach/index.js +++ b/pages/our-approach/index.js @@ -1,32 +1,34 @@ -import React, { Fragment } from 'react'; -import Navbar2 from '../../components/Navbar2/Navbar2'; -import PageTitle from '../../components/pagetitle/PageTitle' -import Scrollbar from '../../components/scrollbar/scrollbar' -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'; +import React, { Fragment } from "react"; +import Navbar2 from "../../components/Navbar2/Navbar2"; +import PageTitle from "../../components/pagetitle/PageTitle"; +import Scrollbar from "../../components/scrollbar/scrollbar"; +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"; const OurApproach = () => { - return ( - - - - -