import { Footer } from "@/components/common/";
import {
  HeroSlider,
  Counters,
  OurServices,
  AboutUs,
  HowWeWork,
  OurLocation,
  Sponsors,
  Countries,
} from "@/components/";

export default function Home() {
  return (
    <main>
      <HeroSlider />

      <div className="w-full mt-14 overflow-hidden">
        <HowWeWork />
      </div>

      <div className="w-full mt-14 overflow-hidden">
        <Counters />
      </div>

      <div className="w-full mt-14 pt-14 md:pt-24 overflow-hidden">
        <AboutUs />
      </div>

      <div className="w-full mt-14 overflow-hidden">
        <OurServices />
      </div>

      <div className="w-full mt-14 overflow-hidden">
        <OurLocation />
      </div>

      <div className="w-full overflow-hidden">
        <Footer />
      </div>
    </main>
  );
}