<template>
  <div class="min-h-screen bg-background">
    <Header />
    <main>
      <HeroSection />
      <ServicesSection />
      <PrintingNuancesSection />
      <ModelUploadSection />
      <QuotingSection />
      <ProcessSection />
      <CTASection />
    </main>
    <Footer />
  </div>
</template>

<script setup lang="ts">
import Header from "@/components/Header.vue";
import HeroSection from "@/components/HeroSection.vue";
import ServicesSection from "@/components/ServicesSection.vue";
import { defineAsyncComponent } from "vue";

const PrintingNuancesSection = defineAsyncComponent(() => import("@/components/PrintingNuancesSection.vue"));
const ModelUploadSection = defineAsyncComponent(() => import("@/components/ModelUploadSection.vue"));
const QuotingSection = defineAsyncComponent(() => import("@/components/QuotingSection.vue"));
const ProcessSection = defineAsyncComponent(() => import("@/components/ProcessSection.vue"));
const CTASection = defineAsyncComponent(() => import("@/components/CTASection.vue"));
const Footer = defineAsyncComponent(() => import("@/components/Footer.vue"));
</script>
