Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -2,10 +2,10 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
-import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
 import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
 import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
@@ -116,7 +116,7 @@ export default function LandingPage() {
       animationType="slide-up"
       products={[
         {
-          id: "p1",          name: "Desiccant Dryer",          price: "From $4,500",          variant: "Industrial",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-refrigerant-manifold-gauges_482257-90522.jpg"},
+          id: "p1",          name: "Desiccant Dryer",          price: "From $4,500",          variant: "Industrial",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-refrigerant-manifold-gauges_482257-90522.jpg?_wi=1"},
         {
           id: "p2",          name: "Refrigerant Dryer",          price: "From $3,200",          variant: "Standard",          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-ventilation-system_23-2149281319.jpg"},
         {
@@ -189,19 +189,20 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactSplitForm
+      <ContactCTA
       useInvertedBackground={true}
+      tag="Contact Us"
       title="Ready for Clean Air?"
       description="Speak with an engineer today about your facility requirements."
-      inputs={[
-        { name: "name", type: "text", placeholder: "Full Name", required: true },
-        { name: "email", type: "email", placeholder: "Email Address", required: true }
+      buttons={[
+        { text: "Get in touch", href: "#contact" }
       ]}
+      background={{ variant: "sparkles-gradient" }}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBaseReveal
+      <FooterMedia
       logoText="PureFlow Systems"
       columns={[
         {
@@ -229,7 +230,7 @@ export default function LandingPage() {
           ],
         },
       ]}
-      copyrightText="© 2025 | www.cadf.co.za"
+      imageSrc="http://img.b2bpic.net/free-photo/close-up-refrigerant-manifold-gauges_482257-90522.jpg?_wi=2"
     />
   </div>
       </ReactLenis>