"use client";

import SearchSection from "@/components/landing-page/search-section";
import NewContent from "@/components/landing-page/new-content";
import PopularContent from "@/components/landing-page/popular-content";
import ContentCategory from "@/components/landing-page/content-category";
import Coverage from "@/components/landing-page/coverage";
import Hero from "@/components/landing-page/hero";
import Footer from "@/components/landing-page/footer";
import Division from "@/components/landing-page/division";
import Navbar from "@/components/landing-page/navbar";
import { ReactLenis } from "@studio-freight/react-lenis";
import MountedProvider from "@/providers/mounted.provider";
import NewsTicker from "@/components/landing-page/news-tickers";
import AreaCoverageWorkUnits from "@/components/landing-page/area-coverage-and-work-units";

const Home = ({ params: { locale } }: { params: { locale: string } }) => {
  return (
    <MountedProvider isProtected={false}>
      <ReactLenis root>
        <div className="pb-14">
          <Navbar />
          <Hero />
          <SearchSection />
          <NewContent group="mabes" type="latest" />
          <NewContent group="mabes" type="popular" />
          {/* <PopularContent /> */}
          <ContentCategory group="mabes" />
          {/* <Coverage /> */}
          {/* <Division /> */}
          <AreaCoverageWorkUnits />
          <Footer />
          <NewsTicker />
        </div>
      </ReactLenis>
    </MountedProvider>
  );
};

export default Home;