'use client';

import React from "react";
import { motion } from "framer-motion";
import { useScrollToSection } from "@/hooks/useScrollToSection";
import Hero from "@/app/(root)/sections/Hero";
import HomeServices from "@/app/(root)/sections/HomeServices";
import About from "@/app/(root)/sections/About";
import ProcessSection from "@/app/(root)/sections/ProcessSection";
import WhyUs from "@/app/(root)/sections/WhyUs";
import ReferralSection from "@/app/(root)/sections/ReferralSection";
import Faq from "@/app/(root)/sections/Faq";

const Home = () => {
    useScrollToSection();

    return (
        <motion.div
            initial={{opacity: 0}}
            animate={{opacity: 1}}
            transition={{duration: 0.7, ease: "easeOut"}}
            className="overflow-hidden"
        >
            <Hero/>
            <HomeServices/>
            <About/>
            <ProcessSection/>
            <WhyUs/>
            <ReferralSection/>
            <Faq/>
        </motion.div>
    );
};

export default Home;