Thatsaphorn Atchariyaphap
d9ff535ac0
New Project Structure: - Created reusable UI components (ServiceCard, AnimatedSection, SectionTitle) - Split large components into smaller, focused ones - Extracted shared hooks for common functionality - Organized constants into separate files Key Improvements: - Hooks: useScrollNavigation, useScrollToSection, useCookieSettings - UI Components: Modular components for consistent styling and behavior - Constants: Centralized data management (ServicesData, NavigationData) - Component Split: Navbar, Hero, and Footer broken into logical sub-components
36 lines
1020 B
TypeScript
36 lines
1020 B
TypeScript
'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;
|