Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCTA from '@/components/sections/contact/ContactCTA';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
 import FooterBase from '@/components/sections/footer/FooterBase';
 import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
@@ -25,241 +25,103 @@ export default function LandingPage() {
         headingFontWeight="semibold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
+        <div id="nav" data-section="nav">
-      <NavbarStyleApple
+          <NavbarStyleApple
-      navItems={[
+            navItems={[
-        {
+              { name: "Start", id: "hero" },
-          name: "Start",
+              { name: "Vorteile", id: "features" },
-          id: "hero",
+              { name: "Bewertungen", id: "testimonials" },
-        },
+              { name: "Kontakt", id: "contact" },
-        {
+            ]}
-          name: "Vorteile",
+            brandName="Feinkost Dittmann"
-          id: "features",
+          />
-        },
+        </div>
-        {
-          name: "Bewertungen",
-          id: "testimonials",
-        },
-        {
-          name: "Kontakt",
-          id: "contact",
-        },
-      ]}
-      brandName="Feinkost Dittmann"
-    />
-  </div>
 
-  <div id="hero" data-section="hero">
+        <div id="hero" data-section="hero">
-      <HeroBillboardGallery
+          <HeroBillboardGallery
-      background={{
+            background={{ variant: "gradient-bars" }}
-        variant: "gradient-bars",
+            title="Feinkost Dittmann Lagerverkauf"
-      }}
+            description="Hochwertige Feinkost zu unschlagbaren Lagerpreisen. Direkt vom Hersteller, direkt zu Ihnen nach Hause."
-      title="Feinkost Dittmann Lagerverkauf"
+            buttons={[
-      description="Hochwertige Feinkost zu unschlagbaren Lagerpreisen. Direkt vom Hersteller, direkt zu Ihnen nach Hause."
+              { text: "Jetzt vorbeikommen", href: "#contact" },
-      buttons={[
+            ]}
-        {
+            mediaItems={[
-          text: "Jetzt vorbeikommen",
+              { imageSrc: "http://img.b2bpic.net/free-photo/technologist-white-robe-with-yellow-cheese-head-his-hands-is-shop-production-butter-cheese-production-process-plant-dairy-products-racks-with-cheese_645730-688.jpg?_wi=1", imageAlt: "Hochwertige Feinkost Auswahl" },
-          href: "#contact",
+              { imageSrc: "http://img.b2bpic.net/free-photo/technologist-white-robe-with-yellow-cheese-head-his-hands-is-shop-production-butter-cheese-production-process-plant-dairy-products-racks-with-cheese_645730-688.jpg?_wi=2", imageAlt: "Lagerverkauf Ambiente" },
-        },
+              { imageSrc: "http://img.b2bpic.net/free-photo/technologist-white-robe-with-yellow-cheese-head-his-hands-is-shop-production-butter-cheese-production-process-plant-dairy-products-racks-with-cheese_645730-688.jpg?_wi=3", imageAlt: "Frische Delikatessen" },
-      ]}
+            ]}
-      mediaItems={[
+            mediaAnimation="slide-up"
-        {
+          />
-          imageSrc: "http://img.b2bpic.net/free-photo/technologist-white-robe-with-yellow-cheese-head-his-hands-is-shop-production-butter-cheese-production-process-plant-dairy-products-racks-with-cheese_645730-688.jpg?_wi=1",
+        </div>
-          imageAlt: "Hochwertige Feinkost Auswahl",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/technologist-white-robe-with-yellow-cheese-head-his-hands-is-shop-production-butter-cheese-production-process-plant-dairy-products-racks-with-cheese_645730-688.jpg?_wi=2",
-          imageAlt: "Lagerverkauf Ambiente",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/technologist-white-robe-with-yellow-cheese-head-his-hands-is-shop-production-butter-cheese-production-process-plant-dairy-products-racks-with-cheese_645730-688.jpg?_wi=3",
-          imageAlt: "Frische Delikatessen",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/technologist-white-robe-with-yellow-cheese-head-his-hands-is-shop-production-butter-cheese-production-process-plant-dairy-products-racks-with-cheese_645730-688.jpg?_wi=4",
-          imageAlt: "Direkt vom Hersteller",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/technologist-white-robe-with-yellow-cheese-head-his-hands-is-shop-production-butter-cheese-production-process-plant-dairy-products-racks-with-cheese_645730-688.jpg?_wi=5",
-          imageAlt: "Qualität zum kleinen Preis",
-        },
-      ]}
-      mediaAnimation="slide-up"
-    />
-  </div>
 
-  <div id="features" data-section="features">
+        <div id="features" data-section="features">
-      <FeatureCardThree
+          <FeatureCardThree
-      animationType="slide-up"
+            animationType="slide-up"
-      textboxLayout="split"
+            textboxLayout="split"
-      gridVariant="three-columns-all-equal-width"
+            gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={true}
+            useInvertedBackground={true}
-      features={[
+            features={[
-        {
+              { title: "Top Preise", description: "Günstiger als Discounter – echte Schnäppchen direkt vom Hersteller.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-man-working-with-papers_1150-7681.jpg" },
-          title: "Top Preise",
+              { title: "Premium Qualität", description: "Hochwertige Feinkostprodukte mit bestem Geschmack.", imageSrc: "http://img.b2bpic.net/free-photo/delicious-chicken-plates-filled-with-leftovers_23-2148748957.jpg" },
-          description: "Günstiger als Discounter – echte Schnäppchen direkt vom Hersteller.",
+              { title: "Direkt vom Lager", description: "Frisch, schnell und direkt – ohne Zwischenhändler.", imageSrc: "http://img.b2bpic.net/free-photo/people-working-together-warehouse_23-2149128290.jpg" },
-          imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-man-working-with-papers_1150-7681.jpg",
+            ]}
-        },
+            title="Warum zu uns?"
-        {
+            description="Erleben Sie echte Schnäppchen und Premium-Qualität."
-          title: "Premium Qualität",
+          />
-          description: "Hochwertige Feinkostprodukte mit bestem Geschmack.",
+        </div>
-          imageSrc: "http://img.b2bpic.net/free-photo/delicious-chicken-plates-filled-with-leftovers_23-2148748957.jpg",
-        },
-        {
-          title: "Direkt vom Lager",
-          description: "Frisch, schnell und direkt – ohne Zwischenhändler.",
-          imageSrc: "http://img.b2bpic.net/free-photo/people-working-together-warehouse_23-2149128290.jpg",
-        },
-      ]}
-      title="Warum zu uns?"
-      description="Erleben Sie echte Schnäppchen und Premium-Qualität."
-    />
-  </div>
 
-  <div id="testimonials" data-section="testimonials">
+        <div id="testimonials" data-section="testimonials">
-      <TestimonialCardOne
+          <TestimonialCardOne
-      animationType="slide-up"
+            animationType="slide-up"
-      textboxLayout="split-description"
+            textboxLayout="split-description"
-      gridVariant="three-columns-all-equal-width"
+            gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
+            useInvertedBackground={false}
-      testimonials={[
+            testimonials={[
-        {
+              { id: "1", name: "Sarah Müller", role: "Kundin", company: "Stammkunde", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/three-elegant-women-with-shopping-bags-city_1157-38849.jpg?_wi=1" },
-          id: "1",
+              { id: "2", name: "Michael Weber", role: "Feinschmecker", company: "Vielkäufer", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/internationals-people-standing-cafe_1157-32386.jpg?_wi=1" },
-          name: "Sarah Müller",
+              { id: "3", name: "Thomas Schneider", role: "Restaurantbesitzer", company: "B2B", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/internationals-people-standing-cafe-with-shopping-bags_1157-32442.jpg?_wi=1" },
-          role: "Kundin",
+            ]}
-          company: "Stammkunde",
+            title="4.2 ★ Bewertung"
-          rating: 5,
+            description="Das sagen unsere Kunden über den Lagerverkauf."
-          imageSrc: "http://img.b2bpic.net/free-photo/three-elegant-women-with-shopping-bags-city_1157-38849.jpg?_wi=1",
+          />
-        },
+        </div>
-        {
-          id: "2",
-          name: "Michael Weber",
-          role: "Feinschmecker",
-          company: "Vielkäufer",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/internationals-people-standing-cafe_1157-32386.jpg?_wi=1",
-        },
-        {
-          id: "3",
-          name: "Thomas Schneider",
-          role: "Restaurantbesitzer",
-          company: "B2B",
-          rating: 4,
-          imageSrc: "http://img.b2bpic.net/free-photo/internationals-people-standing-cafe-with-shopping-bags_1157-32442.jpg?_wi=1",
-        },
-        {
-          id: "4",
-          name: "Julia Fischer",
-          role: "Köchin",
-          company: "Großabnehmer",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/laughing-woman-with-smoothie_23-2147669679.jpg?_wi=1",
-        },
-        {
-          id: "5",
-          name: "Christian Koch",
-          role: "Privatkunde",
-          company: "Schnäppchenjäger",
-          rating: 4,
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-bohemian-woman_23-2149726236.jpg?_wi=1",
-        },
-      ]}
-      title="4.2 ★ Bewertung"
-      description="Das sagen unsere Kunden über den Lagerverkauf."
-    />
-  </div>
 
-  <div id="team" data-section="team">
+        <div id="team" data-section="team">
-      <TeamCardOne
+          <TeamCardOne
-      animationType="slide-up"
+            animationType="slide-up"
-      textboxLayout="default"
+            textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
+            gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
+            useInvertedBackground={false}
-      title="Unser Team vor Ort"
+            title="Unser Team vor Ort"
-      description="Lernen Sie die Menschen kennen, die täglich frische Delikatessen für Sie bereitstellen."
+            description="Lernen Sie die Menschen kennen, die täglich frische Delikatessen für Sie bereitstellen."
-      members={[
+            members={[
-        {
+              { id: "m1", name: "Markus Schmidt", role: "Lagerleitung", imageSrc: "http://img.b2bpic.net/free-photo/three-elegant-women-with-shopping-bags-city_1157-38849.jpg?_wi=2" },
-          id: "m1",
+              { id: "m2", name: "Elena Wagner", role: "Verkaufsberatung", imageSrc: "http://img.b2bpic.net/free-photo/internationals-people-standing-cafe_1157-32386.jpg?_wi=2" },
-          name: "Markus Schmidt",
+              { id: "m3", name: "Tobias Meyer", role: "Logistik", imageSrc: "http://img.b2bpic.net/free-photo/internationals-people-standing-cafe-with-shopping-bags_1157-32442.jpg?_wi=2" },
-          role: "Lagerleitung",
+            ]}
-          imageSrc: "http://img.b2bpic.net/free-photo/three-elegant-women-with-shopping-bags-city_1157-38849.jpg?_wi=2",
+          />
-        },
+        </div>
-        {
-          id: "m2",
-          name: "Elena Wagner",
-          role: "Verkaufsberatung",
-          imageSrc: "http://img.b2bpic.net/free-photo/internationals-people-standing-cafe_1157-32386.jpg?_wi=2",
-        },
-        {
-          id: "m3",
-          name: "Tobias Meyer",
-          role: "Logistik",
-          imageSrc: "http://img.b2bpic.net/free-photo/internationals-people-standing-cafe-with-shopping-bags_1157-32442.jpg?_wi=2",
-        },
-        {
-          id: "m4",
-          name: "Sabine Klein",
-          role: "Kundenservice",
-          imageSrc: "http://img.b2bpic.net/free-photo/laughing-woman-with-smoothie_23-2147669679.jpg?_wi=2",
-        },
-        {
-          id: "m5",
-          name: "Jens Bauer",
-          role: "Qualitätssicherung",
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-bohemian-woman_23-2149726236.jpg?_wi=2",
-        },
-      ]}
-    />
-  </div>
 
-  <div id="contact" data-section="contact">
+        <div id="contact" data-section="contact">
-      <ContactCTA
+          <ContactCenter
-      useInvertedBackground={true}
+            tag="Besuchen Sie uns"
-      background={{
+            title="Kontaktieren Sie uns"
-        variant: "plain",
+            description="Haben Sie Fragen zu unseren Produkten oder Öffnungszeiten? Unser Team hilft Ihnen gerne weiter."
-      }}
+            background={{ variant: "gradient-bars" }}
-      tag="Besuchen Sie uns"
+            useInvertedBackground={false}
-      title="Nur solange der Vorrat reicht"
+          />
-      description="Viele Produkte sind schnell ausverkauft – kommen Sie am besten früh vorbei."
+        </div>
-      buttons={[
-        {
-          text: "Wegbeschreibung",
-          href: "#",
-        },
-      ]}
-    />
-  </div>
 
-  <div id="footer" data-section="footer">
+        <div id="footer" data-section="footer">
-      <FooterBase
+          <FooterBase
-      columns={[
+            columns={[
-        {
+              { title: "Standort", items: [{ label: "Anfahrt", href: "#" }] },
-          title: "Standort",
+              { title: "Rechtliches", items: [{ label: "Datenschutz", href: "#" }, { label: "Impressum", href: "#" }] },
-          items: [
+            ]}
-            {
+            logoText="Feinkost Dittmann"
-              label: "Anfahrt",
+            copyrightText="© 2025 Feinkost Dittmann Lagerverkauf"
-              href: "#",
+          />
-            },
+        </div>
-          ],
-        },
-        {
-          title: "Rechtliches",
-          items: [
-            {
-              label: "Datenschutz",
-              href: "#",
-            },
-            {
-              label: "Impressum",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      logoText="Feinkost Dittmann"
-      copyrightText="© 2025 Feinkost Dittmann Lagerverkauf"
-    />
-  </div>
       </ReactLenis>
     </ThemeProvider>
   );