
import { useTranslations } from "next-intl";
import LocaleSwitcher from "../intlcomponents/LocaleSwitcher";
import PageLayout from "../intlcomponents/PageLayout";
import { Fragment, useEffect } from "react";
import abimg from "/public/images/about/about3.jpg";
import Navbar from "../../components/Navbar/Navbar.js";
import Hero from "../../components/hero/hero.js";
import About from "../../components/about/about.js";
import Testimonial from "../../components/Testimonial/Testimonial";
import CaseStudies from "../../components/CaseStudies/CaseStudies";
import CaseStudies2 from "../../components/CaseStudies2/CaseStudies2";
import FunFact from "../../components/FunFact/index";
import Consultinencey from "../../components/Consultinencey/Consultinencey";
import BlogSection from "../../components/BlogSection/BlogSection";
import Footer from "../../components/footer/Footer";
import Scrollbar from "../../components/scrollbar/scrollbar";
import AboutTheOffice from "../../components/AboutTheOffice";
import Practice3 from "../../components/PracticeS3/PracticeS3";
import Hero2 from "../../components/hero2";
import Testimonial2 from "../../components/Testimonial2/Testimonial2";
import TheFeesComponent from "../../components/TheFeesComponent";
import Attorney from "../../components/attorneys/index";
import LettersComponent from "../../components/LettersComponent";
import ObligationsComponent from "../../components/ObligationsComponent/index";
import Services from "../../components/Practice";
import VideoComponent from "../../components/ViedoComponent";
export default function Index() {
  const t = useTranslations("Index");
  return (
    <Fragment>
      <Navbar hclass={"wpo-header-style-2"} topbarNone={"topbar-none"} />
      <Hero />
      <About abimg={abimg} />
      <Services />
      <FunFact />
      <Attorney />
      <VideoComponent />
      <BlogSection vClass={'d-none'} />
      <Consultinencey />
      <Footer />
      <Scrollbar />
      {/* <AboutTheOffice id="about_the_office" />
      <Practice3 pClass={'pb-0'} />
      <Testimonial2 />
      <TheFeesComponent />
      <LettersComponent />
      <ObligationsComponent /> */}
      {/* <CaseStudies2 id="important_Clients" /> */}
      {/* <Hero2 /> */}
      {/* <Hero />
      <About abimg={abimg} />
      <Practice />
      <Testimonial />
      <CaseStudies vClass={"d-none"} />
      <FunFact />
      <Attorney vClass={"d-none"} />
      <Consultinencey />
      <BlogSection vClass={"d-none"} />
      <Footer />
      <Scrollbar />
      <PageLayout title={t("title")}>
        <p>{t("description")}</p>
        <LocaleSwitcher />
      </PageLayout> */}
    </Fragment>
  );
}

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