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,29 +33,34 @@ 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>

src/app/page.tsx

@@ -91,21 +91,6 @@ export default function LandingPage() {
         />
       </div>
 
-      <div id="textbox" data-section="textbox">
-        <div style={{
-          maxWidth: "800px",          margin: "0 auto",          padding: "3rem 1.5rem",          textAlign: "center"
-        }}>
-          <h2 style={{
-            fontSize: "2rem",            fontWeight: "700",            marginBottom: "1rem",            color: "var(--foreground)"
-          }}>Welcome to Our Text Box</h2>
-          <p style={{
-            fontSize: "1.125rem",            lineHeight: "1.6",            color: "var(--foreground)",            opacity: "0.9"
-          }}>
-            This is a simple text box section added to the home page. You can add any content you want here, including text, paragraphs, or any other information you'd like to display to your visitors.
-          </p>
-        </div>
-      </div>
-
       <div id="demo-website" data-section="demo-website">
         <MetricSplitMediaAbout
           tag="Low-Friction Path to Results"
@@ -196,7 +181,7 @@ export default function LandingPage() {
             {
               id: "enterprise",              badge: "For Scaling Brands",              badgeIcon: Zap,
               price: "$500/mo",              subtitle: "Maximum creative output and strategy",              buttons: [{ text: "Get Started", href: "/contact" }],
-              features: ["15+ ad variations monthly", "A/B testing frameworks", "Video and static assets", "Campaign-specific creative", "Unlimited revisions", "Dedicated creative support", ""]
+              features: ["15+ ad variations monthly", "A/B testing frameworks", "Video and static assets", "Campaign-specific creative", " Creative tailored to your offer and audience", "Dedicated creative support", "Structured revision rounds included  "]
             }
           ]}
           animationType="slide-up"
@@ -278,4 +263,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}