Merge version_1 into main #1
381
src/app/page.tsx
381
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>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user