Update src/app/contact/page.tsx

Merge version_21 into main

src/app/contact/page.tsx

@@ -2,9 +2,8 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import ContactSplit from '@/components/sections/contact/ContactSplit';
-import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
-import { Mail } from "lucide-react";
+import ContactText from '@/components/sections/contact/ContactText';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 
 export default function ContactPage() {
   return (
@@ -34,31 +33,36 @@ export default function ContactPage() {
       </div>
 
       <div id="contact" data-section="contact">
-        <ContactSplit
-          tag="Get In Touch"
-          tagIcon={Mail}
-          title="See What's Possible for Your Business "
-          description="Ready to grow your business? Share your information and let's schedule a call to discuss your needs. Whether you're looking for a website, ads management, creative producti"
+        <ContactText
+          text="See What's Possible for Your Business"
           background={{ variant: "sparkles-gradient" }}
           useInvertedBackground={false}
-          imageSrc="http://img.b2bpic.net/premium-photo/abstract-futuristic-blue-background-technology-glowing-lines_118195-51.jpg?id=5040937"
-          imageAlt="Contact us mockup"
-          mediaAnimation="slide-up"
-          mediaPosition="right"
-          inputPlaceholder="your@email.com"
-          buttonText="Get Started"
-          termsText="We respect your privacy. We'll only use your information to discuss your customer acquisition needs."
-          onSubmit={(email) => console.log('Contact form submitted:', email)}
+          buttons={[
+            { text: "Get In Touch", onClick: () => console.log('Contact clicked') }
+          ]}
         />
       </div>
 
       <div id="footer" data-section="footer">
-        <FooterLogoReveal
-          logoText="Convrsn"
-          leftLink={{ text: "Privacy Policy", href: "#" }}
-          rightLink={{ text: "Terms of Service", href: "#" }}
+        <FooterBaseReveal
+          columns={[
+            {
+              title: "Company",              items: [
+                { label: "About", href: "#" },
+                { label: "Services", href: "#" },
+                { label: "Contact", href: "#" }
+              ]
+            },
+            {
+              title: "Legal",              items: [
+                { label: "Privacy Policy", href: "#" },
+                { label: "Terms of Service", href: "#" }
+              ]
+            }
+          ]}
+          copyrightText="© 2024 Convrsn. All rights reserved."
         />
       </div>
     </ThemeProvider>
   );
-}
+}