Update src/app/page.tsx

Merge version_3 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 FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
+import { Clock, Flame, Heart, MapPin, Music, Utensils, Star, Wine, Coffee, Apple } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -30,14 +30,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
-        {
+        { name: "Home", id: "#hero" },
-          name: "Home",          id: "#hero"},
+        { name: "Over ons", id: "#about" },
-        {
+        { name: "Menu", id: "#menu" },
-          name: "Over ons",          id: "#about"},
+        { name: "Ervaringen", id: "#testimonials" },
-        {
+        { name: "Contact", id: "#contact" },
-          name: "Ervaringen",          id: "#testimonials"},
-        {
-          name: "Contact",          id: "#contact"},
       ]}
       brandName="Restaurant eLe"
     />
@@ -45,42 +42,19 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroCentered
-      background={{
+      background={{ variant: "radial-gradient" }}
-        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/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/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"},
       ]}
+      buttons={[{ text: "Bekijk het Menu", href: "#menu" }]}
       marqueeItems={[
-        {
+        { type: "text-icon", text: "Authentieke Tapas", icon: Flame },
-          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: "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,
-        },
       ]}
     />
   </div>
@@ -89,30 +63,24 @@ 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">
+  <div id="menu" data-section="menu">
-      <FeatureHoverPattern
+    <FeatureBorderGlow
+      title="Ons Menu"
+      description="Ontdek onze selectie van verse, handbereide Spaanse gerechten."
       animationType="slide-up"
-      textboxLayout="default"
+      textboxLayout="split"
       useInvertedBackground={false}
       features={[
-        {
+        { icon: Wine, title: "Tapas Assortiment", description: "Een selectie van de beste koude en warme tapas, vers bereid." },
-          title: "Authentieke Spaanse Keuken",          description: "Geniet van klassieke gerechten zoals calamares en gambas, bereid met passie.",          icon: Utensils,
+        { icon: Flame, title: "Grill Specialiteiten", description: "Vlees en vis bereid op onze authentieke Spaanse houtskoolgrill." },
-        },
+        { icon: Coffee, title: "Spaanse Desserts", description: "Verrukkelijke klassiekers zoals crema catalana en churros." },
-        {
+        { icon: Apple, title: "Seizoensgerechten", description: "Wisselende specials gebaseerd op het aanbod van de markt." }
-          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."
     />
   </div>
 
@@ -122,19 +90,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!" },
-          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!" },
-        {
-          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"},
       ]}
       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>
 
@@ -143,20 +103,14 @@ 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: "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: "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."},
       ]}
       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" }
-          text: "Reserveer nu",          href: "#contact"
-        }
       ]}
     />
   </div>
@@ -164,39 +118,17 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactText
       useInvertedBackground={false}
-      background={{
+      background={{ variant: "gradient-bars" }}
-        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={[
+      buttons={[{ text: "Bel direct: 030 231 2165", href: "tel:0302312165" }]}
-        {
-          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: "Menu", href: "#menu" }] },
-          title: "Navigatie",          items: [
+        { title: "Socials", items: [{ label: "Instagram", href: "#" }] },
-            {
-              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: "#"},
-          ],
-        },
       ]}
       logoText="Restaurant eLe"
     />
@@ -204,4 +136,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}