Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -4,13 +4,13 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactText from '@/components/sections/contact/ContactText';
 import FaqBase from '@/components/sections/faq/FaqBase';
-import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
 import FooterBase from '@/components/sections/footer/FooterBase';
 import HeroCentered from '@/components/sections/hero/HeroCentered';
 import MediaAbout from '@/components/sections/about/MediaAbout';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
-import { Clock, Flame, Heart, MapPin, Music, Utensils } from "lucide-react";
+import CardStack from '@/components/cardStack/CardStack';
+import { Clock, Flame, Heart, MapPin, Music, Utensils, Star, Wine } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -30,22 +30,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
-        {
-          name: "Home",
-          id: "#hero",
-        },
-        {
-          name: "Over ons",
-          id: "#about",
-        },
-        {
-          name: "Ervaringen",
-          id: "#testimonials",
-        },
-        {
-          name: "Contact",
-          id: "#contact",
-        },
+        { name: "Home", id: "#hero" },
+        { name: "Over ons", id: "#about" },
+        { name: "Menu", id: "#menu" },
+        { name: "Ervaringen", id: "#testimonials" },
+        { name: "Contact", id: "#contact" },
       ]}
       brandName="Restaurant eLe"
     />
@@ -53,65 +42,19 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroCentered
-      background={{
-        variant: "radial-gradient",
-      }}
+      background={{ variant: "radial-gradient" }}
       title="Een stukje Spanje aan de Utrechtse gracht"
       description="Ervaar de passie, uitbundigheid en heerlijke smaken van de echte Spaanse keuken in het hart van Utrecht."
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-couple-having-lunch-luxury-restaurant_23-2150598413.jpg",
-          alt: "Gasten",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/very-good-smiling-brunette-woman-shows-ok-okay-hand-sign-looking-satisfied-recommend-great-deal-pleased-with-quality-standing-white-background_176420-46695.jpg",
-          alt: "Gasten",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/high-angle-smiley-people-with-drinks_23-2150124809.jpg",
-          alt: "Gasten",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/beautiful-young-people-having-dinner-together_23-2148454086.jpg",
-          alt: "Gasten",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/pretty-white-woman-stylish-summer-bohemain-autfit-posing-tropical-cafe_273443-3153.jpg",
-          alt: "Gasten",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Bekijk het Menu",
-          href: "#contact",
-        },
+        { src: "http://img.b2bpic.net/free-photo/medium-shot-couple-having-lunch-luxury-restaurant_23-2150598413.jpg", alt: "Gasten" },
+        { src: "http://img.b2bpic.net/free-photo/very-good-smiling-brunette-woman-shows-ok-okay-hand-sign-looking-satisfied-recommend-great-deal-pleased-with-quality-standing-white-background_176420-46695.jpg", alt: "Gasten" },
+        { src: "http://img.b2bpic.net/free-photo/high-angle-smiley-people-with-drinks_23-2150124809.jpg", alt: "Gasten" },
       ]}
+      buttons={[{ text: "Bekijk het Menu", href: "#menu" }]}
       marqueeItems={[
-        {
-          type: "text-icon",
-          text: "Authentieke Tapas",
-          icon: Flame,
-        },
-        {
-          type: "text-icon",
-          text: "Live Muziek",
-          icon: Music,
-        },
-        {
-          type: "text-icon",
-          text: "Oudegracht Locatie",
-          icon: MapPin,
-        },
-        {
-          type: "text-icon",
-          text: "Spaanse Passie",
-          icon: Heart,
-        },
-        {
-          type: "text-icon",
-          text: "Dagelijks Geopend",
-          icon: Clock,
-        },
+        { type: "text-icon", text: "Authentieke Tapas", icon: Flame },
+        { type: "text-icon", text: "Live Muziek", icon: Music },
+        { type: "text-icon", text: "Oudegracht Locatie", icon: MapPin },
       ]}
     />
   </div>
@@ -120,37 +63,30 @@ export default function LandingPage() {
       <MediaAbout
       useInvertedBackground={false}
       title="Over Restaurant eLe"
-      description="Restaurant eLe is een stukje Spanje in Utrecht. Wij combineren passie voor goed eten met de uitbundige Spaanse sfeer. Van onze parrilla Mar y Tierra tot de warme gastvrijheid: wij laten je thuis voelen aan de Oudegracht."
+      description="Restaurant eLe is een stukje Spanje in Utrecht. Wij combineren passie voor goed eten met de uitbundige Spaanse sfeer."
       imageSrc="http://img.b2bpic.net/free-photo/retro-decoration-with-candle-nuts_23-2147690209.jpg"
-      imageAlt="Authentiek Spaans tafellaken in restaurant"
     />
   </div>
 
-  <div id="features" data-section="features">
-      <FeatureHoverPattern
+  <div id="menu" data-section="menu">
+    <CardStack
+      title="Ons Menu"
+      description="Een zorgvuldig samengestelde kaart vol Spaanse klassiekers en moderne favorieten."
       animationType="slide-up"
       textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "Authentieke Spaanse Keuken",
-          description: "Geniet van klassieke gerechten zoals calamares en gambas, bereid met passie.",
-          icon: Utensils,
-        },
-        {
-          title: "Levendige Sfeer",
-          description: "Regelmatig live muziek en een uitbundige Spaanse ambiance die Utrecht mist.",
-          icon: Music,
-        },
-        {
-          title: "Top Locatie",
-          description: "Gelegen aan de iconische Oudegracht in een sfeervol historisch pand.",
-          icon: MapPin,
-        },
-      ]}
-      title="Waarom kiezen voor eLe?"
-      description="Wij staan voor meer dan alleen een maaltijd; we bieden een beleving."
-    />
+      gridVariant="two-items-per-row"
+    >
+        <div className="p-8 bg-card rounded-xl border border-accent">
+            <Wine className="mb-4 w-10 h-10 text-primary-cta" />
+            <h3 className="text-2xl font-semibold mb-2">Tapas & Delicatessen</h3>
+            <p>Van klassieke calamares tot huisgemaakte aioli en Spaanse olijven.</p>
+        </div>
+        <div className="p-8 bg-card rounded-xl border border-accent">
+            <Flame className="mb-4 w-10 h-10 text-primary-cta" />
+            <h3 className="text-2xl font-semibold mb-2">Parrilla Specials</h3>
+            <p>Authentieke vlees- en visgerechten bereid op onze Spaanse grill.</p>
+        </div>
+    </CardStack>
   </div>
 
   <div id="testimonials" data-section="testimonials">
@@ -159,44 +95,11 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "1",
-          name: "Maury Caceres",
-          role: "Gast",
-          testimonial: "Aan de Oudegracht bevindt zich een stukje van Spanje! Voel je je gauw thuis!",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-friends-having-good-time_23-2148395391.jpg",
-        },
-        {
-          id: "2",
-          name: "Luc Stoffels",
-          role: "Gast",
-          testimonial: "Wat een top sfeer en avond altijd! Fermin en Ele waren passie en uitbundigheid.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-friends-hanging-out-together_23-2149143974.jpg",
-        },
-        {
-          id: "3",
-          name: "Abdel A",
-          role: "Gast",
-          testimonial: "Gefrituurde calamares was lekker, gambas konden ook nog wel. De Syrische ober was top.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-couple-having-fun-while-toasting-with-champagne-taking-selfie-with-mobile-phone-meal-dining-table_637285-10244.jpg",
-        },
-        {
-          id: "4",
-          name: "Janet",
-          role: "Gast",
-          testimonial: "Lekker eten mooi muziekje erbij. Goede bankjes lekker sfeertje. Heerlijk gegeten.",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-holding-book-close-up_23-2148396302.jpg",
-        },
-        {
-          id: "5",
-          name: "Ineke",
-          role: "Gast",
-          testimonial: "Heerlijk gegeten en genoten van Spaanse live muziek en vriendelijk personeel. Top sfeer.",
-          imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17097.jpg",
-        },
+        { id: "1", name: "Maury Caceres", role: "Gast", testimonial: "Aan de Oudegracht bevindt zich een stukje van Spanje!" },
+        { id: "2", name: "Luc Stoffels", role: "Gast", testimonial: "Wat een top sfeer en avond altijd!" },
       ]}
       title="Wat zeggen onze gasten?"
-      description="We zijn trots op de warme woorden van onze trouwe bezoekers."
+      description="Lees wat onze gasten over hun ervaring bij Restaurant eLe vertellen."
     />
   </div>
 
@@ -205,81 +108,32 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "q1",
-          title: "Kan ik reserveren?",
-          content: "Ja, neem telefonisch contact met ons op via 030 231 2165.",
-        },
-        {
-          id: "q2",
-          title: "Waar zijn jullie gevestigd?",
-          content: "Wij bevinden ons aan de Oudegracht 211 in Utrecht.",
-        },
-        {
-          id: "q3",
-          title: "Is er live muziek?",
-          content: "Wij organiseren regelmatig avonden met live muziek voor die echte Spaanse sfeer.",
-        },
+        { id: "q1", title: "Kan ik reserveren?", content: "Ja, neem telefonisch contact met ons op via 030 231 2165." },
+        { id: "q2", title: "Waar zijn jullie gevestigd?", content: "Wij bevinden ons aan de Oudegracht 211 in Utrecht." },
       ]}
       title="Veelgestelde Vragen"
-      description="Heb je vragen over ons restaurant?"
+      description="Heb je vragen over ons restaurant of onze menukaart? Wij helpen je graag verder."
       faqsAnimation="slide-up"
+      buttons={[
+        { text: "Direct Reserveren", href: "tel:0302312165" }
+      ]}
     />
   </div>
 
   <div id="contact" data-section="contact">
       <ContactText
       useInvertedBackground={false}
-      background={{
-        variant: "gradient-bars",
-      }}
+      background={{ variant: "gradient-bars" }}
       text="Wil je reserveren of heb je een vraag? Bel ons direct op 030 231 2165 of kom langs aan de Oudegracht 211."
-      buttons={[
-        {
-          text: "Bel direct: 030 231 2165",
-          href: "tel:0302312165",
-        },
-      ]}
+      buttons={[{ text: "Bel direct: 030 231 2165", href: "tel:0302312165" }]}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterBase
       columns={[
-        {
-          title: "Navigatie",
-          items: [
-            {
-              label: "Home",
-              href: "#hero",
-            },
-            {
-              label: "Over ons",
-              href: "#about",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          title: "Socials & Reviews",
-          items: [
-            {
-              label: "Google Reviews",
-              href: "https://www.google.com/maps/place/Restaurant+eLe",
-            },
-            {
-              label: "Instagram",
-              href: "#",
-            },
-            {
-              label: "Facebook",
-              href: "#",
-            },
-          ],
-        },
+        { title: "Navigatie", items: [{ label: "Home", href: "#hero" }, { label: "Menu", href: "#menu" }] },
+        { title: "Socials", items: [{ label: "Instagram", href: "#" }] },
       ]}
       logoText="Restaurant eLe"
     />
@@ -287,4 +141,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}