paulnicoue/pages/index.vue

<template>

    <main>
        <HeroSection class="hero-section" />
        <!-- <ServicesSection class="services-section" />
        <ProjectsSection class="projects-section" /> -->
        <ContactSection class="contact-section" />
    </main>

</template>

<script setup>

    // --------------------------------------------------
    // HEAD
    // --------------------------------------------------

    definePageMeta({
        pageTitleChunk: null
    })

    // --------------------------------------------------
    // PROGRAM
    // --------------------------------------------------

    onMounted(() => {
        const AOS = useNuxtApp().$AOS;
        AOS.init({
            delay: 0,
            duration: 600,
            easing: 'ease-in-out',
            offset: 100,
            once: true
        });
    })

</script>

<style lang="scss" scoped>

    // --------------------------------------------------
    // STYLE
    // --------------------------------------------------

    main {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

</style>