feat(landing): Lazy load components, prerender of pages

landing/app/pages/index.vue

@@ -1,28 +1,16 @@
 <template>
   <div class="landing-page">
-    <!-- Hero Section -->
+    <!-- Hero Section (above the fold - load eagerly) -->
     <LandingHeroSection />
 
-    <!-- Stats Section (Social Proof) -->
-    <LandingStatsSection />
-
-    <!-- Benefits for Works Councils -->
-    <LandingBenefitsWorksCouncil />
-
-    <!-- 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 />
+    <!-- Below-the-fold sections - lazy loaded for better initial performance -->
+    <LazyLandingStatsSection />
+    <LazyLandingBenefitsWorksCouncil />
+    <LazyLandingFeaturesGrid />
+    <LazyLandingAdditionalFeatures />
+    <LazyLandingFrameworkAgreement />
+    <LazyLandingNewsletterSignup />
+    <LazyLandingExpertAccess />
   </div>
 </template>
 

landing/nuxt.config.ts

@@ -5,6 +5,17 @@ export default defineNuxtConfig({
   devtools: { enabled: true },
   ssr: true,
 
+  // Prerender static pages at build time for instant loading
+  routeRules: {
+    '/': { prerender: true },
+    '/team': { prerender: true },
+    '/unternehmen': { prerender: true },
+    '/impressum': { prerender: true },
+    '/datenschutz': { prerender: true },
+    '/newsletter-bestaetigt': { prerender: true },
+    '/kontakt': { prerender: true }
+  },
+
   // Icon configuration - bundle icons for SSR to prevent hydration mismatches
   icon: {
     serverBundle: 'remote'
@@ -29,12 +40,12 @@ export default defineNuxtConfig({
       {
         name: 'Bricolage Grotesque',
         provider: 'google',
-        weights: [400, 500, 600, 700, 800]
+        weights: [400, 600, 700]
       },
       {
         name: 'DM Sans',
         provider: 'google',
-        weights: [400, 500, 600, 700]
+        weights: [400, 500, 600]
       }
     ]
   },