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 ContactCTA from '@/components/sections/contact/ContactCTA';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
 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">
-      <ContactCTA
+      <ContactCenter
       tag="Let's Connect"
       title="Start your journey with Adaptive today."
       description="Share your vision and let's craft something remarkable."
-      buttons={[{ text: "Book a Call", href: "#" }]}
-      background={{ variant: "sparkles-gradient" }}
+      background={{
+        variant: "plain"}}
       useInvertedBackground={false}
     />
   </div>
@@ -237,17 +237,17 @@ export default function LandingPage() {
       logoText="Adaptive"
       columns={[
         {
-          title: "Company",          items: [
-            { label: "About", href: "#about" },
-            { label: "Services", href: "#features" },
-          ],
+            title: "Company",            items: [
+                { label: "About", href: "#about" },
+                { label: "Services", href: "#features" },
+            ]
         },
         {
-          title: "Legal",          items: [
-            { label: "Privacy", href: "#" },
-            { label: "Terms", href: "#" },
-          ],
-        },
+            title: "Legal",            items: [
+                { label: "Privacy", href: "#" },
+                { label: "Terms", href: "#" },
+            ]
+        }
       ]}
     />
   </div>