"use client";

import React, {useEffect} from "react";
import Hero from "./Hero/Hero";
import AOS from "aos";
import "aos/dist/aos.css";
import About from "@/components/Home/About/About";
import Offer from "@/components/Home/Offer/Offer";
import ContactCTA from "@/components/Home/Contact/ContactCTA";
import {SectionDivider1, SectionDivider2} from "@/components/Helper/SectionDivider";

const Home = () => {
    useEffect(() => {
        const initAOS = async () => {
            await import("aos");
            AOS.init({
                duration: 1000,
                easing: "ease",
                once: true,
                anchorPlacement: "top-bottom",
            });
        };
        initAOS();
    }, []);

    return (
        <div className="overflow-hidden">
            <Hero/>
            <SectionDivider1/>
            <About/>
            <SectionDivider2/>
            <Offer/>
            <SectionDivider1/>
            <ContactCTA/>
            <SectionDivider2/>
        </div>
    );
};

export default Home;