
import { useTranslations } from "next-intl";
import { Fragment, useEffect } from "react";
import Navbar from "../../../components/Navbar/Navbar.js";
import Footer from "../../../components/footer/Footer";
import Scrollbar from "../../../components/scrollbar/scrollbar";
import ServicesComp from "../../../components/Practice";
import Testimonial2 from "../../../components/Testimonial2/Testimonial2";
import abimg from "/public/images/about/about3.jpg";
import About from "../../../components/about/about.js";
import AboutTheOffice from "../../../components/AboutTheOffice";
import Hero from "../../../components/hero/hero.js";
export default function AboutPage() {
    const t = useTranslations("Index");
    return (
        <Fragment>
            <Navbar hclass={"wpo-header-style-2"} topbarNone={"topbar-none"} />
            {/* <Hero /> */}
            <About abimg={abimg} />
            <AboutTheOffice id="about_the_office" />
            <Footer />
            <Scrollbar />
        </Fragment>
    );
}

export async function getStaticProps({ locale }) {
    return {
        props: {
            messages: (await import(`../../../messages/${locale}.json`)).default,
        },
    };
}
