Merge version_2 into main

Merge version_2 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 ContactCenter from '@/components/sections/contact/ContactCenter';
 import FaqDouble from '@/components/sections/faq/FaqDouble';
 import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
-import FooterMedia from '@/components/sections/footer/FooterMedia';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import HeroOverlay from '@/components/sections/hero/HeroOverlay';
 import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
@@ -130,19 +130,17 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCTA
-      useInvertedBackground={false}
-      background={{ variant: "plain" }}
+      <ContactCenter
       tag="Contact Us"
-      title="Grow Your Business Today"
-      description="Ready to scale? DM us or fill out the form to book a discovery call."
-      buttons={[{ text: "Contact Us", href: "#" }]}
+      title="Let's Discuss Your Growth"
+      description="Fill out the form below to book a free discovery call and see how we can scale your brand."
+      background={{ variant: "sparkles-gradient" }}
+      useInvertedBackground={true}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterMedia
-      imageSrc="http://img.b2bpic.net/free-photo/liquid-marbling-paint-texture-background-fluid-painting-abstract-texture-intensive-color-mix-wallpaper_1258-103689.jpg"
+      <FooterBaseReveal
       logoText="SH Technology"
       columns={[
         {
@@ -151,8 +149,10 @@ export default function LandingPage() {
         {
           title: "Company",          items: [{ label: "About Us", href: "#" }, { label: "Careers", href: "#" }],
         },
+        {
+          title: "Service Areas",          items: [{ label: "North America", href: "#" }, { label: "Europe", href: "#" }, { label: "APAC", href: "#" }],
+        },
       ]}
-      imageAlt="abstract dark geometry background"
     />
   </div>
       </ReactLenis>