import { useEffect } from "react";

import Footer from "@/components/Footer";
import Header from "@/components/Header";
import AboutSection from "@/components/home/AboutSection";
import ContactSection from "@/components/home/ContactSection";
import HeroSection from "@/components/home/HeroSection";
import ServicesSection from "@/components/home/ServicesSection";
import StatsSection from "@/components/home/StatsSection";
import SeoHead from "@/components/SeoHead";



export default function Home({ settings , data, products, success }: { settings: any, data: any, products: any, success: string | null }) {
  useEffect(() => {
    window.scrollTo({ top: 0, left: 0, behavior: "auto" });

    console.log(settings, data, products);
  }, [settings, data, products]);

  return (
    <>
    <SeoHead seo={data?.seo} />
    <div className="min-h-screen bg-white text-slate-900">
      <Header settings={settings} products={products} />
      <main className="flex-1">
        <HeroSection settings={settings} data={data} />
        <AboutSection settings={settings} data={data} />
        <StatsSection settings={settings} data={data} />
        <ServicesSection  data={data} products={products} />
        <ContactSection settings={settings} data={data} success={success} />
      </main>
      <Footer settings={settings} />
    </div>
    </>
  );
}