46 lines
1.3 KiB
TypeScript
46 lines
1.3 KiB
TypeScript
'use client';
|
|
|
|
import React, {useEffect} from "react";
|
|
import HomeServices from "@/app/(root)/sections/HomeServices";
|
|
import {motion} from "framer-motion";
|
|
import Hero from "@/app/(root)/sections/Hero";
|
|
import About from "@/app/(root)/sections/About";
|
|
import ProcessSection from "@/app/(root)/sections/ProcessSection";
|
|
import WhyUs from "@/app/(root)/sections/WhyUs";
|
|
import Faq from "@/app/(root)/sections/Faq";
|
|
import ReferralSection from "@/app/(root)/sections/ReferralSection";
|
|
|
|
const Home = () => {
|
|
useEffect(() => {
|
|
const scrollToId = localStorage.getItem('scrollToId')
|
|
if (scrollToId) {
|
|
localStorage.removeItem('scrollToId')
|
|
const el = document.getElementById(scrollToId)
|
|
if (el) {
|
|
setTimeout(() => {
|
|
el.scrollIntoView({behavior: 'smooth', block: 'start'})
|
|
}, 200)
|
|
}
|
|
}
|
|
}, [])
|
|
|
|
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;
|