Update src/app/page.tsx

src/app/page.tsx

@@ -3,7 +3,7 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import AboutMetric from '@/components/sections/about/AboutMetric';
-import ContactCenter from '@/components/sections/contact/ContactCenter';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
 import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
@@ -222,12 +222,12 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCenter
+      <ContactCTA
       tag="Let's Connect"
       title="Start your journey with Adaptive today."
       description="Share your vision and let's craft something remarkable."
-      background={{
+      buttons={[{ text: "Book a Call", href: "#" }]}
-        variant: "plain"}}
+      background={{ variant: "sparkles-gradient" }}
       useInvertedBackground={false}
     />
   </div>
@@ -237,17 +237,17 @@ export default function LandingPage() {
       logoText="Adaptive"
       columns={[
         {
-            title: "Company",            items: [
+          title: "Company",          items: [
-                { label: "About", href: "#about" },
+            { label: "About", href: "#about" },
-                { label: "Services", href: "#features" },
+            { label: "Services", href: "#features" },
-            ]
+          ],
         },
         {
-            title: "Legal",            items: [
+          title: "Legal",          items: [
-                { label: "Privacy", href: "#" },
+            { label: "Privacy", href: "#" },
-                { label: "Terms", href: "#" },
+            { label: "Terms", href: "#" },
-            ]
+          ],
-        }
+        },
       ]}
     />
   </div>