Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -32,21 +32,13 @@ export default function LandingPage() {
       <NavbarStyleCentered
       navItems={[
         {
-          name: "Home",
-          id: "hero",
-        },
+          name: "Home",          id: "/"},
         {
-          name: "Menu",
-          id: "menu",
-        },
+          name: "Menu",          id: "menu"},
         {
-          name: "Reservations",
-          id: "reservation",
-        },
+          name: "Reservations",          id: "/reservations"},
         {
-          name: "Contact",
-          id: "contact",
-        },
+          name: "Contact",          id: "contact"},
       ]}
       brandName="Restaurant Foufou"
     />
@@ -58,35 +50,21 @@ export default function LandingPage() {
       description="Authentic Mediterranean seafood experience in Bordj El Bahri. Fresh, local, and expertly prepared."
       buttons={[
         {
-          text: "Book Now",
-          href: "#reservation",
-        },
+          text: "Book Now",          href: "/reservations"},
       ]}
       slides={[
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/various-seafood-plate-with-glass-compote_140725-6370.jpg",
-          imageAlt: "Fresh seafood spread",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/various-seafood-plate-with-glass-compote_140725-6370.jpg",          imageAlt: "Fresh seafood spread"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/shrimp-fried-rice-with-tomatoes-carrots-scallions-plate_1150-27195.jpg",
-          imageAlt: "Paella specialty",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/shrimp-fried-rice-with-tomatoes-carrots-scallions-plate_1150-27195.jpg",          imageAlt: "Paella specialty"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/chicken-kebab-with-grilled-vegetables-barbecque-sauce_114579-2870.jpg",
-          imageAlt: "Grilled fish platter",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/chicken-kebab-with-grilled-vegetables-barbecque-sauce_114579-2870.jpg",          imageAlt: "Grilled fish platter"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/fried-calamari-ring_74190-7583.jpg",
-          imageAlt: "Calamari specialty",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/fried-calamari-ring_74190-7583.jpg",          imageAlt: "Calamari specialty"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/stir-fried-shrimp-with-chili-paste_1150-38075.jpg",
-          imageAlt: "Spicy Shrimp",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/stir-fried-shrimp-with-chili-paste_1150-38075.jpg",          imageAlt: "Spicy Shrimp"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/seafood-plate-top-view_141793-367.jpg",
-          imageAlt: "Seafood restaurant ambiance",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/seafood-plate-top-view_141793-367.jpg",          imageAlt: "Seafood restaurant ambiance"},
       ]}
     />
   </div>
@@ -99,20 +77,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       metrics={[
         {
-          id: "m1",
-          value: "🟢",
-          description: "Tables Available",
-        },
+          id: "m1",          value: "🟢",          description: "Tables Available"},
         {
-          id: "m2",
-          value: "11:00-23:00",
-          description: "Opening Hours",
-        },
+          id: "m2",          value: "11:00-23:00",          description: "Opening Hours"},
         {
-          id: "m3",
-          value: "4.0",
-          description: "Customer Rating",
-        },
+          id: "m3",          value: "4.0",          description: "Customer Rating"},
       ]}
       title="Live Restaurant Status"
       description="Real-time occupancy for your convenience."
@@ -127,47 +96,17 @@ export default function LandingPage() {
       useInvertedBackground={true}
       products={[
         {
-          id: "p1",
-          name: "Mélange de Poisson Pour 2",
-          price: "2500 DZD",
-          variant: "Popular",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-fried-fish-with-lemon-paradise-apples-napkins-cutting-board_176474-3360.jpg",
-        },
+          id: "p1",          name: "Mélange de Poisson Pour 2",          price: "2500 DZD",          variant: "Best Seller",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-fried-fish-with-lemon-paradise-apples-napkins-cutting-board_176474-3360.jpg"},
         {
-          id: "p2",
-          name: "La Paella",
-          price: "1800 DZD",
-          variant: "Popular",
-          imageSrc: "http://img.b2bpic.net/free-photo/mixed-meal-with-oysters-top_140725-3465.jpg",
-        },
+          id: "p2",          name: "La Paella",          price: "1800 DZD",          variant: "Best Seller",          imageSrc: "http://img.b2bpic.net/free-photo/mixed-meal-with-oysters-top_140725-3465.jpg"},
         {
-          id: "p3",
-          name: "Crevettes Roses Sauce Piquante",
-          price: "1500 DZD",
-          variant: "Starter",
-          imageSrc: "http://img.b2bpic.net/free-photo/grilled-prawn-salad-fresh-healthy-gourmet-generated-by-ai_188544-18616.jpg",
-        },
+          id: "p3",          name: "Crevettes Roses Sauce Piquante",          price: "1500 DZD",          variant: "Seasonal",          imageSrc: "http://img.b2bpic.net/free-photo/grilled-prawn-salad-fresh-healthy-gourmet-generated-by-ai_188544-18616.jpg"},
         {
-          id: "p4",
-          name: "Calamar En Sauces",
-          price: "1600 DZD",
-          variant: "Main",
-          imageSrc: "http://img.b2bpic.net/free-photo/shrimps-sauce-with-vegetables-top-view_140725-844.jpg",
-        },
+          id: "p4",          name: "Calamar En Sauces",          price: "1600 DZD",          variant: "Main",          imageSrc: "http://img.b2bpic.net/free-photo/shrimps-sauce-with-vegetables-top-view_140725-844.jpg"},
         {
-          id: "p5",
-          name: "Soupe de Poisson Avec Bourak",
-          price: "1200 DZD",
-          variant: "Soup",
-          imageSrc: "http://img.b2bpic.net/free-photo/grilled-chicken-wings-with-spices-wooden-board-blue_114579-16361.jpg",
-        },
+          id: "p5",          name: "Soupe de Poisson Avec Bourak",          price: "1200 DZD",          variant: "Seasonal",          imageSrc: "http://img.b2bpic.net/free-photo/grilled-chicken-wings-with-spices-wooden-board-blue_114579-16361.jpg"},
         {
-          id: "p6",
-          name: "Citronnade Maison",
-          price: "300 DZD",
-          variant: "Drink",
-          imageSrc: "http://img.b2bpic.net/free-photo/child-having-lemonade-stand_23-2149398322.jpg",
-        },
+          id: "p6",          name: "Citronnade Maison",          price: "300 DZD",          variant: "Drink",          imageSrc: "http://img.b2bpic.net/free-photo/child-having-lemonade-stand_23-2149398322.jpg"},
       ]}
       title="Our Signature Seafood"
       description="Experience the freshest catches from the Mediterranean coast."
@@ -182,19 +121,13 @@ export default function LandingPage() {
       features={[
         {
           icon: GraduationCap,
-          title: "Student Discount",
-          description: "10% off for all students with valid ID.",
-        },
+          title: "Student Discount",          description: "10% off for all students with valid ID."},
         {
           icon: Clock,
-          title: "Friday Fish Special",
-          description: "Weekly special every Friday catch.",
-        },
+          title: "Friday Fish Special",          description: "Weekly special every Friday catch."},
         {
           icon: Calendar,
-          title: "Seasonal Plat",
-          description: "Plat varié 2 personnes at 2500 DA.",
-        },
+          title: "Seasonal Plat",          description: "Plat varié 2 personnes at 2500 DA."},
       ]}
       title="Special Restaurant Offers"
       description="Enjoy our exclusive seasonal and student discounts."
@@ -209,45 +142,20 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "t1",
-          name: "Sarah Ahmed",
-          role: "Foodie",
-          company: "Local",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/adults-enjoying-mexican-food_23-2149663852.jpg",
-        },
+          id: "t1",          name: "Sarah Ahmed",          role: "Foodie",          company: "Local",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/adults-enjoying-mexican-food_23-2149663852.jpg"},
         {
-          id: "t2",
-          name: "Karim Belkacem",
-          role: "Family",
-          company: "Bordj El Bahri",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-family-taking-selfie_23-2148972785.jpg",
-        },
+          id: "t2",          name: "Karim Belkacem",          role: "Family",          company: "Bordj El Bahri",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-family-taking-selfie_23-2148972785.jpg"},
         {
-          id: "t3",
-          name: "Nadia Slimani",
-          role: "Diner",
-          company: "Local",
-          rating: 4,
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-knife-cutting-meat_23-2147716926.jpg",
-        },
+          id: "t3",          name: "Nadia Slimani",          role: "Diner",          company: "Local",          rating: 4,
+          imageSrc: "http://img.b2bpic.net/free-photo/top-view-knife-cutting-meat_23-2147716926.jpg"},
         {
-          id: "t4",
-          name: "Mohamed Yacine",
-          role: "Regular",
-          company: "Visitor",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-sitting-table_23-2150279929.jpg",
-        },
+          id: "t4",          name: "Mohamed Yacine",          role: "Regular",          company: "Visitor",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-sitting-table_23-2150279929.jpg"},
         {
-          id: "t5",
-          name: "Leila Mansour",
-          role: "Food Critic",
-          company: "Expert",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/sea-food-table_140725-7440.jpg",
-        },
+          id: "t5",          name: "Leila Mansour",          role: "Food Critic",          company: "Expert",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/sea-food-table_140725-7440.jpg"},
       ]}
       title="What Our Guests Say"
       description="Join our community of satisfied diners who love the fresh Mediterranean taste."
@@ -260,25 +168,13 @@ export default function LandingPage() {
       useInvertedBackground={true}
       faqs={[
         {
-          id: "f1",
-          title: "How does the reservation work?",
-          content: "Book your table online in seconds and receive a QR code via SMS or email.",
-        },
+          id: "f1",          title: "How does the reservation work?",          content: "Book your table online in seconds and receive a QR code via SMS or email."},
         {
-          id: "f2",
-          title: "Can I cancel my reservation?",
-          content: "Yes, through your confirmation email or by calling us directly.",
-        },
+          id: "f2",          title: "Can I cancel my reservation?",          content: "Yes, through your confirmation email or by calling us directly."},
         {
-          id: "f3",
-          title: "Do you offer parking?",
-          content: "Yes, free street parking is available near the restaurant.",
-        },
+          id: "f3",          title: "Do you offer parking?",          content: "Yes, free street parking is available near the restaurant."},
         {
-          id: "f4",
-          title: "Is the restaurant accessible?",
-          content: "We are fully wheelchair-accessible with dedicated seating.",
-        },
+          id: "f4",          title: "Is the restaurant accessible?",          content: "We are fully wheelchair-accessible with dedicated seating."},
       ]}
       title="Frequently Asked Questions"
       description="Answers about our reservation policy and menu."
@@ -286,22 +182,6 @@ export default function LandingPage() {
     />
   </div>
 
-  <div id="reservation" data-section="reservation">
-      <ContactSplit
-      useInvertedBackground={false}
-      background={{
-        variant: "animated-grid",
-      }}
-      tag="Smart Booking"
-      title="Secure Your Table"
-      description="Book ahead to avoid wait times. Quick and simple reservation process."
-      imageSrc="http://img.b2bpic.net/free-photo/night-view-traditional-japanese-food-court_23-2148759601.jpg"
-      mediaAnimation="blur-reveal"
-      inputPlaceholder="Enter your phone number"
-      buttonText="Check Availability"
-    />
-  </div>
-
   <div id="footer" data-section="footer">
       <FooterCard
       logoText="Restaurant Foufou"
@@ -309,13 +189,11 @@ export default function LandingPage() {
       socialLinks={[
         {
           icon: Facebook,
-          href: "https://www.facebook.com/profile.php?id=100088444573453",
-          ariaLabel: "Facebook",
-        },
+          href: "https://www.facebook.com/profile.php?id=100088444573453",          ariaLabel: "Facebook"},
       ]}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/reservations/page.tsx

@@ -0,0 +1,66 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import ContactSplit from '@/components/sections/contact/ContactSplit';
+import FooterCard from '@/components/sections/footer/FooterCard';
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import { Facebook } from "lucide-react";
+
+export default function ReservationsPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="shift-hover"
+        defaultTextAnimation="background-highlight"
+        borderRadius="soft"
+        contentWidth="smallMedium"
+        sizing="largeSmallSizeMediumTitles"
+        background="fluid"
+        cardStyle="layered-gradient"
+        primaryButtonStyle="primary-glow"
+        secondaryButtonStyle="glass"
+        headingFontWeight="semibold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+            <NavbarStyleCentered
+            navItems={[
+                { name: "Home", id: "/" },
+                { name: "Menu", id: "/" },
+                { name: "Reservations", id: "/reservations" },
+                { name: "Contact", id: "/" },
+            ]}
+            brandName="Restaurant Foufou"
+            />
+        </div>
+
+        <div id="reservation" data-section="reservation">
+            <ContactSplit
+            useInvertedBackground={false}
+            background={{
+                variant: "animated-grid"}}
+            tag="Smart Booking"
+            title="Secure Your Table"
+            description="Book ahead to avoid wait times. Quick and simple reservation process for all your group dining needs."
+            imageSrc="http://img.b2bpic.net/free-photo/night-view-traditional-japanese-food-court_23-2148759601.jpg"
+            mediaAnimation="blur-reveal"
+            inputPlaceholder="Enter your phone number"
+            buttonText="Check Availability"
+            />
+        </div>
+
+        <div id="footer" data-section="footer">
+            <FooterCard
+            logoText="Restaurant Foufou"
+            copyrightText="© 2025 Restaurant Foufou. All rights reserved."
+            socialLinks={[
+                {
+                icon: Facebook,
+                href: "https://www.facebook.com/profile.php?id=100088444573453",                ariaLabel: "Facebook"},
+            ]}
+            />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}