From d8e5bc04080490a90cbd2115dd778d1012f45ac2 Mon Sep 17 00:00:00 2001 From: bender Date: Sun, 8 Mar 2026 04:35:57 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 326 +++++++++-------------------------------------- 1 file changed, 63 insertions(+), 263 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index ca173b8..1ef5ea6 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -26,8 +26,7 @@ export default function HomePage() { const footerColumns = [ { - title: "Product", - items: [ + title: "Product", items: [ { label: "Features", href: "#features" }, { label: "Pricing", href: "#pricing" }, { label: "Dashboard", href: "/dashboard" }, @@ -35,8 +34,7 @@ export default function HomePage() { ], }, { - title: "Company", - items: [ + title: "Company", items: [ { label: "About Us", href: "#" }, { label: "Blog", href: "#" }, { label: "Careers", href: "#" }, @@ -44,8 +42,7 @@ export default function HomePage() { ], }, { - title: "Legal", - items: [ + title: "Legal", items: [ { label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }, { label: "Cookie Policy", href: "#" }, @@ -61,7 +58,7 @@ export default function HomePage() { borderRadius="rounded" contentWidth="mediumSmall" sizing="largeSmallSizeMediumTitles" - background="aurora" + background="circleGradient" cardStyle="solid" primaryButtonStyle="primary-glow" secondaryButtonStyle="solid" @@ -72,9 +69,7 @@ export default function HomePage() { brandName="Desire To Fly" navItems={navItems} button={{ - text: "Get Started", - href: "/signup", - }} + text: "Get Started", href: "/signup"}} /> @@ -82,27 +77,19 @@ export default function HomePage() { @@ -181,26 +138,18 @@ export default function HomePage() { tagAnimation="slide-up" bulletPoints={[ { - title: "Multi-Category Tracking", - description: "Health, Study, Skills, Work, Finance, and Personal Growth - organize your habits the way that makes sense for you.", - icon: Grid3x3, + title: "Multi-Category Tracking", description: "Health, Study, Skills, Work, Finance, and Personal Growth - organize your habits the way that makes sense for you.", icon: Grid3x3, }, { - title: "Flexible Frequency", - description: "Set habits for daily, weekly, or monthly commitment levels based on your lifestyle and goals.", - icon: Calendar, + title: "Flexible Frequency", description: "Set habits for daily, weekly, or monthly commitment levels based on your lifestyle and goals.", icon: Calendar, }, { - title: "Real-Time Points System", - description: "Earn points for every completed habit. Accumulate daily productivity scores, consistency metrics, and personal growth ratings.", - icon: Star, + title: "Real-Time Points System", description: "Earn points for every completed habit. Accumulate daily productivity scores, consistency metrics, and personal growth ratings.", icon: Star, }, { - title: "Unlimited Habit Creation", - description: "No limits on how many habits you can track. Start small and scale up as you build momentum and confidence.", - }, + title: "Unlimited Habit Creation", description: "No limits on how many habits you can track. Start small and scale up as you build momentum and confidence."}, ]} - imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AeDizwb1vKZ31rIOTi0QOeGvbb/a-clean-dashboard-showing-habit-tracking-1772944391270-827f8208.png?_wi=2" + imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AeDizwb1vKZ31rIOTi0QOeGvbb/a-clean-dashboard-showing-habit-tracking-1772944391270-827f8208.png" imageAlt="Habit tracking system interface" mediaAnimation="slide-up" imagePosition="right" @@ -208,9 +157,7 @@ export default function HomePage() { useInvertedBackground={false} buttons={[ { - text: "Create Your First Habit", - href: "/signup", - }, + text: "Create Your First Habit", href: "/signup"}, ]} buttonAnimation="slide-up" /> @@ -223,25 +170,13 @@ export default function HomePage() { tagAnimation="slide-up" metrics={[ { - id: "1", - value: "10,000+", - description: "Users tracking their growth and building lasting habits across the platform daily", - }, + id: "1", value: "10,000+", description: "Users tracking their growth and building lasting habits across the platform daily"}, { - id: "2", - value: "365", - description: "Days of performance history with color-coded heatmap showing green excellence, yellow progress, and red challenges", - }, + id: "2", value: "365", description: "Days of performance history with color-coded heatmap showing green excellence, yellow progress, and red challenges"}, { - id: "3", - value: "6", - description: "Habit categories covering every life dimension: Health, Study, Skills, Work, Finance, and Personal Growth", - }, + id: "3", value: "6", description: "Habit categories covering every life dimension: Health, Study, Skills, Work, Finance, and Personal Growth"}, { - id: "4", - value: "85%", - description: "Average habit completion rate among engaged users, demonstrating the platform's effectiveness in building discipline", - }, + id: "4", value: "85%", description: "Average habit completion rate among engaged users, demonstrating the platform's effectiveness in building discipline"}, ]} metricsAnimation="slide-up" useInvertedBackground={false} @@ -257,64 +192,32 @@ export default function HomePage() { tagAnimation="slide-up" testimonials={[ { - id: "1", - name: "Priya Sharma", - role: "Product Manager", - company: "Tech Innovations", - rating: 5, - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AeDizwb1vKZ31rIOTi0QOeGvbb/professional-headshot-photo-of-a-success-1772944389445-964b43fb.png?_wi=1", - imageAlt: "Priya Sharma", - }, + id: "1", name: "Priya Sharma", role: "Product Manager", company: "Tech Innovations", rating: 5, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AeDizwb1vKZ31rIOTi0QOeGvbb/professional-headshot-photo-of-a-success-1772944389445-964b43fb.png", imageAlt: "Priya Sharma"}, { - id: "2", - name: "Jennifer Martinez", - role: "Entrepreneur", - company: "Growth Ventures", - rating: 5, - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AeDizwb1vKZ31rIOTi0QOeGvbb/professional-headshot-photo-of-a-success-1772944390057-92052e63.png?_wi=1", - imageAlt: "Jennifer Martinez", - }, + id: "2", name: "Jennifer Martinez", role: "Entrepreneur", company: "Growth Ventures", rating: 5, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AeDizwb1vKZ31rIOTi0QOeGvbb/professional-headshot-photo-of-a-success-1772944390057-92052e63.png", imageAlt: "Jennifer Martinez"}, { - id: "3", - name: "Rajesh Kumar", - role: "Software Engineer", - company: "Code Solutions", - rating: 5, - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AeDizwb1vKZ31rIOTi0QOeGvbb/professional-headshot-photo-of-a-diverse-1772944391251-cb4d9843.png?_wi=1", - imageAlt: "Rajesh Kumar", - }, + id: "3", name: "Rajesh Kumar", role: "Software Engineer", company: "Code Solutions", rating: 5, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AeDizwb1vKZ31rIOTi0QOeGvbb/professional-headshot-photo-of-a-diverse-1772944391251-cb4d9843.png", imageAlt: "Rajesh Kumar"}, { - id: "4", - name: "Amanda Wilson", - role: "Wellness Coach", - company: "Life Balance Co", - rating: 5, - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AeDizwb1vKZ31rIOTi0QOeGvbb/professional-headshot-photo-of-a-success-1772944390604-208979ba.png?_wi=1", - imageAlt: "Amanda Wilson", - }, + id: "4", name: "Amanda Wilson", role: "Wellness Coach", company: "Life Balance Co", rating: 5, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AeDizwb1vKZ31rIOTi0QOeGvbb/professional-headshot-photo-of-a-success-1772944390604-208979ba.png", imageAlt: "Amanda Wilson"}, ]} kpiItems={[ { - value: "47,000+", - label: "Total habits tracked successfully", - }, + value: "47,000+", label: "Total habits tracked successfully"}, { - value: "92%", - label: "User satisfaction rate", - }, + value: "92%", label: "User satisfaction rate"}, { - value: "156", - label: "Average day streak per user", - }, + value: "156", label: "Average day streak per user"}, ]} animationType="slide-up" textboxLayout="default" useInvertedBackground={false} buttons={[ { - text: "Join Our Community", - href: "/signup", - }, + text: "Join Our Community", href: "/signup"}, ]} buttonAnimation="slide-up" /> @@ -329,74 +232,33 @@ export default function HomePage() { tagAnimation="slide-up" plans={[ { - id: "starter", - badge: "Perfect to Start", - badgeIcon: Zap, - price: "Free", - subtitle: "Build your foundation", - buttons: [ + id: "starter", badge: "Perfect to Start", badgeIcon: Zap, + price: "Free", subtitle: "Build your foundation", buttons: [ { - text: "Get Started", - href: "/signup", - }, + text: "Get Started", href: "/signup"}, ], features: [ - "Up to 5 habits", - "Daily tracking", - "Basic analytics", - "Community access", - "AI chat support", - ], + "Up to 5 habits", "Daily tracking", "Basic analytics", "Community access", "AI chat support"], }, { - id: "pro", - badge: "Most Popular", - badgeIcon: Star, - price: "$9.99/month", - subtitle: "Accelerate your growth", - buttons: [ + id: "pro", badge: "Most Popular", badgeIcon: Star, + price: "$9.99/month", subtitle: "Accelerate your growth", buttons: [ { - text: "Start Free Trial", - href: "/signup", - }, + text: "Start Free Trial", href: "/signup"}, { - text: "Learn More", - href: "#", - }, + text: "Learn More", href: "#"}, ], features: [ - "Unlimited habits", - "Advanced analytics", - "365-day growth map", - "Global leaderboard", - "AI habit coach", - "Voice coaching", - "Streak rewards", - "Priority support", - ], + "Unlimited habits", "Advanced analytics", "365-day growth map", "Global leaderboard", "AI habit coach", "Voice coaching", "Streak rewards", "Priority support"], }, { - id: "team", - badge: "For Teams", - badgeIcon: Users, - price: "$99/month", - subtitle: "Grow together", - buttons: [ + id: "team", badge: "For Teams", badgeIcon: Users, + price: "$99/month", subtitle: "Grow together", buttons: [ { - text: "Contact Sales", - href: "/contact", - }, + text: "Contact Sales", href: "/contact"}, ], features: [ - "Unlimited users", - "Team challenges", - "Custom categories", - "Advanced reporting", - "Dedicated support", - "API access", - "Parent monitoring", - "Bulk analytics", - ], + "Unlimited users", "Team challenges", "Custom categories", "Advanced reporting", "Dedicated support", "API access", "Parent monitoring", "Bulk analytics"], }, ]} animationType="slide-up" @@ -404,9 +266,7 @@ export default function HomePage() { useInvertedBackground={false} buttons={[ { - text: "View All Plans", - href: "#pricing", - }, + text: "View All Plans", href: "#pricing"}, ]} buttonAnimation="slide-up" /> @@ -421,45 +281,21 @@ export default function HomePage() { tagAnimation="slide-up" faqs={[ { - id: "1", - title: "How do I start tracking habits?", - content: "Sign up for free in seconds using Google login or email. Create your first habit by selecting from 6 categories (Health, Study, Skills, Work, Finance, Personal Growth), set the frequency (daily/weekly/monthly), and choose an emoji icon. You'll start earning points immediately upon completion!", - }, + id: "1", title: "How do I start tracking habits?", content: "Sign up for free in seconds using Google login or email. Create your first habit by selecting from 6 categories (Health, Study, Skills, Work, Finance, Personal Growth), set the frequency (daily/weekly/monthly), and choose an emoji icon. You'll start earning points immediately upon completion!"}, { - id: "2", - title: "Is there a limit to how many habits I can track?", - content: "On our free plan, you can track up to 5 habits. Pro and Team members enjoy unlimited habit tracking, allowing you to build a comprehensive system for all areas of your life.", - }, + id: "2", title: "Is there a limit to how many habits I can track?", content: "On our free plan, you can track up to 5 habits. Pro and Team members enjoy unlimited habit tracking, allowing you to build a comprehensive system for all areas of your life."}, { - id: "3", - title: "How does the points and rewards system work?", - content: "Each completed habit earns points that contribute to your daily productivity score, habit consistency score, and personal growth rating. Accumulate points to unlock achievement badges, streak rewards, and climb the global leaderboard for recognition.", - }, + id: "3", title: "How does the points and rewards system work?", content: "Each completed habit earns points that contribute to your daily productivity score, habit consistency score, and personal growth rating. Accumulate points to unlock achievement badges, streak rewards, and climb the global leaderboard for recognition."}, { - id: "4", - title: "Can I use the AI coaching feature?", - content: "Yes! All plans include AI chat support for productivity questions and habit advice. Pro members get access to voice-enabled AI coaching and personalized motivational strategies to overcome procrastination.", - }, + id: "4", title: "Can I use the AI coaching feature?", content: "Yes! All plans include AI chat support for productivity questions and habit advice. Pro members get access to voice-enabled AI coaching and personalized motivational strategies to overcome procrastination."}, { - id: "5", - title: "What is the 365-day growth map?", - content: "This is a yearly performance calendar showing every day coded by your performance level: green for excellent days, yellow for average performance, and red for challenging days. It provides an at-a-glance view of your annual consistency and growth patterns.", - }, + id: "5", title: "What is the 365-day growth map?", content: "This is a yearly performance calendar showing every day coded by your performance level: green for excellent days, yellow for average performance, and red for challenging days. It provides an at-a-glance view of your annual consistency and growth patterns."}, { - id: "6", - title: "How does the community leaderboard work?", - content: "Users are ranked globally based on total points earned. We feature weekly and monthly leaderboards highlighting top performers. Pro members can see detailed rankings, participate in community challenges, and earn special achievement recognition.", - }, + id: "6", title: "How does the community leaderboard work?", content: "Users are ranked globally based on total points earned. We feature weekly and monthly leaderboards highlighting top performers. Pro members can see detailed rankings, participate in community challenges, and earn special achievement recognition."}, { - id: "7", - title: "Can parents monitor their children's progress?", - content: "Yes! Team plan members can add parent accounts that view habit progress, growth reports, and daily insights. Parents receive weekly AI-generated life reports analyzing habit completion and suggesting improvements.", - }, + id: "7", title: "Can parents monitor their children's progress?", content: "Yes! Team plan members can add parent accounts that view habit progress, growth reports, and daily insights. Parents receive weekly AI-generated life reports analyzing habit completion and suggesting improvements."}, { - id: "8", - title: "Is my data secure and private?", - content: "Absolutely. We use enterprise-grade encryption for all user data. Your personal habits, analytics, and achievements are private by default. You control what's shared in the community and with friends.", - }, + id: "8", title: "Is my data secure and private?", content: "Absolutely. We use enterprise-grade encryption for all user data. Your personal habits, analytics, and achievements are private by default. You control what's shared in the community and with friends."}, ]} faqsAnimation="slide-up" textboxLayout="default" @@ -478,45 +314,9 @@ export default function HomePage() { textboxLayout="default" useInvertedBackground={false} names={[ - "TechCorp", - "InnovateLab", - "GrowthCo", - "StartupXYZ", - "Digital Ventures", - "Success Academy", - "ProductiveTeam", - "Wellness Hub", - ]} + "TechCorp", "InnovateLab", "GrowthCo", "StartupXYZ", "Digital Ventures", "Success Academy", "ProductiveTeam", "Wellness Hub"]} logos={[ - { - src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AeDizwb1vKZ31rIOTi0QOeGvbb/minimalist-tech-company-logo-design-mode-1772944389901-7fbbc38c.png", - alt: "TechCorp", - }, - { - src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AeDizwb1vKZ31rIOTi0QOeGvbb/professional-software-company-logo-with--1772944389243-150fa842.png", - alt: "InnovateLab", - }, - { - src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AeDizwb1vKZ31rIOTi0QOeGvbb/minimalist-productivity-app-logo-with-cl-1772944388780-0e23b140.png", - alt: "GrowthCo", - }, - { - src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AeDizwb1vKZ31rIOTi0QOeGvbb/professional-analytics-platform-logo-wit-1772944390185-184209f7.png", - alt: "StartupXYZ", - }, - { - src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AeDizwb1vKZ31rIOTi0QOeGvbb/community-focused-platform-logo-with-int-1772944389856-d8c7309e.png", - alt: "Digital Ventures", - }, - { - src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AeDizwb1vKZ31rIOTi0QOeGvbb/ai-powered-platform-logo-with-intelligen-1772944390222-002c0e3a.png", - alt: "Success Academy", - }, - { - src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AeDizwb1vKZ31rIOTi0QOeGvbb/growth-and-achievement-focused-company-l-1772944390104-220e97c1.png", - alt: "ProductiveTeam", - }, - ]} + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AeDizwb1vKZ31rIOTi0QOeGvbb/minimalist-tech-company-logo-design-mode-1772944389901-7fbbc38c.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AeDizwb1vKZ31rIOTi0QOeGvbb/professional-software-company-logo-with--1772944389243-150fa842.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AeDizwb1vKZ31rIOTi0QOeGvbb/minimalist-productivity-app-logo-with-cl-1772944388780-0e23b140.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AeDizwb1vKZ31rIOTi0QOeGvbb/professional-analytics-platform-logo-wit-1772944390185-184209f7.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AeDizwb1vKZ31rIOTi0QOeGvbb/community-focused-platform-logo-with-int-1772944389856-d8c7309e.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AeDizwb1vKZ31rIOTi0QOeGvbb/ai-powered-platform-logo-with-intelligen-1772944390222-002c0e3a.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AeDizwb1vKZ31rIOTi0QOeGvbb/growth-and-achievement-focused-company-l-1772944390104-220e97c1.png"]} speed={40} showCard={true} />