feat(landing): Add landing Nuxt page
This commit is contained in:
87
landing/app/pages/index.vue
Normal file
87
landing/app/pages/index.vue
Normal file
@@ -0,0 +1,87 @@
|
||||
<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>
|
||||
Reference in New Issue
Block a user