feat(landing): Add landing Nuxt page

2026-01-03 10:19:39 +01:00
parent 0803b59f0f
commit b3311155c7
28 changed files with 13620 additions and 0 deletions
--- a/landing/app/app.config.ts
+++ b/landing/app/app.config.ts
@@ -0,0 +1,98 @@
+export default defineAppConfig({
+  ui: {
+    // Primary color for the app - Teal
+    colors: {
+      primary: 'primary',
+      neutral: 'slate',
+      success: 'success',
+      warning: 'warning',
+      error: 'red'
+    },
+
+    // Button customizations
+    button: {
+      defaultVariants: {
+        size: 'lg'
+      }
+    },
+
+    // Card customizations with enhanced hover states
+    card: {
+      slots: {
+        root: 'rounded-2xl overflow-hidden transition-all duration-300'
+      }
+    },
+
+    // Page Hero customizations for landing page
+    pageHero: {
+      slots: {
+        root: 'relative isolate overflow-hidden',
+        title: 'font-heading text-5xl sm:text-6xl lg:text-7xl text-pretty tracking-tight font-bold text-highlighted',
+        description: 'text-lg sm:text-xl text-muted max-w-3xl'
+      }
+    },
+
+    // Page Section customizations
+    pageSection: {
+      slots: {
+        title: 'font-heading text-3xl sm:text-4xl lg:text-5xl text-pretty tracking-tight font-bold text-highlighted',
+        description: 'text-base sm:text-lg text-muted'
+      }
+    },
+
+    // Page Feature customizations
+    pageFeature: {
+      slots: {
+        title: 'text-lg font-semibold text-highlighted',
+        description: 'text-base text-muted'
+      }
+    },
+
+    // Page Card customizations
+    pageCard: {
+      slots: {
+        root: 'rounded-2xl transition-all duration-300',
+        title: 'text-lg font-semibold text-highlighted',
+        description: 'text-base text-muted'
+      }
+    },
+
+    // Page CTA customizations
+    pageCTA: {
+      slots: {
+        title: 'font-heading text-3xl sm:text-4xl text-pretty tracking-tight font-bold',
+        description: 'text-base sm:text-lg'
+      }
+    },
+
+    // Header customizations - transparent with blur
+    header: {
+      slots: {
+        root: 'bg-white/80 dark:bg-gray-950/80 backdrop-blur-xl border-b border-gray-200/50 dark:border-gray-800/50',
+        title: 'font-heading text-xl font-bold'
+      }
+    },
+
+    // Footer customizations
+    footer: {
+      slots: {
+        root: 'border-t border-gray-200 dark:border-gray-800'
+      }
+    },
+
+    // Input customizations for newsletter form
+    input: {
+      defaultVariants: {
+        size: 'lg'
+      }
+    },
+
+    // Accordion customizations
+    accordion: {
+      slots: {
+        trigger: 'text-base font-medium',
+        content: 'text-base text-muted'
+      }
+    }
+  }
+})