Merge version_4 into main

Merge version_4 into main

src/app/page.tsx

@@ -5,12 +5,12 @@ import ReactLenis from "lenis/react";
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import FooterCard from '@/components/sections/footer/FooterCard';
-import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
+import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import ProductCardOne from '@/components/sections/product/ProductCardOne';
-import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
-import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
-import { Clock, Star, Users, Utensils } from "lucide-react";
+import ProductCardThree from '@/components/sections/product/ProductCardThree';
+import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
+import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
+import { Utensils, CalendarDays, Tv, MapPin } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -30,267 +30,98 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
-        {
-          name: "Accueil",
-          id: "hero",
-        },
-        {
-          name: "Menu",
-          id: "menu",
-        },
-        {
-          name: "À propos",
-          id: "about",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Accueil", id: "hero" },
+        { name: "Menu", id: "menu" },
+        { name: "Événements", id: "events" },
+        { name: "Réservations", id: "reservation" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="Ans Sports"
     />
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroSplitKpi
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="The best place to eat after sports in Ans"
-      description="Cafétéria Brasserie Ans Sports is a modern brasserie where sport meets comfort. Join us after a match, an training session, or just to relax in a friendly atmosphere."
-      kpis={[
-        {
-          value: "15€",
-          label: "After Match Menu",
-        },
-        {
-          value: "Local",
-          label: "Belgian Classics",
-        },
-        {
-          value: "Daily",
-          label: "Fresh Specials",
-        },
+      <HeroSplitTestimonial
+      background={{ variant: "gradient-bars" }}
+      title="Post-Match Perfection in Ans"
+      description="Fuel your victory or wind down after a training session. Join our community of athletes and food lovers at Ans Sports Brasserie."
+      testimonials={[
+        { name: "Marc Dubois", handle: "@coach", testimonial: "The best post-match burger in town!", rating: 5 },
+        { name: "Sophie L.", handle: "@local", testimonial: "Fresh ingredients and a great atmosphere.", rating: 5 }
       ]}
-      enableKpiAnimation={true}
       imageSrc="http://img.b2bpic.net/free-photo/dinning-room-table-chairs_1339-4043.jpg?_wi=1"
       imageAlt="Modern Belgian Brasserie Interior"
       mediaAnimation="slide-up"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/dinning-room-table-chairs_1339-4043.jpg",
-          alt: "Customer",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/sandwich-with-meat-broccoli-homemade-potatoes_140725-2187.jpg",
-          alt: "Customer",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/bartender-serving-beer-bar-counter_107420-94877.jpg",
-          alt: "Customer",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/young-adults-having-party-home_23-2149215848.jpg",
-          alt: "Customer",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/dinning-room-table-chairs_1339-4043.jpg",
-          alt: "Customer",
-        },
-      ]}
-      avatarText="Loved by local athletes"
-      marqueeItems={[
-        {
-          type: "text-icon",
-          text: "Post-Match Meals",
-          icon: Utensils,
-        },
-        {
-          type: "text-icon",
-          text: "Belgian Beers",
-          icon: Star,
-        },
-        {
-          type: "text-icon",
-          text: "Team Atmosphere",
-          icon: Users,
-        },
-        {
-          type: "text-icon",
-          text: "Fresh Ingredients",
-          icon: Star,
-        },
-        {
-          type: "text-icon",
-          text: "Open Daily",
-          icon: Clock,
-        },
-      ]}
-    />
-  </div>
-
-  <div id="about" data-section="about">
-      <TestimonialAboutCard
-      useInvertedBackground={false}
-      tag="About Us"
-      title="Your Brasserie in Ans"
-      description="Cafétéria Brasserie Ans Sports is a modern brasserie located within the sports complex in Ans, Belgium. We provide a space where athletes, families, and friends gather to share delicious meals."
-      subdescription="Our menu features Belgian classics, crispy fries, juicy burgers, and refreshing drinks in a warm, athletic-inspired environment."
-      icon={Utensils}
-      imageSrc="http://img.b2bpic.net/free-photo/young-adults-having-party-home_23-2149215848.jpg?_wi=1"
-      mediaAnimation="blur-reveal"
     />
   </div>
 
   <div id="menu" data-section="menu">
-      <ProductCardOne
+      <ProductCardThree
       animationType="slide-up"
       textboxLayout="split"
       gridVariant="four-items-2x2-equal-grid"
       useInvertedBackground={true}
+      title="Signature Menu"
+      description="Our selection of refreshing drinks and hearty Belgian classics to keep you energized."
       products={[
-        {
-          id: "1",
-          name: "Belgian Steak with Fries",
-          price: "18€",
-          imageSrc: "http://img.b2bpic.net/free-photo/sandwich-with-meat-broccoli-homemade-potatoes_140725-2187.jpg?_wi=1",
-        },
-        {
-          id: "2",
-          name: "Chicken Burger",
-          price: "14€",
-          imageSrc: "http://img.b2bpic.net/free-photo/dinning-room-table-chairs_1339-4043.jpg?_wi=2",
-        },
-        {
-          id: "3",
-          name: "Cheese Croquettes",
-          price: "9€",
-          imageSrc: "http://img.b2bpic.net/free-photo/sandwich-with-meat-broccoli-homemade-potatoes_140725-2187.jpg?_wi=2",
-        },
-        {
-          id: "4",
-          name: "Belgian Waffles",
-          price: "7€",
-          imageSrc: "http://img.b2bpic.net/free-photo/sandwich-with-meat-broccoli-homemade-potatoes_140725-2187.jpg?_wi=3",
-        },
+        { id: "1", name: "Belgian Steak & Fries", price: "18€", imageSrc: "http://img.b2bpic.net/free-photo/steak-fries_35647-1234.jpg?_wi=1" },
+        { id: "2", name: "Draft Beer (Leffe)", price: "4.50€", imageSrc: "http://img.b2bpic.net/free-photo/beer-glass-counter_1339-5043.jpg?_wi=2" },
+        { id: "3", name: "Classic Caesar Salad", price: "11€", imageSrc: "http://img.b2bpic.net/free-photo/caesar-salad_140725-3387.jpg?_wi=2" },
+        { id: "4", name: "Fresh Fruit Smoothies", price: "6€", imageSrc: "http://img.b2bpic.net/free-photo/fruit-smoothie_140725-4487.jpg?_wi=3" },
       ]}
-      title="Our Digital Menu"
-      description="Discover our selection of starters, mains, and desserts."
     />
   </div>
 
-  <div id="testimonial" data-section="testimonial">
-      <TestimonialCardTwo
+  <div id="events" data-section="events">
+      <ProductCardThree
       animationType="slide-up"
       textboxLayout="split"
+      gridVariant="four-items-2x2-equal-grid"
       useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Marc Dubois",
-          role: "Sports Club Coach",
-          testimonial: "Perfect place for the team after match! The burger is excellent.",
-          imageSrc: "http://img.b2bpic.net/free-photo/dinning-room-table-chairs_1339-4043.jpg?_wi=3",
-          imageAlt: "modern belgian brasserie interior wooden tables",
-        },
-        {
-          id: "2",
-          name: "Sophie Lambert",
-          role: "Local Visitor",
-          testimonial: "Very friendly staff and great fries. A staple in Ans.",
-          imageSrc: "http://img.b2bpic.net/free-photo/sandwich-with-meat-broccoli-homemade-potatoes_140725-2187.jpg?_wi=4",
-          imageAlt: "belgian steak with fries wooden table",
-        },
-        {
-          id: "3",
-          name: "Jean Dupont",
-          role: "Family Guest",
-          testimonial: "Nice atmosphere, good beers, my kids loved the spaghetti!",
-          imageSrc: "http://img.b2bpic.net/free-photo/bartender-serving-beer-bar-counter_107420-94877.jpg?_wi=1",
-          imageAlt: "modern sports bar beer taps",
-        },
-        {
-          id: "4",
-          name: "Elena Martin",
-          role: "Visitor",
-          testimonial: "Excellent value for the after-match menu. Highly recommend.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-adults-having-party-home_23-2149215848.jpg?_wi=2",
-          imageAlt: "friends eating sports brasserie after match",
-        },
-        {
-          id: "5",
-          name: "Thomas V.",
-          role: "Player",
-          testimonial: "The best spot in the complex for post-training recovery.",
-          imageSrc: "http://img.b2bpic.net/free-photo/dinning-room-table-chairs_1339-4043.jpg?_wi=4",
-          imageAlt: "modern belgian brasserie interior wooden tables",
-        },
+      title="Live Sports Broadcasts"
+      description="Watch your favorite teams on our big screens. Join us for match days!"
+      products={[
+        { id: "e1", name: "Champions League Live", price: "Match Night", imageSrc: "http://img.b2bpic.net/free-photo/football-stadium-lights_1339-123.jpg?_wi=1" },
+        { id: "e2", name: "Cycling Classics", price: "Weekend Coverage", imageSrc: "http://img.b2bpic.net/free-photo/cycling-race_1339-456.jpg?_wi=1" },
+        { id: "e3", name: "Formula 1 Grand Prix", price: "Sunday Racing", imageSrc: "http://img.b2bpic.net/free-photo/f1-car_1339-789.jpg?_wi=1" },
+        { id: "e4", name: "Local Derby Events", price: "Stay Tuned", imageSrc: "http://img.b2bpic.net/free-photo/fans-cheering_1339-999.jpg?_wi=1" },
       ]}
-      title="What our guests say"
-      description="Join our community of happy customers."
     />
   </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitText
-      useInvertedBackground={true}
-      faqs={[
-        {
-          id: "q1",
-          title: "Do you accept group reservations?",
-          content: "Yes, we accept group reservations. Please contact us to book your table.",
-        },
-        {
-          id: "q2",
-          title: "Do you have happy hour drinks?",
-          content: "We offer happy hour specials regularly. Come see us to enjoy them!",
-        },
-        {
-          id: "q3",
-          title: "Is there parking available?",
-          content: "We are located within the sports complex in Ans, which offers convenient parking.",
-        },
+  <div id="reservation" data-section="reservation">
+      <ContactSplitForm
+      title="Reserve Your Table"
+      description="Book a spot for your team or family gathering. We look forward to hosting you."
+      inputs={[
+        { name: "name", type: "text", placeholder: "Name" },
+        { name: "guests", type: "number", placeholder: "Number of guests" },
+        { name: "date", type: "date", placeholder: "Date" }
       ]}
-      sideTitle="Frequently Asked Questions"
-      sideDescription="Everything you need to know about your next visit."
-      faqsAnimation="slide-up"
+      textarea={{ name: "message", placeholder: "Special requests or sports event booking?", rows: 3 }}
+      imageSrc="http://img.b2bpic.net/free-photo/table-set-for-dinner_1339-4444.jpg?_wi=1"
+      buttonText="Confirm Reservation"
+      useInvertedBackground={true}
     />
   </div>
 
   <div id="contact" data-section="contact">
       <ContactSplitForm
-      useInvertedBackground={false}
-      title="Contact us"
-      description="Got a question? Send us a message and we'll get back to you."
+      title="Visit Us"
+      description="Find us at the Ans Sports Complex. Open daily for matches and dining."
       inputs={[
-        {
-          name: "name",
-          type: "text",
-          placeholder: "Your Name",
-          required: true,
-        },
-        {
-          name: "email",
-          type: "email",
-          placeholder: "Your Email",
-          required: true,
-        },
+        { name: "email", type: "email", placeholder: "Newsletter Sign-up" }
       ]}
-      textarea={{
-        name: "message",
-        placeholder: "Your message",
-        rows: 4,
-        required: true,
-      }}
-      imageSrc="http://img.b2bpic.net/free-photo/bartender-serving-beer-bar-counter_107420-94877.jpg?_wi=2"
-      mediaAnimation="slide-up"
+      imageSrc="http://img.b2bpic.net/free-photo/location-map_107420-94877.jpg?_wi=2"
+      buttonText="Subscribe"
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterCard
       logoText="Ans Sports"
-      copyrightText="© 2025 Cafétéria Brasserie Ans Sports"
+      copyrightText="© 2025 Ans Sports Brasserie | Address: Hall des Sports Ans | Hours: 10:00 - 22:00"
     />
   </div>
       </ReactLenis>

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f5f4ef;
-  --card: #dad6cd;
-  --foreground: #2a2928;
-  --primary-cta: #2a2928;
+  --background: #0a0a0a;
+  --card: #1a1a1a;
+  --foreground: #ffffff;
+  --primary-cta: #e34400;
   --primary-cta-text: #f5f4ef;
-  --secondary-cta: #ecebea;
+  --secondary-cta: #010101;
   --secondary-cta-text: #2a2928;
-  --accent: #ffffff;
-  --background-accent: #c6b180;
+  --accent: #ff7b05;
+  --background-accent: #e34400;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);