From 00b49a5cb2f76001b37a21b5fa0581c1b91ee79f Mon Sep 17 00:00:00 2001
From: Denis Lugowski <denis.lugowski@gmail.com>
Date: Fri, 16 Jan 2026 17:34:42 +0100
Subject: [PATCH] feat(landing): Lazy load components, prerender of pages

---
 landing/app/pages/index.vue | 30 +++++++++---------------------
 landing/nuxt.config.ts      | 15 +++++++++++++--
 2 files changed, 22 insertions(+), 23 deletions(-)

diff --git a/landing/app/pages/index.vue b/landing/app/pages/index.vue
index 61cade7..7518ce5 100644
--- a/landing/app/pages/index.vue
+++ b/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>
 
diff --git a/landing/nuxt.config.ts b/landing/nuxt.config.ts
index d3d7510..05e2f3a 100644
--- a/landing/nuxt.config.ts
+++ b/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]
       }
     ]
   },