Merge version_1 into main #2
281
src/app/page.tsx
281
src/app/page.tsx
@@ -30,22 +30,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Stats",
|
||||
id: "metrics",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Stats", id: "metrics" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
]}
|
||||
brandName="HealthTrack"
|
||||
/>
|
||||
@@ -53,66 +41,24 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Your health, simplified."
|
||||
description="HealthTrack AI monitors your vital signs, sleep patterns, and daily activity. Get data-driven insights to improve your quality of life, instantly."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/impressed-young-blonde-girl-looking-isolated-pink-wall-with-copy-space_141793-112805.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/career-success-office-concert-senior_1262-2793.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-bearded-elegant-male-eyeglasses-dressed-dark-blue-suit-with-bow-tie-grey-vignette-background_613910-629.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/relaxed-elderly-man-armchair_23-2148036688.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/impressed-young-blonde-girl-looking-isolated-pink-wall-with-copy-space_141793-112805.jpg", alt: "User 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/career-success-office-concert-senior_1262-2793.jpg", alt: "User 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/handsome-bearded-elegant-male-eyeglasses-dressed-dark-blue-suit-with-bow-tie-grey-vignette-background_613910-629.jpg", alt: "User 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg", alt: "User 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/relaxed-elderly-man-armchair_23-2148036688.jpg", alt: "User 5" },
|
||||
]}
|
||||
avatarText="Join 10,000+ users tracking their health"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Get Started", href: "#contact" }]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Heart Rate Sync",
|
||||
icon: Heart,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Sleep Quality Score",
|
||||
icon: Moon,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Daily Activity Log",
|
||||
icon: Activity,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Hydration Tracking",
|
||||
icon: Droplet,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Secure Cloud Storage",
|
||||
icon: Shield,
|
||||
},
|
||||
{ type: "text-icon", text: "Heart Rate Sync", icon: Heart },
|
||||
{ type: "text-icon", text: "Sleep Quality Score", icon: Moon },
|
||||
{ type: "text-icon", text: "Daily Activity Log", icon: Activity },
|
||||
{ type: "text-icon", text: "Hydration Tracking", icon: Droplet },
|
||||
{ type: "text-icon", text: "Secure Cloud Storage", icon: Shield },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -124,79 +70,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Instant Biometrics",
|
||||
description: "Real-time heart rate and oxygen monitoring synced directly to your devices.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/abstract-low-poly-banner-design_1017-34378.jpg?_wi=1",
|
||||
imageAlt: "Biometric data",
|
||||
},
|
||||
title: "Instant Biometrics", description: "Real-time heart rate and oxygen monitoring synced directly to your devices.", media: { imageSrc: "http://img.b2bpic.net/free-vector/abstract-low-poly-banner-design_1017-34378.jpg", imageAlt: "Biometric data" },
|
||||
items: [
|
||||
{
|
||||
icon: Heart,
|
||||
text: "Heart Monitoring",
|
||||
},
|
||||
{
|
||||
icon: Activity,
|
||||
text: "Real-time sync",
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
text: "Secure data",
|
||||
},
|
||||
{ icon: Heart, text: "Heart Monitoring" },
|
||||
{ icon: Activity, text: "Real-time sync" },
|
||||
{ icon: Shield, text: "Secure data" },
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bitcoin-smartwatch_23-2151953957.jpg",
|
||||
imageAlt: "minimalist health tracker app UI dark mode",
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Smart Hydration",
|
||||
description: "AI-calculated hydration goals based on activity levels and local weather.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bottle-water-with-paper-drops_23-2148113563.jpg?_wi=1",
|
||||
imageAlt: "Hydration tracking",
|
||||
},
|
||||
title: "Smart Hydration", description: "AI-calculated hydration goals based on activity levels and local weather.", media: { imageSrc: "http://img.b2bpic.net/free-photo/bottle-water-with-paper-drops_23-2148113563.jpg", imageAlt: "Hydration tracking" },
|
||||
items: [
|
||||
{
|
||||
icon: Droplet,
|
||||
text: "Daily reminders",
|
||||
},
|
||||
{
|
||||
icon: Sun,
|
||||
text: "Weather adjust",
|
||||
},
|
||||
{
|
||||
icon: Zap,
|
||||
text: "Fast updates",
|
||||
},
|
||||
{ icon: Droplet, text: "Daily reminders" },
|
||||
{ icon: Sun, text: "Weather adjust" },
|
||||
{ icon: Zap, text: "Fast updates" },
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/abstract-low-poly-banner-design_1017-34378.jpg?_wi=2",
|
||||
imageAlt: "heart rate data visualization minimalist dark",
|
||||
reverse: true
|
||||
},
|
||||
{
|
||||
title: "Deep Sleep Insights",
|
||||
description: "Understand your REM cycles with advanced AI pattern matching algorithms.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-listening-music-looking-her-smartphone-while-laying-bed_23-2149240392.jpg",
|
||||
imageAlt: "Sleep tracking",
|
||||
},
|
||||
title: "Deep Sleep Insights", description: "Understand your REM cycles with advanced AI pattern matching algorithms.", media: { imageSrc: "http://img.b2bpic.net/free-photo/woman-listening-music-looking-her-smartphone-while-laying-bed_23-2149240392.jpg", imageAlt: "Sleep tracking" },
|
||||
items: [
|
||||
{
|
||||
icon: Moon,
|
||||
text: "REM analysis",
|
||||
},
|
||||
{
|
||||
icon: Clock,
|
||||
text: "Cycle timing",
|
||||
},
|
||||
{
|
||||
icon: Star,
|
||||
text: "Sleep score",
|
||||
},
|
||||
{ icon: Moon, text: "REM analysis" },
|
||||
{ icon: Clock, text: "Cycle timing" },
|
||||
{ icon: Star, text: "Sleep score" },
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bottle-water-with-paper-drops_23-2148113563.jpg?_wi=2",
|
||||
imageAlt: "calm water abstract wellness health concept",
|
||||
reverse: false
|
||||
},
|
||||
]}
|
||||
title="Data that makes sense"
|
||||
@@ -211,27 +109,9 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "95%",
|
||||
title: "User Satisfaction",
|
||||
description: "High accuracy in wellness reporting.",
|
||||
icon: ThumbsUp,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "24/7",
|
||||
title: "Always On",
|
||||
description: "Continuous health monitoring.",
|
||||
icon: Clock,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "1M+",
|
||||
title: "Data Points",
|
||||
description: "Processed daily for you.",
|
||||
icon: Database,
|
||||
},
|
||||
{ id: "m1", value: "95%", title: "User Satisfaction", description: "High accuracy in wellness reporting.", icon: ThumbsUp },
|
||||
{ id: "m2", value: "24/7", title: "Always On", description: "Continuous health monitoring.", icon: Clock },
|
||||
{ id: "m3", value: "1M+", title: "Data Points", description: "Processed daily for you.", icon: Database },
|
||||
]}
|
||||
title="Proven performance"
|
||||
description="Join our community of healthy, data-driven achievers."
|
||||
@@ -240,49 +120,15 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
handle: "@sarahj",
|
||||
testimonial: "HealthTrack finally made me understand my sleep cycles.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/impressed-young-blonde-girl-looking-isolated-pink-wall-with-copy-space_141793-112805.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
handle: "@mchen",
|
||||
testimonial: "The heart rate alerts are incredibly helpful.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/career-success-office-concert-senior_1262-2793.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
handle: "@erod",
|
||||
testimonial: "I'm more energized than I've been in years!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-elegant-male-eyeglasses-dressed-dark-blue-suit-with-bow-tie-grey-vignette-background_613910-629.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
handle: "@dkim",
|
||||
testimonial: "Simple, efficient, and very reliable.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Martha V.",
|
||||
handle: "@martha",
|
||||
testimonial: "Simple to use, and excellent results.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/relaxed-elderly-man-armchair_23-2148036688.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah Johnson", handle: "@sarahj", testimonial: "HealthTrack finally made me understand my sleep cycles.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/impressed-young-blonde-girl-looking-isolated-pink-wall-with-copy-space_141793-112805.jpg" },
|
||||
{ id: "2", name: "Michael Chen", handle: "@mchen", testimonial: "The heart rate alerts are incredibly helpful.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/career-success-office-concert-senior_1262-2793.jpg" },
|
||||
{ id: "3", name: "Emily Rodriguez", handle: "@erod", testimonial: "I'm more energized than I've been in years!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-elegant-male-eyeglasses-dressed-dark-blue-suit-with-bow-tie-grey-vignette-background_613910-629.jpg" },
|
||||
{ id: "4", name: "David Kim", handle: "@dkim", testimonial: "Simple, efficient, and very reliable.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg" },
|
||||
{ id: "5", name: "Martha V.", handle: "@martha", testimonial: "Simple to use, and excellent results.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/relaxed-elderly-man-armchair_23-2148036688.jpg" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="Trusted by thousands"
|
||||
@@ -295,21 +141,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Is my data private?",
|
||||
content: "Absolutely. We use end-to-end encryption for every byte of data.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Can I sync with Apple Health?",
|
||||
content: "Yes, full integration is built-in.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "How does the AI work?",
|
||||
content: "Our proprietary algorithms detect patterns based on your historical biometric readings.",
|
||||
},
|
||||
{ id: "f1", title: "Is my data private?", content: "Absolutely. We use end-to-end encryption for every byte of data." },
|
||||
{ id: "f2", title: "Can I sync with Apple Health?", content: "Yes, full integration is built-in." },
|
||||
{ id: "f3", title: "How does the AI work?", content: "Our proprietary algorithms detect patterns based on your historical biometric readings." },
|
||||
]}
|
||||
title="Common questions"
|
||||
description="Get answers about HealthTrack."
|
||||
@@ -320,18 +154,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "glowing-orb",
|
||||
}}
|
||||
background={{ variant: "glowing-orb" }}
|
||||
tag="Get Started"
|
||||
title="Ready to transform your health?"
|
||||
description="Sign up today to get your first week of insights free."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Get Started", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -340,21 +167,9 @@ export default function LandingPage() {
|
||||
logoText="HealthTrack"
|
||||
copyrightText="© 2025 HealthTrack. All rights reserved."
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "#",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
{
|
||||
icon: Linkedin,
|
||||
href: "#",
|
||||
ariaLabel: "LinkedIn",
|
||||
},
|
||||
{ icon: Twitter, href: "#", ariaLabel: "Twitter" },
|
||||
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
|
||||
{ icon: Linkedin, href: "#", ariaLabel: "LinkedIn" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user