Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -7,7 +7,7 @@ import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FooterMedia from '@/components/sections/footer/FooterMedia';
 import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import ProductCardThree from '@/components/sections/product/ProductCardThree';
+import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
 import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
 import { Diamond, Heart, Leaf, Star } from "lucide-react";
 
@@ -30,21 +30,13 @@ export default function LandingPage() {
       <NavbarStyleFullscreen
       navItems={[
         {
-          name: "Start",
-          id: "#hero",
-        },
+          name: "Start",          id: "#hero"},
         {
-          name: "Über uns",
-          id: "#about",
-        },
+          name: "Über uns",          id: "#about"},
         {
-          name: "Kollektion",
-          id: "#collection",
-        },
+          name: "Kollektion",          id: "#collection"},
         {
-          name: "Kontakt",
-          id: "#contact",
-        },
+          name: "Kontakt",          id: "#contact"},
       ]}
       brandName="Waldglück"
     />
@@ -53,106 +45,61 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroSplitDoubleCarousel
       background={{
-        variant: "gradient-bars",
-      }}
+        variant: "gradient-bars"}}
       title="Willkommen im Waldglück"
       description="Wo handgezeichnete Träume auf exklusive Boutique-Schätze treffen."
       leftCarouselItems={[
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/dramatic-landscape-illustration_23-2151920021.jpg?_wi=1",
-          imageAlt: "Waldhäuschen Illustration",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/dramatic-landscape-illustration_23-2151920021.jpg?_wi=1",          imageAlt: "Waldhäuschen Illustration"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/dramatic-landscape-illustration_23-2151920021.jpg?_wi=2",
-          imageAlt: "Waldhäuschen Illustration",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/dramatic-landscape-illustration_23-2151920021.jpg?_wi=2",          imageAlt: "Waldhäuschen Illustration"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/dramatic-landscape-illustration_23-2151920021.jpg?_wi=3",
-          imageAlt: "Waldhäuschen Illustration",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/dramatic-landscape-illustration_23-2151920021.jpg?_wi=3",          imageAlt: "Waldhäuschen Illustration"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/dramatic-landscape-illustration_23-2151920021.jpg?_wi=4",
-          imageAlt: "Waldhäuschen Illustration",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/dramatic-landscape-illustration_23-2151920021.jpg?_wi=4",          imageAlt: "Waldhäuschen Illustration"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/dramatic-landscape-illustration_23-2151920021.jpg?_wi=5",
-          imageAlt: "Waldhäuschen Illustration",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/dramatic-landscape-illustration_23-2151920021.jpg?_wi=5",          imageAlt: "Waldhäuschen Illustration"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/dramatic-landscape-illustration_23-2151920021.jpg?_wi=6",
-          imageAlt: "Waldhäuschen Illustration",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/dramatic-landscape-illustration_23-2151920021.jpg?_wi=6",          imageAlt: "Waldhäuschen Illustration"},
       ]}
       rightCarouselItems={[
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/dramatic-landscape-illustration_23-2151920021.jpg?_wi=7",
-          imageAlt: "Waldhäuschen Illustration",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/dramatic-landscape-illustration_23-2151920021.jpg?_wi=7",          imageAlt: "Waldhäuschen Illustration"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/dramatic-landscape-illustration_23-2151920021.jpg?_wi=8",
-          imageAlt: "Waldhäuschen Illustration",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/dramatic-landscape-illustration_23-2151920021.jpg?_wi=8",          imageAlt: "Waldhäuschen Illustration"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/dramatic-landscape-illustration_23-2151920021.jpg?_wi=9",
-          imageAlt: "Waldhäuschen Illustration",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/dramatic-landscape-illustration_23-2151920021.jpg?_wi=9",          imageAlt: "Waldhäuschen Illustration"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/dramatic-landscape-illustration_23-2151920021.jpg?_wi=10",
-          imageAlt: "Waldhäuschen Illustration",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/dramatic-landscape-illustration_23-2151920021.jpg?_wi=10",          imageAlt: "Waldhäuschen Illustration"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/dramatic-landscape-illustration_23-2151920021.jpg?_wi=11",
-          imageAlt: "Waldhäuschen Illustration",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/dramatic-landscape-illustration_23-2151920021.jpg?_wi=11",          imageAlt: "Waldhäuschen Illustration"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/dramatic-landscape-illustration_23-2151920021.jpg?_wi=12",
-          imageAlt: "Waldhäuschen Illustration",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/dramatic-landscape-illustration_23-2151920021.jpg?_wi=12",          imageAlt: "Waldhäuschen Illustration"},
       ]}
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/dramatic-landscape-illustration_23-2151920021.jpg",
-          alt: "Kunde 1",
-        },
+          src: "http://img.b2bpic.net/free-photo/dramatic-landscape-illustration_23-2151920021.jpg",          alt: "Kunde 1"},
         {
-          src: "http://img.b2bpic.net/free-photo/dramatic-landscape-illustration_23-2151920021.jpg",
-          alt: "Kunde 2",
-        },
+          src: "http://img.b2bpic.net/free-photo/dramatic-landscape-illustration_23-2151920021.jpg",          alt: "Kunde 2"},
         {
-          src: "http://img.b2bpic.net/free-photo/dramatic-landscape-illustration_23-2151920021.jpg",
-          alt: "Kunde 3",
-        },
+          src: "http://img.b2bpic.net/free-photo/dramatic-landscape-illustration_23-2151920021.jpg",          alt: "Kunde 3"},
         {
-          src: "http://img.b2bpic.net/free-photo/dramatic-landscape-illustration_23-2151920021.jpg",
-          alt: "Kunde 4",
-        },
+          src: "http://img.b2bpic.net/free-photo/dramatic-landscape-illustration_23-2151920021.jpg",          alt: "Kunde 4"},
         {
-          src: "http://img.b2bpic.net/free-photo/dramatic-landscape-illustration_23-2151920021.jpg",
-          alt: "Kunde 5",
-        },
+          src: "http://img.b2bpic.net/free-photo/dramatic-landscape-illustration_23-2151920021.jpg",          alt: "Kunde 5"},
       ]}
       avatarText="Von über 500 Naturfreunden empfohlen"
       marqueeItems={[
         {
-          type: "text",
-          text: "Nachhaltig",
-        },
+          type: "text",          text: "Nachhaltig"},
         {
-          type: "text",
-          text: "Handgefertigt",
-        },
+          type: "text",          text: "Handgefertigt"},
         {
-          type: "text",
-          text: "Exklusiv",
-        },
+          type: "text",          text: "Exklusiv"},
         {
-          type: "text",
-          text: "Naturverbunden",
-        },
+          type: "text",          text: "Naturverbunden"},
         {
-          type: "text",
-          text: "Regional",
-        },
+          type: "text",          text: "Regional"},
       ]}
     />
   </div>
@@ -164,80 +111,32 @@ export default function LandingPage() {
       metrics={[
         {
           icon: Leaf,
-          label: "Nachhaltigkeit",
-          value: "100%",
-        },
+          label: "Nachhaltigkeit",          value: "100%"},
         {
           icon: Heart,
-          label: "Handgemacht",
-          value: "Täglich",
-        },
+          label: "Handgemacht",          value: "Täglich"},
         {
           icon: Star,
-          label: "Qualität",
-          value: "Premium",
-        },
+          label: "Qualität",          value: "Premium"},
         {
           icon: Leaf,
-          label: "Wald-Bezug",
-          value: "Authentisch",
-        },
+          label: "Wald-Bezug",          value: "Authentisch"},
         {
           icon: Diamond,
-          label: "Unikate",
-          value: "Limitiert",
-        },
+          label: "Unikate",          value: "Limitiert"},
       ]}
       metricsAnimation="blur-reveal"
     />
   </div>
 
   <div id="collection" data-section="collection">
-      <ProductCardThree
-      animationType="slide-up"
-      textboxLayout="split"
-      gridVariant="four-items-2x2-equal-grid"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "p1",
-          name: "Lifestyle Accessoires",
-          price: "ab 19€",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-travel-kit-with-mock-up_23-2148315687.jpg?_wi=1",
-        },
-        {
-          id: "p2",
-          name: "Geschenksets",
-          price: "ab 29€",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-pinecones-beige-shawl-dark-surface_140725-63524.jpg?_wi=1",
-        },
-        {
-          id: "p3",
-          name: "Papeterie",
-          price: "ab 5€",
-          imageSrc: "http://img.b2bpic.net/free-photo/christmas-boxes-tree_23-2147720617.jpg?_wi=1",
-        },
-        {
-          id: "p4",
-          name: "Wohntextilien",
-          price: "ab 39€",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-arranging-flower-market_23-2148447117.jpg?_wi=1",
-        },
-        {
-          id: "p5",
-          name: "Keramik",
-          price: "ab 15€",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-envelopes-plants_23-2148966279.jpg",
-        },
-        {
-          id: "p6",
-          name: "Wald-Souvenirs",
-          price: "ab 8€",
-          imageSrc: "http://img.b2bpic.net/free-vector/autumn-sale-draw_23-2148602610.jpg",
-        },
-      ]}
-      title="Unsere Kollektionen"
-      description="Entdecken Sie handverlesene Schätze aus dem Wald."
+      <HeroBillboardGallery
+      title="Unsere Philosophie"
+      description="Sechs Säulen unserer Arbeit."
+      background={{ variant: "plain" }}
+      mediaItems={Array.from({ length: 6 }).map(() => ({
+        imageSrc: "http://img.b2bpic.net/free-photo/black-background-with-frame_23-2148154625.jpg"
+      }))}
     />
   </div>
 
@@ -247,50 +146,15 @@ export default function LandingPage() {
       useInvertedBackground={true}
       testimonials={[
         {
-          id: "1",
-          title: "Boutique-Erlebnis",
-          quote: "Ein magischer Ort zum Verweilen.",
-          name: "Anna S.",
-          role: "Stammkundin",
-          imageSrc: "http://img.b2bpic.net/free-photo/dramatic-landscape-illustration_23-2151920021.jpg?_wi=13",
-          imageAlt: "handgezeichnetes waldhäuschen nachts",
-        },
+          id: "1",          title: "Boutique-Erlebnis",          quote: "Ein magischer Ort zum Verweilen.",          name: "Anna S.",          role: "Stammkundin",          imageSrc: "http://img.b2bpic.net/free-photo/dramatic-landscape-illustration_23-2151920021.jpg?_wi=13",          imageAlt: "handgezeichnetes waldhäuschen nachts"},
         {
-          id: "2",
-          title: "Einzigartig",
-          quote: "Die beste Auswahl im ganzen Wald.",
-          name: "Markus K.",
-          role: "Besucher",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-travel-kit-with-mock-up_23-2148315687.jpg?_wi=2",
-          imageAlt: "lifestyle produkte wald motiv",
-        },
+          id: "2",          title: "Einzigartig",          quote: "Die beste Auswahl im ganzen Wald.",          name: "Markus K.",          role: "Besucher",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-travel-kit-with-mock-up_23-2148315687.jpg?_wi=2",          imageAlt: "lifestyle produkte wald motiv"},
         {
-          id: "3",
-          title: "Handwerk",
-          quote: "Liebe zum Detail in jedem Produkt.",
-          name: "Lisa M.",
-          role: "Kundin",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-pinecones-beige-shawl-dark-surface_140725-63524.jpg?_wi=2",
-          imageAlt: "handgemachte wohnaccessoires holz",
-        },
+          id: "3",          title: "Handwerk",          quote: "Liebe zum Detail in jedem Produkt.",          name: "Lisa M.",          role: "Kundin",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-pinecones-beige-shawl-dark-surface_140725-63524.jpg?_wi=2",          imageAlt: "handgemachte wohnaccessoires holz"},
         {
-          id: "4",
-          title: "Atmosphäre",
-          quote: "Einfach nur wunderbar!",
-          name: "Peter D.",
-          role: "Stammgast",
-          imageSrc: "http://img.b2bpic.net/free-photo/christmas-boxes-tree_23-2147720617.jpg?_wi=2",
-          imageAlt: "nachhaltige geschenkartikel wald",
-        },
+          id: "4",          title: "Atmosphäre",          quote: "Einfach nur wunderbar!",          name: "Peter D.",          role: "Stammgast",          imageSrc: "http://img.b2bpic.net/free-photo/christmas-boxes-tree_23-2147720617.jpg?_wi=2",          imageAlt: "nachhaltige geschenkartikel wald"},
         {
-          id: "5",
-          title: "Empfehlung",
-          quote: "Waldglück bringt Natur ins Heim.",
-          name: "Sarah H.",
-          role: "Kundin",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-arranging-flower-market_23-2148447117.jpg?_wi=2",
-          imageAlt: "handgefertigte boutique dekoration",
-        },
+          id: "5",          title: "Empfehlung",          quote: "Waldglück bringt Natur ins Heim.",          name: "Sarah H.",          role: "Kundin",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-arranging-flower-market_23-2148447117.jpg?_wi=2",          imageAlt: "handgefertigte boutique dekoration"},
       ]}
       title="Motto des Ladens"
       description="Was unsere Kunden sagen."
@@ -301,8 +165,7 @@ export default function LandingPage() {
       <ContactCenter
       useInvertedBackground={false}
       background={{
-        variant: "rotated-rays-static",
-      }}
+        variant: "rotated-rays-static"}}
       tag="Besuchen Sie uns"
       title="Kontakt & Anfahrt"
       description="Wir freuen uns auf Ihren Besuch im Herzen des Waldes."
@@ -314,29 +177,19 @@ export default function LandingPage() {
       imageSrc="http://img.b2bpic.net/free-photo/dramatic-landscape-illustration_23-2151920021.jpg?_wi=14"
       columns={[
         {
-          title: "Rechtliches",
-          items: [
+          title: "Rechtliches",          items: [
             {
-              label: "Impressum",
-              href: "#",
-            },
+              label: "Impressum",              href: "#"},
             {
-              label: "Datenschutz",
-              href: "#",
-            },
+              label: "Datenschutz",              href: "#"},
           ],
         },
         {
-          title: "Socials",
-          items: [
+          title: "Socials",          items: [
             {
-              label: "Instagram",
-              href: "#",
-            },
+              label: "Instagram",              href: "#"},
             {
-              label: "Pinterest",
-              href: "#",
-            },
+              label: "Pinterest",              href: "#"},
           ],
         },
       ]}
@@ -345,4 +198,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}