<template>
    <LandingLayout>
        <div class="relative flex size-full min-h-screen flex-col overflow-x-hidden">
            <!-- Hero -->
            <main class="flex flex-col items-center">
                <div class="w-full max-w-7xl px-4 sm:px-6 lg:px-8">
                    <HeroSection primaryButtonLink="/tirage" secondaryButtonLink="/tirage" minHeight="70vh" />
                    <ManuscritSection />
                    <OfferSection />
                    <HowSection />
                    <TestimonialsSection />
                    <CallBookingSection />
                </div>
            </main>
        </div>
    </LandingLayout>
</template>

<script setup lang="ts">
import CallBookingSection from '@/components/landing/CallBookingSection.vue';
import HeroSection from '@/components/landing/HeroSection.vue';
import HowSection from '@/components/landing/HowSection.vue';
import ManuscritSection from '@/components/landing/ManuscritSection.vue';
import OfferSection from '@/components/landing/OfferSection.vue';
import TestimonialsSection from '@/components/landing/TestimonialsSection.vue';
import LandingLayout from '@/layouts/app/LandingLayout.vue';
</script>
