import { useRouter } from 'next/router';
import useIntro from '@/hooks/useIntro';
import {
    Hero,
    Vision,
    DigitalPotential,
    SuccessStory,
    Stats,
    Contact,
    Footer,
} from './';

const App = () => {
    const { locale } = useRouter();
    const { Intro, animationOutComplete } = useIntro();
    return (
        <div
            className={`scrollbar-gutter h-full${
                animationOutComplete ? '' : ' overflow-hidden'
            }`}
        >
            <Hero />
            <DigitalPotential />
            <Vision />
            <SuccessStory />
            <Stats />
            <Contact />
            <Footer locale={locale} container='container-1200' />
            {!animationOutComplete && <Intro />}
        </div>
    );
};

export default App;