Merge version_4 into main

Merge version_4 into main

src/app/page.tsx

@@ -10,7 +10,7 @@ import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatin
 import ProductCardThree from '@/components/sections/product/ProductCardThree';
 import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
 import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
-import { Clock, Star, Users, Utensils } from "lucide-react";
+import { Utensils, CalendarDays, Tv, MapPin } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -32,7 +32,8 @@ export default function LandingPage() {
       navItems={[
         { name: "Accueil", id: "hero" },
         { name: "Menu", id: "menu" },
-        { name: "À propos", id: "about" },
+        { name: "Événements", id: "events" },
+        { name: "Réservations", id: "reservation" },
         { name: "Contact", id: "contact" },
       ]}
       brandName="Ans Sports"
@@ -54,71 +55,65 @@ export default function LandingPage() {
     />
   </div>
 
-  <div id="about" data-section="about">
-      <MetricSplitMediaAbout
-      title="Authentic Brasserie Experience"
-      description="We combine the energy of the sports field with the comfort of traditional Belgian dining. Quality, service, and a welcoming team spirit."
-      metrics={[
-        { value: "10+", title: "Years Experience" },
-        { value: "5k+", title: "Meals Served" },
-        { value: "100%", title: "Local Products" }
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/young-adults-having-party-home_23-2149215848.jpg?_wi=1"
-      mediaAnimation="blur-reveal"
-      useInvertedBackground={false}
-    />
-  </div>
-
   <div id="menu" data-section="menu">
       <ProductCardThree
       animationType="slide-up"
       textboxLayout="split"
       gridVariant="four-items-2x2-equal-grid"
       useInvertedBackground={true}
-      title="Our Signature Menu"
+      title="Signature Menu"
-      description="Hand-crafted Belgian dishes designed for recovery and enjoyment."
+      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: "1", name: "Belgian Steak & Fries", price: "18€", imageSrc: "http://img.b2bpic.net/free-photo/steak-fries_35647-1234.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: "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: "Cheese Croquettes", price: "9€", imageSrc: "http://img.b2bpic.net/free-photo/sandwich-with-meat-broccoli-homemade-potatoes_140725-2187.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: "Belgian Waffles", price: "7€", imageSrc: "http://img.b2bpic.net/free-photo/sandwich-with-meat-broccoli-homemade-potatoes_140725-2187.jpg?_wi=3" },
+        { id: "4", name: "Fresh Fruit Smoothies", price: "6€", imageSrc: "http://img.b2bpic.net/free-photo/fruit-smoothie_140725-4487.jpg?_wi=3" },
       ]}
     />
   </div>
 
-  <div id="testimonial" data-section="testimonial">
+  <div id="events" data-section="events">
-      <TestimonialCardTen
+      <ProductCardThree
-      title="Community Voices"
+      animationType="slide-up"
       textboxLayout="split"
+      gridVariant="four-items-2x2-equal-grid"
       useInvertedBackground={false}
-      description="Hear from our satisfied guests."
+      title="Live Sports Broadcasts"
-      testimonials={[
+      description="Watch your favorite teams on our big screens. Join us for match days!"
-        { id: "1", title: "Excellent food", quote: "Perfect for the team after match!", name: "Marc Dubois", role: "Sports Club Coach" },
+      products={[
-        { id: "2", title: "Great vibe", quote: "Very friendly staff and great fries.", name: "Sophie Lambert", role: "Local Visitor" }
+        { 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" },
       ]}
     />
   </div>
 
-  <div id="faq" data-section="faq">
+  <div id="reservation" data-section="reservation">
-      <FaqSplitText
+      <ContactSplitForm
-      useInvertedBackground={true}
+      title="Reserve Your Table"
-      faqs={[
+      description="Book a spot for your team or family gathering. We look forward to hosting you."
-        { id: "q1", title: "Group Reservations", content: "Yes, we accommodate teams and large groups. Contact us to book." },
+      inputs={[
-        { id: "q2", title: "Parking Access", content: "Located within the Ans Sports complex with ample free parking." }
+        { name: "name", type: "text", placeholder: "Name" },
+        { name: "guests", type: "number", placeholder: "Number of guests" },
+        { name: "date", type: "date", placeholder: "Date" }
       ]}
-      sideTitle="Your Questions"
+      textarea={{ name: "message", placeholder: "Special requests or sports event booking?", rows: 3 }}
-      faqsAnimation="slide-up"
+      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
-      title="Book a Table"
+      title="Visit Us"
-      description="Ready to refuel? Drop us a line and let us know when you're coming."
+      description="Find us at the Ans Sports Complex. Open daily for matches and dining."
-      inputs={[{ name: "name", type: "text", placeholder: "Name" }, { name: "email", type: "email", placeholder: "Email" }]}
+      inputs={[
-      textarea={{ name: "message", placeholder: "Message (e.g. group size)", rows: 4 }}
+        { name: "email", type: "email", placeholder: "Newsletter Sign-up" }
-      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>
@@ -126,10 +121,10 @@ export default function LandingPage() {
   <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>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

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