Update src/app/contact/page.tsx

Merge version_10 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,19 @@ 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. Feel free to contact us by texting this number: 555-0123."
+  <div id="contact-cta" data-section="contact-cta">
+      <ContactCTA
+      useInvertedBackground={true}
       background={{ variant: "radial-gradient" }}
-      useInvertedBackground={false}
+      tag="Order Now"
+      title="Hi! This is Tess’s Kitchen 🍽️"
+      description="You can text this number anytime to: 520-252-2004
+• Ask questions about the menu
+• Place an order
+• Check availability or specials
+
+Just send us a message with what you need, and we’ll get back to you as soon as possible. Looking forward to serving you! 😊"
+      buttons={[{ text: "Text Us Now", href: "sms:5202522004" }]}
     />
   </div>