Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactText from '@/components/sections/contact/ContactText';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FaqBase from '@/components/sections/faq/FaqBase';
 import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
 import FooterMedia from '@/components/sections/footer/FooterMedia';
@@ -11,7 +11,7 @@ import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSp
 import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
-import { Award, Shield, Zap } from "lucide-react";
+import { Award, Shield, Zap, Mail, MessageSquare } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -48,7 +48,7 @@ export default function LandingPage() {
       <HeroCentered
       background={{
         variant: "sparkles-gradient"}}
-      title="Scale Your Business with Custom AI Architecture"
+      title="Build Scalable AI Solutions That Drive Results"
       description="We build scalable AI solutions and enterprise-grade software to transform your business ecosystem."
       avatars={[
         {
@@ -182,15 +182,15 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactText
-      useInvertedBackground={false}
+      <ContactCenter
+      tag="Contact"
+      tagIcon={MessageSquare}
+      title="Let's Build Something Great"
+      description="Reach out to us via our form, send an email to hello@nexus.ai, or connect on WhatsApp for immediate support."
       background={{
         variant: "sparkles-gradient"}}
-      text="Ready to build the future? Reach out today."
-      buttons={[
-        {
-          text: "Contact Us",          href: "mailto:hello@agency.com"},
-      ]}
+      useInvertedBackground={false}
+      onSubmit={(email) => console.log("Form submitted", email)}
     />
   </div>