Merge version_1 into main #2
313
src/app/page.tsx
313
src/app/page.tsx
@@ -32,26 +32,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Metrics",
|
||||
id: "metrics",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Metrics", id: "metrics" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="GlucoTrack AI"
|
||||
/>
|
||||
@@ -59,62 +44,23 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Empowering Your Diabetes Journey with AI"
|
||||
description="Smart, real-time glucose tracking and personalized fitness coaching designed specifically for your lifestyle and health goals."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-beautiful-woman-her-room-sitting-showing-lipstick-recommending-favourite_1258-254754.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-fit-woman-outdoors_23-2150352002.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-beautiful-woman-drinking-water-bottle-doing-sports-morning-park_285396-4390.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/joyful-middle-aged-blonde-slavic-woman-standing-with-closed-posture-laughing-with-closed-eyes-isolated-yellow-background-with-copy-space_141793-76683.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-smiling-beautiful-woman-her-room-sitting-showing-lipstick-recommending-favourite_1258-254754.jpg", alt: "User 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-fit-woman-outdoors_23-2150352002.jpg", alt: "User 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg", alt: "User 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-beautiful-woman-drinking-water-bottle-doing-sports-morning-park_285396-4390.jpg", alt: "User 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/joyful-middle-aged-blonde-slavic-woman-standing-with-closed-posture-laughing-with-closed-eyes-isolated-yellow-background-with-copy-space_141793-76683.jpg", alt: "User 5" },
|
||||
]}
|
||||
buttons={[{ text: "Get Started", href: "#contact" }]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Medical Grade AI",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Real-time Tracking",
|
||||
icon: Activity,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Clinically Validated",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Wearable Integration",
|
||||
icon: Smartphone,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Personalized Coaching",
|
||||
},
|
||||
{ type: "text", text: "Medical Grade AI" },
|
||||
{ type: "text-icon", text: "Real-time Tracking", icon: Activity },
|
||||
{ type: "text", text: "Clinically Validated" },
|
||||
{ type: "text-icon", text: "Wearable Integration", icon: Smartphone },
|
||||
{ type: "text", text: "Personalized Coaching" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -126,76 +72,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Glucose Monitoring",
|
||||
description: "AI-powered real-time tracking.",
|
||||
bentoComponent: "line-chart",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/diabetic-man-checking-glucose-patch-sensor_23-2150766864.jpg",
|
||||
imageAlt: "modern health dashboard app UI",
|
||||
},
|
||||
title: "Glucose Monitoring", description: "AI-powered real-time tracking.", bentoComponent: "line-chart"},
|
||||
{
|
||||
title: "Smart AI Coach",
|
||||
description: "Custom meal and fitness advice.",
|
||||
bentoComponent: "chat",
|
||||
aiIcon: Star,
|
||||
title: "Smart AI Coach", description: "Custom meal and fitness advice.", bentoComponent: "chat", aiIcon: Star,
|
||||
userIcon: User,
|
||||
exchanges: [
|
||||
{
|
||||
userMessage: "Glucose rising?",
|
||||
aiResponse: "Try a 10 min walk.",
|
||||
},
|
||||
{
|
||||
userMessage: "Good meal?",
|
||||
aiResponse: "Looks low impact.",
|
||||
},
|
||||
{ userMessage: "Glucose rising?", aiResponse: "Try a 10 min walk." },
|
||||
{ userMessage: "Good meal?", aiResponse: "Looks low impact." },
|
||||
],
|
||||
placeholder: "Ask your coach...",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fitness-woman-using-mobile-phone_23-2148207231.jpg?_wi=1",
|
||||
imageAlt: "modern health dashboard app UI",
|
||||
},
|
||||
placeholder: "Ask your coach..."},
|
||||
{
|
||||
title: "Active Sync",
|
||||
description: "Connect your wearable devices.",
|
||||
bentoComponent: "phone",
|
||||
statusIcon: Check,
|
||||
title: "Active Sync", description: "Connect your wearable devices.", bentoComponent: "phone", statusIcon: Check,
|
||||
alertIcon: AlertCircle,
|
||||
alertTitle: "Sync Complete",
|
||||
alertMessage: "All data uploaded.",
|
||||
apps: [
|
||||
{
|
||||
name: "Watch",
|
||||
icon: Watch,
|
||||
},
|
||||
{
|
||||
name: "Heart",
|
||||
icon: Heart,
|
||||
},
|
||||
{
|
||||
name: "Activity",
|
||||
icon: Activity,
|
||||
},
|
||||
{
|
||||
name: "Phone",
|
||||
icon: Smartphone,
|
||||
},
|
||||
{
|
||||
name: "Sync",
|
||||
icon: RefreshCw,
|
||||
},
|
||||
{
|
||||
name: "Data",
|
||||
icon: Database,
|
||||
},
|
||||
{
|
||||
name: "Cloud",
|
||||
icon: Cloud,
|
||||
},
|
||||
{
|
||||
name: "Settings",
|
||||
icon: Settings,
|
||||
},
|
||||
alertTitle: "Sync Complete", alertMessage: "All data uploaded.", apps: [
|
||||
{ name: "Watch", icon: Watch },
|
||||
{ name: "Heart", icon: Heart },
|
||||
{ name: "Activity", icon: Activity },
|
||||
{ name: "Phone", icon: Smartphone },
|
||||
{ name: "Sync", icon: RefreshCw },
|
||||
{ name: "Data", icon: Database },
|
||||
{ name: "Cloud", icon: Cloud },
|
||||
{ name: "Settings", icon: Settings },
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/specialist-old-woman-discuss-x-ray-scan-preventive-cancer-medicine_482257-126618.jpg",
|
||||
imageAlt: "modern health dashboard app UI",
|
||||
},
|
||||
]}
|
||||
title="Comprehensive Health Insights"
|
||||
@@ -211,7 +109,7 @@ export default function LandingPage() {
|
||||
description="We believe diabetes management shouldn't be a burden. By combining clinical insights with cutting-edge AI, we empower you to live your best life while keeping your glucose levels in balance."
|
||||
subdescription="Our team of endocrinologists and AI experts works around the clock to refine our predictive algorithms."
|
||||
icon={Activity}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/fitness-woman-using-mobile-phone_23-2148207231.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/fitness-woman-using-mobile-phone_23-2148207231.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -223,27 +121,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "25%",
|
||||
title: "HbA1c Reduction",
|
||||
description: "Average user improvement.",
|
||||
icon: TrendingDown,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "10k+",
|
||||
title: "Active Users",
|
||||
description: "Thriving in our community.",
|
||||
icon: Users,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "98%",
|
||||
title: "Satisfaction",
|
||||
description: "Reported by our members.",
|
||||
icon: ThumbsUp,
|
||||
},
|
||||
{ id: "m1", value: "25%", title: "HbA1c Reduction", description: "Average user improvement.", icon: TrendingDown },
|
||||
{ id: "m2", value: "10k+", title: "Active Users", description: "Thriving in our community.", icon: Users },
|
||||
{ id: "m3", value: "98%", title: "Satisfaction", description: "Reported by our members.", icon: ThumbsUp },
|
||||
]}
|
||||
title="Proven Results"
|
||||
description="See the impact on our community."
|
||||
@@ -257,52 +137,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Essential",
|
||||
price: "$19/mo",
|
||||
subtitle: "Track your basics.",
|
||||
features: [
|
||||
"Daily glucose log",
|
||||
"Basic meal suggestions",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Sign Up",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
id: "basic", badge: "Essential", price: "$19/mo", subtitle: "Track your basics.", features: ["Daily glucose log", "Basic meal suggestions"],
|
||||
buttons: [{ text: "Sign Up", href: "#contact" }],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Most Popular",
|
||||
price: "$49/mo",
|
||||
subtitle: "Full AI coaching power.",
|
||||
features: [
|
||||
"Predictive AI insights",
|
||||
"Continuous integration",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Sign Up",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
id: "pro", badge: "Most Popular", price: "$49/mo", subtitle: "Full AI coaching power.", features: ["Predictive AI insights", "Continuous integration"],
|
||||
buttons: [{ text: "Sign Up", href: "#contact" }],
|
||||
},
|
||||
{
|
||||
id: "enterprise",
|
||||
badge: "Clinical",
|
||||
price: "$99/mo",
|
||||
subtitle: "For clinics & families.",
|
||||
features: [
|
||||
"Multi-user dashboard",
|
||||
"Priority data reports",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
id: "enterprise", badge: "Clinical", price: "$99/mo", subtitle: "For clinics & families.", features: ["Multi-user dashboard", "Priority data reports"],
|
||||
buttons: [{ text: "Contact Us", href: "#contact" }],
|
||||
},
|
||||
]}
|
||||
title="Choose Your Plan"
|
||||
@@ -317,26 +161,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Sarah M."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-cute-charismatic-beauty-blogger-woman-sits-room-with-lipstick-hand-talking-about_1258-281786.jpg",
|
||||
alt: "Sarah",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-male-doing-selfcare-routine_23-2149291872.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/glad-positive-man-with-stubble-smiles-happily-listens-music-earphones_273609-8821.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-smiling-woman-girl-puts-her-black-wireless-headphones-listens-music_1258-201274.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-beautiful-woman-her-room-sitting-showing-lipstick-recommending-favourite_1258-281815.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-cute-charismatic-beauty-blogger-woman-sits-room-with-lipstick-hand-talking-about_1258-281786.jpg", alt: "Sarah" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-male-doing-selfcare-routine_23-2149291872.jpg", alt: "User 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/glad-positive-man-with-stubble-smiles-happily-listens-music-earphones_273609-8821.jpg", alt: "User 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-young-smiling-woman-girl-puts-her-black-wireless-headphones-listens-music_1258-201274.jpg", alt: "User 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-smiling-beautiful-woman-her-room-sitting-showing-lipstick-recommending-favourite_1258-281815.jpg", alt: "User 5" },
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -348,21 +177,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq1",
|
||||
title: "Is my data secure?",
|
||||
content: "Yes, we use military-grade encryption.",
|
||||
},
|
||||
{
|
||||
id: "faq2",
|
||||
title: "Does it connect to wearables?",
|
||||
content: "It supports all major health trackers.",
|
||||
},
|
||||
{
|
||||
id: "faq3",
|
||||
title: "Is the AI medically approved?",
|
||||
content: "Our AI is built in consultation with doctors.",
|
||||
},
|
||||
{ id: "faq1", title: "Is my data secure?", content: "Yes, we use military-grade encryption." },
|
||||
{ id: "faq2", title: "Does it connect to wearables?", content: "It supports all major health trackers." },
|
||||
{ id: "faq3", title: "Is the AI medically approved?", content: "Our AI is built in consultation with doctors." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Get clarity on our AI features."
|
||||
@@ -373,9 +190,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Start Your Journey Today"
|
||||
description="Sign up for early access to GlucoTrack AI."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/back-view-woman-using-medical-device_23-2148328462.jpg"
|
||||
@@ -387,30 +202,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Support",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "About Us", href: "#about" }, { label: "Features", href: "#features" }] },
|
||||
{ items: [{ label: "Support", href: "#faq" }, { label: "Terms", href: "#" }] },
|
||||
]}
|
||||
logoText="GlucoTrack AI"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user