Update src/app/page.tsx
This commit is contained in:
143
src/app/page.tsx
143
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: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user