Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -2,17 +2,17 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplit from '@/components/sections/contact/ContactSplit';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
-import FooterBase from '@/components/sections/footer/FooterBase';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
 import HeroSplit from '@/components/sections/hero/HeroSplit';
 import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
 import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
-import { BarChart2, ShieldCheck, Sparkles } from "lucide-react";
+import { BarChart2, ShieldCheck, Sparkles, Mail } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -166,26 +166,26 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactSplit
+      <ContactCTA
+      tag="Contact Us"
+      tagIcon={Mail}
+      title="Ready to Level Up?"
+      description="Have questions or want to partner with us? Our team is here to help you get the most out of FocusForge."
+      buttons={[{ text: "Email Support", href: "mailto:support@focusforge.com" }, { text: "Learn More", href: "#hero" }]}
+      background={{ variant: "sparkles-gradient" }}
       useInvertedBackground={false}
-      background={{ variant: "plain" }}
-      tag="Newsletter"
-      title="Stay Focused, Stay Informed"
-      description="Sign up for productivity tips and news about new features."
-      mediaAnimation="blur-reveal"
-      imageSrc="http://img.b2bpic.net/free-photo/portrait-woman-business-embrace-confidence-posing-beauty-black-african-american-isolated-gray-background_640221-39.jpg"
-      imageAlt="Portrait of a confident student"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBase
+      <FooterMedia
+      logoText="FocusForge"
+      imageSrc="http://img.b2bpic.net/free-photo/flat-lay-arrangement-with-tablet-white-background_23-2148269417.jpg"
       columns={[
         { title: "Product", items: [{ label: "Web App", href: "#" }, { label: "Extensions", href: "#" }, { label: "Features", href: "#" }] },
         { title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Careers", href: "#" }, { label: "Blog", href: "#" }] },
         { title: "Support", items: [{ label: "Help Center", href: "#" }, { label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
       ]}
-      logoText="FocusForge"
     />
   </div>
       </ReactLenis>