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 (
    <Fragment>
      <Navbar2 />
      <PageTitle
        pageTitle={"Our Approach"}
        backgroundImage={approach}
        pagesub={"Our Approach"}
      />
      <OurApproachSection />
      <Footer />
      <Scrollbar />
    </Fragment>
  );
};

export default OurApproach;

export async function getStaticProps({ locale }) {
  return {
    props: {
      ...(await serverSideTranslations(locale, ['menu',"common","ourApproach","footer"])),
    },
  };
}