Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -4,12 +4,12 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
-import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
 import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
 import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
-import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
+import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
 import { Award, CheckCircle, Clock, Users, Zap } from "lucide-react";
 
 export default function LandingPage() {
@@ -31,64 +31,41 @@ export default function LandingPage() {
       <NavbarLayoutFloatingInline
       navItems={[
         {
-          name: "About",
+          name: "About",          id: "#about"},
-          id: "#about",
-        },
         {
-          name: "Services",
+          name: "Services",          id: "#features"},
-          id: "#features",
-        },
         {
-          name: "Impact",
+          name: "Impact",          id: "#metrics"},
-          id: "#metrics",
-        },
         {
-          name: "Contact",
+          name: "Contact",          id: "#contact"},
-          id: "#contact",
-        },
       ]}
       brandName="DIX LABS"
       button={{
-        text: "Get Started",
+        text: "Get Started",        href: "#contact"}}
-        href: "#contact",
-      }}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroBillboardGallery
       background={{
-        variant: "sparkles-gradient",
+        variant: "sparkles-gradient"}}
-      }}
       title="Innovation at the Molecular Scale."
       description="DIX LABS is pioneering the future of digital and physical sciences through precision, scale, and uncompromising quality."
       buttons={[
         {
-          text: "Explore Research",
+          text: "Explore Research",          href: "#about"},
-          href: "#about",
-        },
       ]}
       mediaItems={[
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/future-visions-business-technology-concept_23-2151893414.jpg?_wi=1",
+          imageSrc: "http://img.b2bpic.net/free-photo/future-visions-business-technology-concept_23-2151893414.jpg?_wi=1",          imageAlt: "DIX LABS Tech Concept 1"},
-          imageAlt: "DIX LABS Tech Concept 1",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/images-that-simulate-x-rays-with-neon-colors_23-2151521303.jpg?_wi=1",
+          imageSrc: "http://img.b2bpic.net/free-photo/images-that-simulate-x-rays-with-neon-colors_23-2151521303.jpg?_wi=1",          imageAlt: "DIX LABS Tech Concept 2"},
-          imageAlt: "DIX LABS Tech Concept 2",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/bright-green-abstract-background_1017-2775.jpg?_wi=1",
+          imageSrc: "http://img.b2bpic.net/free-photo/bright-green-abstract-background_1017-2775.jpg?_wi=1",          imageAlt: "DIX LABS Tech Concept 3"},
-          imageAlt: "DIX LABS Tech Concept 3",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/future-visions-business-technology-concept_23-2151893414.jpg?_wi=2",
+          imageSrc: "http://img.b2bpic.net/free-photo/future-visions-business-technology-concept_23-2151893414.jpg?_wi=2",          imageAlt: "DIX LABS Tech Concept 4"},
-          imageAlt: "DIX LABS Tech Concept 4",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/images-that-simulate-x-rays-with-neon-colors_23-2151521303.jpg?_wi=2",
+          imageSrc: "http://img.b2bpic.net/free-photo/images-that-simulate-x-rays-with-neon-colors_23-2151521303.jpg?_wi=2",          imageAlt: "DIX LABS Tech Concept 5"},
-          imageAlt: "DIX LABS Tech Concept 5",
-        },
       ]}
       mediaAnimation="blur-reveal"
     />
@@ -115,60 +92,25 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          id: "f1",
+          id: "f1",          title: "Molecular Engineering",          author: "DIX Tech",          description: "Precision manipulation at the nanoscale for enhanced material resilience.",          tags: [
-          title: "Molecular Engineering",
+            "Nanotech",            "Advanced Materials"],
-          author: "DIX Tech",
+          imageSrc: "http://img.b2bpic.net/free-photo/future-visions-business-technology-concept_23-2151893414.jpg?_wi=3"},
-          description: "Precision manipulation at the nanoscale for enhanced material resilience.",
-          tags: [
-            "Nanotech",
-            "Advanced Materials",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/future-visions-business-technology-concept_23-2151893414.jpg?_wi=3",
-        },
         {
-          id: "f2",
+          id: "f2",          title: "Data-Driven Discovery",          author: "DIX Intelligence",          description: "Leveraging advanced ML models to accelerate innovation cycles.",          tags: [
-          title: "Data-Driven Discovery",
+            "AI/ML",            "Big Data"],
-          author: "DIX Intelligence",
+          imageSrc: "http://img.b2bpic.net/free-photo/images-that-simulate-x-rays-with-neon-colors_23-2151521303.jpg?_wi=3"},
-          description: "Leveraging advanced ML models to accelerate innovation cycles.",
-          tags: [
-            "AI/ML",
-            "Big Data",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/images-that-simulate-x-rays-with-neon-colors_23-2151521303.jpg?_wi=3",
-        },
         {
-          id: "f3",
+          id: "f3",          title: "Scalable Systems",          author: "DIX Infrastructure",          description: "Designing future-proof architectures that grow with your project.",          tags: [
-          title: "Scalable Systems",
+            "Systems",            "Architecture"],
-          author: "DIX Infrastructure",
+          imageSrc: "http://img.b2bpic.net/free-photo/bright-green-abstract-background_1017-2775.jpg?_wi=2"},
-          description: "Designing future-proof architectures that grow with your project.",
-          tags: [
-            "Systems",
-            "Architecture",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/bright-green-abstract-background_1017-2775.jpg?_wi=2",
-        },
         {
-          id: "f4",
+          id: "f4",          title: "Quantum Computing",          author: "DIX Quantum",          description: "Processing complex datasets at speeds previously considered impossible.",          tags: [
-          title: "Quantum Computing",
+            "Quantum",            "Compute"],
-          author: "DIX Quantum",
+          imageSrc: "http://img.b2bpic.net/free-photo/future-visions-business-technology-concept_23-2151893414.jpg?_wi=4"},
-          description: "Processing complex datasets at speeds previously considered impossible.",
-          tags: [
-            "Quantum",
-            "Compute",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/future-visions-business-technology-concept_23-2151893414.jpg?_wi=4",
-        },
         {
-          id: "f5",
+          id: "f5",          title: "Biotech Integration",          author: "DIX Bio",          description: "Bridging the gap between biological systems and digital interfaces.",          tags: [
-          title: "Biotech Integration",
+            "Biotech",            "Integration"],
-          author: "DIX Bio",
+          imageSrc: "http://img.b2bpic.net/free-photo/images-that-simulate-x-rays-with-neon-colors_23-2151521303.jpg?_wi=4"},
-          description: "Bridging the gap between biological systems and digital interfaces.",
-          tags: [
-            "Biotech",
-            "Integration",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/images-that-simulate-x-rays-with-neon-colors_23-2151521303.jpg?_wi=4",
-        },
       ]}
       title="Core Competencies"
       description="Unlocking potential across multiple scientific and engineering domains."
@@ -183,39 +125,19 @@ export default function LandingPage() {
       useInvertedBackground={true}
       metrics={[
         {
-          id: "m1",
+          id: "m1",          value: "150+",          title: "Successful Trials",          description: "Validated across multiple global initiatives.",          icon: CheckCircle,
-          value: "150+",
-          title: "Successful Trials",
-          description: "Validated across multiple global initiatives.",
-          icon: CheckCircle,
         },
         {
-          id: "m2",
+          id: "m2",          value: "40%",          title: "Efficiency Gain",          description: "Average increase in client project output.",          icon: Zap,
-          value: "40%",
-          title: "Efficiency Gain",
-          description: "Average increase in client project output.",
-          icon: Zap,
         },
         {
-          id: "m3",
+          id: "m3",          value: "24/7",          title: "Operational Support",          description: "Continuous monitoring and expert analysis.",          icon: Clock,
-          value: "24/7",
-          title: "Operational Support",
-          description: "Continuous monitoring and expert analysis.",
-          icon: Clock,
         },
         {
-          id: "m4",
+          id: "m4",          value: "12",          title: "Global Patents",          description: "Proprietary technology developed in-house.",          icon: Award,
-          value: "12",
-          title: "Global Patents",
-          description: "Proprietary technology developed in-house.",
-          icon: Award,
         },
         {
-          id: "m5",
+          id: "m5",          value: "500+",          title: "Team Members",          description: "Experts dedicated to pioneering innovation.",          icon: Users,
-          value: "500+",
-          title: "Team Members",
-          description: "Experts dedicated to pioneering innovation.",
-          icon: Users,
         },
       ]}
       title="Proven Results"
@@ -224,111 +146,70 @@ export default function LandingPage() {
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardFive
+      <TestimonialCardSixteen
-      textboxLayout="default"
+      animationType="slide-up"
       useInvertedBackground={false}
-      testimonials={[
+      textboxLayout="default"
-        {
-          id: "1",
-          name: "Dr. Sarah Miller",
-          date: "Oct 2023",
-          title: "Chief Researcher",
-          quote: "DIX LABS transformed our research trajectory entirely.",
-          tag: "Biotech",
-          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-happy-mature-businessman-with-cup-coffee_23-2147955267.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-mature-businessman-with-cup-coffee_23-2147955267.jpg",
-        },
-        {
-          id: "2",
-          name: "Michael Chen",
-          date: "Sep 2023",
-          title: "Head of Ops",
-          quote: "Unrivaled expertise and execution speed.",
-          tag: "Logistics",
-          avatarSrc: "http://img.b2bpic.net/free-photo/smiling-business-woman-looking-up-copy-space_1262-3088.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-business-woman-looking-up-copy-space_1262-3088.jpg",
-        },
-        {
-          id: "3",
-          name: "Elena Rodriguez",
-          date: "Aug 2023",
-          title: "CTO",
-          quote: "The innovation level is simply staggering.",
-          tag: "SaaS",
-          avatarSrc: "http://img.b2bpic.net/free-photo/confident-outline-business-side-face-male_1194-3839.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/confident-outline-business-side-face-male_1194-3839.jpg",
-        },
-        {
-          id: "4",
-          name: "David Kim",
-          date: "Jul 2023",
-          title: "Product Lead",
-          quote: "They anticipate problems before they arrive.",
-          tag: "Hardware",
-          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-successful-businesswoman-with-charming-smile-posing-street-with-interesting-architecture-background_613910-14034.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-successful-businesswoman-with-charming-smile-posing-street-with-interesting-architecture-background_613910-14034.jpg",
-        },
-        {
-          id: "5",
-          name: "Jane Doe",
-          date: "Jun 2023",
-          title: "CEO",
-          quote: "DIX LABS is the partner for growth.",
-          tag: "Retail",
-          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-happy-successful-businessman-standing-restaurant-with-crossed-arm_23-2147955259.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-successful-businessman-standing-restaurant-with-crossed-arm_23-2147955259.jpg",
-        },
-      ]}
       title="Trusted Partners"
       description="Collaborators who define the standard of excellence."
+      kpiItems={[
+        { value: "98%", label: "Satisfaction Rate" },
+        { value: "120+", label: "Partnerships" },
+        { value: "500+", label: "Projects Completed" }
+      ]}
+      testimonials={[
+        {
+          id: "1",          name: "Dr. Sarah Miller",          role: "Chief Researcher",          company: "Biotech Corp",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-mature-businessman-with-cup-coffee_23-2147955267.jpg"
+        },
+        {
+          id: "2",          name: "Michael Chen",          role: "Head of Ops",          company: "Logistics Inc",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/smiling-business-woman-looking-up-copy-space_1262-3088.jpg"
+        },
+        {
+          id: "3",          name: "Elena Rodriguez",          role: "CTO",          company: "SaaS Solutions",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/confident-outline-business-side-face-male_1194-3839.jpg"
+        }
+      ]}
     />
   </div>
 
   <div id="contact" data-section="contact">
       <ContactSplitForm
       useInvertedBackground={true}
-      title="Collaborate With DIX LABS"
+      title="Get in Touch"
-      description="Let's explore your next breakthrough together. Send us a message today."
+      description="Have a project in mind? We'd love to hear from you."
       inputs={[
-        {
+        { name: "name", type: "text", placeholder: "Name", required: true },
-          name: "name",
+        { name: "email", type: "email", placeholder: "Email", required: true }
-          type: "text",
-          placeholder: "Your Name",
-          required: true,
-        },
-        {
-          name: "email",
-          type: "email",
-          placeholder: "Your Email",
-          required: true,
-        },
-        {
-          name: "company",
-          type: "text",
-          placeholder: "Company Name",
-        },
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/modern-empty-doctor-office-equipped-with-professional-medical-instruments-ready-clinical-consultation-hospital-room-with-nobody-it-having-otoscope-landline-desk-table-medicine-concept_482257-34761.jpg"
       textarea={{
-        name: "message",
+        name: "message",        placeholder: "Describe your inquiry...",        rows: 5,
-        placeholder: "Tell us about your project...",
+        required: true
-        rows: 4,
-        required: true,
       }}
+      imageSrc="http://img.b2bpic.net/free-photo/modern-empty-doctor-office-equipped-with-professional-medical-instruments-ready-clinical-consultation-hospital-room-with-nobody-it-having-otoscope-landline-desk-table-medicine-concept_482257-34761.jpg"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterLogoReveal
+      <FooterMedia
       logoText="DIX LABS"
-      leftLink={{
+      imageSrc="http://img.b2bpic.net/free-photo/future-visions-business-technology-concept_23-2151893414.jpg?_wi=1"
-        text: "Privacy Policy",
+      columns={[
-        href: "#",
+        {
-      }}
+          title: "Company",          items: [
-      rightLink={{
+            { label: "About", href: "#about" },
-        text: "Contact Us",
+            { label: "Impact", href: "#metrics" }
-        href: "#contact",
+          ]
-      }}
+        },
+        {
+          title: "Support",          items: [
+            { label: "Contact", href: "#contact" },
+            { label: "Privacy", href: "#" }
+          ]
+        }
+      ]}
+      copyrightText="© 2025 DIX LABS. All rights reserved."
     />
   </div>
       </ReactLenis>