Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| b53de30af8 |
260
src/app/page.tsx
260
src/app/page.tsx
@@ -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: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user