From d60f671f97671c3e1bcd6939af78ff18455ecf87 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 10 Apr 2026 07:13:53 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 143 ++++++++++++-----------------------------------
 1 file changed, 35 insertions(+), 108 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 87418ad..c5d497e 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -17,27 +17,26 @@ export default function LandingPage() {
         defaultButtonVariant="text-shift"
         defaultTextAnimation="entrance-slide"
         borderRadius="rounded"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
         {
-          name: "Home",
-          id: "hero",
-        },
+          name: "Home",          id: "hero"},
         {
-          name: "About",
-          id: "about",
-        },
+          name: "About",          id: "about"},
         {
-          name: "Model",
-          id: "methodology",
-        },
+          name: "Methodology",          id: "methodology"},
         {
-          name: "Prediction",
-          id: "prediction",
-        },
+          name: "Prediction",          id: "prediction"},
       ]}
       brandName="ML Predictor"
     />
@@ -46,32 +45,15 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroSplitDualMedia
       background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
       title="Predict Diabetes Risk Using Machine Learning"
       description="Early detection is critical. Leverage our intelligent, data-driven system built on the Pima Indian Diabetes Dataset to assess potential health risks with high accuracy."
       tag="Advanced Healthcare AI"
       mediaItems={[
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/empty-medical-cabinet-private-clinic-with-laptop-diagnostics_482257-122738.jpg?_wi=1",
-          imageAlt: "AI Diabetes Analysis",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/empty-medical-cabinet-private-clinic-with-laptop-diagnostics_482257-122738.jpg",          imageAlt: "AI Diabetes Analysis"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/healthcare-provider-presenting-lab-test-results-patient-cabinet_482257-124790.jpg?_wi=1",
-          imageAlt: "Health Data Analysis",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/empty-medical-cabinet-private-clinic-with-laptop-diagnostics_482257-122738.jpg?_wi=2",
-          imageAlt: "Digital Medical Report",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/healthcare-provider-presenting-lab-test-results-patient-cabinet_482257-124790.jpg?_wi=2",
-          imageAlt: "Smart Clinical Interface",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/empty-medical-cabinet-private-clinic-with-laptop-diagnostics_482257-122738.jpg?_wi=3",
-          imageAlt: "Data Driven Diagnosis",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/healthcare-provider-presenting-lab-test-results-patient-cabinet_482257-124790.jpg",          imageAlt: "Health Data Analysis"}
       ]}
       mediaAnimation="slide-up"
       rating={5}
@@ -88,9 +70,7 @@ export default function LandingPage() {
       tagIcon={BookOpen}
       buttons={[
         {
-          text: "View Methodology",
-          href: "#methodology",
-        },
+          text: "View Methodology",          href: "#methodology"},
       ]}
     />
   </div>
@@ -102,35 +82,17 @@ export default function LandingPage() {
       useInvertedBackground={true}
       features={[
         {
-          id: "f1",
-          title: "Data Preprocessing",
-          tags: [
-            "Cleaning",
-            "Standardization",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/empty-medical-cabinet-private-clinic-with-laptop-diagnostics_482257-122738.jpg?_wi=4",
-          imageAlt: "Processing",
-        },
+          id: "f1",          title: "Data Preprocessing",          tags: [
+            "Cleaning",            "Standardization"],
+          imageSrc: "http://img.b2bpic.net/free-photo/empty-medical-cabinet-private-clinic-with-laptop-diagnostics_482257-122738.jpg",          imageAlt: "Processing"},
         {
-          id: "f2",
-          title: "Algorithm Selection",
-          tags: [
-            "Logistic Regression",
-            "Forest",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/healthcare-provider-presenting-lab-test-results-patient-cabinet_482257-124790.jpg?_wi=3",
-          imageAlt: "Model",
-        },
+          id: "f2",          title: "Algorithm Selection",          tags: [
+            "Logistic Regression",            "Forest"],
+          imageSrc: "http://img.b2bpic.net/free-photo/healthcare-provider-presenting-lab-test-results-patient-cabinet_482257-124790.jpg",          imageAlt: "Model"},
         {
-          id: "f3",
-          title: "Metric Analysis",
-          tags: [
-            "Accuracy",
-            "Recall",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/empty-medical-cabinet-private-clinic-with-laptop-diagnostics_482257-122738.jpg?_wi=5",
-          imageAlt: "Results",
-        },
+          id: "f3",          title: "Metric Analysis",          tags: [
+            "Accuracy",            "Recall"],
+          imageSrc: "http://img.b2bpic.net/free-photo/empty-medical-cabinet-private-clinic-with-laptop-diagnostics_482257-122738.jpg",          imageAlt: "Results"},
       ]}
       title="Our ML Methodology"
       description="Leveraging advanced algorithms to deliver precise, actionable insights."
@@ -147,37 +109,13 @@ export default function LandingPage() {
       tagIcon={MessageSquare}
       testimonials={[
         {
-          id: "t1",
-          title: "Highly Accurate",
-          quote: "The prediction accuracy is consistently reliable for my preliminary screening workflow.",
-          name: "Dr. Sarah Jenkins",
-          role: "General Practitioner",
-          imageSrc: "http://img.b2bpic.net/free-photo/healthcare-provider-presenting-lab-test-results-patient-cabinet_482257-124790.jpg?_wi=4",
-        },
+          id: "t1",          title: "Highly Accurate",          quote: "The prediction accuracy is consistently reliable for my preliminary screening workflow.",          name: "Dr. Sarah Jenkins",          role: "General Practitioner",          imageSrc: "http://img.b2bpic.net/free-photo/healthcare-provider-presenting-lab-test-results-patient-cabinet_482257-124790.jpg"},
         {
-          id: "t2",
-          title: "User-Friendly",
-          quote: "Very easy to integrate into my research data analysis pipeline.",
-          name: "Mark Vane",
-          role: "Data Analyst",
-          imageSrc: "http://img.b2bpic.net/free-photo/empty-medical-cabinet-private-clinic-with-laptop-diagnostics_482257-122738.jpg?_wi=6",
-        },
+          id: "t2",          title: "User-Friendly",          quote: "Very easy to integrate into my research data analysis pipeline.",          name: "Mark Vane",          role: "Data Analyst",          imageSrc: "http://img.b2bpic.net/free-photo/empty-medical-cabinet-private-clinic-with-laptop-diagnostics_482257-122738.jpg"},
         {
-          id: "t3",
-          title: "Fast Results",
-          quote: "Provides instant insights that help prioritize patient care.",
-          name: "Elena Rodriguez",
-          role: "Medical Researcher",
-          imageSrc: "http://img.b2bpic.net/free-photo/healthcare-provider-presenting-lab-test-results-patient-cabinet_482257-124790.jpg?_wi=5",
-        },
+          id: "t3",          title: "Fast Results",          quote: "Provides instant insights that help prioritize patient care.",          name: "Elena Rodriguez",          role: "Medical Researcher",          imageSrc: "http://img.b2bpic.net/free-photo/healthcare-provider-presenting-lab-test-results-patient-cabinet_482257-124790.jpg"},
         {
-          id: "t4",
-          title: "Essential Tool",
-          quote: "This tool has significantly improved our early detection screening efficiency.",
-          name: "Thomas Wong",
-          role: "Health Administrator",
-          imageSrc: "http://img.b2bpic.net/free-photo/empty-medical-cabinet-private-clinic-with-laptop-diagnostics_482257-122738.jpg?_wi=7",
-        },
+          id: "t4",          title: "Essential Tool",          quote: "This tool has significantly improved our early detection screening efficiency.",          name: "Thomas Wong",          role: "Health Administrator",          imageSrc: "http://img.b2bpic.net/free-photo/empty-medical-cabinet-private-clinic-with-laptop-diagnostics_482257-122738.jpg"},
       ]}
     />
   </div>
@@ -186,8 +124,7 @@ export default function LandingPage() {
       <ContactCenter
       useInvertedBackground={false}
       background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
       tag="Risk Assessment"
       title="Predict Diabetes Risk"
       description="Enter your health metrics to receive a probability-based risk assessment."
@@ -202,29 +139,19 @@ export default function LandingPage() {
       logoText="ML Predictor"
       columns={[
         {
-          title: "Developer",
-          items: [
+          title: "Developer",          items: [
             {
-              label: "GitHub Profile",
-              href: "#",
-            },
+              label: "GitHub Profile",              href: "#"},
             {
-              label: "Email Contact",
-              href: "mailto:dev@example.com",
-            },
+              label: "Email Contact",              href: "mailto:dev@example.com"},
           ],
         },
         {
-          title: "Learn",
-          items: [
+          title: "Learn",          items: [
             {
-              label: "Dataset Docs",
-              href: "#",
-            },
+              label: "Dataset Docs",              href: "#"},
             {
-              label: "Methodology",
-              href: "#",
-            },
+              label: "Methodology",              href: "#"},
           ],
         },
       ]}