41 lines
1.0 KiB
TypeScript
41 lines
1.0 KiB
TypeScript
"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;
|