import { useEffect } from "react";
import AboutHeroSection from "@/components/about/AboutHeroSection";
import AboutOverviewSection from "@/components/about/AboutOverviewSection";
import AboutValuesSection from "@/components/about/AboutValuesSection";
import AboutWhyChooseSection from "@/components/about/AboutWhyChooseSection";
import Footer from "@/components/Footer";
import Header from "@/components/Header";
import ContactSection from "@/components/home/ContactSection";
import SeoHead from "@/components/SeoHead";

export default function About({ settings, data, products, success }: { settings: any, data: any, products: any, success: string | null }) {

  useEffect(() => {
    console.log(data);
  }, []);

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