Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -2,17 +2,17 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
+import FooterCard from '@/components/sections/footer/FooterCard';
 import FaqBase from '@/components/sections/faq/FaqBase';
 import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
-import FooterMedia from '@/components/sections/footer/FooterMedia';
 import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
 import MediaAbout from '@/components/sections/about/MediaAbout';
 import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
-import { Shield, TrendingUp, Zap } from "lucide-react";
+import { Shield, TrendingUp, Zap, Instagram, Linkedin, Twitter, Github } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -33,21 +33,13 @@ export default function LandingPage() {
       <NavbarStyleCentered
       navItems={[
         {
-          name: "About",
-          id: "#about",
-        },
+          name: "About",          id: "#about"},
         {
-          name: "Features",
-          id: "#features",
-        },
+          name: "Features",          id: "#features"},
         {
-          name: "Testimonials",
-          id: "#testimonials",
-        },
+          name: "Testimonials",          id: "#testimonials"},
         {
-          name: "Contact",
-          id: "#contact",
-        },
+          name: "Contact",          id: "#contact"},
       ]}
       brandName="Codexa 360"
     />
@@ -57,93 +49,53 @@ export default function LandingPage() {
       <HeroBillboardTestimonial
       useInvertedBackground={false}
       background={{
-        variant: "sparkles-gradient",
-      }}
+        variant: "sparkles-gradient"}}
       title="Next-Gen Solutions with Codexa 360"
       description="Unlock unprecedented growth with our comprehensive software ecosystem designed for the modern enterprise."
+      buttons={[{ text: "Get Started", href: "#contact" }, { text: "Request a Demo", href: "#contact" }]}
       testimonials={[
         {
-          name: "Alex Rivier",
-          handle: "@alextech",
-          testimonial: "Transformative technology that revolutionized our entire workflow.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-successful-businessman-smiling-posing-with-crossed-arms-office_176420-910.jpg",
-        },
+          name: "Alex Rivier",          handle: "@alextech",          testimonial: "Transformative technology that revolutionized our entire workflow.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/young-successful-businessman-smiling-posing-with-crossed-arms-office_176420-910.jpg"},
         {
-          name: "Sarah Chen",
-          handle: "@sarahdev",
-          testimonial: "Codexa 360 is the ultimate partner for modern scaling.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/businessman-solving-startup-problems-with-laptop-archived-documents-looking-annual-statistics-report-find-issue-young-analyst-reviewing-papers-executive-strategy-plan_482257-65811.jpg",
-        },
+          name: "Sarah Chen",          handle: "@sarahdev",          testimonial: "Codexa 360 is the ultimate partner for modern scaling.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/businessman-solving-startup-problems-with-laptop-archived-documents-looking-annual-statistics-report-find-issue-young-analyst-reviewing-papers-executive-strategy-plan_482257-65811.jpg"},
         {
-          name: "Marcus Thorne",
-          handle: "@mthorne",
-          testimonial: "Exceptional reliability and performance for enterprise systems.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/man-solar-panels-plant-using-laptop-improve-solar-cells-efficiency_482257-119894.jpg",
-        },
+          name: "Marcus Thorne",          handle: "@mthorne",          testimonial: "Exceptional reliability and performance for enterprise systems.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/man-solar-panels-plant-using-laptop-improve-solar-cells-efficiency_482257-119894.jpg"},
         {
-          name: "Elena Rossi",
-          handle: "@elenar",
-          testimonial: "The best platform for managing complex digital assets.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/content-african-american-guy-sitting-table-using-laptop_74855-15139.jpg",
-        },
+          name: "Elena Rossi",          handle: "@elenar",          testimonial: "The best platform for managing complex digital assets.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/content-african-american-guy-sitting-table-using-laptop_74855-15139.jpg"},
         {
-          name: "James Watt",
-          handle: "@jwatt",
-          testimonial: "Incredible innovation and dedicated support team.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/financial-department-team-leader-researching-marketing-ideas-while-analyzing-company-expenses-report-startup-project-manager-developing-budget-growth-solutions-while-brainstorming-promoting-strategy_482257-38904.jpg",
-        },
+          name: "James Watt",          handle: "@jwatt",          testimonial: "Incredible innovation and dedicated support team.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/financial-department-team-leader-researching-marketing-ideas-while-analyzing-company-expenses-report-startup-project-manager-developing-budget-growth-solutions-while-brainstorming-promoting-strategy_482257-38904.jpg"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/futuristic-data-interface_23-2152011741.jpg"
       mediaAnimation="blur-reveal"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-bearded-male-wearing-stylish-sui_613910-12110.jpg",
-          alt: "Tech leader portrait",
-        },
+          src: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-bearded-male-wearing-stylish-sui_613910-12110.jpg",          alt: "Tech leader portrait"},
         {
-          src: "http://img.b2bpic.net/free-photo/young-handsome-man-outside-city_1303-16174.jpg",
-          alt: "Developer portrait",
-        },
+          src: "http://img.b2bpic.net/free-photo/young-handsome-man-outside-city_1303-16174.jpg",          alt: "Developer portrait"},
         {
-          src: "http://img.b2bpic.net/free-photo/businessman-smiling-camera_107420-95907.jpg",
-          alt: "Manager portrait",
-        },
+          src: "http://img.b2bpic.net/free-photo/businessman-smiling-camera_107420-95907.jpg",          alt: "Manager portrait"},
         {
-          src: "http://img.b2bpic.net/free-photo/company-worker-browsing-internet-research-project-using-computer-create-business-report-with-charts-data-analyzing-network-information-web-presentation-handheld-shot_482257-50935.jpg",
-          alt: "CTO portrait",
-        },
+          src: "http://img.b2bpic.net/free-photo/company-worker-browsing-internet-research-project-using-computer-create-business-report-with-charts-data-analyzing-network-information-web-presentation-handheld-shot_482257-50935.jpg",          alt: "CTO portrait"},
         {
-          src: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241225.jpg",
-          alt: "Designer portrait",
-        },
+          src: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241225.jpg",          alt: "Designer portrait"},
       ]}
       avatarText="Trusted by 500+ global experts"
       marqueeItems={[
         {
-          type: "text",
-          text: "AI-Powered Analytics",
-        },
+          type: "text",          text: "AI-Powered Analytics"},
         {
-          type: "text",
-          text: "Cloud Infrastructure",
-        },
+          type: "text",          text: "Cloud Infrastructure"},
         {
-          type: "text",
-          text: "Secure API Scaling",
-        },
+          type: "text",          text: "Secure API Scaling"},
         {
-          type: "text",
-          text: "Automated Deployment",
-        },
+          type: "text",          text: "Automated Deployment"},
         {
-          type: "text",
-          text: "Performance Metrics",
-        },
+          type: "text",          text: "Performance Metrics"},
       ]}
     />
   </div>
@@ -164,20 +116,11 @@ export default function LandingPage() {
       description="Our robust engine provides everything you need to scale securely and efficiently."
       accordionItems={[
         {
-          id: "1",
-          title: "Automated Workflows",
-          content: "Seamless integration of all your business processes with AI-driven automation.",
-        },
+          id: "1",          title: "Automated Workflows",          content: "Seamless integration of all your business processes with AI-driven automation."},
         {
-          id: "2",
-          title: "Secure Cloud Infrastructure",
-          content: "Enterprise-grade security ensuring your data remains protected at all times.",
-        },
+          id: "2",          title: "Secure Cloud Infrastructure",          content: "Enterprise-grade security ensuring your data remains protected at all times."},
         {
-          id: "3",
-          title: "Real-time Analytics",
-          content: "Get deep insights into your operations with our sophisticated analytics dashboard.",
-        },
+          id: "3",          title: "Real-time Analytics",          content: "Get deep insights into your operations with our sophisticated analytics dashboard."},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139372.jpg"
       mediaAnimation="slide-up"
@@ -189,14 +132,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       names={[
-        "Nexus Systems",
-        "Nova Labs",
-        "Aura Dynamics",
-        "Velocity Core",
-        "Titan Data",
-        "Apex Soft",
-        "Zenith Solutions",
-      ]}
+        "Nexus Systems",        "Nova Labs",        "Aura Dynamics",        "Velocity Core",        "Titan Data",        "Apex Soft",        "Zenith Solutions"]}
       title="Trusted by Leaders"
       description="Industry leaders rely on our robust infrastructure to power their critical business applications."
     />
@@ -210,25 +146,13 @@ export default function LandingPage() {
       useInvertedBackground={false}
       metrics={[
         {
-          id: "m1",
-          value: "99.9%",
-          title: "System Uptime",
-          description: "Reliability you can count on.",
-          icon: Shield,
+          id: "m1",          value: "99.9%",          title: "System Uptime",          description: "Reliability you can count on.",          icon: Shield,
         },
         {
-          id: "m2",
-          value: "500+",
-          title: "Active Integrations",
-          description: "Versatile connectivity ecosystem.",
-          icon: Zap,
+          id: "m2",          value: "500+",          title: "Active Integrations",          description: "Versatile connectivity ecosystem.",          icon: Zap,
         },
         {
-          id: "m3",
-          value: "1.2M+",
-          title: "Tasks Processed",
-          description: "Built for high volume scale.",
-          icon: TrendingUp,
+          id: "m3",          value: "1.2M+",          title: "Tasks Processed",          description: "Built for high volume scale.",          icon: TrendingUp,
         },
       ]}
       title="Quantified Success"
@@ -243,40 +167,15 @@ export default function LandingPage() {
       useInvertedBackground={true}
       testimonials={[
         {
-          id: "1",
-          name: "Alex Rivier",
-          handle: "@alextech",
-          testimonial: "Incredible platform for managing complex enterprise operations.",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-wearing-headset-while-making-video-call-desktop-pc-office_637285-6519.jpg",
-        },
+          id: "1",          name: "Alex Rivier",          handle: "@alextech",          testimonial: "Incredible platform for managing complex enterprise operations.",          imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-wearing-headset-while-making-video-call-desktop-pc-office_637285-6519.jpg"},
         {
-          id: "2",
-          name: "Sarah Chen",
-          handle: "@sarahdev",
-          testimonial: "Efficiency levels have tripled since onboarding.",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-working-laptop_23-2149915910.jpg",
-        },
+          id: "2",          name: "Sarah Chen",          handle: "@sarahdev",          testimonial: "Efficiency levels have tripled since onboarding.",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-working-laptop_23-2149915910.jpg"},
         {
-          id: "3",
-          name: "Marcus Thorne",
-          handle: "@mthorne",
-          testimonial: "Top-tier reliability and excellent support.",
-          imageSrc: "http://img.b2bpic.net/free-photo/male-analyst-reviewing-company-documents_482257-123524.jpg",
-        },
+          id: "3",          name: "Marcus Thorne",          handle: "@mthorne",          testimonial: "Top-tier reliability and excellent support.",          imageSrc: "http://img.b2bpic.net/free-photo/male-analyst-reviewing-company-documents_482257-123524.jpg"},
         {
-          id: "4",
-          name: "Elena Rossi",
-          handle: "@elenar",
-          testimonial: "The best developer experience in the market.",
-          imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-13618.jpg",
-        },
+          id: "4",          name: "Elena Rossi",          handle: "@elenar",          testimonial: "The best developer experience in the market.",          imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-13618.jpg"},
         {
-          id: "5",
-          name: "James Watt",
-          handle: "@jwatt",
-          testimonial: "Scalability is effortless with Codexa 360.",
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-office-confident-woman-works-creatively-professionally-exuding-innovation_1258-296528.jpg",
-        },
+          id: "5",          name: "James Watt",          handle: "@jwatt",          testimonial: "Scalability is effortless with Codexa 360.",          imageSrc: "http://img.b2bpic.net/free-photo/modern-office-confident-woman-works-creatively-professionally-exuding-innovation_1258-296528.jpg"},
       ]}
       title="Client Perspectives"
       description="Hear what industry professionals are saying about our platform."
@@ -289,20 +188,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "q1",
-          title: "How do I get started?",
-          content: "Our onboarding process is quick and streamlined to get your team live immediately.",
-        },
+          id: "q1",          title: "How do I get started?",          content: "Our onboarding process is quick and streamlined to get your team live immediately."},
         {
-          id: "q2",
-          title: "Is data secure?",
-          content: "We maintain the highest security standards with end-to-end encryption for all data.",
-        },
+          id: "q2",          title: "Is data secure?",          content: "We maintain the highest security standards with end-to-end encryption for all data."},
         {
-          id: "q3",
-          title: "Do you offer support?",
-          content: "24/7 dedicated support team available to assist your enterprise needs.",
-        },
+          id: "q3",          title: "Do you offer support?",          content: "24/7 dedicated support team available to assist your enterprise needs."},
       ]}
       title="Frequently Asked"
       description="Find answers to the most common questions about our platform."
@@ -311,67 +201,25 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactSplitForm
+      <ContactCenter
+      tag="Contact Us"
+      title="Get In Touch"
+      description="Reach out to our team for a personalized demo of Codexa 360."
       useInvertedBackground={true}
-      title="Connect With Us"
-      description="Ready to transform your business? Reach out and our team will get back to you."
-      inputs={[
-        {
-          name: "name",
-          type: "text",
-          placeholder: "Full Name",
-          required: true,
-        },
-        {
-          name: "email",
-          type: "email",
-          placeholder: "Email Address",
-          required: true,
-        },
-      ]}
-      textarea={{
-        name: "message",
-        placeholder: "How can we help?",
-        rows: 4,
-        required: true,
-      }}
-      imageSrc="http://img.b2bpic.net/free-photo/interior-building-with-stairs_250224-40.jpg"
+      background={{ variant: 'canvas-reveal' }}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterMedia
-      imageSrc="http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139328.jpg"
+      <FooterCard
       logoText="Codexa 360"
-      columns={[
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Careers",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy",
-              href: "#",
-            },
-            {
-              label: "Terms",
-              href: "#",
-            },
-          ],
-        },
-      ]}
       copyrightText="© 2025 Codexa 360. All rights reserved."
+      socialLinks={[
+          { icon: Instagram, href: "#", ariaLabel: "Instagram" },
+          { icon: Linkedin, href: "#", ariaLabel: "LinkedIn" },
+          { icon: Twitter, href: "#", ariaLabel: "Twitter" },
+          { icon: Github, href: "#", ariaLabel: "GitHub" }
+      ]}
     />
   </div>
       </ReactLenis>