Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -5,11 +5,11 @@ 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 ProductCardThree from '@/components/sections/product/ProductCardThree';
-import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
+import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
-import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
+import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
 import { Clock, Star, Users, Utensils } from "lucide-react";
 
 export default function LandingPage() {
@@ -30,204 +30,72 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
-        {
+        { name: "Accueil", id: "hero" },
-          name: "Accueil",
+        { name: "Menu", id: "menu" },
-          id: "hero",
+        { name: "À propos", id: "about" },
-        },
+        { name: "Contact", id: "contact" },
-        {
-          name: "Menu",
-          id: "menu",
-        },
-        {
-          name: "À propos",
-          id: "about",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
       ]}
       brandName="Ans Sports"
     />
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroSplitKpi
+      <HeroSplitTestimonial
-      background={{
+      background={{ variant: "gradient-bars" }}
-        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."
-      title="The best place to eat after sports in Ans"
+      testimonials={[
-      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."
+        { name: "Marc Dubois", handle: "@coach", testimonial: "The best post-match burger in town!", rating: 5 },
-      kpis={[
+        { name: "Sophie L.", handle: "@local", testimonial: "Fresh ingredients and a great atmosphere.", rating: 5 }
-        {
-          value: "15€",
-          label: "After Match Menu",
-        },
-        {
-          value: "Local",
-          label: "Belgian Classics",
-        },
-        {
-          value: "Daily",
-          label: "Fresh Specials",
-        },
       ]}
-      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
+      <MetricSplitMediaAbout
-      useInvertedBackground={false}
+      title="Authentic Brasserie Experience"
-      tag="About Us"
+      description="We combine the energy of the sports field with the comfort of traditional Belgian dining. Quality, service, and a welcoming team spirit."
-      title="Your Brasserie in Ans"
+      metrics={[
-      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."
+        { value: "10+", title: "Years Experience" },
-      subdescription="Our menu features Belgian classics, crispy fries, juicy burgers, and refreshing drinks in a warm, athletic-inspired environment."
+        { value: "5k+", title: "Meals Served" },
-      icon={Utensils}
+        { 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">
-      <ProductCardOne
+      <ProductCardThree
       animationType="slide-up"
       textboxLayout="split"
       gridVariant="four-items-2x2-equal-grid"
       useInvertedBackground={true}
+      title="Our Signature Menu"
+      description="Hand-crafted Belgian dishes designed for recovery and enjoyment."
       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",
+        { id: "2", name: "Chicken Burger", price: "14€", imageSrc: "http://img.b2bpic.net/free-photo/dinning-room-table-chairs_1339-4043.jpg?_wi=2" },
-          name: "Belgian Steak with Fries",
+        { 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" },
-          price: "18€",
+        { 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" },
-          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",
-        },
       ]}
-      title="Our Digital Menu"
-      description="Discover our selection of starters, mains, and desserts."
     />
   </div>
 
   <div id="testimonial" data-section="testimonial">
-      <TestimonialCardTwo
+      <TestimonialCardTen
-      animationType="slide-up"
+      title="Community Voices"
       textboxLayout="split"
       useInvertedBackground={false}
+      description="Hear from our satisfied guests."
       testimonials={[
-        {
+        { id: "1", title: "Excellent food", quote: "Perfect for the team after match!", name: "Marc Dubois", role: "Sports Club Coach" },
-          id: "1",
+        { id: "2", title: "Great vibe", quote: "Very friendly staff and great fries.", name: "Sophie Lambert", role: "Local Visitor" }
-          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="What our guests say"
-      description="Join our community of happy customers."
     />
   </div>
 
@@ -235,55 +103,23 @@ export default function LandingPage() {
       <FaqSplitText
       useInvertedBackground={true}
       faqs={[
-        {
+        { id: "q1", title: "Group Reservations", content: "Yes, we accommodate teams and large groups. Contact us to book." },
-          id: "q1",
+        { id: "q2", title: "Parking Access", content: "Located within the Ans Sports complex with ample free parking." }
-          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.",
-        },
       ]}
-      sideTitle="Frequently Asked Questions"
+      sideTitle="Your Questions"
-      sideDescription="Everything you need to know about your next visit."
       faqsAnimation="slide-up"
     />
   </div>
 
   <div id="contact" data-section="contact">
       <ContactSplitForm
-      useInvertedBackground={false}
+      title="Book a Table"
-      title="Contact us"
+      description="Ready to refuel? Drop us a line and let us know when you're coming."
-      description="Got a question? Send us a message and we'll get back to you."
+      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: "name",
-          type: "text",
-          placeholder: "Your Name",
-          required: true,
-        },
-        {
-          name: "email",
-          type: "email",
-          placeholder: "Your Email",
-          required: true,
-        },
-      ]}
-      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"
+      useInvertedBackground={false}
     />
   </div>
 
@@ -296,4 +132,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}