bender/c57d76e4-683c-4631-b9f6-e65fd9e22a4c
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-17 11:28:34 +00:00
parent cf38f44d0b
commit 86de13d705
1 changed files with 39 additions and 239 deletions
Download Patch File Download Diff File Expand all files Collapse all files

278
src/app/page.tsx
View File

@@ -32,22 +32,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Growth",
id: "features",
},
{
name: "Nutrition",
id: "pricing",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "hero" },
{ name: "Growth", id: "features" },
{ name: "Nutrition", id: "pricing" },
{ name: "Contact", id: "contact" },
]}
brandName="Taller"
/>
@@ -58,76 +46,22 @@ export default function LandingPage() {
title="Maximize Your Growth Potential"
description="The scientific way to track height, improve posture, and optimize daily health habits for natural growth."
testimonials={[
{
name: "Liam D.",
handle: "@liamd",
testimonial: "Taller helped me stay consistent with my stretching and sleep patterns.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-excited-person-portrait_23-2151186684.jpg",
},
{
name: "Sarah W.",
handle: "@sarahw",
testimonial: "The daily nutrition tips were game-changing for my routine.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-muscular-handsome-man-wetsuit-with-cloud-talc-around-dark-background_613910-15101.jpg",
},
{
name: "Marcus J.",
handle: "@marcusj",
testimonial: "I love the growth chart interface; it keeps me motivated every day.",
rating: 4,
imageSrc: "http://img.b2bpic.net/free-photo/teenage-girl-headband-standing-outside_23-2147654978.jpg",
},
{
name: "Elena R.",
handle: "@elenar",
testimonial: "Finally an app that tracks sleep quality effectively.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-friends-listening-music-outdoors_23-2148450801.jpg",
},
{
name: "Daniel K.",
handle: "@danielk",
testimonial: "A complete health suite for young adults looking to improve.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-african-woman-headphones-smiling-winking-sitting-floor_176420-12875.jpg",
},
{ name: "Liam D.", handle: "@liamd", testimonial: "Taller helped me stay consistent with my stretching and sleep patterns.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-excited-person-portrait_23-2151186684.jpg" },
{ name: "Sarah W.", handle: "@sarahw", testimonial: "The daily nutrition tips were game-changing for my routine.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-muscular-handsome-man-wetsuit-with-cloud-talc-around-dark-background_613910-15101.jpg" },
{ name: "Marcus J.", handle: "@marcusj", testimonial: "I love the growth chart interface; it keeps me motivated every day.", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/teenage-girl-headband-standing-outside_23-2147654978.jpg" },
{ name: "Elena R.", handle: "@elenar", testimonial: "Finally an app that tracks sleep quality effectively.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-friends-listening-music-outdoors_23-2148450801.jpg" },
{ name: "Daniel K.", handle: "@danielk", testimonial: "A complete health suite for young adults looking to improve.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-african-woman-headphones-smiling-winking-sitting-floor_176420-12875.jpg" },
]}
imageSrc="http://img.b2bpic.net/free-photo/medic-expert-analyzing-ct-scan-result-examine-organs-condition_482257-112102.jpg"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/medic-expert-analyzing-ct-scan-result-examine-organs-condition_482257-112102.jpg",
alt: "happy young person portrait",
},
{
src: "http://img.b2bpic.net/free-photo/man-practicing-yoga-sunny-room-with-plants_23-2152033093.jpg",
alt: "healthy young adult",
},
{
src: "http://img.b2bpic.net/free-photo/woman-is-using-smartphone-holding-limequat-her-hand_169016-49882.jpg",
alt: "active student healthy",
},
{
src: "http://img.b2bpic.net/free-photo/doctor-provides-cancer-screening-guidance-patient-office_482257-126373.jpg",
alt: "student portrait lifestyle",
},
{
src: "http://img.b2bpic.net/free-photo/close-up-excited-person-portrait_23-2151186684.jpg",
alt: "teenager portrait healthy",
},
{ src: "http://img.b2bpic.net/free-photo/medic-expert-analyzing-ct-scan-result-examine-organs-condition_482257-112102.jpg", alt: "happy young person portrait" },
{ src: "http://img.b2bpic.net/free-photo/man-practicing-yoga-sunny-room-with-plants_23-2152033093.jpg", alt: "healthy young adult" },
{ src: "http://img.b2bpic.net/free-photo/woman-is-using-smartphone-holding-limequat-her-hand_169016-49882.jpg", alt: "active student healthy" },
{ src: "http://img.b2bpic.net/free-photo/doctor-provides-cancer-screening-guidance-patient-office_482257-126373.jpg", alt: "student portrait lifestyle" },
{ src: "http://img.b2bpic.net/free-photo/close-up-excited-person-portrait_23-2151186684.jpg", alt: "teenager portrait healthy" },
]}
avatarText="Join 50k+ users"
buttons={[
{
text: "Get Started",
href: "#",
},
{
text: "Learn More",
href: "#",
},
]}
buttons={[{ text: "Get Started", href: "#" }, { text: "Learn More", href: "#" }]}
/>
</div>
@@ -136,21 +70,9 @@ export default function LandingPage() {
useInvertedBackground={false}
title="Why Focus on Growth?"
metrics={[
{
icon: TrendingUp,
label: "Milestones Achieved",
value: "12K+",
},
{
icon: Moon,
label: "Sleep Cycles Logged",
value: "50K+",
},
{
icon: Activity,
label: "Routines Completed",
value: "85K+",
},
{ icon: TrendingUp, label: "Milestones Achieved", value: "12K+" },
{ icon: Moon, label: "Sleep Cycles Logged", value: "50K+" },
{ icon: Activity, label: "Routines Completed", value: "85K+" },
]}
metricsAnimation="slide-up"
/>
@@ -161,30 +83,13 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
features={[
{
id: "f1",
title: "Growth Chart",
subtitle: "Interactive tracking",
category: "Analytics",
value: "Precision log",
},
{
id: "f2",
title: "Routine Manager",
subtitle: "Daily stretch plans",
category: "Exercise",
value: "Guided video",
},
{
id: "f3",
name: "Sleep Optimizer",
subtitle: "Quality duration tracking",
category: "Wellness",
value: "AI Analysis",
},
{ id: "f1", title: "Growth Chart", subtitle: "Interactive tracking", category: "Analytics", value: "Precision log" },
{ id: "f2", title: "Routine Manager", subtitle: "Daily stretch plans", category: "Exercise", value: "Guided video" },
{ id: "f3", title: "Sleep Optimizer", subtitle: "Quality duration tracking", category: "Wellness", value: "AI Analysis" },
]}
title="Core Growth Features"
description="Advanced tools designed to turn scientific data into actionable daily habits."
animationType="slide-up"
/>
</div>
@@ -194,51 +99,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
plans={[
{
id: "basic",
price: "$0",
name: "Starter",
buttons: [
{
text: "Get Started",
href: "#",
},
],
features: [
"Basic tracking",
"Standard advice",
],
},
{
id: "pro",
price: "$9/mo",
name: "Pro Growth",
buttons: [
{
text: "Upgrade",
href: "#",
},
],
features: [
"AI nutrition plans",
"Wearable sync",
],
},
{
id: "premium",
price: "$19/mo",
name: "Premium Coach",
buttons: [
{
text: "Start Coaching",
href: "#",
},
],
features: [
"1:1 guidance",
"Advanced projection",
],
},
{ id: "basic", price: "$0", name: "Starter", buttons: [{ text: "Get Started", href: "#" }], features: ["Basic tracking", "Standard advice"] },
{ id: "pro", price: "$9/mo", name: "Pro Growth", buttons: [{ text: "Upgrade", href: "#" }], features: ["AI nutrition plans", "Wearable sync"] },
{ id: "premium", price: "$19/mo", name: "Premium Coach", buttons: [{ text: "Start Coaching", href: "#" }], features: ["1:1 guidance", "Advanced projection"] },
]}
title="Personalized Nutrition"
description="Tailored meal plans to boost height hormone production."
@@ -251,21 +114,9 @@ export default function LandingPage() {
title="Your Growth Trajectory"
tag="Advanced Analytics"
metrics={[
{
id: "m1",
value: "89%",
description: "Confidence increase",
},
{
id: "m2",
value: "15cm",
description: "Avg projected gain",
},
{
id: "m3",
value: "4.2",
description: "Quality sleep score",
},
{ id: "m1", value: "89%", description: "Confidence increase" },
{ id: "m2", value: "15cm", description: "Avg projected gain" },
{ id: "m3", value: "4.2", description: "Quality sleep score" },
]}
metricsAnimation="slide-up"
/>
@@ -277,37 +128,11 @@ export default function LandingPage() {
useInvertedBackground={false}
title="Latest Growth Tips"
description="Science-backed articles to aid your developmental journey."
animationType="slide-up"
blogs={[
{
id: "b1",
category: "Science",
title: "HGH production",
excerpt: "How deep sleep affects growth hormones.",
imageSrc: "http://img.b2bpic.net/free-photo/man-practicing-yoga-sunny-room-with-plants_23-2152033093.jpg",
authorName: "Dr. Smith",
authorAvatar: "http://img.b2bpic.net/free-photo/woman-sits-mat-uses-smartphone-online-workout-concept_169016-47282.jpg",
date: "Oct 12",
},
{
id: "b2",
category: "Diet",
title: "Protein intake",
excerpt: "Essential nutrients for teens.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-is-using-smartphone-holding-limequat-her-hand_169016-49882.jpg",
authorName: "Jane Doe",
authorAvatar: "http://img.b2bpic.net/free-photo/beautiful-sportive-girl-posing-with-crossed-arms-dark-wall_176420-622.jpg",
date: "Oct 15",
},
{
id: "b3",
category: "Exercise",
title: "Stretching focus",
excerpt: "Postural tips for height.",
imageSrc: "http://img.b2bpic.net/free-photo/doctor-provides-cancer-screening-guidance-patient-office_482257-126373.jpg",
authorName: "Mark A.",
authorAvatar: "http://img.b2bpic.net/free-photo/backpack-tourist-happy-redhead-girl-walks-city-with-bag-goes-trip-explores-city-wears-red_1258-196524.jpg",
date: "Oct 18",
},
{ id: "b1", category: "Science", title: "HGH production", excerpt: "How deep sleep affects growth hormones.", imageSrc: "http://img.b2bpic.net/free-photo/man-practicing-yoga-sunny-room-with-plants_23-2152033093.jpg", authorName: "Dr. Smith", authorAvatar: "http://img.b2bpic.net/free-photo/woman-sits-mat-uses-smartphone-online-workout-concept_169016-47282.jpg", date: "Oct 12" },
{ id: "b2", category: "Diet", title: "Protein intake", excerpt: "Essential nutrients for teens.", imageSrc: "http://img.b2bpic.net/free-photo/woman-is-using-smartphone-holding-limequat-her-hand_169016-49882.jpg", authorName: "Jane Doe", authorAvatar: "http://img.b2bpic.net/free-photo/beautiful-sportive-girl-posing-with-crossed-arms-dark-wall_176420-622.jpg", date: "Oct 15" },
{ id: "b3", category: "Exercise", title: "Stretching focus", excerpt: "Postural tips for height.", imageSrc: "http://img.b2bpic.net/free-photo/doctor-provides-cancer-screening-guidance-patient-office_482257-126373.jpg", authorName: "Mark A.", authorAvatar: "http://img.b2bpic.net/free-photo/backpack-tourist-happy-redhead-girl-walks-city-with-bag-goes-trip-explores-city-wears-red_1258-196524.jpg", date: "Oct 18" },
]}
/>
</div>
@@ -317,21 +142,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "Can adults still grow?",
content: "Height potential depends on your epiphyseal plates.",
},
{
id: "q2",
title: "How to sync wearables?",
content: "Link your Apple Health or Google Fit profile.",
},
{
id: "q3",
title: "Is the diet plan safe?",
content: "All nutritional advice is developed by certified dietitians.",
},
{ id: "q1", title: "Can adults still grow?", content: "Height potential depends on your epiphyseal plates." },
{ id: "q2", title: "How to sync wearables?", content: "Link your Apple Health or Google Fit profile." },
{ id: "q3", title: "Is the diet plan safe?", content: "All nutritional advice is developed by certified dietitians." },
]}
title="Frequently Asked"
description="Answers to common growth-related questions."
@@ -342,32 +155,19 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{
variant: "radial-gradient",
}}
background={{ variant: "radial-gradient" }}
tag="Get Support"
title="Ready to Start Your Journey?"
description="Join thousands of users optimizing their growth journey today."
buttons={[
{
text: "Download App",
href: "#",
},
]}
buttons={[{ text: "Download App", href: "#" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="Taller App"
leftLink={{
text: "Privacy Policy",
href: "#",
}}
rightLink={{
text: "Terms of Use",
href: "#",
}}
leftLink={{ text: "Privacy Policy", href: "#" }}
rightLink={{ text: "Terms of Use", href: "#" }}
/>
</div>
</ReactLenis>