From a205d95f2295060f72d836ef5a0d67adb1e3bf94 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 2 Apr 2026 01:44:44 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 381 +++++++++++++++--------------------------------
 1 file changed, 123 insertions(+), 258 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index d0843cc..bb7c096 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -26,270 +26,135 @@ export default function LandingPage() {
         headingFontWeight="bold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
-      navItems={[
-        {
-          name: "Home",
-          id: "home",
-        },
-        {
-          name: "Diagnosis",
-          id: "diagnosis",
-        },
-        {
-          name: "Insights",
-          id: "insights",
-        },
-        {
-          name: "Pricing",
-          id: "pricing",
-        },
-      ]}
-      brandName="NeuroHealth AI"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[
+              { name: "Home", id: "home" },
+              { name: "Diagnosis", id: "diagnosis" },
+              { name: "Insights", id: "insights" },
+              { name: "Pricing", id: "pricing" },
+            ]}
+            brandName="NeuroHealth AI"
+          />
+        </div>
 
-  <div id="home" data-section="home">
-      <HeroSplitKpi
-      background={{
-        variant: "glowing-orb",
-      }}
-      title="Predictive Intelligence for Modern Health"
-      description="NeuroHealth AI revolutionizes diagnostics by processing millions of data points into actionable insights for personalized patient care."
-      kpis={[
-        {
-          value: "99.8%",
-          label: "Accuracy Score",
-        },
-        {
-          value: "1.2s",
-          label: "Analysis Latency",
-        },
-        {
-          value: "50K+",
-          label: "Daily Checks",
-        },
-      ]}
-      enableKpiAnimation={true}
-      imageSrc="http://img.b2bpic.net/free-photo/doctors-using-transparent-tablet-with-hologram-medical-technology_53876-97119.jpg"
-      mediaAnimation="blur-reveal"
-      avatars={[
-        {
-          src: "https://img.b2bpic.net/free-photo/portrait-smiling-doctor-medical-uniform_107420-96695.jpg",
-          alt: "Doctor 1",
-        },
-        {
-          src: "https://img.b2bpic.net/free-photo/portrait-confident-senior-doctor-with-stethoscope_107420-96698.jpg",
-          alt: "Doctor 2",
-        },
-        {
-          src: "https://img.b2bpic.net/free-photo/smiling-young-doctor-with-glasses_107420-96697.jpg",
-          alt: "Doctor 3",
-        },
-        {
-          src: "https://img.b2bpic.net/free-photo/doctor-standing-with-folder_107420-96696.jpg",
-          alt: "Doctor 4",
-        },
-        {
-          src: "https://img.b2bpic.net/free-photo/serious-doctor-with-stethoscope_107420-96700.jpg",
-          alt: "Doctor 5",
-        },
-      ]}
-      avatarText="Trusted by 500+ clinics"
-      marqueeItems={[
-        {
-          type: "text",
-          text: "HIPAA Compliant",
-        },
-        {
-          type: "text-icon",
-          text: "Real-time Processing",
-          icon: Zap,
-        },
-        {
-          type: "text",
-          text: "Multi-Modal AI",
-        },
-        {
-          type: "text-icon",
-          text: "Secure Cloud",
-          icon: Lock,
-        },
-        {
-          type: "text",
-          text: "Global Access",
-        },
-      ]}
-    />
-  </div>
+        <div id="home" data-section="home">
+          <HeroSplitKpi
+            background={{ variant: "glowing-orb" }}
+            title="Predictive Intelligence for Modern Health"
+            description="NeuroHealth AI revolutionizes diagnostics by processing millions of data points into actionable insights for personalized patient care."
+            kpis={[
+              { value: "99.8%", label: "Accuracy Score" },
+              { value: "1.2s", label: "Analysis Latency" },
+              { value: "50K+", label: "Daily Checks" },
+            ]}
+            enableKpiAnimation={true}
+            imageSrc="http://img.b2bpic.net/free-photo/doctors-using-transparent-tablet-with-hologram-medical-technology_53876-97119.jpg"
+            mediaAnimation="blur-reveal"
+            avatars={[
+              { src: "https://img.b2bpic.net/free-photo/portrait-smiling-doctor-medical-uniform_107420-96695.jpg", alt: "Doctor 1" },
+              { src: "https://img.b2bpic.net/free-photo/portrait-confident-senior-doctor-with-stethoscope_107420-96698.jpg", alt: "Doctor 2" },
+              { src: "https://img.b2bpic.net/free-photo/smiling-young-doctor-with-glasses_107420-96697.jpg", alt: "Doctor 3" },
+              { src: "https://img.b2bpic.net/free-photo/doctor-standing-with-folder_107420-96696.jpg", alt: "Doctor 4" },
+              { src: "https://img.b2bpic.net/free-photo/serious-doctor-with-stethoscope_107420-96700.jpg", alt: "Doctor 5" },
+            ]}
+            avatarText="Trusted by 500+ clinics"
+            marqueeItems={[
+              { type: "text", text: "HIPAA Compliant" },
+              { type: "text-icon", text: "Real-time Processing", icon: Zap },
+              { type: "text", text: "Multi-Modal AI" },
+              { type: "text-icon", text: "Secure Cloud", icon: Lock },
+              { type: "text", text: "Global Access" },
+            ]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <AboutMetric
-      useInvertedBackground={false}
-      title="The Science of Prediction"
-      metrics={[
-        {
-          icon: Star,
-          label: "NLP Symptom Parsing",
-          value: "Advanced",
-        },
-        {
-          icon: Activity,
-          label: "Real-time Metrics",
-          value: "Live",
-        },
-        {
-          icon: Shield,
-          label: "Secure Encrypted Data",
-          value: "HIPAA",
-        },
-      ]}
-      metricsAnimation="slide-up"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <AboutMetric
+            useInvertedBackground={false}
+            title="The Science of Prediction"
+            metrics={[
+              { icon: Star, label: "NLP Symptom Parsing", value: "Advanced" },
+              { icon: Activity, label: "Real-time Metrics", value: "Live" },
+              { icon: Shield, label: "Secure Encrypted Data", value: "HIPAA" },
+            ]}
+            metricsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardTwelve
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        {
-          id: "f1",
-          label: "Diagnosis",
-          title: "AI Symptom Checker",
-          items: [
-            "Multi-input analysis",
-            "Severity detection",
-            "Predictive modeling",
-          ],
-        },
-        {
-          id: "f2",
-          label: "Wellbeing",
-          title: "Personalized Insights",
-          items: [
-            "Custom diet plans",
-            "Fitness optimization",
-            "Stress analysis",
-          ],
-        },
-        {
-          id: "f3",
-          label: "Chat",
-          title: "Medical Assistant",
-          items: [
-            "Contextual health advice",
-            "24/7 symptom triaging",
-            "Knowledge-based system",
-          ],
-        },
-      ]}
-      title="Comprehensive AI Diagnostic Suite"
-      description="Powerful tools designed to interpret complex medical data and provide immediate, context-aware suggestions."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardTwelve
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            features={[
+              {
+                id: "f1",                label: "Diagnosis",                title: "AI Symptom Checker",                items: ["Multi-input analysis", "Severity detection", "Predictive modeling"],
+              },
+              {
+                id: "f2",                label: "Wellbeing",                title: "Personalized Insights",                items: ["Custom diet plans", "Fitness optimization", "Stress analysis"],
+              },
+              {
+                id: "f3",                label: "Chat",                title: "Medical Assistant",                items: ["Contextual health advice", "24/7 symptom triaging", "Knowledge-based system"],
+              },
+            ]}
+            title="Comprehensive AI Diagnostic Suite"
+            description="Powerful tools designed to interpret complex medical data and provide immediate, context-aware suggestions."
+          />
+        </div>
 
-  <div id="pricing" data-section="pricing">
-      <PricingCardThree
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      plans={[
-        {
-          id: "p1",
-          name: "Basic Scan",
-          price: "$0",
-          features: [
-            "Symptom checking",
-            "Basic insights",
-          ],
-          buttons: [
-            {
-              text: "Start Now",
-            },
-          ],
-        },
-        {
-          id: "p2",
-          name: "Pro Health",
-          price: "$29",
-          features: [
-            "Disease prediction",
-            "Diet optimization",
-            "Priority analysis",
-          ],
-          buttons: [
-            {
-              text: "Get Pro",
-            },
-          ],
-        },
-        {
-          id: "p3",
-          name: "Enterprise",
-          price: "$99",
-          features: [
-            "Full API access",
-            "Dedicated reports",
-            "Clinical integration",
-          ],
-          buttons: [
-            {
-              text: "Contact Sales",
-            },
-          ],
-        },
-      ]}
-      title="Select Your Wellness Plan"
-      description="Choose the right depth of analysis for your health needs."
-    />
-  </div>
+        <div id="pricing" data-section="pricing">
+          <PricingCardThree
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            plans={[
+              {
+                id: "p1",                name: "Basic Scan",                price: "$0",                features: ["Symptom checking", "Basic insights"],
+                buttons: [{ text: "Start Now" }],
+              },
+              {
+                id: "p2",                name: "Pro Health",                price: "$29",                features: ["Disease prediction", "Diet optimization", "Priority analysis"],
+                buttons: [{ text: "Get Pro" }],
+              },
+              {
+                id: "p3",                name: "Enterprise",                price: "$99",                features: ["Full API access", "Dedicated reports", "Clinical integration"],
+                buttons: [{ text: "Contact Sales" }],
+              },
+            ]}
+            title="Select Your Wellness Plan"
+            description="Choose the right depth of analysis for your health needs."
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCenter
-      useInvertedBackground={false}
-      background={{
-        variant: "sparkles-gradient",
-      }}
-      tag="Get Started"
-      title="Join the Future of Healthcare"
-      description="Sign up for early access to our platform and start managing your health with AI."
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactCenter
+            useInvertedBackground={false}
+            background={{ variant: "sparkles-gradient" }}
+            tag="Get Started"
+            title="Join the Future of Healthcare"
+            description="Sign up for early access to our platform and start managing your health with AI."
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBaseReveal
-      columns={[
-        {
-          title: "Platform",
-          items: [
-            {
-              label: "Diagnostics",
-              href: "#",
-            },
-            {
-              label: "Pricing",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseReveal
+            columns={[
+              {
+                title: "Platform",                items: [
+                  { label: "Diagnostics", href: "#" },
+                  { label: "Pricing", href: "#" },
+                ],
+              },
+              {
+                title: "Legal",                items: [
+                  { label: "Privacy Policy", href: "#" },
+                  { label: "Terms", href: "#" },
+                ],
+              },
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1