From 5b1a957834e8ffb202e3a0cb138112558136f480 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 14 May 2026 10:52:51 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 375 +++++++----------------------------------------
 1 file changed, 56 insertions(+), 319 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index fa980d1..7f36e2f 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -12,7 +12,7 @@ import ProductCardFour from '@/components/sections/product/ProductCardFour';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import SplitAbout from '@/components/sections/about/SplitAbout';
 import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
-import { Activity, Instagram, Linkedin, Shield, Sparkles, Twitter, Zap } from "lucide-react";
+import { Activity, Instagram, Linkedin, Shield, Sparkles, Twitter, Zap, Dna, Brain } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -32,26 +32,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Science",
-          id: "features",
-        },
-        {
-          name: "Diagnostics",
-          id: "products",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Home", id: "hero" },
+        { name: "About", id: "about" },
+        { name: "Science", id: "features" },
+        { name: "Diagnostics", id: "products" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="Metaboliq"
     />
@@ -59,105 +44,33 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroSplitTestimonial
-      background={{
-        variant: "gradient-bars",
-      }}
+      background={{ variant: "gradient-bars" }}
       title="Precision Medicine. Reimagined."
       description="Unlock your body's potential with advanced genomic analysis and personalized wellness strategies. Engineered for those who refuse to settle for average health."
       testimonials={[
-        {
-          name: "Elena R.",
-          handle: "@elena_wellness",
-          testimonial: "The precision insights were unparalleled. A true life changer.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-empty-biological-applied-science-laboratory-with-technological-microscopes-glass-test-tubes-micropipettes-desktop-computers-displays-pc-s-are-running-sophisticated-dna-calculations_482257-12802.jpg?_wi=1",
-          imageAlt: "luxury laboratory interior",
-        },
-        {
-          name: "Marcus T.",
-          handle: "@marcust_health",
-          testimonial: "Metaboliq has set a new gold standard in personal health.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-network-communications-background_1048-15870.jpg?_wi=1",
-          imageAlt: "luxury laboratory interior",
-        },
-        {
-          name: "Sarah J.",
-          handle: "@sarah_j",
-          testimonial: "Data-driven health that actually works. Exceptional.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/female-doctor-hospital_23-2148827755.jpg?_wi=1",
-          imageAlt: "luxury laboratory interior",
-        },
-        {
-          name: "David V.",
-          handle: "@david_v",
-          testimonial: "An incredible experience. My health metrics are peak.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/individual-delivering-product-bought-online_23-2148577027.jpg?_wi=1",
-          imageAlt: "luxury laboratory interior",
-        },
-        {
-          name: "Alice W.",
-          handle: "@alice_w",
-          testimonial: "The science-backed approach is simply refreshing.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-business-woman-portrait-outdoors_23-2148603027.jpg?_wi=1",
-          imageAlt: "luxury laboratory interior",
-        },
+        { name: "Elena R.", handle: "@elena_wellness", testimonial: "The precision insights were unparalleled. A true life changer.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/modern-empty-biological-applied-science-laboratory-with-technological-microscopes-glass-test-tubes-micropipettes-desktop-computers-displays-pc-s-are-running-sophisticated-dna-calculations_482257-12802.jpg", imageAlt: "luxury laboratory interior" },
+        { name: "Marcus T.", handle: "@marcust_health", testimonial: "Metaboliq has set a new gold standard in personal health.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-network-communications-background_1048-15870.jpg", imageAlt: "luxury laboratory interior" },
+        { name: "Sarah J.", handle: "@sarah_j", testimonial: "Data-driven health that actually works. Exceptional.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/female-doctor-hospital_23-2148827755.jpg", imageAlt: "luxury laboratory interior" },
+        { name: "David V.", handle: "@david_v", testimonial: "An incredible experience. My health metrics are peak.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/individual-delivering-product-bought-online_23-2148577027.jpg", imageAlt: "luxury laboratory interior" },
+        { name: "Alice W.", handle: "@alice_w", testimonial: "The science-backed approach is simply refreshing.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/side-view-business-woman-portrait-outdoors_23-2148603027.jpg", imageAlt: "luxury laboratory interior" },
       ]}
-      buttons={[
-        {
-          text: "Start Your Journey",
-          href: "#contact",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/modern-empty-biological-applied-science-laboratory-with-technological-microscopes-glass-test-tubes-micropipettes-desktop-computers-displays-pc-s-are-running-sophisticated-dna-calculations_482257-12802.jpg?_wi=2"
+      buttons={[{ text: "Start Your Journey", href: "#contact" }]}
+      imageSrc="http://img.b2bpic.net/free-photo/modern-empty-biological-applied-science-laboratory-with-technological-microscopes-glass-test-tubes-micropipettes-desktop-computers-displays-pc-s-are-running-sophisticated-dna-calculations_482257-12802.jpg"
       imageAlt="Luxurious metabolic lab"
       mediaAnimation="blur-reveal"
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/happy-smiling-businesswoman-looking-camera-with-arms-crossed-portrait_1163-4337.jpg",
-          alt: "Happy smiling businesswoman looking at camera",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/thoughtful-business-woman-white-shirt_23-2148095747.jpg",
-          alt: "Thoughtful business woman in white shirt",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1665.jpg",
-          alt: "Young businessman happy expression",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3796.jpg",
-          alt: "Blond businessman happy expression",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/confident-businessman_1098-16876.jpg",
-          alt: "Confident businessman",
-        },
+        { src: "http://img.b2bpic.net/free-photo/happy-smiling-businesswoman-looking-camera-with-arms-crossed-portrait_1163-4337.jpg", alt: "Happy smiling businesswoman looking at camera" },
+        { src: "http://img.b2bpic.net/free-photo/thoughtful-business-woman-white-shirt_23-2148095747.jpg", alt: "Thoughtful business woman in white shirt" },
+        { src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1665.jpg", alt: "Young businessman happy expression" },
+        { src: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3796.jpg", alt: "Blond businessman happy expression" },
+        { src: "http://img.b2bpic.net/free-photo/confident-businessman_1098-16876.jpg", alt: "Confident businessman" },
       ]}
       marqueeItems={[
-        {
-          type: "text",
-          text: "Molecular Mapping",
-        },
-        {
-          type: "text",
-          text: "Longevity Protocol",
-        },
-        {
-          type: "text",
-          text: "Precision Biomarkers",
-        },
-        {
-          type: "text",
-          text: "Clinical Performance",
-        },
-        {
-          type: "text",
-          text: "Cognitive Tuning",
-        },
+        { type: "text", text: "Molecular Mapping" },
+        { type: "text", text: "Longevity Protocol" },
+        { type: "text", text: "Precision Biomarkers" },
+        { type: "text", text: "Clinical Performance" },
+        { type: "text", text: "Cognitive Tuning" },
       ]}
     />
   </div>
@@ -167,14 +80,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       names={[
-        "Genomics Core",
-        "BioTech Lab",
-        "Health Innovate",
-        "LifeScience Labs",
-        "Cellular Dynamics",
-        "FutureHealth Inc",
-        "Global Precision",
-      ]}
+        "Genomics Core",        "BioTech Lab",        "Health Innovate",        "LifeScience Labs",        "Cellular Dynamics",        "FutureHealth Inc",        "Global Precision"]}
       title="Trusted by Global Institutions"
       description="Partnering with top tier research and clinical facilities."
     />
@@ -187,20 +93,11 @@ export default function LandingPage() {
       title="Science at the Molecular Level"
       description="Metaboliq isn't just about healthcare; it's about life-system engineering. We look at your genetic blueprint to optimize every aspect of your biological performance."
       bulletPoints={[
-        {
-          title: "Whole-Genome Sequencing",
-          description: "High-fidelity mapping of your entire biological potential.",
-        },
-        {
-          title: "Precision Biomarkers",
-          description: "Continuous monitoring of key metabolic indicators.",
-        },
-        {
-          title: "Actionable Optimization",
-          description: "Tailored protocols for peak physical and mental output.",
-        },
+        { title: "Whole-Genome Sequencing", description: "High-fidelity mapping of your entire biological potential." },
+        { title: "Precision Biomarkers", description: "Continuous monitoring of key metabolic indicators." },
+        { title: "Actionable Optimization", description: "Tailored protocols for peak physical and mental output." },
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/3d-abstract-network-communications-background_1048-15870.jpg?_wi=2"
+      imageSrc="http://img.b2bpic.net/free-photo/3d-abstract-network-communications-background_1048-15870.jpg"
       imageAlt="DNA strand visualisation"
       mediaAnimation="blur-reveal"
     />
@@ -209,67 +106,23 @@ export default function LandingPage() {
   <div id="features" data-section="features">
       <FeatureCardTen
       textboxLayout="default"
+      animationType="blur-reveal"
       useInvertedBackground={false}
       features={[
         {
-          title: "Clinical Performance Tracking",
-          description: "Real-time adjustments to your health profile based on metabolic shifts.",
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/female-doctor-hospital_23-2148827755.jpg?_wi=2",
-          },
-          items: [
-            {
-              icon: Zap,
-              text: "Optimized protocols",
-            },
-            {
-              icon: Shield,
-              text: "Complete data security",
-            },
-          ],
-          reverse: false,
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-empty-biological-applied-science-laboratory-with-technological-microscopes-glass-test-tubes-micropipettes-desktop-computers-displays-pc-s-are-running-sophisticated-dna-calculations_482257-12802.jpg?_wi=3",
-          imageAlt: "doctor tablet medical data",
+          title: "Clinical Performance Tracking",          description: "Real-time adjustments to your health profile based on metabolic shifts.",          media: { imageSrc: "http://img.b2bpic.net/free-photo/female-doctor-hospital_23-2148827755.jpg" },
+          items: [{ icon: Zap, text: "Optimized protocols" }, { icon: Shield, text: "Complete data security" }],
+          reverse: false
         },
         {
-          title: "Genomic Longevity",
-          description: "Identifying and addressing potential risk factors decades before they arise.",
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/doctor-using-tablet-thinking_23-2147896140.jpg",
-          },
-          items: [
-            {
-              icon: Activity,
-              text: "Longevity pathways",
-            },
-            {
-              icon: Dna,
-              text: "Genetic mapping",
-            },
-          ],
-          reverse: true,
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-network-communications-background_1048-15870.jpg?_wi=3",
-          imageAlt: "doctor tablet medical data",
+          title: "Genomic Longevity",          description: "Identifying and addressing potential risk factors decades before they arise.",          media: { imageSrc: "http://img.b2bpic.net/free-photo/doctor-using-tablet-thinking_23-2147896140.jpg" },
+          items: [{ icon: Activity, text: "Longevity pathways" }, { icon: Dna, text: "Genetic mapping" }],
+          reverse: true
         },
         {
-          title: "Cognitive Clarity",
-          description: "Metabolic tuning to eliminate brain fog and enhance sharpness.",
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/mock-up-doctor-holding-tablet_23-2148285679.jpg",
-          },
-          items: [
-            {
-              icon: Brain,
-              text: "Focus optimization",
-            },
-            {
-              icon: Sparkles,
-              text: "Neuro-protection",
-            },
-          ],
-          reverse: false,
-          imageSrc: "http://img.b2bpic.net/free-photo/individual-delivering-product-bought-online_23-2148577027.jpg?_wi=2",
-          imageAlt: "doctor tablet medical data",
+          title: "Cognitive Clarity",          description: "Metabolic tuning to eliminate brain fog and enhance sharpness.",          media: { imageSrc: "http://img.b2bpic.net/free-photo/mock-up-doctor-holding-tablet_23-2148285679.jpg" },
+          items: [{ icon: Brain, text: "Focus optimization" }, { icon: Sparkles, text: "Neuro-protection" }],
+          reverse: false
         },
       ]}
       title="Advanced Clinical Framework"
@@ -280,51 +133,13 @@ export default function LandingPage() {
   <div id="products" data-section="products">
       <ProductCardFour
       textboxLayout="default"
+      animationType="blur-reveal"
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
       products={[
-        {
-          id: "p1",
-          name: "Essentials Suite",
-          price: "$4,500",
-          variant: "Diagnostic Kit",
-          imageSrc: "http://img.b2bpic.net/free-photo/individual-delivering-product-bought-online_23-2148577027.jpg?_wi=3",
-        },
-        {
-          id: "p2",
-          name: "Premium Genomics",
-          price: "$9,200",
-          variant: "Deep Analysis",
-          imageSrc: "http://img.b2bpic.net/free-photo/trendy-color-swatches-with-different-elements_23-2150169885.jpg",
-        },
-        {
-          id: "p3",
-          name: "Executive Elite",
-          price: "$15,000",
-          variant: "Comprehensive",
-          imageSrc: "http://img.b2bpic.net/free-photo/pill-box-arrangement-still-life_23-2149643888.jpg",
-        },
-        {
-          id: "p4",
-          name: "Longevity Protocol",
-          price: "$22,000",
-          variant: "Advanced",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-doctor-holding-blank-placard_23-2148847138.jpg",
-        },
-        {
-          id: "p5",
-          name: "Cellular Vitality",
-          price: "$12,000",
-          variant: "Metabolic",
-          imageSrc: "http://img.b2bpic.net/free-photo/red-glass-dropper-bottle-serum_187299-47613.jpg",
-        },
-        {
-          id: "p6",
-          name: "Cognitive Engine",
-          price: "$8,500",
-          variant: "Performance",
-          imageSrc: "http://img.b2bpic.net/free-photo/person-with-medical-mask-holding-blank-tablet_23-2148849816.jpg",
-        },
+        { id: "p1", name: "Essentials Suite", price: "$4,500", variant: "Diagnostic Kit", imageSrc: "http://img.b2bpic.net/free-photo/individual-delivering-product-bought-online_23-2148577027.jpg" },
+        { id: "p2", name: "Premium Genomics", price: "$9,200", variant: "Deep Analysis", imageSrc: "http://img.b2bpic.net/free-photo/trendy-color-swatches-with-different-elements_23-2150169885.jpg" },
+        { id: "p3", name: "Executive Elite", price: "$15,000", variant: "Comprehensive", imageSrc: "http://img.b2bpic.net/free-photo/pill-box-arrangement-still-life_23-2149643888.jpg" },
       ]}
       title="Exclusively Curated Diagnostics"
       description="Explore our tier-based genetic and metabolic evaluation programs."
@@ -334,35 +149,12 @@ export default function LandingPage() {
   <div id="metrics" data-section="metrics">
       <MetricCardSeven
       textboxLayout="default"
+      animationType="blur-reveal"
       useInvertedBackground={false}
       metrics={[
-        {
-          id: "m1",
-          value: "99.8%",
-          title: "Sequencing Accuracy",
-          items: [
-            "Certified precision",
-            "Standardized process",
-          ],
-        },
-        {
-          id: "m2",
-          value: "45%",
-          title: "Avg Metabolic Gain",
-          items: [
-            "Enhanced energy",
-            "Improved recovery",
-          ],
-        },
-        {
-          id: "m3",
-          value: "12k+",
-          title: "Analysis Performed",
-          items: [
-            "Diverse datasets",
-            "Longitudinal study",
-          ],
-        },
+        { id: "m1", value: "99.8%", title: "Sequencing Accuracy", items: ["Certified precision", "Standardized process"] },
+        { id: "m2", value: "45%", title: "Avg Metabolic Gain", items: ["Enhanced energy", "Improved recovery"] },
+        { id: "m3", value: "12k+", title: "Analysis Performed", items: ["Diverse datasets", "Longitudinal study"] },
       ]}
       title="Quantified Success"
       description="Data-proven outcomes for all our clients."
@@ -372,48 +164,12 @@ export default function LandingPage() {
   <div id="testimonials" data-section="testimonials">
       <TestimonialCardThirteen
       textboxLayout="default"
+      animationType="blur-reveal"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "t1",
-          name: "James L.",
-          handle: "@ceo_health",
-          testimonial: "The depth of insight is incredible. I feel ten years younger.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-business-woman-portrait-outdoors_23-2148603027.jpg?_wi=2",
-        },
-        {
-          id: "t2",
-          name: "Catherine M.",
-          handle: "@cto_life",
-          testimonial: "Finally, a medical service that takes precision seriously.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/businessman-with-tablet_1098-135.jpg",
-        },
-        {
-          id: "t3",
-          name: "Robert B.",
-          handle: "@tech_founder",
-          testimonial: "Remarkable improvements in cognitive performance. Highly recommend.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/satisfied-african-american-woman-grey-formal-clothes-feels-happy_273609-45629.jpg",
-        },
-        {
-          id: "t4",
-          name: "Alice W.",
-          handle: "@athlete_life",
-          testimonial: "My recovery time is slashed. Truly precision medicine.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-business-woman-suit_23-2148603018.jpg",
-        },
-        {
-          id: "t5",
-          name: "David V.",
-          handle: "@investor_d",
-          testimonial: "Data driven, logical, and impactful. Worth every penny.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-businesswoman-showing-winning-gesture_1262-4730.jpg",
-        },
+        { id: "t1", name: "James L.", handle: "@ceo_health", testimonial: "The depth of insight is incredible. I feel ten years younger.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/side-view-business-woman-portrait-outdoors_23-2148603027.jpg" },
+        { id: "t2", name: "Catherine M.", handle: "@cto_life", testimonial: "Finally, a medical service that takes precision seriously.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/businessman-with-tablet_1098-135.jpg" },
+        { id: "t3", name: "Robert B.", handle: "@tech_founder", testimonial: "Remarkable improvements in cognitive performance. Highly recommend.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/satisfied-african-american-woman-grey-formal-clothes-feels-happy_273609-45629.jpg" },
       ]}
       showRating={true}
       title="A Legacy of Wellness"
@@ -424,16 +180,9 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactText
       useInvertedBackground={false}
-      background={{
-        variant: "rotated-rays-static",
-      }}
+      background={{ variant: "rotated-rays-static" }}
       text="Ready to master your own biology? Request an invitation to our private clinic."
-      buttons={[
-        {
-          text: "Request Consultation",
-          href: "#",
-        },
-      ]}
+      buttons={[{ text: "Request Consultation", href: "#" }]}
     />
   </div>
 
@@ -442,21 +191,9 @@ export default function LandingPage() {
       logoText="Metaboliq"
       copyrightText="© 2025 Metaboliq Precision Medicine"
       socialLinks={[
-        {
-          icon: Twitter,
-          href: "#",
-          ariaLabel: "Twitter",
-        },
-        {
-          icon: Instagram,
-          href: "#",
-          ariaLabel: "Instagram",
-        },
-        {
-          icon: Linkedin,
-          href: "#",
-          ariaLabel: "LinkedIn",
-        },
+        { icon: Twitter, href: "#", ariaLabel: "Twitter" },
+        { icon: Instagram, href: "#", ariaLabel: "Instagram" },
+        { icon: Linkedin, href: "#", ariaLabel: "LinkedIn" },
       ]}
     />
   </div>
-- 
2.49.1