Add src/app/reservations/page.tsx

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>
+  );
+}