Switch to version 2: added src/app/contact/page.tsx

src/app/contact/page.tsx

@@ -0,0 +1,54 @@
+"use client";
+
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
+import ContactCenter from "@/components/sections/contact/ContactCenter";
+import FooterCard from "@/components/sections/footer/FooterCard";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import { Instagram, Facebook, Linkedin } from "lucide-react";
+
+export default function ContactPage() {
+    return (
+        <ThemeProvider
+            defaultButtonVariant="icon-arrow"
+            defaultTextAnimation="entrance-slide"
+            borderRadius="rounded"
+            contentWidth="medium"
+            sizing="medium"
+            background="none"
+            cardStyle="solid"
+            primaryButtonStyle="shadow"
+            secondaryButtonStyle="solid"
+            headingFontWeight="medium"
+        >
+            <ReactLenis root>
+                <NavbarLayoutFloatingInline
+                    navItems={[
+                        { name: "Overview", id: "/" },
+                        { name: "Gallery", id: "/gallery" },
+                        { name: "Reservations", id: "/reservations" },
+                        { name: "Contact", id: "/contact" },
+                    ]}
+                    brandName="FEDERICO"
+                    button={{ text: "Book Table", href: "/reservations" }}
+                />
+                <ContactCenter
+                    tag="Contact"
+                    title="Visit or Reach Out"
+                    description="Locate us at 1 Rue du Lac de Constance, Tunis. We are open for your pleasure."
+                    background={{ variant: "plain" }}
+                    useInvertedBackground={false}
+                />
+                <FooterCard
+                    logoText="FEDERICO"
+                    copyrightText="© 2025 FEDERICO Restaurant. 1 Rue du Lac de Constance, Tunis."
+                    socialLinks={[
+                        { icon: Instagram, href: "#", ariaLabel: "Instagram" },
+                        { icon: Facebook, href: "#", ariaLabel: "Facebook" },
+                        { icon: Linkedin, href: "#", ariaLabel: "LinkedIn" },
+                    ]}
+                />
+            </ReactLenis>
+        </ThemeProvider>
+    );
+}