Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -2,16 +2,16 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
-import FaqDouble from '@/components/sections/faq/FaqDouble';
+import FaqSplitText from '@/components/sections/faq/FaqSplitText';
-import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
-import FooterCard from '@/components/sections/footer/FooterCard';
 import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
+import ProductCardOne from '@/components/sections/product/ProductCardOne';
+import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
+import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
 import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
-import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
+import { Leaf, Mountain, Users, Utensils } from "lucide-react";
-import { Facebook, Instagram, Leaf, Mountain, Users, Utensils } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -31,22 +31,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
-        {
+        { name: "Home", id: "hero" },
-          name: "Home",
+        { name: "Über uns", id: "about" },
-          id: "hero",
+        { name: "Speisekarte", id: "menu" },
-        },
+        { name: "Kontakt", id: "contact" },
-        {
-          name: "Über uns",
-          id: "about",
-        },
-        {
-          name: "Speisekarte",
-          id: "menu",
-        },
-        {
-          name: "Kontakt",
-          id: "contact",
-        },
       ]}
       brandName="Zum Gletscher"
     />
@@ -54,32 +42,14 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboardGallery
-      background={{
+      background={{ variant: "gradient-bars" }}
-        variant: "gradient-bars",
-      }}
       title="Genuss auf dem Gletscher"
       description="Erleben Sie feine alpine Küche in einer einzigartigen Atmosphäre."
+      buttons={[{ text: "Jetzt reservieren", href: "#contact" }]}
       mediaItems={[
-        {
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=um9jqd", imageAlt: "modern restaurant mountain view" },
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=um9jqd",
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lqhmkh", imageAlt: "gourmet food plate presentation" },
-          imageAlt: "modern restaurant mountain view",
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vv9pig", imageAlt: "cozy dining table candlelit" }
-        },
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lqhmkh",
-          imageAlt: "gourmet food plate presentation",
-        },
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vv9pig",
-          imageAlt: "cozy dining table candlelit",
-        },
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1fbxeu&_wi=1",
-          imageAlt: "alpine restaurant rustic interior",
-        },
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wqyv37&_wi=1",
-          imageAlt: "chef preparing fresh meal",
-        },
       ]}
       mediaAnimation="blur-reveal"
     />
@@ -87,7 +57,6 @@ export default function LandingPage() {
 
   <div id="about" data-section="about">
       <TestimonialAboutCard
-      useInvertedBackground={false}
       tag="Unsere Geschichte"
       title="Herzlich Willkommen"
       description="Seit Generationen servieren wir im Herzen der Alpen kulinarische Highlights."
@@ -95,236 +64,89 @@ export default function LandingPage() {
       icon={Utensils}
       imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1fbxeu&_wi=2"
       mediaAnimation="slide-up"
-      imageAlt="restaurant interior minimalist design"
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="features" data-section="features">
-      <FeatureBorderGlow
+      <FeatureCardThree
       animationType="slide-up"
       textboxLayout="split"
+      gridVariant="three-columns-all-equal-width"
       useInvertedBackground={true}
-      features={[
-        {
-          icon: Leaf,
-          title: "Regional & Frisch",
-          description: "Zutaten von lokalen Bauern aus dem Tal.",
-        },
-        {
-          icon: Users,
-          title: "Familiengeführt",
-          description: "Persönlicher Service für jeden unserer Gäste.",
-        },
-        {
-          icon: Mountain,
-          title: "Alpine Lage",
-          description: "Ein unvergesslicher Blick auf die Gletschergipfel.",
-        },
-      ]}
       title="Was uns besonders macht"
       description="Qualität, die man schmeckt und eine Atmosphäre, die bleibt."
+      features={[
+        { title: "Regional & Frisch", description: "Zutaten von lokalen Bauern aus dem Tal.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1fbxeu&_wi=1" },
+        { title: "Familiengeführt", description: "Persönlicher Service für jeden unserer Gäste.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1fbxeu&_wi=2" },
+        { title: "Alpine Lage", description: "Ein unvergesslicher Blick auf die Gletschergipfel.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1fbxeu&_wi=3" },
+      ]}
     />
   </div>
 
   <div id="menu" data-section="menu">
-      <ProductCardTwo
+      <ProductCardOne
       animationType="slide-up"
       textboxLayout="split"
-      gridVariant="uniform-all-items-equal"
+      gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
-      products={[
-        {
-          id: "1",
-          brand: "Hauptgang",
-          name: "Gletscher-Forelle",
-          price: "24.50 CHF",
-          rating: 5,
-          reviewCount: "120",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wqyv37&_wi=2",
-          imageAlt: "gourmet swiss dish",
-        },
-        {
-          id: "2",
-          brand: "Vorspeise",
-          name: "Alpen-Salatteller",
-          price: "14.00 CHF",
-          rating: 5,
-          reviewCount: "85",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=d6pt6u",
-          imageAlt: "fresh mountain trout dish",
-        },
-        {
-          id: "3",
-          brand: "Dessert",
-          name: "Gipfelstürmer-Schokolade",
-          price: "12.00 CHF",
-          rating: 5,
-          reviewCount: "200",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pkz497",
-          imageAlt: "dessert gourmet presentation",
-        },
-        {
-          id: "4",
-          brand: "Hauptgang",
-          name: "Alpen-Käseplatte",
-          price: "18.50 CHF",
-          rating: 5,
-          reviewCount: "95",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=orhlde",
-          imageAlt: "fresh garden salad bowl",
-        },
-        {
-          id: "5",
-          brand: "Vorspeise",
-          name: "Kürbissuppe",
-          price: "11.00 CHF",
-          rating: 5,
-          reviewCount: "110",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=doax9e",
-          imageAlt: "local cheese board platter",
-        },
-        {
-          id: "6",
-          brand: "Hauptgang",
-          name: "Rindersteak",
-          price: "38.00 CHF",
-          rating: 5,
-          reviewCount: "150",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lc68ob",
-          imageAlt: "grilled beef steak gourmet",
-        },
-      ]}
       title="Unsere Spezialitäten"
-      description="Eine Auswahl unserer beliebtesten Gerichte."
+      description="Eine Auswahl unserer beliebtesten Gerichte. (Chef's Choice: Gletscher-Forelle)"
+      tag="Chef's Choice"
+      products={[
+        { id: "1", name: "Gletscher-Forelle (Chef's Choice)", price: "24.50 CHF", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wqyv37&_wi=2" },
+        { id: "2", name: "Alpen-Salatteller", price: "14.00 CHF", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=d6pt6u" },
+        { id: "3", name: "Gipfelstürmer-Schokolade", price: "12.00 CHF", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pkz497" },
+      ]}
     />
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardThirteen
+      <TestimonialCardSix
       animationType="slide-up"
       textboxLayout="split"
       useInvertedBackground={true}
-      testimonials={[
-        {
-          id: "1",
-          name: "Hans Müller",
-          handle: "@hans",
-          testimonial: "Ein wunderbares Erlebnis, die Aussicht ist einfach unschlagbar.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lg35k1",
-        },
-        {
-          id: "2",
-          name: "Sarah Schmid",
-          handle: "@sarah",
-          testimonial: "Das Essen war frisch und regional. Sehr empfehlenswert!",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5aao4f",
-        },
-        {
-          id: "3",
-          name: "Peter Weiss",
-          handle: "@peter",
-          testimonial: "Sehr zuvorkommender Service, wir haben uns wohl gefühlt.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=su0q7c",
-        },
-        {
-          id: "4",
-          name: "Eva Brunner",
-          handle: "@eva",
-          testimonial: "Ein Highlight in unseren Ferien, wir kommen sicher wieder.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jr6cbq",
-        },
-        {
-          id: "5",
-          name: "Markus Graf",
-          handle: "@markus",
-          testimonial: "Die Forelle war fantastisch, top Qualität.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=aq16ve",
-        },
-      ]}
-      showRating={true}
       title="Das sagen unsere Gäste"
       description="Erfahren Sie, warum unsere Kunden immer wieder gerne zu uns kommen."
+      testimonials={[
+        { id: "1", name: "Hans Müller", handle: "@hans", testimonial: "Ein wunderbares Erlebnis, die Aussicht ist einfach unschlagbar.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lg35k1" },
+        { id: "2", name: "Sarah Schmid", handle: "@sarah", testimonial: "Das Essen war frisch und regional. Sehr empfehlenswert!", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5aao4f" },
+      ]}
     />
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqDouble
+      <FaqSplitText
-      textboxLayout="split"
+      faqsAnimation="slide-up"
       useInvertedBackground={false}
+      sideTitle="Häufige Fragen"
+      sideDescription="Alles Wichtige für Ihren Besuch bei uns."
       faqs={[
-        {
+        { id: "1", title: "Brauche ich eine Reservierung?", content: "Ja, wir empfehlen für das Wochenende eine Tischreservierung." },
-          id: "1",
+        { id: "2", title: "Gibt es vegane Gerichte?", content: "Selbstverständlich, wir bieten immer eine vegane Tagesempfehlung." },
-          title: "Brauche ich eine Reservierung?",
+        { id: "3", title: "Ist der Weg zum Restaurant kinderwagenfreundlich?", content: "Ja, wir sind sehr gut zu erreichen und familienfreundlich." },
-          content: "Ja, wir empfehlen für das Wochenende eine Tischreservierung.",
-        },
-        {
-          id: "2",
-          title: "Gibt es vegane Gerichte?",
-          content: "Selbstverständlich, wir bieten immer eine vegane Tagesempfehlung.",
-        },
-        {
-          id: "3",
-          title: "Ist der Weg zum Restaurant kinderwagenfreundlich?",
-          content: "Ja, wir sind sehr gut zu erreichen und familienfreundlich.",
-        },
       ]}
-      title="Häufige Fragen"
-      description="Alles Wichtige für Ihren Besuch bei uns."
-      faqsAnimation="blur-reveal"
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactSplitForm
+      <ContactSplit
-      useInvertedBackground={true}
+      tag="Reservierung"
       title="Kontaktieren Sie uns"
       description="Reservieren Sie Ihren Tisch oder schreiben Sie uns Ihr Feedback."
-      inputs={[
+      background={{ variant: "gradient-bars" }}
-        {
+      useInvertedBackground={true}
-          name: "name",
+      mediaAnimation="slide-up"
-          type: "text",
-          placeholder: "Ihr Name",
-          required: true,
-        },
-        {
-          name: "email",
-          type: "email",
-          placeholder: "Ihre E-Mail",
-          required: true,
-        },
-      ]}
-      textarea={{
-        name: "message",
-        placeholder: "Ihre Nachricht",
-        rows: 4,
-        required: true,
-      }}
-      buttonText="Anfrage senden"
       imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1fbxeu&_wi=3"
-      imageAlt="restaurant interior minimalist design"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterCard
+      <FooterLogoEmphasis
       logoText="Zum Gletscher"
-      copyrightText="© 2025 Restaurant zum Gletscher"
+      columns={[
-      socialLinks={[
+        { items: [{ label: "Home", href: "#" }, { label: "Über uns", href: "#" }] },
-        {
+        { items: [{ label: "Speisekarte", href: "#" }, { label: "Kontakt", href: "#" }] }
-          icon: Instagram,
-          href: "#",
-          ariaLabel: "Instagram",
-        },
-        {
-          icon: Facebook,
-          href: "#",
-          ariaLabel: "Facebook",
-        },
       ]}
     />
   </div>