Merge version_4 into main

Merge version_4 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 (
@@ -32,21 +32,13 @@ export default function LandingPage() {
       <NavbarStyleFullscreen
       navItems={[
         {
-          name: "Home",
-          id: "hero",
-        },
+          name: "Home",          id: "hero"},
         {
-          name: "About",
-          id: "about",
-        },
+          name: "About",          id: "about"},
         {
-          name: "Features",
-          id: "features",
-        },
+          name: "Features",          id: "features"},
         {
-          name: "Contact",
-          id: "contact",
-        },
+          name: "Contact",          id: "contact"},
       ]}
       brandName="Nexus AI"
     />
@@ -55,59 +47,36 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroCentered
       background={{
-        variant: "sparkles-gradient",
-      }}
-      title="Architecting the Future of Intelligence"
+        variant: "sparkles-gradient"}}
+      title="Build Scalable AI Solutions That Drive Results"
       description="We build scalable AI solutions and enterprise-grade software to transform your business ecosystem."
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/portrait-man-black-suit_23-2148401442.jpg",
-          alt: "Client 1",
-        },
+          src: "http://img.b2bpic.net/free-photo/portrait-man-black-suit_23-2148401442.jpg",          alt: "Client 1"},
         {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-work_23-2149097959.jpg",
-          alt: "Client 2",
-        },
+          src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-work_23-2149097959.jpg",          alt: "Client 2"},
         {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-senior-woman_23-2149178449.jpg",
-          alt: "Client 3",
-        },
+          src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-senior-woman_23-2149178449.jpg",          alt: "Client 3"},
         {
-          src: "http://img.b2bpic.net/free-photo/smiling-senior-engineer-solar-panels-plant-reading-documentation_482257-120499.jpg",
-          alt: "Client 4",
-        },
+          src: "http://img.b2bpic.net/free-photo/smiling-senior-engineer-solar-panels-plant-reading-documentation_482257-120499.jpg",          alt: "Client 4"},
         {
-          src: "http://img.b2bpic.net/free-photo/bearded-grey-haired-elderly-man-dressed-formal-suit_273609-6125.jpg",
-          alt: "Expert Advisor",
-        },
+          src: "http://img.b2bpic.net/free-photo/bearded-grey-haired-elderly-man-dressed-formal-suit_273609-6125.jpg",          alt: "Expert Advisor"},
       ]}
       buttons={[
         {
-          text: "Start Project",
-          href: "#contact",
-        },
+          text: "Start Project",          href: "#contact"},
       ]}
       marqueeItems={[
         {
-          type: "text",
-          text: "Neural Architecture",
-        },
+          type: "text",          text: "Neural Architecture"},
         {
-          type: "text",
-          text: "Cloud Native",
-        },
+          type: "text",          text: "Cloud Native"},
         {
-          type: "text",
-          text: "Automated Scaling",
-        },
+          type: "text",          text: "Automated Scaling"},
         {
-          type: "text",
-          text: "Data Engineering",
-        },
+          type: "text",          text: "Data Engineering"},
         {
-          type: "text",
-          text: "AI Integration",
-        },
+          type: "text",          text: "AI Integration"},
       ]}
     />
   </div>
@@ -117,14 +86,9 @@ export default function LandingPage() {
       useInvertedBackground={false}
       heading={[
         {
-          type: "text",
-          content: "Accelerating Innovation",
-        },
+          type: "text",          content: "Accelerating Innovation"},
         {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/startup-cybersecurity-expert-looking-company-security-vulnerabilities_482257-125918.jpg",
-          alt: "Team",
-        },
+          type: "image",          src: "http://img.b2bpic.net/free-photo/startup-cybersecurity-expert-looking-company-security-vulnerabilities_482257-125918.jpg",          alt: "Team"},
       ]}
     />
   </div>
@@ -135,30 +99,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Neural Engine",
-          description: "Custom LLMs tailored to your domain.",
-          imageSrc: "http://img.b2bpic.net/free-photo/hacker-bypasses-network-security-engages-cyber-crime-with-vr-headset_482257-126453.jpg",
-        },
+          title: "Neural Engine",          description: "Custom LLMs tailored to your domain.",          imageSrc: "http://img.b2bpic.net/free-photo/hacker-bypasses-network-security-engages-cyber-crime-with-vr-headset_482257-126453.jpg"},
         {
-          title: "Cloud Infrastructure",
-          description: "Highly available global scaling solutions.",
-          imageSrc: "http://img.b2bpic.net/free-photo/data-center-engineering-team-working-together-using-ai-visualization_482257-126733.jpg",
-        },
+          title: "Cloud Infrastructure",          description: "Highly available global scaling solutions.",          imageSrc: "http://img.b2bpic.net/free-photo/data-center-engineering-team-working-together-using-ai-visualization_482257-126733.jpg"},
         {
-          title: "Workflow Automation",
-          description: "Seamless integration with existing stacks.",
-          imageSrc: "http://img.b2bpic.net/free-photo/clock-time-reminder-alarm-countdown-graphic_53876-128050.jpg",
-        },
+          title: "Workflow Automation",          description: "Seamless integration with existing stacks.",          imageSrc: "http://img.b2bpic.net/free-photo/clock-time-reminder-alarm-countdown-graphic_53876-128050.jpg"},
         {
-          title: "Real-time Analytics",
-          description: "Actionable insights delivered instantly.",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-watching-business-conference-computer-screen-looking-statistics_482257-125563.jpg",
-        },
+          title: "Real-time Analytics",          description: "Actionable insights delivered instantly.",          imageSrc: "http://img.b2bpic.net/free-photo/woman-watching-business-conference-computer-screen-looking-statistics_482257-125563.jpg"},
         {
-          title: "Secure Compliance",
-          description: "Enterprise-grade data protection protocols.",
-          imageSrc: "http://img.b2bpic.net/free-photo/business-concept-with-progress-close-up_23-2149151161.jpg",
-        },
+          title: "Secure Compliance",          description: "Enterprise-grade data protection protocols.",          imageSrc: "http://img.b2bpic.net/free-photo/business-concept-with-progress-close-up_23-2149151161.jpg"},
       ]}
       title="Core AI Capabilities"
       description="Powerful tools to integrate, automate, and innovate at scale."
@@ -172,23 +121,14 @@ export default function LandingPage() {
       useInvertedBackground={false}
       metrics={[
         {
-          id: "m1",
-          icon: Zap,
-          title: "Models Deployed",
-          value: "150+",
-        },
+          id: "m1",          icon: Zap,
+          title: "Models Deployed",          value: "150+"},
         {
-          id: "m2",
-          icon: Shield,
-          title: "Security Uptime",
-          value: "99.9%",
-        },
+          id: "m2",          icon: Shield,
+          title: "Security Uptime",          value: "99.9%"},
         {
-          id: "m3",
-          icon: Award,
-          title: "Happy Clients",
-          value: "45+",
-        },
+          id: "m3",          icon: Award,
+          title: "Happy Clients",          value: "45+"},
       ]}
       title="Agency Impact"
       description="Numbers that define our delivery standards."
@@ -203,45 +143,20 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",
-          name: "Alex Rivers",
-          role: "CTO",
-          company: "TechScale",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-content-pretty-businesswoman-glasses_1262-1740.jpg",
-        },
+          id: "1",          name: "Alex Rivers",          role: "CTO",          company: "TechScale",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/closeup-content-pretty-businesswoman-glasses_1262-1740.jpg"},
         {
-          id: "2",
-          name: "Jamie Lin",
-          role: "Founder",
-          company: "Innovate",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/confident-businessman-using-digital-tablet-outside-office-building_107420-74334.jpg",
-        },
+          id: "2",          name: "Jamie Lin",          role: "Founder",          company: "Innovate",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/confident-businessman-using-digital-tablet-outside-office-building_107420-74334.jpg"},
         {
-          id: "3",
-          name: "Sam Thorne",
-          role: "PM",
-          company: "Global",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/mature-business-manager-office_1098-21368.jpg",
-        },
+          id: "3",          name: "Sam Thorne",          role: "PM",          company: "Global",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/mature-business-manager-office_1098-21368.jpg"},
         {
-          id: "4",
-          name: "Jordan P.",
-          role: "Architect",
-          company: "System",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-car-mechanic-car-repair-shop_23-2150367574.jpg",
-        },
+          id: "4",          name: "Jordan P.",          role: "Architect",          company: "System",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-car-mechanic-car-repair-shop_23-2150367574.jpg"},
         {
-          id: "5",
-          name: "Casey K.",
-          role: "Director",
-          company: "DataHub",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/technician-making-sure-high-tech-facility-data-center-is-appropriately-equipped_482257-94430.jpg",
-        },
+          id: "5",          name: "Casey K.",          role: "Director",          company: "DataHub",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/technician-making-sure-high-tech-facility-data-center-is-appropriately-equipped_482257-94430.jpg"},
       ]}
       title="Trusted by Leaders"
       description="Transforming outcomes through intelligent code."
@@ -254,20 +169,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "f1",
-          title: "How do you handle data privacy?",
-          content: "We ensure zero-retention policies for all client AI deployments.",
-        },
+          id: "f1",          title: "How do you handle data privacy?",          content: "We ensure zero-retention policies for all client AI deployments."},
         {
-          id: "f2",
-          title: "What tech stacks do you specialize in?",
-          content: "React, Python, Go, and major Cloud providers.",
-        },
+          id: "f2",          title: "What tech stacks do you specialize in?",          content: "React, Python, Go, and major Cloud providers."},
         {
-          id: "f3",
-          title: "Can you audit legacy code?",
-          content: "Absolutely, our architects specialize in refactoring older monoliths.",
-        },
+          id: "f3",          title: "Can you audit legacy code?",          content: "Absolutely, our architects specialize in refactoring older monoliths."},
       ]}
       title="Technical Questions"
       description="Everything you need to know about our workflow."
@@ -276,18 +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",
-        },
-      ]}
+        variant: "sparkles-gradient"}}
+      useInvertedBackground={false}
+      onSubmit={(email) => console.log("Form submitted", email)}
     />
   </div>
 
@@ -297,29 +200,19 @@ export default function LandingPage() {
       logoText="Nexus AI"
       columns={[
         {
-          title: "Agency",
-          items: [
+          title: "Agency",          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: "#"},
           ],
         },
       ]}
@@ -328,4 +221,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}