From bd2cd5a965f377f37eba695e96143b4a3244c18e Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 29 Mar 2026 10:42:56 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 201 +++++++++++++++++++++++------------------------
 1 file changed, 97 insertions(+), 104 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index f168309..c9157e4 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,16 +1,24 @@
 "use client";
 
+import { useState } from "react";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import FooterSimple from '@/components/sections/footer/FooterSimple';
 import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
 import LegalSection from '@/components/legal/LegalSection';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import ProductCardFour from '@/components/sections/product/ProductCardFour';
+import ProductCardThree from '@/components/sections/product/ProductCardThree';
 import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
 import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
+import ProductCart from '@/components/ecommerce/cart/ProductCart';
 
 export default function LandingPage() {
+  const [isCartOpen, setIsCartOpen] = useState(false);
+
+  const handleOpenSignup = () => {
+    setIsCartOpen(true);
+  };
+
   return (
     <ThemeProvider
         defaultButtonVariant="bounce-effect"
@@ -25,115 +33,100 @@ export default function LandingPage() {
         headingFontWeight="medium"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleFullscreen
-      navItems={[
-        { name: "Home", id: "hero" },
-        { name: "Qualität", id: "about" },
-        { name: "Grillgenuss", id: "products" },
-        { name: "Rezensionen", id: "testimonials" },
-        { name: "Kontakt", id: "footer" },
-      ]}
-      brandName="Josef's Bio"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+            <NavbarStyleFullscreen
+            navItems={[
+                { name: "Home", id: "hero" },
+                { name: "Qualität", id: "about" },
+                { name: "Grillgenuss", id: "products" },
+                { name: "Rezensionen", id: "testimonials" },
+                { name: "Kontakt", id: "footer" },
+            ]}
+            brandName="Josef's Bio"
+            />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardGallery
-      background={{ variant: "gradient-bars" }}
-      title="JOSEF'S BIO"
-      description="Frankfurts erste Adresse für Bio-Genuss. Premium Fleischkunst & Handwerk vom Hof direkt auf den Grill."
-      tag="Grill Saison 2026"
-      mediaItems={[
-        { imageSrc: "http://img.b2bpic.net/free-photo/grilled-sirloin-steak-rustic-wood-table-generative-ai_188544-37068.jpg?_wi=1", imageAlt: "Bio-Fleisch Auswahl" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/grilled-sirloin-steak-rustic-wood-table-generative-ai_188544-37068.jpg?_wi=2", imageAlt: "Bio-Fleisch Auswahl" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/grilled-sirloin-steak-rustic-wood-table-generative-ai_188544-37068.jpg?_wi=3", imageAlt: "Bio-Fleisch Auswahl" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/grilled-sirloin-steak-rustic-wood-table-generative-ai_188544-37068.jpg?_wi=4", imageAlt: "Bio-Fleisch Auswahl" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/grilled-sirloin-steak-rustic-wood-table-generative-ai_188544-37068.jpg?_wi=5", imageAlt: "Bio-Fleisch Auswahl" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/grilled-sirloin-steak-rustic-wood-table-generative-ai_188544-37068.jpg?_wi=6", imageAlt: "Bio-Fleisch Auswahl" },
-      ]}
-      mediaAnimation="opacity"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+            <HeroBillboardGallery
+            background={{ variant: "gradient-bars" }}
+            title="JOSEF'S BIO"
+            description="Frankfurts erste Adresse für Bio-Genuss. Premium Fleischkunst & Handwerk vom Hof direkt auf den Grill."
+            tag="Grill Saison 2026"
+            mediaItems={[
+                { imageSrc: "http://img.b2bpic.net/free-photo/grilled-sirloin-steak-rustic-wood-table-generative-ai_188544-37068.jpg?_wi=1", imageAlt: "Bio-Fleisch Auswahl" },
+                { imageSrc: "http://img.b2bpic.net/free-photo/grilled-sirloin-steak-rustic-wood-table-generative-ai_188544-37068.jpg?_wi=2", imageAlt: "Bio-Fleisch Auswahl" },
+                { imageSrc: "http://img.b2bpic.net/free-photo/grilled-sirloin-steak-rustic-wood-table-generative-ai_188544-37068.jpg?_wi=3", imageAlt: "Bio-Fleisch Auswahl" },
+            ]}
+            mediaAnimation="opacity"
+            />
+        </div>
 
-  <div id="about" data-section="about">
-      <TextSplitAbout
-      useInvertedBackground={true}
-      title="Sommerzeit ist Bio-Zeit"
-      description={[
-        "Wenn die Abende länger werden, zählt nur noch eins: Qualität, die man schmeckt.",        "Unsere Tiere wachsen in Würde auf, was man in jedem saftigen Schnitt merkt."
-      ]}
-    />
-  </div>
+        <div id="about" data-section="about">
+            <TextSplitAbout
+            useInvertedBackground={true}
+            title="Sommerzeit ist Bio-Zeit"
+            description={[
+                "Wenn die Abende länger werden, zählt nur noch eins: Qualität, die man schmeckt.",        "Unsere Tiere wachsen in Würde auf, was man in jedem saftigen Schnitt merkt."
+            ]}
+            />
+        </div>
 
-  <div id="products" data-section="products">
-      <ProductCardFour
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="four-items-2x2-equal-grid"
-      useInvertedBackground={false}
-      products={[
-        { id: "p1", name: "Bio-Döner Original Josef", price: "ab 9,50€", variant: "Kundenliebling", imageSrc: "http://img.b2bpic.net/free-photo/chopped-raw-meat-process-preparing-forcemeat-by-means-meat-grinder-homemade-sausage-ground-beef-top-view_2829-19678.jpg" },
-        { id: "p2", name: "Premium Rib-Eye", price: "19,90€", variant: "21 Tage Dry Aged", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-dipping-steak-piece-into-sour-sauce_140725-5004.jpg" },
-        { id: "p3", name: "Kräuter-Hähnchenspieße", price: "12,50€", variant: "Freilandhaltung", imageSrc: "http://img.b2bpic.net/free-photo/bright-meat-kebabs-bowl_23-2147852324.jpg" },
-      ]}
-      title="Unsere Grill-Highlights"
-      description="Handwerklich hergestellte Bio-Spezialitäten aus Frankfurt."
-    />
-  </div>
+        <div id="products" data-section="products">
+            <ProductCardThree
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="four-items-2x2-equal-grid"
+            carouselMode="auto"
+            useInvertedBackground={false}
+            products={[
+                { id: "p1", name: "Bio-Döner Original Josef", price: "ab 9,50€", imageSrc: "http://img.b2bpic.net/free-photo/chopped-raw-meat-process-preparing-forcemeat-by-means-meat-grinder-homemade-sausage-ground-beef-top-view_2829-19678.jpg", priceButtonProps: { onClick: handleOpenSignup } },
+                { id: "p2", name: "Premium Rib-Eye", price: "19,90€", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-dipping-steak-piece-into-sour-sauce_140725-5004.jpg", priceButtonProps: { onClick: handleOpenSignup } },
+                { id: "p3", name: "Kräuter-Hähnchenspieße", price: "12,50€", imageSrc: "http://img.b2bpic.net/free-photo/bright-meat-kebabs-bowl_23-2147852324.jpg", priceButtonProps: { onClick: handleOpenSignup } },
+            ]}
+            title="Unsere Grill-Highlights"
+            description="Handwerklich hergestellte Bio-Spezialitäten aus Frankfurt."
+            />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardThirteen
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={true}
-      testimonials={[
-        { id: "1", name: "Sven Emmler", handle: "Stammgast", testimonial: "Der beste Döner, den ich jemals gegessen habe. Qualität, die man schmeckt.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-trying-listening-some-sound_1187-3768.jpg?_wi=1" },
-        { id: "2", name: "Lokaler Guide", handle: "Gourmet", testimonial: "Selten so leckeres und frisches Fleisch gegessen. Stammkunde!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-offering-salad-her-boyfriend_23-2148363535.jpg" },
-        { id: "3", name: "Abdulkadir Koç", handle: "Fan", testimonial: "Ein echtes Geschmackserlebnis. Zart, saftig, perfekt.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-spending-time-together_23-2149152906.jpg" },
-        { id: "4", name: "Anna Maria", handle: "Bio-Liebhaber", testimonial: "Man merkt bei jedem Bissen die Bio-Qualität. Absolute Empfehlung!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-woman-sitting-kitchen-with-smartphone-cooking-salad-has-chopping-board-olive_1258-203794.jpg" },
-        { id: "5", name: "Markus Weber", handle: "Grillmeister", testimonial: "Die Qualität des Fleisches ist unübertroffen, einfach Weltklasse.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-trying-listening-some-sound_1187-3768.jpg?_wi=2" },
-      ]}
-      showRating={true}
-      title="Ehrliche Stimmen"
-      description="Was unsere Kunden über Josef's Bio sagen."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+            <TestimonialCardThirteen
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={true}
+            testimonials={[
+                { id: "1", name: "Sven Emmler", handle: "Stammgast", testimonial: "Der beste Döner, den ich jemals gegessen habe. Qualität, die man schmeckt.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-trying-listening-some-sound_1187-3768.jpg?_wi=1" },
+                { id: "2", name: "Lokaler Guide", handle: "Gourmet", testimonial: "Selten so leckeres und frisches Fleisch gegessen. Stammkunde!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-offering-salad-her-boyfriend_23-2148363535.jpg" },
+            ]}
+            showRating={true}
+            title="Ehrliche Stimmen"
+            description="Was unsere Kunden über Josef's Bio sagen."
+            />
+        </div>
 
-  <div id="legal" data-section="legal">
-      <LegalSection
-      layout="section"
-      title="Rechtliche Hinweise"
-      sections={[
-        { heading: "Impressum", content: [{ type: "paragraph", text: "Josef's Bio Grill, Inhaber Josef Mustermann, Berger Str. 222, Frankfurt am Main." }] },
-        { heading: "Datenschutz", content: [{ type: "paragraph", text: "Wir verarbeiten Ihre Daten ausschließlich zur Abwicklung Ihrer Bestellung gemäß DSGVO." }] },
-      ]}
-    />
-  </div>
+        <div id="legal" data-section="legal">
+            <LegalSection
+            layout="section"
+            title="Rechtliche Hinweise"
+            sections={[
+                { heading: "Impressum", content: [{ type: "paragraph", text: "Josef's Bio Grill, Inhaber Josef Mustermann, Berger Str. 222, Frankfurt am Main." }] },
+                { heading: "Datenschutz", content: [{ type: "paragraph", text: "Wir verarbeiten Ihre Daten ausschließlich zur Abwicklung Ihrer Bestellung gemäß DSGVO." }] },
+            ]}
+            />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterSimple
-      columns={[
-        {
-          title: "Kontakt",          items: [
-            { label: "Berger Str. 222, Frankfurt", href: "#" },
-            { label: "Tel: 069 41674940", href: "tel:06941674940" },
-          ],
-        },
-        {
-          title: "Öffnungszeiten",          items: [
-            { label: "Mo-Do: 10:00 – 22:00", href: "#" },
-            { label: "Fr: 10:00 – 23:00", href: "#" },
-            { label: "Sa: 11:00 – 23:00", href: "#" },
-            { label: "So: 12:00 – 22:00", href: "#" },
-          ],
-        },
-      ]}
-      bottomLeftText="© 2026 Josef's Bio"
-      bottomRightText="Qualität aus Frankfurt"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+            <FooterSimple
+            columns={[
+                { title: "Kontakt", items: [{ label: "Berger Str. 222, Frankfurt", href: "#" }, { label: "Tel: 069 41674940", href: "tel:06941674940" }] },
+                { title: "Öffnungszeiten", items: [{ label: "Mo-Do: 10:00 – 22:00", href: "#" }] },
+            ]}
+            bottomLeftText="© 2026 Josef's Bio"
+            bottomRightText="Qualität aus Frankfurt"
+            />
+        </div>
+
+        <ProductCart isOpen={isCartOpen} onClose={() => setIsCartOpen(false)} items={[]} total="0,00€" title="Jetzt Anmelden" buttons={[{ text: "Abschicken" }]} />
       </ReactLenis>
     </ThemeProvider>
   );
-}
\ No newline at end of file
+}
-- 
2.49.1