Update src/app/order/page.tsx

src/app/order/page.tsx

@@ -4,7 +4,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
-import ContactCenter from '@/components/sections/contact/ContactCenter';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
 import CardStack from '@/components/cardStack/CardStack';
 import { useState } from 'react';
 
@@ -30,6 +30,7 @@ export default function OrderPage() {
               { name: "Bestsellers", id: "/#bestsellers" },
               { name: "Reviews", id: "/#testimonials" },
               { name: "Order", id: "/order" },
+              { name: "Contact", id: "/#contact" },
             ]}
             brandName="Maarus Bakers"
           />
@@ -59,12 +60,13 @@ export default function OrderPage() {
         </div>
 
         <div id="contact" data-section="contact">
-          <ContactCenter
-            useInvertedBackground={false}
-            background={{ variant: "plain" }}
+          <ContactCTA
             tag="Need Assistance?"
             title="Get in Touch"
-            description="Our master bakers are here to help you finalize your custom order."
+            description="Our master bakers are here to help you finalize your custom order. Visit our shop at 123 Baker Street."
+            buttons={[{ text: "Call Us", href: "tel:+1234567890" }]}
+            background={{ variant: "plain" }}
+            useInvertedBackground={false}
           />
         </div>
 
@@ -73,7 +75,7 @@ export default function OrderPage() {
             logoSrc="https://tinw.in//uploads/vcards/profiles/17279/file-(17).jpg"
             logoText="Maarus Bakers"
             columns={[
-              { title: "Quick Links", items: [{ label: "Home", href: "/" }, { label: "Order", href: "/order" }] },
+              { title: "Quick Links", items: [{ label: "Home", href: "/" }, { label: "Order", href: "/order" }, { label: "Contact", href: "/#contact" }] },
               { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
             ]}
           />
@@ -81,4 +83,4 @@ export default function OrderPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}