Update src/app/page.tsx
This commit is contained in:
240
src/app/page.tsx
240
src/app/page.tsx
@@ -17,7 +17,7 @@ export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="mediumSmall"
|
||||
sizing="large"
|
||||
@@ -31,22 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Benefits",
|
||||
id: "#metrics",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Features", id: "#features" },
|
||||
{ name: "Benefits", id: "#metrics" },
|
||||
{ name: "Testimonials", id: "#testimonials" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="NovaPro Health"
|
||||
/>
|
||||
@@ -54,9 +42,7 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="The Future of Proactive Health Management"
|
||||
description="NovaPro Health leverages cutting-edge AI to provide actionable health insights, empowering you to live longer, better, and smarter."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/face-recognition-personal-identification-collage_23-2150165577.jpg"
|
||||
@@ -71,21 +57,12 @@ export default function LandingPage() {
|
||||
title="Precision Wellness, Personalized for You"
|
||||
description="NovaPro Health bridges the gap between complex medical data and simple daily habits, creating a seamless path to optimized well-being."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "AI-Driven Insights",
|
||||
description: "Get deep analysis based on your unique biometric markers.",
|
||||
},
|
||||
{
|
||||
title: "Seamless Integration",
|
||||
description: "Connects effortlessly with all your wearable devices.",
|
||||
},
|
||||
{
|
||||
title: "Proactive Guidance",
|
||||
description: "Real-time adjustments to your wellness plan as you evolve.",
|
||||
},
|
||||
{ title: "AI-Driven Insights", description: "Get deep analysis based on your unique biometric markers." },
|
||||
{ title: "Seamless Integration", description: "Connects effortlessly with all your wearable devices." },
|
||||
{ title: "Proactive Guidance", description: "Real-time adjustments to your wellness plan as you evolve." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/general-practitioner-leverages-digital-tools-better-diagnostics-analysis_482257-126566.jpg"
|
||||
mediaAnimation="reveal-blur"
|
||||
mediaAnimation="opacity"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -93,22 +70,11 @@ export default function LandingPage() {
|
||||
<FeatureCardSeven
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
animationType="slide-up"
|
||||
features={[
|
||||
{
|
||||
title: "Biometric Sync",
|
||||
description: "Real-time updates from continuous glucose monitoring and cardiac tracking.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/medical-infographic-concept_23-2148497669.jpg",
|
||||
},
|
||||
{
|
||||
title: "Recovery Scoring",
|
||||
description: "Optimized sleep and recovery protocols for maximum athletic output.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/back-view-women-doing-sport-with-stats_23-2150040498.jpg",
|
||||
},
|
||||
{
|
||||
title: "Nutritional AI",
|
||||
description: "Automated meal and supplement suggestions based on your bloodwork.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medical-professionals-meeting-examining-organs-ct-scan-results_482257-123078.jpg",
|
||||
},
|
||||
{ title: "Biometric Sync", description: "Real-time updates from continuous glucose monitoring and cardiac tracking.", imageSrc: "http://img.b2bpic.net/free-vector/medical-infographic-concept_23-2148497669.jpg" },
|
||||
{ title: "Recovery Scoring", description: "Optimized sleep and recovery protocols for maximum athletic output.", imageSrc: "http://img.b2bpic.net/free-photo/back-view-women-doing-sport-with-stats_23-2150040498.jpg" },
|
||||
{ title: "Nutritional AI", description: "Automated meal and supplement suggestions based on your bloodwork.", imageSrc: "http://img.b2bpic.net/free-photo/medical-professionals-meeting-examining-organs-ct-scan-results_482257-123078.jpg" },
|
||||
]}
|
||||
title="Core Health Capabilities"
|
||||
description="Powerful tools designed to track, analyze, and improve every aspect of your biological performance."
|
||||
@@ -119,37 +85,11 @@ export default function LandingPage() {
|
||||
<MetricCardSeven
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "94%",
|
||||
title: "Improved Health Compliance",
|
||||
items: [
|
||||
"Daily tracking",
|
||||
"Consistency",
|
||||
"AI support",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "22%",
|
||||
title: "Biological Age Reduction",
|
||||
items: [
|
||||
"Metabolic health",
|
||||
"Muscle recovery",
|
||||
"Sleep efficiency",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "3x",
|
||||
title: "Faster Recovery Times",
|
||||
items: [
|
||||
"Sports science",
|
||||
"Adaptive protocols",
|
||||
"Optimal rest",
|
||||
],
|
||||
},
|
||||
{ id: "m1", value: "94%", title: "Improved Health Compliance", items: ["Daily tracking", "Consistency", "AI support"] },
|
||||
{ id: "m2", value: "22%", title: "Biological Age Reduction", items: ["Metabolic health", "Muscle recovery", "Sleep efficiency"] },
|
||||
{ id: "m3", value: "3x", title: "Faster Recovery Times", items: ["Sports science", "Adaptive protocols", "Optimal rest"] },
|
||||
]}
|
||||
title="Quantified Success"
|
||||
description="Real-world data driven results for our community members."
|
||||
@@ -160,61 +100,18 @@ export default function LandingPage() {
|
||||
<TestimonialCardSixteen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
animationType="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Marcus Thorne",
|
||||
role: "Coach",
|
||||
company: "FitLife",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-conference-room-thinking-about-future_482257-25787.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Elena Rossi",
|
||||
role: "Medical Student",
|
||||
company: "MedSchool",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-business-woman-wearing-id-card-smiling-confident-with-crossed-arms_839833-18875.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Jasmine Lee",
|
||||
role: "Athlete",
|
||||
company: "IronPro",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Robert Chen",
|
||||
role: "Consultant",
|
||||
company: "BioTech",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wise-doctor-with-stethoscope_1098-140.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sarah Miller",
|
||||
role: "Nurse",
|
||||
company: "HealthCenter",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-medical-team_329181-9231.jpg",
|
||||
},
|
||||
{ id: "1", name: "Marcus Thorne", role: "Coach", company: "FitLife", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-conference-room-thinking-about-future_482257-25787.jpg" },
|
||||
{ id: "2", name: "Elena Rossi", role: "Medical Student", company: "MedSchool", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-business-woman-wearing-id-card-smiling-confident-with-crossed-arms_839833-18875.jpg" },
|
||||
{ id: "3", name: "Jasmine Lee", role: "Athlete", company: "IronPro", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg" },
|
||||
{ id: "4", name: "Robert Chen", role: "Consultant", company: "BioTech", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/wise-doctor-with-stethoscope_1098-140.jpg" },
|
||||
{ id: "5", name: "Sarah Miller", role: "Nurse", company: "HealthCenter", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/successful-medical-team_329181-9231.jpg" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.9",
|
||||
label: "Avg Rating",
|
||||
},
|
||||
{
|
||||
value: "15k+",
|
||||
label: "Active Users",
|
||||
},
|
||||
{
|
||||
value: "24/7",
|
||||
label: "Global Access",
|
||||
},
|
||||
{ value: "4.9", label: "Avg Rating" },
|
||||
{ value: "15k+", label: "Active Users" },
|
||||
{ value: "24/7", label: "Global Access" },
|
||||
]}
|
||||
title="Community Experiences"
|
||||
description="What wellness seekers are saying about NovaPro Health."
|
||||
@@ -225,15 +122,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"HealthHub",
|
||||
"BioCore",
|
||||
"FitSynth",
|
||||
"MediLog",
|
||||
"VitalSync",
|
||||
"OmniHealth",
|
||||
"DataFlow",
|
||||
]}
|
||||
names={["HealthHub", "BioCore", "FitSynth", "MediLog", "VitalSync", "OmniHealth", "DataFlow"]}
|
||||
title="Trusted by Health Innovators"
|
||||
description="Collaborating with the leaders in biotechnology and fitness innovation."
|
||||
/>
|
||||
@@ -244,86 +133,31 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How is my data protected?",
|
||||
content: "We use bank-grade encryption to ensure your biometric data remains private.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Can I integrate with my Apple Watch?",
|
||||
content: "Yes, NovaPro fully supports Apple Health, Garmin, and Fitbit ecosystems.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Is there a subscription fee?",
|
||||
content: "We offer a flexible subscription model based on your individual needs.",
|
||||
},
|
||||
{ id: "f1", title: "How is my data protected?", content: "We use bank-grade encryption to ensure your biometric data remains private." },
|
||||
{ id: "f2", title: "Can I integrate with my Apple Watch?", content: "Yes, NovaPro fully supports Apple Health, Garmin, and Fitbit ecosystems." },
|
||||
{ id: "f3", title: "Is there a subscription fee?", content: "We offer a flexible subscription model based on your individual needs." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about our health platform."
|
||||
faqsAnimation="reveal-blur"
|
||||
faqsAnimation="opacity"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
text="Ready to take control of your health? Join our beta program today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Support",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Support", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Help Center",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "LinkedIn",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About", href: "#" }, { label: "Careers", href: "#" }] },
|
||||
{ title: "Support", items: [{ label: "Help Center", href: "#" }, { label: "Privacy", href: "#" }] },
|
||||
{ title: "Connect", items: [{ label: "Twitter", href: "#" }, { label: "LinkedIn", href: "#" }] },
|
||||
]}
|
||||
logoText="NovaPro Health"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user