Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -3,13 +3,11 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactSplit from '@/components/sections/contact/ContactSplit';
-import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
+import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
 import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
 import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
-import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 
 export default function LandingPage() {
   return (
@@ -29,18 +27,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Menu",
-          id: "menu",
-        },
-        {
-          name: "Bestellung",
-          id: "ordering",
-        },
+        { name: "Home", id: "hero" },
+        { name: "Speisekarte", id: "menu" },
+        { name: "Öffnungszeiten", id: "craft" },
+        { name: "Bestellung", id: "ordering" },
       ]}
       brandName="Pizza Dörfles"
     />
@@ -48,177 +38,49 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboardGallery
-      background={{
-        variant: "radial-gradient",
-      }}
+      background={{ variant: "radial-gradient" }}
       title="DIE BESTE PIZZA IN DÖRFLES-ESBACH"
       description="Heiß. Frisch. Reichlich belegt. Einmal probiert – nie wieder woanders bestellen."
       buttons={[
-        {
-          text: "Jetzt anrufen",
-          href: "tel:0956150641",
-        },
-        {
-          text: "WhatsApp bestellen",
-          href: "https://wa.me/49956150641",
-        },
+        { text: "Jetzt anrufen", href: "tel:0956150641" },
+        { text: "WhatsApp bestellen", href: "https://wa.me/49956150641" },
       ]}
       mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/pizza-with-sausages-tomato-cheese-olives-pepper_141793-17552.jpg?_wi=1",
-          imageAlt: "Hot fresh pizza",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/pizza-with-cheese-it-is-being-served_505751-3854.jpg?_wi=1",
-          imageAlt: "Cheese pull",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-eating-break-time_23-2149256896.jpg?_wi=1",
-          imageAlt: "Takeaway order",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-eating-delicious-food_23-2149339508.jpg?_wi=1",
-          imageAlt: "Pizza party",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-baking-delicious-pizza_23-2150235798.jpg?_wi=1",
-          imageAlt: "Pizza oven",
-        },
+        { imageSrc: "http://img.b2bpic.net/free-photo/pizza-with-sausages-tomato-cheese-olives-pepper_141793-17552.jpg?_wi=1", imageAlt: "Hot fresh pizza" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/pizza-with-cheese-it-is-being-served_505751-3854.jpg?_wi=1", imageAlt: "Cheese pull" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-eating-break-time_23-2149256896.jpg?_wi=1", imageAlt: "Takeaway order" },
       ]}
       mediaAnimation="slide-up"
     />
   </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardSeven
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "Käse-Genuss",
-          description: "Unser legendärer Käse-Zug sorgt für den ultimativen Appetit.",
-          imageSrc: "http://img.b2bpic.net/free-photo/pizza-with-cheese-it-is-being-served_505751-3854.jpg?_wi=2",
-          imageAlt: "Cheese pull",
-        },
-        {
-          title: "Takeaway Feeling",
-          description: "Jede Bestellung kommt heiß und direkt zu dir nach Hause.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-eating-break-time_23-2149256896.jpg?_wi=2",
-          imageAlt: "Takeaway box",
-        },
-        {
-          title: "Für Gruppen",
-          description: "Perfekt für Partys und Abende mit Freunden.",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-eating-delicious-food_23-2149339508.jpg?_wi=2",
-          imageAlt: "Group pizza party",
-        },
-      ]}
-      title="Unsere Pizzas"
-      description="Erlebe den Geschmack echter Handwerkskunst."
-    />
-  </div>
-
-  <div id="social" data-section="social">
-      <SocialProofOne
-      textboxLayout="default"
-      useInvertedBackground={false}
-      names={[
-        "Pizza Kenner",
-        "Food Blogger",
-        "Dörfles-Esbach Locals",
-        "Takeaway Critics",
-        "Quality Reviewers",
-      ]}
-      title="Besser als Pizza in München & Berlin"
-      description="⭐ ⭐ ⭐ ⭐ ⭐"
-    />
-  </div>
-
   <div id="menu" data-section="menu">
-      <ProductCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "p1",
-          brand: "Kombi",
-          name: "Pizza + Getränk",
-          price: "10,90€",
-          rating: 5,
-          reviewCount: "100+",
-          imageSrc: "http://img.b2bpic.net/free-photo/pizza-with-sausages-tomato-cheese-olives-pepper_141793-17552.jpg?_wi=2",
-          imageAlt: "Pizza Menu Item",
-        },
-        {
-          id: "p2",
-          brand: "Klassiker",
-          name: "Margherita",
-          price: "8,50€",
-          rating: 4,
-          reviewCount: "50+",
-          imageSrc: "http://img.b2bpic.net/free-photo/pizza-with-sausages-tomato-cheese-olives-pepper_141793-17552.jpg?_wi=3",
-          imageAlt: "Margherita",
-        },
-        {
-          id: "p3",
-          brand: "Klassiker",
-          name: "Salami",
-          price: "9,50€",
-          rating: 5,
-          reviewCount: "80+",
-          imageSrc: "http://img.b2bpic.net/free-photo/pizza-with-sausages-tomato-cheese-olives-pepper_141793-17552.jpg?_wi=4",
-          imageAlt: "Salami",
-        },
-        {
-          id: "p4",
-          brand: "Spezial",
-          name: "Pizza Tonno",
-          price: "10,50€",
-          rating: 5,
-          reviewCount: "60+",
-          imageSrc: "http://img.b2bpic.net/free-photo/pizza-with-sausages-tomato-cheese-olives-pepper_141793-17552.jpg?_wi=5",
-          imageAlt: "Tonno",
-        },
-        {
-          id: "p5",
-          brand: "Spezial",
-          name: "Pizza Hawaii",
-          price: "10,50€",
-          rating: 4,
-          reviewCount: "45+",
-          imageSrc: "http://img.b2bpic.net/free-photo/pizza-with-sausages-tomato-cheese-olives-pepper_141793-17552.jpg?_wi=6",
-          imageAlt: "Hawaii",
-        },
-      ]}
-      title="Unsere Speisekarte"
-      description="Frisch zubereitet, reichlich belegt."
-    />
+      <FeatureCardTwelve
+        useInvertedBackground={false}
+        animationType="slide-up"
+        textboxLayout="split"
+        title="Unsere Speisekarte"
+        description="Entdecke unsere frisch zubereiteten Gerichte."
+        features={[
+            { id: "salads", label: "Salate", title: "Frische Salate", items: ["Gemischter Salat", "Salat Tonno", "Griechischer Salat"] },
+            { id: "pasta", label: "Pasta", title: "Pasta-Klassiker", items: ["Spaghetti Bolognese", "Penne Arrabbiata", "Tortellini Panna"] },
+            { id: "pizza", label: "Pizza", title: "Pizza-Auswahl", items: ["Margherita", "Salami", "Prosciutto", "Tonno", "Hawaii"] }
+        ]}
+      />
   </div>
 
   <div id="craft" data-section="craft">
       <MetricSplitMediaAbout
       useInvertedBackground={false}
-      title="Frisch aus dem Ofen"
-      description="Jede Pizza wird direkt für dich gemacht. Qualität und Handwerk, die man schmeckt."
+      title="Öffnungszeiten"
+      description="Besuche uns zu unseren Öffnungszeiten oder bestelle bequem für zuhause."
       metrics={[
-        {
-          value: "20min",
-          title: "Zubereitungszeit",
-        },
-        {
-          value: "Frisch",
-          title: "Zutatenqualität",
-        },
-        {
-          value: "Handmade",
-          title: "Zubereitung",
-        },
+        { value: "Mo-Fr", title: "Jeden Wochentag " },
+        { value: "17-22 Uhr", title: "Für Sie da " },
+        { value: "Montag", title: "Ruhetag" },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/high-angle-baking-delicious-pizza_23-2150235798.jpg?_wi=2"
-      imageAlt="Pizza oven craft"
+      imageAlt="Pizza oven"
       mediaAnimation="slide-up"
       metricsAnimation="slide-up"
     />
@@ -227,14 +89,11 @@ export default function LandingPage() {
   <div id="ordering" data-section="ordering">
       <ContactSplit
       useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
+      background={{ variant: "plain" }}
       tag="Jetzt bestellen"
       title="09561 50641"
       description="Abholung möglich oder Lieferung verfügbar. 20–40 Minuten Wartezeit."
       imageSrc="http://img.b2bpic.net/free-photo/close-up-people-eating-break-time_23-2149256896.jpg?_wi=3"
-      imageAlt="Takeaway order"
       mediaPosition="right"
       mediaAnimation="slide-up"
     />
@@ -244,36 +103,12 @@ export default function LandingPage() {
       <FooterBaseReveal
       logoText="Pizza Dörfles"
       columns={[
-        {
-          title: "Info",
-          items: [
-            {
-              label: "Kontakt",
-              href: "tel:0956150641",
-            },
-            {
-              label: "Impressum",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Bestellung",
-          items: [
-            {
-              label: "Jetzt Anrufen",
-              href: "tel:0956150641",
-            },
-            {
-              label: "WhatsApp",
-              href: "https://wa.me/49956150641",
-            },
-          ],
-        },
+        { title: "Info", items: [{ label: "Kontakt", href: "tel:0956150641" }, { label: "Impressum", href: "#" }] },
+        { title: "Bestellung", items: [{ label: "Jetzt Anrufen", href: "tel:0956150641" }, { label: "WhatsApp", href: "https://wa.me/49956150641" }] },
       ]}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}