bender/cc46681a-cf9a-47ec-9c14-c8108906c0c8
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #2

Merged
bender merged 2 commits from version_2 into main 2026-03-04 13:33:12 +00:00
Conversation 0 Commits 2 Files Changed 2 +60 -96
2 changed files with 60 additions and 96 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
src/app/layout.tsx
View File

@@ -1,55 +1,20 @@
import type { Metadata } from "next";
import { Halant } from "next/font/google";
import { Inter } from "next/font/google";
import { Nunito } from "next/font/google";
import "./globals.css";
import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
const halant = Halant({
variable: "--font-halant", subsets: ["latin"],
weight: ["300", "400", "500", "600", "700"],
});
const inter = Inter({
variable: "--font-inter", subsets: ["latin"],
});
const nunito = Nunito({
variable: "--font-nunito", subsets: ["latin"],
});
const inter = Inter({ subsets: ["latin"] });
export const metadata: Metadata = {
title: "HabitFlow - AI Habit Tracking & Personal Growth", description: "Build better habits with AI-powered insights, smart reminders, and community support. Transform your life one habit at a time with HabitFlow.", keywords: "habit tracking, AI habits, personal growth, habit builder, productivity, behavior change, goal setting", metadataBase: new URL("https://habitflow.ai"),
alternates: {
canonical: "https://habitflow.ai"
},
openGraph: {
title: "HabitFlow - AI Habit Tracking & Personal Growth", description: "Build better habits with AI-powered insights and smart tracking. Start your free trial today.", url: "https://habitflow.ai", siteName: "HabitFlow", type: "website", images: [
{
url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATyNOuh8B0VsIGIZ1NoN4SY9tC/a-stunning-ai-powered-habit-tracking-das-1772630884097-fb5cd89c.png", alt: "HabitFlow AI Dashboard"
}
]
},
twitter: {
card: "summary_large_image", title: "HabitFlow - AI Habit Tracking", description: "Build better habits with personalized AI insights. Transform your life today.", images: ["https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATyNOuh8B0VsIGIZ1NoN4SY9tC/a-stunning-ai-powered-habit-tracking-das-1772630884097-fb5cd89c.png"]
}
};
title: "HabitFlow - AI-Powered Personal Growth", description: "Build better habits and achieve personal growth with AI-powered insights and tracking"};
export default function RootLayout({
children,
}: Readonly<{
}: {
children: React.ReactNode;
}>) {
}) {
return (
<html lang="en" suppressHydrationWarning>
<ServiceWrapper>
<body
className={`${halant.variable} ${inter.variable} ${nunito.variable} antialiased`}
>
<Tag />
{children}
<html lang="en">
<body className={inter.className}>{children}
<script
dangerouslySetInnerHTML={{
__html: `
@@ -1417,7 +1382,6 @@ export default function RootLayout({
}}
/>
</body>
</ServiceWrapper>
</html>
);
}

108
src/app/page.tsx
View File

@@ -10,7 +10,7 @@ import TestimonialCardFifteen from "@/components/sections/testimonial/Testimonia
import FaqBase from "@/components/sections/faq/FaqBase";
import ContactFaq from "@/components/sections/contact/ContactFaq";
import FooterBase from "@/components/sections/footer/FooterBase";
import { Sparkles, CheckCircle } from "lucide-react";
import { Sparkles, CheckCircle, TrendingUp, Award, Lightbulb } from "lucide-react";
export default function LandingPage() {
return (
@@ -31,21 +31,21 @@ export default function LandingPage() {
brandName="HabitFlow"
navItems={[
{ name: "Home", id: "hero" },
{ name: "Features", id: "features" },
{ name: "How It Works", id: "how-it-works" },
{ name: "Pricing", id: "pricing" },
{ name: "Contact", id: "contact" }
{ name: "Growth Features", id: "features" },
{ name: "Your Journey", id: "how-it-works" },
{ name: "Success Stories", id: "testimonial" },
{ name: "Start Growing", id: "contact" }
]}
bottomLeftText="AI-Powered Growth"
bottomLeftText="Personal Growth Powered by AI"
bottomRightText="hello@habitflow.ai"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardScroll
title="Build Better Habits with AI"
description="Stay on track with personalized AI-powered insights. HabitFlow learns your patterns and keeps you motivated to achieve your goals."
tag="AI-Powered Habit Tracking"
title="Unlock Your Personal Growth Potential"
description="Transform yourself through intelligent habit tracking and personalized AI guidance. HabitFlow empowers you to become the best version of yourself, one habit at a time."
tag="AI-Powered Personal Transformation"
tagIcon={Sparkles}
tagAnimation="slide-up"
background={{ variant: "animated-grid" }}
@@ -53,50 +53,50 @@ export default function LandingPage() {
imageAlt="HabitFlow AI Dashboard Preview"
buttonAnimation="slide-up"
buttons={[
{ text: "Start Free Trial", href: "#contact" },
{ text: "See How It Works", href: "#how-it-works" }
{ text: "Begin Your Growth Journey", href: "#contact" },
{ text: "Explore Your Transformation Path", href: "#how-it-works" }
]}
/>
</div>
<div id="about" data-section="about">
<TextSplitAbout
title="Why HabitFlow?"
title="Why Choose HabitFlow for Your Growth?"
description={[
"Building habits is hard, but HabitFlow makes it easier. Our AI analyzes your behavior patterns and provides intelligent insights to keep you motivated and on track.", "With smart reminders, progress tracking, and a supportive community, you'll see real results. Join thousands of users who have transformed their lives through consistent habit building.", "Whether you want to exercise more, read daily, meditate, or learn something new—HabitFlow adapts to your goals and celebrates your wins."
"Personal growth isn't just a goal—it's a journey. HabitFlow accelerates your transformation by combining advanced AI analysis with intuitive habit tracking, helping you identify what truly works for your unique growth path.", "Our platform celebrates every milestone and learns from your progress patterns. Whether you're building confidence, developing skills, or improving wellness, HabitFlow adapts to support your specific growth objectives and keeps you motivated through real-time insights.", "Join a community of growth-focused individuals who are actively reshaping their lives. With smart accountability features, progress visualization, and AI-powered encouragement, you'll experience tangible personal development like never before."
]}
useInvertedBackground={true}
showBorder={true}
buttons={[
{ text: "Learn More", href: "#features" }
{ text: "Discover Growth Features", href: "#features" }
]}
/>
</div>
<div id="features" data-section="features">
<FeatureCardSix
title="Powerful Features"
description="Everything you need to build better habits"
tag="Features"
title="Growth-Accelerating Features"
description="Everything you need for meaningful personal development"
tag="Personal Growth Tools"
tagAnimation="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
id: 1,
title: "AI-Powered Insights", description: "Get personalized recommendations based on your habits, time of day, and behavior patterns. Our AI learns what works for you.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATyNOuh8B0VsIGIZ1NoN4SY9tC/abstract-visualization-of-ai-analyzing-h-1772630882693-5a1e69fe.png", imageAlt: "AI Insights Visualization"
title: "AI-Powered Growth Insights", description: "Receive intelligent analysis of your development patterns. Our AI identifies growth opportunities, recognizes progress trends, and recommends personalized strategies to accelerate your transformation.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATyNOuh8B0VsIGIZ1NoN4SY9tC/abstract-visualization-of-ai-analyzing-h-1772630882693-5a1e69fe.png", imageAlt: "AI Growth Insights Visualization"
},
{
id: 2,
title: "Smart Reminders", description: "Receive perfectly timed notifications that fit your schedule. Never miss a habit with intelligent reminder scheduling.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATyNOuh8B0VsIGIZ1NoN4SY9tC/beautiful-mobile-phone-interface-showing-1772630883607-4a7ee242.png", imageAlt: "Smart Reminders on Mobile"
title: "Smart Growth Reminders", description: "Receive intelligently-timed notifications that fit your development schedule. Never miss an opportunity to grow with context-aware reminders that adapt to your lifestyle and growth pace.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATyNOuh8B0VsIGIZ1NoN4SY9tC/beautiful-mobile-phone-interface-showing-1772630883607-4a7ee242.png", imageAlt: "Growth Reminders on Mobile"
},
{
id: 3,
title: "Streak Tracking", description: "Build momentum with visual streak counters and achievement badges. Watch your consistency grow day after day.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATyNOuh8B0VsIGIZ1NoN4SY9tC/engaging-visualization-of-habit-streak-c-1772630883389-46ec24c2.png", imageAlt: "Streak Tracking Dashboard"
title: "Progress Momentum Tracking", description: "Visualize your growth trajectory with powerful progress tracking. Build momentum toward your goals while our system recognizes and celebrates your development milestones and personal breakthroughs.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATyNOuh8B0VsIGIZ1NoN4SY9tC/engaging-visualization-of-habit-streak-c-1772630883389-46ec24c2.png", imageAlt: "Growth Progress Dashboard"
},
{
id: 4,
title: "Community Support", description: "Share your progress with friends and join a supportive community of habit builders. Get motivated together.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATyNOuh8B0VsIGIZ1NoN4SY9tC/illustration-of-users-connecting-and-sha-1772630885422-533e2b93.png", imageAlt: "Community Connection"
title: "Growth Community", description: "Connect with others on their personal growth journeys. Share your transformation story, gain inspiration from others' progress, and receive encouragement from a supportive community of growth enthusiasts.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATyNOuh8B0VsIGIZ1NoN4SY9tC/illustration-of-users-connecting-and-sha-1772630885422-533e2b93.png", imageAlt: "Growth Community Connection"
}
]}
/>
@@ -104,15 +104,15 @@ export default function LandingPage() {
<div id="how-it-works" data-section="how-it-works">
<MetricCardFourteen
title="Transform Your Life One Habit at a Time"
tag="Impact"
title="Your Personal Growth Transformation Awaits"
tag="Growth Impact"
tagAnimation="slide-up"
metrics={[
{
id: "1", value: "66 Days", description: "Average time to build a habit. HabitFlow helps you get there with AI-powered support and tracking."
id: "1", value: "21 Days", description: "The average time to establish a foundational habit. HabitFlow accelerates this with AI support, making your personal growth visible and achievable from day one."
},
{
id: "2", value: "3x More", description: "Users who track habits are 3x more likely to succeed. Our platform makes tracking effortless."
id: "2", value: "5x Growth", description: "Users who actively track their development see 5x faster personal progress. Our platform makes growth tracking effortless and rewarding."
}
]}
useInvertedBackground={true}
@@ -122,7 +122,7 @@ export default function LandingPage() {
<div id="testimonial" data-section="testimonial">
<TestimonialCardFifteen
testimonial="HabitFlow completely changed how I approach my goals. The AI insights are spot-on, and I finally have the momentum to stick with my habits. I've been consistent for 90 days straight!"
testimonial="HabitFlow fundamentally changed how I approach personal growth. The AI insights are incredibly accurate, and I finally have the clarity and momentum to pursue meaningful transformation. I've grown more in 90 days than I did in the previous two years!"
rating={5}
author="Sarah Chen, Entrepreneur"
ratingAnimation="slide-up"
@@ -141,31 +141,31 @@ export default function LandingPage() {
<div id="faq" data-section="faq">
<FaqBase
title="Frequently Asked Questions"
description="Everything you need to know about HabitFlow"
tag="FAQ"
title="Your Growth Questions Answered"
description="Everything you need to know about your personal development journey with HabitFlow"
tag="Growth FAQ"
tagAnimation="slide-up"
textboxLayout="default"
useInvertedBackground={true}
faqsAnimation="slide-up"
faqs={[
{
id: "1", title: "How does the AI learn my habits?", content: "HabitFlow's AI analyzes your habit completion patterns, time of day, environmental factors, and success rates. It learns what triggers work best for you and adjusts reminders and recommendations accordingly over time."
id: "1", title: "How does HabitFlow accelerate my personal growth?", content: "HabitFlow's advanced AI analyzes your development patterns, identifies growth opportunities, and provides personalized recommendations. It learns what triggers your progress, adapts to your unique learning style, and surfaces insights about your transformation journey that you might otherwise miss."
},
{
id: "2", title: "Can I track multiple habits at once?", content: "Absolutely! You can create and track as many habits as you want. Our system helps you manage them all with smart prioritization and personalized dashboards. We recommend starting with 3-5 habits for best results."
id: "2", title: "Can I track multiple growth areas simultaneously?", content: "Absolutely! You can develop across any number of areas—career skills, health, relationships, learning, and more. Our intelligent system helps you balance your growth objectives with smart prioritization and personalized insights for each area of development."
},
{
id: "3", title: "Is my data private and secure?", content: "Yes, your privacy is our top priority. All data is encrypted end-to-end and stored securely. We never sell your data to third parties. You have full control over what information you share."
id: "3", title: "How is my personal growth data protected?", content: "Your growth journey is sacred to us. All data is encrypted end-to-end and stored with industry-leading security. We never sell or share your personal development information. You have complete control over your growth data and can export or delete it anytime."
},
{
id: "4", title: "Do you offer a free trial?", content: "Yes! We offer a 14-day free trial with full access to all features. No credit card required. After the trial, choose between our free basic plan or premium plans for advanced features."
id: "4", title: "How do I get started with my transformation?", content: "Simply sign up and define your growth aspirations. Our AI will guide you through personalized onboarding, create a customized development plan, and begin tracking your progress immediately. You'll see meaningful insights about your transformation within your first week."
},
{
id: "5", title: "Can I sync across devices?", content: "Yes, HabitFlow syncs seamlessly across all your devices. Track habits on your phone, check progress on your computer, and view analytics on your tablet—all in real-time."
id: "5", title: "Can I sync my growth progress across devices?", content: "Yes! Your entire growth journey syncs seamlessly across all your devices in real-time. Track progress on your phone during the day, review detailed growth analytics on your computer, and reflect on your transformation from any device."
},
{
id: "6", title: "How do I get started?", content: "Simply sign up on our platform, create your first habit, and let our AI guide you. You'll get personalized onboarding and recommendations based on your goals within minutes."
id: "6", title: "What support is available for my growth journey?", content: "We offer comprehensive support including AI-powered growth coaching, detailed progress analytics, community access, and 24/7 customer support via email and live chat. Our team is dedicated to helping you achieve meaningful personal transformation."
}
]}
/>
@@ -175,19 +175,19 @@ export default function LandingPage() {
<ContactFaq
faqs={[
{
id: "1", title: "What happens after the trial?", content: "After your 14-day trial, you can choose to upgrade to a paid plan or continue with our free basic plan. You'll never be charged without choosing a plan first."
id: "1", title: "What happens after my growth journey begins?", content: "Your transformation is continuous. After starting, you'll receive ongoing AI guidance, progress insights, and personalized recommendations to keep accelerating your growth. Each day brings new opportunities for development and personal advancement."
},
{
id: "2", title: "Can I cancel anytime?", content: "Yes, absolutely. You can cancel your subscription anytime without any penalties or hidden fees. Your data remains yours."
id: "2", title: "Can I customize my growth tracking?", content: "Yes, completely! You can define your own growth areas, set personal development goals, adjust tracking frequency, and customize notifications. HabitFlow adapts to your unique transformation journey and timeline."
},
{
id: "3", title: "Is there customer support?", content: "Yes! We offer 24/7 customer support via email and live chat. Our support team is here to help you succeed with your habits."
id: "3", title: "How do I see my growth progress?", content: "We provide comprehensive growth analytics including progress charts, development insights, achievement milestones, and AI-generated recommendations. Visual dashboards make it easy to understand your personal transformation at a glance."
}
]}
ctaTitle="Ready to Transform Your Habits?"
ctaDescription="Start your free 14-day trial today. No credit card required."
ctaButton={{ text: "Start Free Trial", href: "#" }}
ctaIcon={CheckCircle}
ctaTitle="Ready to Begin Your Personal Growth Journey?"
ctaDescription="Start transforming yourself today. Get immediate access to AI-powered growth insights and personalized development guidance."
ctaButton={{ text: "Start Your Transformation", href: "#" }}
ctaIcon={TrendingUp}
useInvertedBackground={false}
animationType="slide-up"
/>
@@ -196,27 +196,27 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterBase
logoText="HabitFlow"
copyrightText="© 2025 HabitFlow. All rights reserved."
copyrightText="© 2025 HabitFlow. Empowering Personal Growth Everywhere."
columns={[
{
title: "Product", items: [
{ label: "Features", href: "#features" },
{ label: "Pricing", href: "#" },
{ label: "Download App", href: "#" }
title: "Growth Features", items: [
{ label: "AI Growth Insights", href: "#features" },
{ label: "Progress Tracking", href: "#how-it-works" },
{ label: "Development Tools", href: "#features" }
]
},
{
title: "Company", items: [
{ label: "About Us", href: "#about" },
{ label: "Blog", href: "#" },
{ label: "Careers", href: "#" }
{ label: "About Our Mission", href: "#about" },
{ label: "Growth Stories", href: "#testimonial" },
{ label: "Join Our Team", href: "#" }
]
},
{
title: "Support", items: [
{ label: "Help Center", href: "#" },
{ label: "Contact", href: "#contact" },
{ label: "Privacy Policy", href: "#" }
title: "Resources", items: [
{ label: "Transformation Guide", href: "#" },
{ label: "Growth Community", href: "#" },
{ label: "Contact & Support", href: "#contact" }
]
}
]}