Thatsaphorn Atchariyaphap
5c60594a4f
Homepage Refactoring - Pt .3 See merge request rheinsw/website!28
35 lines
1.1 KiB
TypeScript
35 lines
1.1 KiB
TypeScript
'use client';
|
|
|
|
import React from "react";
|
|
import {motion} from "framer-motion";
|
|
import {useThemeColors} from "@/utils/useThemeColors";
|
|
import ServiceHero from "@/components/Services/Section/ServiceHero";
|
|
import OverviewTabs from "@/components/Services/Section/OverviewTabs";
|
|
import ContactCTA from "@/components/Home/Sections/ContactCTA";
|
|
import Section from "@/components/Section";
|
|
|
|
const Home = () => {
|
|
const colors = useThemeColors();
|
|
|
|
return (
|
|
<motion.div
|
|
initial={{opacity: 0, y: 20}}
|
|
animate={{opacity: 1, y: 0}}
|
|
transition={{duration: 0.7, ease: "easeOut"}}
|
|
className="overflow-hidden"
|
|
>
|
|
<Section style={{backgroundColor: colors.primaryBg}} shadow>
|
|
<ServiceHero/>
|
|
</Section>
|
|
<Section style={{backgroundColor: colors.secondaryBg}} shadow>
|
|
<OverviewTabs/>
|
|
</Section>
|
|
<Section style={{backgroundColor: colors.primaryBg}} shadow>
|
|
<ContactCTA/>
|
|
</Section>
|
|
</motion.div>
|
|
);
|
|
};
|
|
|
|
export default Home;
|