Update src/app/contact/page.tsx

src/app/contact/page.tsx

@@ -8,7 +8,7 @@ import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import { Award, Coffee, Star } from "lucide-react";
 
-export default function LandingPage() {
+export default function ContactPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="hover-magnetic"
@@ -26,33 +26,20 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
       navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "About",
-          id: "/about",
-        },
-        {
-          name: "Menu",
-          id: "/services",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
+        { name: "Home", id: "/" },
+        { name: "About", id: "/about" },
+        { name: "Menu", id: "/services" },
+        { name: "Contact", id: "/contact" },
       ]}
       brandName="Kinni Cafe"
+      button={{ text: "Order Online", href: "/services" }}
     />
   </div>
 
   <div id="contact" data-section="contact">
       <ContactCenter
       useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
+      background={{ variant: "plain" }}
       tag="Visit Us"
       title="Come Say Hi!"
       description="We are open daily until 3 PM. Come in for coffee and good food."
@@ -65,31 +52,13 @@ export default function LandingPage() {
       textboxLayout="default"
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={true}
-      metrics={[
-        {
-          id: "1",
-          value: "10+ Years",
-          title: "Serving River Falls",
-          description: "Trusted community diner.",
-          icon: Award,
-        },
-        {
-          id: "2",
-          value: "4.5+",
-          title: "Star Rating",
-          description: "Loved by locals.",
-          icon: Star,
-        },
-        {
-          id: "3",
-          value: "Daily",
-          title: "Fresh Service",
-          description: "Open until 3 PM.",
-          icon: Coffee,
-        },
-      ]}
       title="Dining Stats"
       description="Quality and consistency every day."
+      metrics={[
+        { id: "1", value: "10+ Years", title: "Serving River Falls", description: "Trusted community diner.", icon: Award },
+        { id: "2", value: "4.5+", title: "Star Rating", description: "Loved by locals.", icon: Star },
+        { id: "3", value: "Daily", title: "Fresh Service", description: "Open until 3 PM.", icon: Coffee },
+      ]}
     />
   </div>
 
@@ -97,40 +66,12 @@ export default function LandingPage() {
       <FooterBaseCard
       logoText="Kinni Cafe"
       columns={[
-        {
-          title: "Navigation",
-          items: [
-            {
-              label: "Home",
-              href: "/",
-            },
-            {
-              label: "About",
-              href: "/about",
-            },
-            {
-              label: "Menu",
-              href: "/services",
-            },
-          ],
-        },
-        {
-          title: "Contact",
-          items: [
-            {
-              label: "Call Us",
-              href: "tel:+17154259440",
-            },
-            {
-              label: "Visit Us",
-              href: "/contact",
-            },
-          ],
-        },
+        { title: "Navigation", items: [{ label: "Home", href: "/" }, { label: "About", href: "/about" }, { label: "Menu", href: "/services" }] },
+        { title: "Contact", items: [{ label: "Call Us", href: "tel:+17154259440" }, { label: "Visit Us", href: "/contact" }] },
       ]}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}