Merge version_2 into main #1
242
src/app/page.tsx
242
src/app/page.tsx
@@ -7,11 +7,11 @@ import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
||||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
import { CheckCircle, TrendingUp, Users } from "lucide-react";
|
||||
import { CheckCircle, TrendingUp, BarChart3, Target } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -32,90 +32,40 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Features", id: "#features"},
|
||||
{
|
||||
name: "Progress",
|
||||
id: "#metrics",
|
||||
},
|
||||
name: "Progress", id: "#metrics"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "#faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="HabitFlow"
|
||||
button={{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Get Started", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Master Your Daily Routine"
|
||||
description="Build lasting habits with intuitive tracking. Visualize your progress, hit your goals, and transform your lifestyle one day at a time."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Tracking",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Start Tracking", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-vector/medical-booking-app-concept_23-2148558164.jpg"
|
||||
imageAlt="Habit Tracker Dashboard"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/professional-woman-standing-with-coffee-busy-street-smiling-camera_1258-123421.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/successful-latin-businesswoman-standing-with-folded-hands-portrait-confident-young-pretty-female-office-employer-black-blouse-posing-work-business-company-management-concept_74855-7824.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2547.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/vertical-shot-beautiful-caucasian-woman-posing-park_181624-55023.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/professional-woman-standing-with-coffee-busy-street-smiling-camera_1258-123421.jpg", alt: "User 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/successful-latin-businesswoman-standing-with-folded-hands-portrait-confident-young-pretty-female-office-employer-black-blouse-posing-work-business-company-management-concept_74855-7824.jpg", alt: "User 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2547.jpg", alt: "User 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg", alt: "User 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/vertical-shot-beautiful-caucasian-woman-posing-park_181624-55023.jpg", alt: "User 5" },
|
||||
]}
|
||||
avatarText="Join 15,000+ habit builders"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Consistency matters",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Data-driven results",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Goal achievement",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Daily tracking",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Simple & intuitive",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -125,23 +75,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Streak Tracking",
|
||||
description: "Stay motivated by visualizing your current and best streaks.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/modern-smart-goals-general-infographic_23-2149092344.jpg",
|
||||
imageAlt: "Streak Tracking",
|
||||
},
|
||||
title: "Streak Tracking", description: "Stay motivated by visualizing your current and best streaks.", imageSrc: "http://img.b2bpic.net/free-vector/modern-smart-goals-general-infographic_23-2149092344.jpg", imageAlt: "Streak Tracking"},
|
||||
{
|
||||
title: "Insightful Analytics",
|
||||
description: "Understand your habits with deep data insights and reports.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-mobile-phone-desk-diagram_1163-2765.jpg",
|
||||
imageAlt: "Analytics",
|
||||
},
|
||||
title: "Insightful Analytics", description: "Understand your habits with deep data insights and reports.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-mobile-phone-desk-diagram_1163-2765.jpg", imageAlt: "Analytics"},
|
||||
{
|
||||
title: "Seamless Scheduling",
|
||||
description: "Plan your day with flexible, customizable daily habit reminders.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-colorful-overloaded-bullet-journal_23-2150168634.jpg",
|
||||
imageAlt: "Scheduling",
|
||||
},
|
||||
title: "Seamless Scheduling", description: "Plan your day with flexible, customizable daily habit reminders.", imageSrc: "http://img.b2bpic.net/free-photo/still-life-colorful-overloaded-bullet-journal_23-2150168634.jpg", imageAlt: "Scheduling"},
|
||||
]}
|
||||
title="Powerful Tracking Features"
|
||||
description="Everything you need to stay on track and build successful habits."
|
||||
@@ -149,36 +87,26 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
<MetricCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15k+",
|
||||
title: "Happy Users",
|
||||
description: "Daily users building better habits.",
|
||||
icon: Users,
|
||||
id: "m1", value: "94%", title: "Completion Rate", icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "95%",
|
||||
title: "Retention Rate",
|
||||
description: "Users who stick to their routines.",
|
||||
icon: TrendingUp,
|
||||
id: "m2", value: "+28%", title: "Activity Growth", icon: TrendingUp,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "2M+",
|
||||
title: "Habits Formed",
|
||||
description: "Daily habits logged and tracked.",
|
||||
icon: CheckCircle,
|
||||
id: "m3", value: "4.2", title: "Avg. Streak Length", icon: BarChart3,
|
||||
},
|
||||
{
|
||||
id: "m4", value: "88%", title: "Goal Achievement", icon: Target,
|
||||
},
|
||||
]}
|
||||
title="Data Driven Progress"
|
||||
description="Measure your success with key performance indicators that matter most."
|
||||
title="Real-Time Activity Insights"
|
||||
description="Track your progress metrics, analyze potential growth, and review historical activity logs in one unified dashboard."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -188,46 +116,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex Smith",
|
||||
handle: "@alexs",
|
||||
testimonial: "HabitFlow completely changed how I manage my time. Highly recommended!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Jamie Lee",
|
||||
handle: "@jamiel",
|
||||
testimonial: "The insights and analytics are incredibly helpful for tracking progress.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-girl-with-long-hair-grey-coat-wall-she-holds-camera-smiling-with-red-lips_197531-2490.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sam Taylor",
|
||||
handle: "@samt",
|
||||
testimonial: "Simple, intuitive, and effective. The best habit tracker out there.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shy-cute-girl-holding-professional-camera_23-2148565503.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Morgan Reed",
|
||||
handle: "@morganr",
|
||||
testimonial: "I never thought tracking habits could be this easy and rewarding.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-woman-park_1303-28948.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jordan P",
|
||||
handle: "@jordanp",
|
||||
testimonial: "Consistent progress tracking has made all the difference in my routine.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-business-woman-standing-with-coffee-cup_23-2148095743.jpg",
|
||||
},
|
||||
{ id: "1", name: "Alex Smith", handle: "@alexs", testimonial: "HabitFlow completely changed how I manage my time. Highly recommended!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg" },
|
||||
{ id: "2", name: "Jamie Lee", handle: "@jamiel", testimonial: "The insights and analytics are incredibly helpful for tracking progress.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/pretty-girl-with-long-hair-grey-coat-wall-she-holds-camera-smiling-with-red-lips_197531-2490.jpg" },
|
||||
{ id: "3", name: "Sam Taylor", handle: "@samt", testimonial: "Simple, intuitive, and effective. The best habit tracker out there.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/shy-cute-girl-holding-professional-camera_23-2148565503.jpg" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="Loved by Our Community"
|
||||
@@ -240,24 +131,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Is HabitFlow free to use?",
|
||||
content: "Yes, we offer a generous free tier for daily habit tracking.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Can I sync across devices?",
|
||||
content: "Absolutely, all your progress syncs instantly across all devices.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "How do I set goals?",
|
||||
content: "You can easily set daily, weekly, and monthly goals in settings.",
|
||||
},
|
||||
{ id: "f1", title: "Is HabitFlow free to use?", content: "Yes, we offer a generous free tier for daily habit tracking." },
|
||||
{ id: "f2", title: "Can I sync across devices?", content: "Absolutely, all your progress syncs instantly across all devices." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Find answers to the most common questions about our habit tracker."
|
||||
description="Find answers to the most common questions."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -266,66 +144,24 @@ export default function LandingPage() {
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Our Mission for Better Living"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Learn More", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
text="Ready to build your better self? Join thousands of others on HabitFlow today and start reaching your goals."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
background={{ variant: "rotated-rays-static" }}
|
||||
text="Ready to build your better self? Join thousands of others on HabitFlow today."
|
||||
buttons={[{ text: "Get Started", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Metrics",
|
||||
href: "#metrics",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "Features", href: "#features" }, { label: "Metrics", href: "#metrics" }] },
|
||||
{ items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] }
|
||||
]}
|
||||
logoText="HabitFlow"
|
||||
/>
|
||||
@@ -333,4 +169,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user