import Footer from "@/app/compoenets/includes/Footer";
import Nav from "./compoenets/includes/Nav";
import { getBanners } from "./lib/api";
import Hero from "./compoenets/sections/Hero";
import ProductSect from "./compoenets/sections/ProductSect";
import About from "./compoenets/sections/About";
import FeaturesSect from "./compoenets/sections/FeaturesSect";
import ContactSect from "./compoenets/sections/ContactSect";
import TestimonialSect from "./compoenets/sections/TestimonialSect";
import WhyChooseUs from "./compoenets/sections/WhyChooseUs";
import HeroFeatures from "./compoenets/sections/HeroFeatures";
import Gallery from "./compoenets/sections/Gallery";

export default async function Home() {
  const banner = await getBanners();
  return (
    <>
      <Nav />
      <Hero banner={banner} />
      <HeroFeatures />
      <ProductSect />
      <About apiUrl={"page/by-slug/home"} />
      <ContactSect />
      <TestimonialSect />
      <WhyChooseUs />
      <Footer /> 
      {/* <FeaturesSect /> */}
      {/* 
      <Gallery />
       */}
    </>
  );
}

