Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -2,10 +2,10 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCTA from '@/components/sections/contact/ContactCTA';
+import ContactText from '@/components/sections/contact/ContactText';
 import FaqBase from '@/components/sections/faq/FaqBase';
 import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
-import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
 import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
 import MediaAbout from '@/components/sections/about/MediaAbout';
 import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
@@ -172,13 +172,11 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCTA
+      <ContactText
       useInvertedBackground={false}
       background={{
         variant: "sparkles-gradient"}}
-      tag="Get in Touch"
-      title="Ready to Transform Your Business?"
-      description="Contact us today to discuss your project and discover how our expertise can benefit you. We're eager to help you achieve your next big success."
+      text="Ready to Transform Your Business? Contact us today to discuss your project and discover how our expertise can benefit you. We're eager to help you achieve your next big success."
       buttons={[
         {
           text: "Schedule a Consultation",          href: "#"},
@@ -189,7 +187,9 @@ export default function LandingPage() {
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBaseReveal
+      <FooterMedia
+      imageSrc="http://img.b2bpic.net/free-photo/blurred-business-people_1156-32.jpg"
+      imageAlt="Blurred business people walking in a modern office environment"
       logoText="Your Company"
       columns={[
         {