Update src/app/page.tsx

Merge version_1 into main

src/app/contact/page.tsx

@@ -0,0 +1,92 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import ContactText from '@/components/sections/contact/ContactText';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import { Phone } from 'lucide-react';
+
+export default function ContactPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="expand-hover"
+      defaultTextAnimation="background-highlight"
+      borderRadius="pill"
+      contentWidth="compact"
+      sizing="mediumSizeLargeTitles"
+      background="noise"
+      cardStyle="inset"
+      primaryButtonStyle="flat"
+      secondaryButtonStyle="layered"
+      headingFontWeight="normal"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingInline
+          brandName="Beppe's Café"
+          navItems={[
+            { name: "Menu", id: "menu" },
+            { name: "About", id: "about" },
+            { name: "Reviews", id: "reviews" },
+            { name: "Contact", id: "/contact" }
+          ]}
+          button={{
+            text: "Call Now",            href: "tel:+442072367822"
+          }}
+          animateOnLoad={true}
+        />
+      </div>
+
+      <div id="contact" data-section="contact">
+        <ContactText
+          text="Ready to visit Beppe's Café? Get in touch with us for reservations, catering inquiries, or any questions about our menu and services."
+          animationType="entrance-slide"
+          buttons={[
+            { text: "Call +44 20 7236 7822", href: "tel:+442072367822" },
+            { text: "Back to Home", href: "/" }
+          ]}
+          background={{ variant: "plain" }}
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterBaseCard
+          logoText="Beppe's Café"
+          columns={[
+            {
+              title: "Quick Links",              items: [
+                { label: "Home", href: "/" },
+                { label: "Menu", href: "/#menu" },
+                { label: "About Us", href: "/#about" },
+                { label: "Contact", href: "/contact" }
+              ]
+            },
+            {
+              title: "Visit Us",              items: [
+                { label: "23 W Smithfield, London EC1A 9HY", href: "#" },
+                { label: "Phone: +44 20 7236 7822", href: "tel:+442072367822" },
+                { label: "Monday - Friday: 7:00 AM - 5:00 PM", href: "#" },
+                { label: "Saturday - Sunday: 8:00 AM - 4:00 PM", href: "#" }
+              ]
+            },
+            {
+              title: "Follow Us",              items: [
+                { label: "Instagram", href: "https://instagram.com" },
+                { label: "Facebook", href: "https://facebook.com" },
+                { label: "Google Reviews", href: "https://google.com" }
+              ]
+            },
+            {
+              title: "Company",              items: [
+                { label: "Privacy Policy", href: "#" },
+                { label: "Terms of Service", href: "#" },
+                { label: "Accessibility", href: "#" }
+              ]
+            }
+          ]}
+          copyrightText="© 2025 Beppe's Café | All rights reserved. Quality coffee & authentic food since 2005."
+        />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -50,7 +50,7 @@ export default function LandingPage() {
           tagAnimation="slide-up"
           buttons={[
             { text: "Book a Table", href: "tel:+442072367822" },
-            { text: "Order Online", href: "#" }
+            { text: "Order Online", href: "/contact" }
           ]}
           buttonAnimation="slide-up"
           imageSrc="http://img.b2bpic.net/free-photo/elegant-couple-spend-time-restaurant_1157-20505.jpg"