bender/e9e93f79-3598-4746-8bbc-e9014350f553
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main

Browse Source 
Merge version_2 into main
This commit was merged in pull request #1.
This commit is contained in:
bender
2026-05-11 17:33:20 +00:00
parent ead610c35c b53de30af8
commit ab5f896b53
1 changed files with 58 additions and 202 deletions
Download Patch File Download Diff File Expand all files Collapse all files

260
src/app/page.tsx
View File

@@ -32,21 +32,13 @@ export default function LandingPage() {
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "#hero",
},
name: "Home", id: "#hero"},
{
name: "Features",
id: "#features",
},
name: "Features", id: "#features"},
{
name: "Pricing",
id: "#pricing",
},
name: "Pricing", id: "#pricing"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
brandName="HabitFlow"
/>
@@ -56,93 +48,52 @@ export default function LandingPage() {
<HeroBillboardTestimonial
useInvertedBackground={false}
background={{
variant: "glowing-orb",
}}
variant: "glowing-orb"}}
title="Master Your Habits, Transform Your Life."
description="HabitFlow makes it effortless to build consistent routines, track your progress, and reach your goals through intuitive design and data-driven insights."
testimonials={[
{
name: "Sarah Chen",
handle: "@sarahc",
testimonial: "I've tried every tracker, and this one actually makes habit building fun and addictive. The interface is just perfect.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-looking-camera_23-2148304959.jpg",
},
name: "Sarah Chen", handle: "@sarahc", testimonial: "I've tried every tracker, and this one actually makes habit building fun and addictive. The interface is just perfect.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-looking-camera_23-2148304959.jpg"},
{
name: "Mark Rivera",
handle: "@mrivera",
testimonial: "Finally, a clean app that doesn't overwhelm me with features. The streak tracking keeps me motivated every single day.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-male-walking-street_158595-4723.jpg",
},
name: "Mark Rivera", handle: "@mrivera", testimonial: "Finally, a clean app that doesn't overwhelm me with features. The streak tracking keeps me motivated every single day.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-male-walking-street_158595-4723.jpg"},
{
name: "Elena Voss",
handle: "@elenav",
testimonial: "Absolutely love the visual progress bars. It makes my daily health goals feel so much more attainable and real.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/lovely-woman-with-shiny-wavy-hair-laughing-while-posing-home-dreamy-white-girl-holding-apple-smartphone_197531-9739.jpg",
},
name: "Elena Voss", handle: "@elenav", testimonial: "Absolutely love the visual progress bars. It makes my daily health goals feel so much more attainable and real.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/lovely-woman-with-shiny-wavy-hair-laughing-while-posing-home-dreamy-white-girl-holding-apple-smartphone_197531-9739.jpg"},
{
name: "Jack Miller",
handle: "@jackm",
testimonial: "Simple, elegant, and highly effective. I've maintained my meditation habit for 40 days straight thanks to HabitFlow.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-with-short-curly-hair-wireless-earphones-s_574295-3780.jpg",
},
name: "Jack Miller", handle: "@jackm", testimonial: "Simple, elegant, and highly effective. I've maintained my meditation habit for 40 days straight thanks to HabitFlow.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-with-short-curly-hair-wireless-earphones-s_574295-3780.jpg"},
{
name: "Sophia Lee",
handle: "@sophial",
testimonial: "Best design of any app I use. The interaction, the colors, everything feels so premium and well-thought-out.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/older-man-with-smartphone-outdoors-city_23-2148991127.jpg",
},
name: "Sophia Lee", handle: "@sophial", testimonial: "Best design of any app I use. The interaction, the colors, everything feels so premium and well-thought-out.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/older-man-with-smartphone-outdoors-city_23-2148991127.jpg"},
]}
imageSrc="http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169864.jpg"
imageAlt="HabitFlow Mobile App Dashboard"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/beautifull-caucasian-woman-with-curly-hair-smiles-grey-background_132075-10067.jpg",
alt: "Portrait of young professional",
},
src: "http://img.b2bpic.net/free-photo/beautifull-caucasian-woman-with-curly-hair-smiles-grey-background_132075-10067.jpg", alt: "Portrait of young professional"},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-unknown-woman-posing_23-2149417556.jpg",
alt: "Portrait of student",
},
src: "http://img.b2bpic.net/free-photo/medium-shot-unknown-woman-posing_23-2149417556.jpg", alt: "Portrait of student"},
{
src: "http://img.b2bpic.net/free-photo/beautiful-sideways-female-model-photography-umbrella_23-2148424403.jpg",
alt: "Portrait of creative",
},
src: "http://img.b2bpic.net/free-photo/beautiful-sideways-female-model-photography-umbrella_23-2148424403.jpg", alt: "Portrait of creative"},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-spotlight_23-2149304646.jpg",
alt: "Portrait of coach",
},
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-spotlight_23-2149304646.jpg", alt: "Portrait of coach"},
{
src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1628.jpg",
alt: "Portrait of developer",
},
src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1628.jpg", alt: "Portrait of developer"},
]}
avatarText="Join 10k+ daily users"
marqueeItems={[
{
type: "text",
text: "Build Consistency",
},
type: "text", text: "Build Consistency"},
{
type: "text",
text: "Track Progress",
},
type: "text", text: "Track Progress"},
{
type: "text",
text: "Reach Goals",
},
type: "text", text: "Reach Goals"},
{
type: "text",
text: "Data Insights",
},
type: "text", text: "Data Insights"},
{
type: "text",
text: "Daily Wins",
},
type: "text", text: "Daily Wins"},
]}
/>
</div>
@@ -165,23 +116,14 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Streak Tracking",
description: "See your momentum build with visually satisfying streak counters and history tracking.",
imageSrc: "http://img.b2bpic.net/free-photo/coding-neon-cyberpunk-programmer-work_23-2152013678.jpg",
imageAlt: "Streak tracking visualization",
},
title: "Streak Tracking", description: "See your momentum build with visually satisfying streak counters and history tracking.", button: { text: "Start Tracking", href: "#" },
imageSrc: "http://img.b2bpic.net/free-photo/coding-neon-cyberpunk-programmer-work_23-2152013678.jpg", imageAlt: "Streak tracking visualization"},
{
title: "Smart Reminders",
description: "Get gentle, intelligent nudges that fit your schedule perfectly without interrupting your flow.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-sporty-woman-wireless-headphones-sitting-with-smartphone-rubber-mat-using_1258-253491.jpg",
imageAlt: "Smart reminders interface",
},
title: "Smart Reminders", description: "Get gentle, intelligent nudges that fit your schedule perfectly without interrupting your flow.", button: { text: "Learn More", href: "#" },
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-sporty-woman-wireless-headphones-sitting-with-smartphone-rubber-mat-using_1258-253491.jpg", imageAlt: "Smart reminders interface"},
{
title: "Data Insights",
description: "Visualize your trends over weeks, months, and years to understand your patterns better.",
imageSrc: "http://img.b2bpic.net/free-photo/cyber-security-experts-working-with-tech-devices-neon-lights_23-2151645615.jpg",
imageAlt: "Data analytics charts",
},
title: "Data Insights", description: "Visualize your trends over weeks, months, and years to understand your patterns better.", button: { text: "Explore Data", href: "#" },
imageSrc: "http://img.b2bpic.net/free-photo/cyber-security-experts-working-with-tech-devices-neon-lights_23-2151645615.jpg", imageAlt: "Data analytics charts"},
]}
title="Everything you need to level up"
description="Powerful tools wrapped in a beautiful, distraction-free interface."
@@ -195,26 +137,11 @@ export default function LandingPage() {
useInvertedBackground={true}
metrics={[
{
id: "1",
value: "500k+",
title: "Habits Tracked",
description: "Successfully completed daily actions.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-typing-laptop-sitting-home-with-automation-lighting-system_482257-8729.jpg",
},
id: "1", value: "500k+", title: "Habits Tracked", description: "Successfully completed daily actions.", imageSrc: "http://img.b2bpic.net/free-photo/woman-typing-laptop-sitting-home-with-automation-lighting-system_482257-8729.jpg"},
{
id: "2",
value: "150k+",
title: "Daily Users",
description: "Active users building routines.",
imageSrc: "http://img.b2bpic.net/free-photo/mobile-app-analytics-dashboard_23-2151957122.jpg",
},
id: "2", value: "150k+", title: "Daily Users", description: "Active users building routines.", imageSrc: "http://img.b2bpic.net/free-photo/mobile-app-analytics-dashboard_23-2151957122.jpg"},
{
id: "3",
value: "98%",
title: "User Satisfaction",
description: "Based on our latest user surveys.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-typing-laptop-sitting-home-with-automation-lighting-system-using-voice-controlled-sma_482257-2844.jpg",
},
id: "3", value: "98%", title: "User Satisfaction", description: "Based on our latest user surveys.", imageSrc: "http://img.b2bpic.net/free-photo/woman-typing-laptop-sitting-home-with-automation-lighting-system-using-voice-controlled-sma_482257-2844.jpg"},
]}
title="Impact by the Numbers"
description="Join thousands of users transforming their lives through daily habits."
@@ -228,45 +155,20 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah Chen",
handle: "@sarahc",
testimonial: "Absolutely life-changing for my routine.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-business-woman-with-enthusiastic-face-expression-smiling-looking-confident-standing-s_1258-88087.jpg",
},
id: "1", name: "Sarah Chen", handle: "@sarahc", testimonial: "Absolutely life-changing for my routine.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-business-woman-with-enthusiastic-face-expression-smiling-looking-confident-standing-s_1258-88087.jpg"},
{
id: "2",
name: "Mark Rivera",
handle: "@mrivera",
testimonial: "I can't imagine my day without this app.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-is-painting-picture-canvas-while-sitting_169016-18984.jpg",
},
id: "2", name: "Mark Rivera", handle: "@mrivera", testimonial: "I can't imagine my day without this app.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-is-painting-picture-canvas-while-sitting_169016-18984.jpg"},
{
id: "3",
name: "Elena Voss",
handle: "@elenav",
testimonial: "Simple, effective, and beautiful design.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-athleisure-posing-outdoors_23-2148655856.jpg",
},
id: "3", name: "Elena Voss", handle: "@elenav", testimonial: "Simple, effective, and beautiful design.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-athleisure-posing-outdoors_23-2148655856.jpg"},
{
id: "4",
name: "Jack Miller",
handle: "@jackm",
testimonial: "The streaks feature is so rewarding.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-businesswoman-her-office_329181-13386.jpg",
},
id: "4", name: "Jack Miller", handle: "@jackm", testimonial: "The streaks feature is so rewarding.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-businesswoman-her-office_329181-13386.jpg"},
{
id: "5",
name: "Sophia Lee",
handle: "@sophial",
testimonial: "Every day feels more organized now.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/senior-man-listening-music-tablet_23-2148362812.jpg",
},
id: "5", name: "Sophia Lee", handle: "@sophial", testimonial: "Every day feels more organized now.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/senior-man-listening-music-tablet_23-2148362812.jpg"},
]}
showRating={true}
title="Loved by the community"
@@ -280,20 +182,11 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
id: "q1",
title: "Is HabitFlow free?",
content: "Yes, HabitFlow has a robust free plan for everyone.",
},
id: "q1", title: "Is HabitFlow free?", content: "Yes, HabitFlow has a robust free plan for everyone."},
{
id: "q2",
title: "Can I sync data?",
content: "Absolutely, all data is synced across your devices.",
},
id: "q2", title: "Can I sync data?", content: "Absolutely, all data is synced across your devices."},
{
id: "q3",
title: "Is my privacy protected?",
content: "Privacy is at our core. Your habits remain private.",
},
id: "q3", title: "Is my privacy protected?", content: "Privacy is at our core. Your habits remain private."},
]}
title="Common Questions"
description="Got questions about HabitFlow? We've got answers."
@@ -310,35 +203,11 @@ export default function LandingPage() {
description="Expert tips and tricks to optimize your daily productivity."
blogs={[
{
id: "1",
category: "Tips",
title: "The Power of Micro Habits",
excerpt: "Small changes lead to big results over time.",
imageSrc: "http://img.b2bpic.net/free-vector/goals-habits-tracking-app_23-2148627380.jpg",
authorName: "Team Flow",
authorAvatar: "http://img.b2bpic.net/free-photo/serious-beautiful-businesswoman-standing-window_1262-1913.jpg",
date: "Oct 24",
},
id: "1", category: "Tips", title: "The Power of Micro Habits", excerpt: "Small changes lead to big results over time.", imageSrc: "http://img.b2bpic.net/free-vector/goals-habits-tracking-app_23-2148627380.jpg", authorName: "Team Flow", authorAvatar: "http://img.b2bpic.net/free-photo/serious-beautiful-businesswoman-standing-window_1262-1913.jpg", date: "Oct 24"},
{
id: "2",
category: "Science",
title: "Why Streaks Work",
excerpt: "The psychology behind consistency and momentum.",
imageSrc: "http://img.b2bpic.net/free-photo/financial-manager-doing-accounting-work-pc-with-chroma-key-screen_482257-126417.jpg",
authorName: "Team Flow",
authorAvatar: "http://img.b2bpic.net/free-photo/smiling-redhead-man-with-laptop-looking-camera-cafe_1163-5162.jpg",
date: "Oct 22",
},
id: "2", category: "Science", title: "Why Streaks Work", excerpt: "The psychology behind consistency and momentum.", imageSrc: "http://img.b2bpic.net/free-photo/financial-manager-doing-accounting-work-pc-with-chroma-key-screen_482257-126417.jpg", authorName: "Team Flow", authorAvatar: "http://img.b2bpic.net/free-photo/smiling-redhead-man-with-laptop-looking-camera-cafe_1163-5162.jpg", date: "Oct 22"},
{
id: "3",
category: "Life",
title: "Designing Your Morning",
excerpt: "How to create a morning ritual that sticks.",
imageSrc: "http://img.b2bpic.net/free-vector/fitness-mobile-app-infographic-template_52683-20671.jpg",
authorName: "Team Flow",
authorAvatar: "http://img.b2bpic.net/free-photo/fashion-woman-casual-summer-clothes_158538-10246.jpg",
date: "Oct 20",
},
id: "3", category: "Life", title: "Designing Your Morning", excerpt: "How to create a morning ritual that sticks.", imageSrc: "http://img.b2bpic.net/free-vector/fitness-mobile-app-infographic-template_52683-20671.jpg", authorName: "Team Flow", authorAvatar: "http://img.b2bpic.net/free-photo/fashion-woman-casual-summer-clothes_158538-10246.jpg", date: "Oct 20"},
]}
/>
</div>
@@ -347,16 +216,13 @@ export default function LandingPage() {
<ContactCTA
useInvertedBackground={true}
background={{
variant: "sparkles-gradient",
}}
variant: "sparkles-gradient"}}
tag="Get in touch"
title="Ready to change your habits?"
description="Start tracking your journey with HabitFlow today. Join our vibrant community of achievers."
buttons={[
{
text: "Get Started",
href: "#",
},
text: "Get Started", href: "#"},
]}
/>
</div>
@@ -367,29 +233,19 @@ export default function LandingPage() {
logoText="HabitFlow"
columns={[
{
title: "Product",
items: [
title: "Product", items: [
{
label: "Features",
href: "#",
},
label: "Features", href: "#"},
{
label: "Pricing",
href: "#",
},
label: "Pricing", href: "#"},
],
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "#",
},
label: "About Us", href: "#"},
{
label: "Careers",
href: "#",
},
label: "Careers", href: "#"},
],
},
]}