Update src/app/contact/page.tsx

Merge version_9 into main

src/app/contact/page.tsx

@@ -2,9 +2,9 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
 
 export default function ContactPage() {
   return (
@@ -33,13 +33,14 @@ export default function ContactPage() {
     />
   </div>
 
-  <div id="contact" data-section="contact" className="py-20">
-      <ContactCenter
-      tag="Contact Us"
-      title="Get in Touch"
-      description="Send us a message and we'll get back to you shortly regarding your orders and inquiries."
+  <div id="contact-cta" data-section="contact-cta">
+      <ContactCTA
+      useInvertedBackground={true}
       background={{ variant: "radial-gradient" }}
-      useInvertedBackground={false}
+      tag="Order Now"
+      title="Get in Touch"
+      description="Text us at (555) 123-4567 to place your order or ask any questions about our treats."
+      buttons={[{ text: "Text Us Now", href: "sms:+15551234567" }]}
     />
   </div>
 
@@ -68,4 +69,4 @@ export default function ContactPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}