bender/3d8aa136-44e6-4d10-b33b-a0f71859ea8c
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-04-18 08:35:33 +00:00
parent cf805c53be
commit 3fdcd323be
1 changed files with 51 additions and 283 deletions
Download Patch File Download Diff File Expand all files Collapse all files

334
src/app/page.tsx
View File

@@ -31,22 +31,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "Features",
id: "features",
},
{
name: "Analytics",
id: "metrics",
},
{
name: "Testimonials",
id: "testimonials",
},
{
name: "Contact",
id: "contact",
},
{ name: "Features", id: "features" },
{ name: "Analytics", id: "metrics" },
{ name: "Testimonials", id: "testimonials" },
{ name: "Contact", id: "contact" },
]}
brandName="HabitFlow"
/>
@@ -54,99 +42,32 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitTestimonial
background={{
variant: "sparkles-gradient",
}}
background={{ variant: "sparkles-gradient" }}
title="Master Your Habits, Own Your Future."
description="Visualize your progress, track daily goals, and turn consistency into your biggest competitive advantage with our intelligent habit tracking platform."
testimonials={[
{
name: "Sarah Miller",
handle: "@smiller",
testimonial: "Finally, an app that actually makes tracking habits feel rewarding rather than a chore.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-confident-beautiful-woman-holding-tablet_74855-3126.jpg?_wi=1",
},
{
name: "James Chen",
handle: "@jchen",
testimonial: "The analytics dashboard gives me the clarity I need to stay focused every single week.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-brunette-woman-standing-near-desk_273609-11006.jpg?_wi=1",
},
{
name: "Elena Rodriguez",
handle: "@erodriguez",
testimonial: "The design is incredibly clean. It helps me focus on what really matters - my consistency.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/handsome-unshaven-young-dark-skinned-engineer-having-confused-look_273609-14145.jpg",
},
{
name: "David Kim",
handle: "@dkim",
testimonial: "Productivity hit a new high since I started tracking my focus sessions here.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-young-handsome-caucasian-man-wearing-glasses-standing-with-closed-posture-looking-side-isolated-crimson-background-with-copy-space_141793-77587.jpg",
},
{
name: "Monica Patel",
handle: "@mpatel",
testimonial: "HabitFlow is the perfect balance of simplicity and deep data insights for my daily routine.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-reading-message-cellphone-cafe_1262-3029.jpg",
},
{ name: "Sarah Miller", handle: "@smiller", testimonial: "Finally, an app that actually makes tracking habits feel rewarding rather than a chore.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-confident-beautiful-woman-holding-tablet_74855-3126.jpg" },
{ name: "James Chen", handle: "@jchen", testimonial: "The analytics dashboard gives me the clarity I need to stay focused every single week.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-brunette-woman-standing-near-desk_273609-11006.jpg" },
{ name: "Elena Rodriguez", handle: "@erodriguez", testimonial: "The design is incredibly clean. It helps me focus on what really matters - my consistency.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/handsome-unshaven-young-dark-skinned-engineer-having-confused-look_273609-14145.jpg" },
{ name: "David Kim", handle: "@dkim", testimonial: "Productivity hit a new high since I started tracking my focus sessions here.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-young-handsome-caucasian-man-wearing-glasses-standing-with-closed-posture-looking-side-isolated-crimson-background-with-copy-space_141793-77587.jpg" },
{ name: "Monica Patel", handle: "@mpatel", testimonial: "HabitFlow is the perfect balance of simplicity and deep data insights for my daily routine.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-reading-message-cellphone-cafe_1262-3029.jpg" },
]}
buttons={[
{
text: "Start Tracking",
href: "#contact",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/mobile-app-analytics-dashboard_23-2151957122.jpg?_wi=1"
buttons={[{ text: "Start Tracking", href: "#contact" }]}
imageSrc="http://img.b2bpic.net/free-photo/mobile-app-analytics-dashboard_23-2151957122.jpg"
mediaAnimation="blur-reveal"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/happy-man-holding-tablet-hands-mock-up_23-2148221707.jpg",
alt: "User 1",
},
{
src: "http://img.b2bpic.net/free-photo/positive-smiling-tablet-user-showing-blank-screen_74855-3650.jpg",
alt: "User 2",
},
{
src: "http://img.b2bpic.net/free-photo/handsome-bearded-man-smiling-camera-drinking-coffee-reading-digital-tablet-standing-w_1258-144818.jpg",
alt: "User 3",
},
{
src: "http://img.b2bpic.net/free-photo/serious-confident-tablet-user-presenting-blank-screen_74855-3088.jpg",
alt: "User 4",
},
{
src: "http://img.b2bpic.net/free-photo/young-businesswoman-sitting-office-table-with-laptop-looking-camera-isolated-white-background_231208-1990.jpg",
alt: "User 5",
},
{ src: "http://img.b2bpic.net/free-photo/happy-man-holding-tablet-hands-mock-up_23-2148221707.jpg", alt: "User 1" },
{ src: "http://img.b2bpic.net/free-photo/positive-smiling-tablet-user-showing-blank-screen_74855-3650.jpg", alt: "User 2" },
{ src: "http://img.b2bpic.net/free-photo/handsome-bearded-man-smiling-camera-drinking-coffee-reading-digital-tablet-standing-w_1258-144818.jpg", alt: "User 3" },
{ src: "http://img.b2bpic.net/free-photo/serious-confident-tablet-user-presenting-blank-screen_74855-3088.jpg", alt: "User 4" },
{ src: "http://img.b2bpic.net/free-photo/young-businesswoman-sitting-office-table-with-laptop-looking-camera-isolated-white-background_231208-1990.jpg", alt: "User 5" },
]}
marqueeItems={[
{
type: "text",
text: "Consistent Growth",
},
{
type: "text",
text: "Deep Analytics",
},
{
type: "text",
text: "Daily Wins",
},
{
type: "text",
text: "Habit Streak",
},
{
type: "text",
text: "Performance Boost",
},
{ type: "text", text: "Consistent Growth" },
{ type: "text", text: "Deep Analytics" },
{ type: "text", text: "Daily Wins" },
{ type: "text", text: "Habit Streak" },
{ type: "text", text: "Performance Boost" },
]}
/>
</div>
@@ -158,76 +79,31 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Automated Progress Tracking",
description: "Seamlessly log daily activities and watch your progress unfold with automated charts.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/retro-camera-near-smartphone-cup-drink-calendar_23-2148036887.jpg",
},
title: "Automated Progress Tracking", description: "Seamlessly log daily activities and watch your progress unfold with automated charts.", media: { imageSrc: "http://img.b2bpic.net/free-photo/retro-camera-near-smartphone-cup-drink-calendar_23-2148036887.jpg", imageAlt: "digital habit calendar interface" },
items: [
{
icon: CheckCircle,
text: "Instant updates",
},
{
icon: Zap,
text: "Real-time sync",
},
{
icon: Shield,
text: "Secure data",
},
{ icon: CheckCircle, text: "Instant updates" },
{ icon: Zap, text: "Real-time sync" },
{ icon: Shield, text: "Secure data" },
],
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/mobile-app-analytics-dashboard_23-2151957122.jpg?_wi=2",
imageAlt: "digital habit calendar interface",
},
{
title: "Data-Driven Insights",
description: "Identify patterns in your behavior with detailed weekly summaries and personalized habits scoring.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/back-view-women-doing-sport-with-stats_23-2150040498.jpg",
},
title: "Data-Driven Insights", description: "Identify patterns in your behavior with detailed weekly summaries and personalized habits scoring.", media: { imageSrc: "http://img.b2bpic.net/free-photo/back-view-women-doing-sport-with-stats_23-2150040498.jpg", imageAlt: "digital habit calendar interface" },
items: [
{
icon: BarChart,
text: "Weekly trends",
},
{
icon: PieChart,
text: "Behavior clusters",
},
{
icon: Award,
text: "Consistency scores",
},
{ icon: BarChart, text: "Weekly trends" },
{ icon: PieChart, text: "Behavior clusters" },
{ icon: Award, text: "Consistency scores" },
],
reverse: true,
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169854.jpg",
imageAlt: "digital habit calendar interface",
},
{
title: "Gamified Milestone Challenges",
description: "Stay motivated with streaks, achievements, and milestone badges that reward your discipline.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/smiling-confident-beautiful-woman-holding-tablet_74855-3126.jpg?_wi=2",
},
title: "Gamified Milestone Challenges", description: "Stay motivated with streaks, achievements, and milestone badges that reward your discipline.", media: { imageSrc: "http://img.b2bpic.net/free-photo/smiling-confident-beautiful-woman-holding-tablet_74855-3126.jpg", imageAlt: "digital habit calendar interface" },
items: [
{
icon: Star,
text: "Streak tracking",
},
{
icon: Trophy,
text: "Milestone rewards",
},
{
icon: Sparkles,
text: "Achievements",
},
{ icon: Star, text: "Streak tracking" },
{ icon: Trophy, text: "Milestone rewards" },
{ icon: Sparkles, text: "Achievements" },
],
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/young-brunette-woman-standing-near-desk_273609-11006.jpg?_wi=2",
imageAlt: "digital habit calendar interface",
},
]}
title="Tools for Consistent Growth"
@@ -241,27 +117,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "95%",
title: "Average Success Rate",
description: "Users report significantly higher habit consistency within the first 30 days.",
imageSrc: "http://img.b2bpic.net/free-photo/computer-dark-room-with-graphs-screen_169016-55085.jpg",
},
{
id: "m2",
value: "12k+",
title: "Habits Established",
description: "Total habits successfully built by our global community this year alone.",
imageSrc: "http://img.b2bpic.net/free-photo/person-remote-working-while-camping-site_23-2149496887.jpg",
},
{
id: "m3",
value: "4.8/5",
title: "User Satisfaction",
description: "Our platform is rated highly for its intuitive design and actionable insights.",
imageSrc: "http://img.b2bpic.net/free-photo/stats-concept-with-pie-chart-flat-lay_23-2148950389.jpg",
},
{ id: "m1", value: "95%", title: "Average Success Rate", description: "Users report significantly higher habit consistency within the first 30 days.", imageSrc: "http://img.b2bpic.net/free-photo/computer-dark-room-with-graphs-screen_169016-55085.jpg" },
{ id: "m2", value: "12k+", title: "Habits Established", description: "Total habits successfully built by our global community this year alone.", imageSrc: "http://img.b2bpic.net/free-photo/person-remote-working-while-camping-site_23-2149496887.jpg" },
{ id: "m3", value: "4.8/5", title: "User Satisfaction", description: "Our platform is rated highly for its intuitive design and actionable insights.", imageSrc: "http://img.b2bpic.net/free-photo/stats-concept-with-pie-chart-flat-lay_23-2148950389.jpg" },
]}
title="Evidence-Based Growth"
description="We measure what matters, helping you understand your progress through concrete data."
@@ -275,26 +133,11 @@ export default function LandingPage() {
rating={5}
author="Mark Zuckerberg (Not the real one, clearly)"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/young-co-worker-spending-time-office_23-2149328287.jpg",
alt: "Sarah",
},
{
src: "http://img.b2bpic.net/free-photo/thoughtful-woman-using-laptop_1170-325.jpg",
alt: "James",
},
{
src: "http://img.b2bpic.net/free-photo/adult-male-illustrator-working-tablet-device_23-2149863235.jpg",
alt: "Elena",
},
{
src: "http://img.b2bpic.net/free-photo/successful-confident-businessman-glasses-speaking-beige-wall_176420-138.jpg",
alt: "David",
},
{
src: "http://img.b2bpic.net/free-photo/beautiful-woman-holding-book-close-up_23-2148396302.jpg",
alt: "Monica",
},
{ src: "http://img.b2bpic.net/free-photo/young-co-worker-spending-time-office_23-2149328287.jpg", alt: "Sarah" },
{ src: "http://img.b2bpic.net/free-photo/thoughtful-woman-using-laptop_1170-325.jpg", alt: "James" },
{ src: "http://img.b2bpic.net/free-photo/adult-male-illustrator-working-tablet-device_23-2149863235.jpg", alt: "Elena" },
{ src: "http://img.b2bpic.net/free-photo/successful-confident-businessman-glasses-speaking-beige-wall_176420-138.jpg", alt: "David" },
{ src: "http://img.b2bpic.net/free-photo/beautiful-woman-holding-book-close-up_23-2148396302.jpg", alt: "Monica" },
]}
ratingAnimation="slide-up"
avatarsAnimation="blur-reveal"
@@ -305,21 +148,9 @@ export default function LandingPage() {
<FaqSplitText
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "How do I start tracking?",
content: "Simply add your habit, set your frequency, and tap to log your daily success.",
},
{
id: "q2",
title: "Can I sync with other devices?",
content: "Yes, HabitFlow syncs across all devices automatically via your cloud account.",
},
{
id: "q3",
title: "Is my data private?",
content: "We prioritize user privacy and ensure all your habit data is encrypted securely.",
},
{ id: "q1", title: "How do I start tracking?", content: "Simply add your habit, set your frequency, and tap to log your daily success." },
{ id: "q2", title: "Can I sync with other devices?", content: "Yes, HabitFlow syncs across all devices automatically via your cloud account." },
{ id: "q3", title: "Is my data private?", content: "We prioritize user privacy and ensure all your habit data is encrypted securely." },
]}
sideTitle="Your Questions, Answered."
sideDescription="Need clarity? We have the information you need to get started with confidence."
@@ -331,15 +162,7 @@ export default function LandingPage() {
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
names={[
"Google",
"Microsoft",
"Notion",
"Slack",
"Asana",
"Zapier",
"Figma",
]}
names={["Google", "Microsoft", "Notion", "Slack", "Asana", "Zapier", "Figma"]}
title="Trusted by Productivity Teams"
description="Our community includes members from top technology companies worldwide."
/>
@@ -348,16 +171,9 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{
variant: "sparkles-gradient",
}}
background={{ variant: "sparkles-gradient" }}
text="Ready to master your habits?"
buttons={[
{
text: "Get Started Today",
href: "#contact",
},
]}
buttons={[{ text: "Get Started Today", href: "#contact" }]}
/>
</div>
@@ -365,57 +181,9 @@ export default function LandingPage() {
<FooterBaseReveal
logoText="HabitFlow"
columns={[
{
title: "Product",
items: [
{
label: "Features",
href: "#features",
},
{
label: "Analytics",
href: "#metrics",
},
{
label: "Pricing",
href: "#",
},
],
},
{
title: "Company",
items: [
{
label: "About",
href: "#",
},
{
label: "Careers",
href: "#",
},
{
label: "Blog",
href: "#",
},
],
},
{
title: "Resources",
items: [
{
label: "Support",
href: "#",
},
{
label: "Privacy",
href: "#",
},
{
label: "Terms",
href: "#",
},
],
},
{ title: "Product", items: [{ label: "Features", href: "#features" }, { label: "Analytics", href: "#metrics" }, { label: "Pricing", href: "#" }] },
{ title: "Company", items: [{ label: "About", href: "#" }, { label: "Careers", href: "#" }, { label: "Blog", href: "#" }] },
{ title: "Resources", items: [{ label: "Support", href: "#" }, { label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
]}
/>
</div>