From b821924da5eac6146e3a24883040dab8dc22015d Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 22 Apr 2026 16:34:05 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 327 ++++++++---------------------------------------
 1 file changed, 51 insertions(+), 276 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index dea5550..2b36614 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -31,22 +31,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
-          name: "Start",
-          id: "hero",
-        },
-        {
-          name: "Leistungen",
-          id: "services",
-        },
-        {
-          name: "Projekte",
-          id: "projects",
-        },
-        {
-          name: "Kontakt",
-          id: "contact",
-        },
+        { name: "Start", id: "hero" },
+        { name: "Leistungen", id: "services" },
+        { name: "Projekte", id: "projects" },
+        { name: "Kontakt", id: "contact" },
       ]}
       brandName="R-Bau Garant"
     />
@@ -54,52 +42,20 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboardRotatedCarousel
-      background={{
-        variant: "rotated-rays-static",
-      }}
+      background={{ variant: "rotated-rays-static" }}
       title="Exklusive Terrassenüberdachungen nach Maß"
       description="Design. Schutz. Wertsteigerung für Ihr Zuhause."
       buttons={[
-        {
-          text: "Kostenlose Beratung",
-          href: "#contact",
-        },
-        {
-          text: "Projekte ansehen",
-          href: "#projects",
-        },
+        { text: "Kostenlose Beratung", href: "#contact" },
+        { text: "Projekte ansehen", href: "#projects" }
       ]}
       carouselItems={[
-        {
-          id: "1",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-doing-yoga-roof-skyscraper-big-city_1153-4900.jpg?_wi=1",
-          imageAlt: "Luxus Terrassendach bei Sonnenuntergang",
-        },
-        {
-          id: "2",
-          imageSrc: "http://img.b2bpic.net/free-photo/minimalist-interior-design-with-scenic-view-modern-sofa_23-2151972897.jpg",
-          imageAlt: "Minimalistische Terrassenüberdachung",
-        },
-        {
-          id: "3",
-          imageSrc: "http://img.b2bpic.net/free-photo/background-indoor-building_1232-4603.jpg",
-          imageAlt: "Architektur Detail Glasdach",
-        },
-        {
-          id: "4",
-          imageSrc: "http://img.b2bpic.net/free-photo/monochromatic-urban-minimal-landscape_23-2151011500.jpg",
-          imageAlt: "Exklusive Terrassenlösung",
-        },
-        {
-          id: "5",
-          imageSrc: "http://img.b2bpic.net/free-photo/monochromatic-urban-minimal-landscape_23-2151011608.jpg",
-          imageAlt: "Moderne Außenbaukunst",
-        },
-        {
-          id: "6",
-          imageSrc: "http://img.b2bpic.net/free-photo/casual-male-posing-with-electric-scooter_23-2148779893.jpg",
-          imageAlt: "Wertsteigerung durch Design",
-        },
+        { id: "1", imageSrc: "http://img.b2bpic.net/free-photo/woman-doing-yoga-roof-skyscraper-big-city_1153-4900.jpg", imageAlt: "Luxus Terrassendach bei Sonnenuntergang" },
+        { id: "2", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-interior-design-with-scenic-view-modern-sofa_23-2151972897.jpg", imageAlt: "Minimalistische Terrassenüberdachung" },
+        { id: "3", imageSrc: "http://img.b2bpic.net/free-photo/background-indoor-building_1232-4603.jpg", imageAlt: "Architektur Detail Glasdach" },
+        { id: "4", imageSrc: "http://img.b2bpic.net/free-photo/monochromatic-urban-minimal-landscape_23-2151011500.jpg", imageAlt: "Exklusive Terrassenlösung" },
+        { id: "5", imageSrc: "http://img.b2bpic.net/free-photo/monochromatic-urban-minimal-landscape_23-2151011608.jpg", imageAlt: "Moderne Außenbaukunst" },
+        { id: "6", imageSrc: "http://img.b2bpic.net/free-photo/casual-male-posing-with-electric-scooter_23-2148779893.jpg", imageAlt: "Wertsteigerung durch Design" }
       ]}
     />
   </div>
@@ -110,42 +66,10 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       features={[
-        {
-          id: "f1",
-          title: "Präzision & Qualität",
-          descriptions: [
-            "Verwendung hochwertigster Materialien für eine lange Lebensdauer.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/rooftop-lounge-sunset_23-2151986955.jpg",
-          imageAlt: "Rooftop lounge at sunset",
-        },
-        {
-          id: "f2",
-          title: "Individuelles Design",
-          descriptions: [
-            "Maßgeschneiderte Lösungen, die perfekt zu Ihrer Architektur passen.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-doing-yoga-roof-skyscraper-big-city_1153-4900.jpg?_wi=2",
-          imageAlt: "Rooftop lounge at sunset",
-        },
-        {
-          id: "f3",
-          title: "Zuverlässigkeit",
-          descriptions: [
-            "Pünktliche Umsetzung durch professionelle Handwerksleistung.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/cityscape-viewed-through-window_1359-760.jpg?_wi=1",
-          imageAlt: "Rooftop lounge at sunset",
-        },
-        {
-          id: "f4",
-          title: "Rundum-Service",
-          descriptions: [
-            "Vom ersten Beratungsgespräch bis zur fachgerechten Montage.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-city-building-shadows_23-2149283217.jpg?_wi=1",
-          imageAlt: "Rooftop lounge at sunset",
-        },
+        { id: "f1", title: "Präzision & Qualität", descriptions: ["Verwendung hochwertigster Materialien für eine lange Lebensdauer."], imageSrc: "http://img.b2bpic.net/free-photo/rooftop-lounge-sunset_23-2151986955.jpg", imageAlt: "Rooftop lounge at sunset" },
+        { id: "f2", title: "Individuelles Design", descriptions: ["Maßgeschneiderte Lösungen, die perfekt zu Ihrer Architektur passen."], imageSrc: "http://img.b2bpic.net/free-photo/woman-doing-yoga-roof-skyscraper-big-city_1153-4900.jpg", imageAlt: "Rooftop lounge at sunset" },
+        { id: "f3", title: "Zuverlässigkeit", descriptions: ["Pünktliche Umsetzung durch professionelle Handwerksleistung."], imageSrc: "http://img.b2bpic.net/free-photo/cityscape-viewed-through-window_1359-760.jpg", imageAlt: "Rooftop lounge at sunset" },
+        { id: "f4", title: "Rundum-Service", descriptions: ["Vom ersten Beratungsgespräch bis zur fachgerechten Montage."], imageSrc: "http://img.b2bpic.net/free-photo/abstract-city-building-shadows_23-2149283217.jpg", imageAlt: "Rooftop lounge at sunset" }
       ]}
       title="Warum R-Bau Garant?"
       description="Wir setzen auf Präzision, individuelle Ästhetik und absolute Zuverlässigkeit für Ihr exklusives Bauprojekt."
@@ -154,64 +78,17 @@ export default function LandingPage() {
 
   <div id="services" data-section="services">
       <ProductCardTwo
+      animationType="slide-up"
       textboxLayout="default"
       gridVariant="four-items-2x2-equal-grid"
       useInvertedBackground={true}
       products={[
-        {
-          id: "p1",
-          brand: "R-Bau",
-          name: "Terrassenüberdachung",
-          price: "Beratung nötig",
-          rating: 5,
-          reviewCount: "12",
-          imageSrc: "http://img.b2bpic.net/free-photo/cityscape-viewed-through-window_1359-760.jpg?_wi=2",
-        },
-        {
-          id: "p2",
-          brand: "R-Bau",
-          name: "Eingangsüberdachung",
-          price: "Beratung nötig",
-          rating: 5,
-          reviewCount: "8",
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-city-building-shadows_23-2149283217.jpg?_wi=2",
-        },
-        {
-          id: "p3",
-          brand: "R-Bau",
-          name: "Carport Systeme",
-          price: "Beratung nötig",
-          rating: 5,
-          reviewCount: "5",
-          imageSrc: "http://img.b2bpic.net/free-photo/angle-view-airplane-inside-museum_250224-65.jpg",
-        },
-        {
-          id: "p4",
-          brand: "R-Bau",
-          name: "Sonderanfertigungen",
-          price: "Auf Anfrage",
-          rating: 5,
-          reviewCount: "10",
-          imageSrc: "http://img.b2bpic.net/free-photo/stylish-businesswoman-making-phone-call_23-2147989607.jpg",
-        },
-        {
-          id: "p5",
-          brand: "R-Bau",
-          name: "Glas-Systeme",
-          price: "Beratung nötig",
-          rating: 5,
-          reviewCount: "6",
-          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-happy-partners-hugging_23-2149338599.jpg",
-        },
-        {
-          id: "p6",
-          brand: "R-Bau",
-          name: "Aluminiumbau",
-          price: "Beratung nötig",
-          rating: 5,
-          reviewCount: "9",
-          imageSrc: "http://img.b2bpic.net/free-photo/detail-urban-stairs_23-2148107132.jpg",
-        },
+        { id: "p1", brand: "R-Bau", name: "Terrassenüberdachung", price: "Beratung nötig", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/cityscape-viewed-through-window_1359-760.jpg" },
+        { id: "p2", brand: "R-Bau", name: "Eingangsüberdachung", price: "Beratung nötig", rating: 5, reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/abstract-city-building-shadows_23-2149283217.jpg" },
+        { id: "p3", brand: "R-Bau", name: "Carport Systeme", price: "Beratung nötig", rating: 5, reviewCount: "5", imageSrc: "http://img.b2bpic.net/free-photo/angle-view-airplane-inside-museum_250224-65.jpg" },
+        { id: "p4", brand: "R-Bau", name: "Sonderanfertigungen", price: "Auf Anfrage", rating: 5, reviewCount: "10", imageSrc: "http://img.b2bpic.net/free-photo/stylish-businesswoman-making-phone-call_23-2147989607.jpg" },
+        { id: "p5", brand: "R-Bau", name: "Glas-Systeme", price: "Beratung nötig", rating: 5, reviewCount: "6", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-happy-partners-hugging_23-2149338599.jpg" },
+        { id: "p6", brand: "R-Bau", name: "Aluminiumbau", price: "Beratung nötig", rating: 5, reviewCount: "9", imageSrc: "http://img.b2bpic.net/free-photo/detail-urban-stairs_23-2148107132.jpg" }
       ]}
       title="Unsere Leistungen"
       description="Exklusive Lösungen für Ihr Zuhause."
@@ -224,24 +101,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       team={[
-        {
-          id: "t1",
-          name: "Terrasse Braunschweig",
-          role: "Projekt 2023",
-          imageSrc: "http://img.b2bpic.net/free-photo/sunny-summer-morning-young-athletic-woman-doing-handstand-city-park-street-modern-urban-buildings-exercise-outdoors-healthy-lifestyle_146671-15176.jpg",
-        },
-        {
-          id: "t2",
-          name: "Moderne Überdachung",
-          role: "Projekt 2023",
-          imageSrc: "http://img.b2bpic.net/free-photo/wall_23-2148098660.jpg",
-        },
-        {
-          id: "t3",
-          name: "Carport Design",
-          role: "Projekt 2024",
-          imageSrc: "http://img.b2bpic.net/free-photo/friends-balcony-full-shot_23-2149085470.jpg",
-        },
+        { id: "t1", name: "Terrasse Braunschweig", role: "Projekt 2023", imageSrc: "http://img.b2bpic.net/free-photo/sunny-summer-morning-young-athletic-woman-doing-handstand-city-park-street-modern-urban-buildings-exercise-outdoors-healthy-lifestyle_146671-15176.jpg" },
+        { id: "t2", name: "Moderne Überdachung", role: "Projekt 2023", imageSrc: "http://img.b2bpic.net/free-photo/wall_23-2148098660.jpg" },
+        { id: "t3", name: "Carport Design", role: "Projekt 2024", imageSrc: "http://img.b2bpic.net/free-photo/friends-balcony-full-shot_23-2149085470.jpg" }
       ]}
       title="Unsere Projekte"
       description="Erleben Sie die Vielfalt unserer abgeschlossenen Bauvorhaben."
@@ -254,60 +116,16 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       testimonials={[
-        {
-          id: "1",
-          name: "Marc Mighty",
-          role: "Kunde",
-          company: "Privatkunde",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-young-musician-woman-learns-how-play-ukulele-sits-sofa-with-crossed-legs_1258-204931.jpg",
-        },
-        {
-          id: "2",
-          name: "Samer Kassem",
-          role: "Kunde",
-          company: "Privatkunde",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-organizing-live-shop_23-2149947467.jpg",
-        },
-        {
-          id: "3",
-          name: "Regina Ermisch",
-          role: "Kunde",
-          company: "Privatkunde",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-as-real-estate-agent_23-2151065037.jpg",
-        },
-        {
-          id: "4",
-          name: "Max Müller",
-          role: "Kunde",
-          company: "Privatkunde",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/multi-racial-builders-handshaking-outdoors-wearing-uniform-talking-about-new-glass-building-working-poject-city-infrastructure_1157-50877.jpg",
-        },
-        {
-          id: "5",
-          name: "Anna Schmidt",
-          role: "Kunde",
-          company: "Privatkunde",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-mother-home_23-2148321636.jpg",
-        },
+        { id: "1", name: "Marc Mighty", role: "Kunde", company: "Privatkunde", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-young-musician-woman-learns-how-play-ukulele-sits-sofa-with-crossed-legs_1258-204931.jpg" },
+        { id: "2", name: "Samer Kassem", role: "Kunde", company: "Privatkunde", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-organizing-live-shop_23-2149947467.jpg" },
+        { id: "3", name: "Regina Ermisch", role: "Kunde", company: "Privatkunde", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-as-real-estate-agent_23-2151065037.jpg" },
+        { id: "4", name: "Max Müller", role: "Kunde", company: "Privatkunde", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/multi-racial-builders-handshaking-outdoors-wearing-uniform-talking-about-new-glass-building-working-poject-city-infrastructure_1157-50877.jpg" },
+        { id: "5", name: "Anna Schmidt", role: "Kunde", company: "Privatkunde", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-mother-home_23-2148321636.jpg" }
       ]}
       kpiItems={[
-        {
-          value: "100+",
-          label: "Projekte",
-        },
-        {
-          value: "5.0",
-          label: "Bewertung",
-        },
-        {
-          value: "10",
-          label: "Jahre Garantie",
-        },
+        { value: "100+", label: "Projekte" },
+        { value: "5.0", label: "Bewertung" },
+        { value: "10", label: "Jahre Garantie" }
       ]}
       title="Das sagen unsere Kunden"
       description="Zufriedenheit ist unser höchstes Maß."
@@ -321,34 +139,10 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
       metrics={[
-        {
-          id: "m1",
-          value: "1",
-          title: "Beratung",
-          description: "Unverbindliches Gespräch.",
-          icon: MessageCircle,
-        },
-        {
-          id: "m2",
-          value: "2",
-          title: "Planung",
-          description: "Ihr Designentwurf.",
-          icon: Ruler,
-        },
-        {
-          id: "m3",
-          value: "3",
-          title: "Umsetzung",
-          description: "Präziser Aufbau.",
-          icon: Wrench,
-        },
-        {
-          id: "m4",
-          value: "4",
-          title: "Fertigstellung",
-          description: "Übergabe & Genuss.",
-          icon: CheckCircle,
-        },
+        { id: "m1", value: "1", title: "Beratung", description: "Unverbindliches Gespräch.", icon: MessageCircle },
+        { id: "m2", value: "2", title: "Planung", description: "Ihr Designentwurf.", icon: Ruler },
+        { id: "m3", value: "3", title: "Umsetzung", description: "Präziser Aufbau.", icon: Wrench },
+        { id: "m4", value: "4", title: "Fertigstellung", description: "Übergabe & Genuss.", icon: CheckCircle }
       ]}
       title="So läuft Ihr Projekt ab"
       description="Transparent & einfach zum Ziel."
@@ -358,9 +152,7 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactSplit
       useInvertedBackground={true}
-      background={{
-        variant: "rotated-rays-static",
-      }}
+      background={{ variant: "rotated-rays-static" }}
       tag="Kontakt"
       title="Starten Sie Ihr Projekt heute"
       description="Lassen Sie sich unverbindlich & kostenlos beraten. Wir freuen uns auf Sie."
@@ -375,35 +167,18 @@ export default function LandingPage() {
       logoText="R-Bau Garant"
       columns={[
         {
-          title: "Unternehmen",
-          items: [
-            {
-              label: "Über uns",
-              href: "#about",
-            },
-            {
-              label: "Projekte",
-              href: "#projects",
-            },
-            {
-              label: "Kontakt",
-              href: "#contact",
-            },
-          ],
+          title: "Unternehmen",          items: [
+            { label: "Über uns", href: "#about" },
+            { label: "Projekte", href: "#projects" },
+            { label: "Kontakt", href: "#contact" }
+          ]
         },
         {
-          title: "Rechtliches",
-          items: [
-            {
-              label: "Impressum",
-              href: "#",
-            },
-            {
-              label: "Datenschutz",
-              href: "#",
-            },
-          ],
-        },
+          title: "Rechtliches",          items: [
+            { label: "Impressum", href: "#" },
+            { label: "Datenschutz", href: "#" }
+          ]
+        }
       ]}
       copyrightText="© 2024 R-Bau Garant GmbH. Alle Rechte vorbehalten."
     />
@@ -411,4 +186,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1