<template>
  <div class="landing-page">
    <!-- Hero Section -->
    <LandingHeroSection />

    <!-- Stats Section (Social Proof) -->
    <LandingStatsSection />

    <!-- Benefits for Works Councils -->
    <LandingBenefitsWorksCouncil />

    <!-- Benefits for Companies -->
    <LandingBenefitsCompany />

    <!-- Features Grid (Bento Layout) -->
    <LandingFeaturesGrid />

    <!-- Additional Features / Trust Signals -->
    <LandingAdditionalFeatures />

    <!-- Framework Agreement Section -->
    <LandingFrameworkAgreement />

    <!-- Newsletter Signup (Glass-morphism) -->
    <LandingNewsletterSignup />

    <!-- Expert Access CTA (Gradient Mesh) -->
    <LandingExpertAccess />
  </div>
</template>

<script setup lang="ts">
// SEO Meta
useSeoMeta({
  title: 'LegalConsentHub - Digitale Mitbestimmung für IT- und KI-Systeme',
  description:
    'Struktur statt Hauruck: Alle relevanten Informationen an einem Ort, klare Prozessschritte und nachvollziehbare Dokumentation – damit Mitbestimmung schneller, belastbarer und dauerhaft updatefähig wird.',
  ogTitle: 'LegalConsentHub - Digitale Mitbestimmung für IT- und KI-Systeme',
  ogDescription: 'Strukturierte IT-Mitbestimmung mit klaren Prozessen und revisionssicherer Dokumentation.',
  ogImage: '/og-image.png',
  ogType: 'website',
  twitterCard: 'summary_large_image'
})

// Structured data for SEO
useHead({
  script: [
    {
      type: 'application/ld+json',
      innerHTML: JSON.stringify({
        '@context': 'https://schema.org',
        '@type': 'SoftwareApplication',
        name: 'LegalConsentHub',
        applicationCategory: 'BusinessApplication',
        operatingSystem: 'Web',
        description:
          'Digitale Mitbestimmung für IT- und KI-Systeme. Strukturierte Eingabelogik, klare Prozesse und revisionssichere Dokumentation.',
        offers: {
          '@type': 'Offer',
          price: '0',
          priceCurrency: 'EUR',
          description: 'Kontaktieren Sie uns für Preisdetails'
        },
        featureList: [
          'Geführter Mitbestimmungsprozess',
          'Risikobasierter Assistent',
          'Versionierung & Audit-Trail',
          'Automatische BV-/DV-Generierung',
          'SSO & Governance'
        ]
      })
    }
  ]
})
</script>

<style scoped>
/* Smooth scrolling for anchor links */
.landing-page {
  scroll-behavior: smooth;
}

/* Add padding to account for fixed header */
.landing-page > :deep(section:first-child) {
  padding-top: 0;
}
</style>
