Update src/app/contact/page.tsx

src/app/contact/page.tsx

@@ -7,7 +7,7 @@ import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis'
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 
-export default function LandingPage() {
+export default function ContactPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="icon-arrow"
@@ -25,46 +25,25 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
       navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "Menu",
-          id: "/menu",
-        },
-        {
-          name: "About",
-          id: "/about",
-        },
-        {
-          name: "Order",
-          id: "/order",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
+        { name: "Home", id: "/" },
+        { name: "Menu", id: "/menu" },
+        { name: "About", id: "/about" },
+        { name: "Order", id: "/order" },
+        { name: "Contact", id: "/contact" },
       ]}
       brandName="Java Cafe"
+      button={{ text: "Order Now", href: "/order" }}
     />
   </div>
 
   <div id="contact" data-section="contact">
       <ContactCTA
       useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
+      background={{ variant: "plain" }}
       tag="Visit Us"
       title="Contact Java Cafe"
       description="Location: 123 Coffee Lane, City. Phone: (555) 123-4567. Open 7am - 8pm."
-      buttons={[
-        {
-          text: "View Map",
-          href: "#",
-        },
-      ]}
+      buttons={[{ text: "View Map", href: "#" }]}
     />
   </div>
 
@@ -75,40 +54,15 @@ export default function LandingPage() {
       title="Proudly Serving"
       description="Partnering with the best suppliers."
       names={[
-        "Local Roasters",
-        "Organic Dairy",
-        "Fair Trade Coop",
-      ]}
+        "Local Roasters",        "Organic Dairy",        "Fair Trade Coop"]}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterLogoEmphasis
       columns={[
-        {
-          items: [
-            {
-              label: "Menu",
-              href: "/menu",
-            },
-            {
-              label: "About",
-              href: "/about",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Order",
-              href: "/order",
-            },
-            {
-              label: "Contact",
-              href: "/contact",
-            },
-          ],
-        },
+        { items: [{ label: "Menu", href: "/menu" }, { label: "About", href: "/about" }] },
+        { items: [{ label: "Order", href: "/order" }, { label: "Contact", href: "/contact" }] },
       ]}
       logoText="Java Cafe"
     />