Merge version_2 into main #2
272
src/app/page.tsx
272
src/app/page.tsx
@@ -29,22 +29,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="HabitTrack"
|
||||
/>
|
||||
@@ -52,64 +40,13 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
title="Master Your Habits, Own Your Future."
|
||||
description="The ultimate habit tracking platform built for high performers. Visualize your progress, maintain your streaks, and optimize your daily routine with a sleek red and black interface."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/friendly-successful-business-woman-posing-with-arms-crossed_74855-2813.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-joyful-developer-writing-lines-code-notebook-close-up_482257-98036.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-woman-with-trendy-hairstyle_23-2149405989.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-smiling_23-2148452708.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/serious-confident-business-coach-posing-with-arms-folded_74855-3084.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
]}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Redefine Discipline."
|
||||
description="A bold habit tracker designed to turn goals into reality. Experience a high-contrast, immersive environment built for focus."
|
||||
avatars={[]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "View Features",
|
||||
href: "#features",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Productivity Optimized",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Streak Tracking",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Data Driven",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "High Performance",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Seamless Integration",
|
||||
},
|
||||
{ text: "Get Started", href: "#contact" },
|
||||
{ text: "Features", href: "#features" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -121,24 +58,12 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "500K+",
|
||||
description: "Active Users",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "12M+",
|
||||
description: "Habits Completed",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "98%",
|
||||
description: "Success Rate",
|
||||
},
|
||||
{ id: "1", value: "100%", description: "Intensity" },
|
||||
{ id: "2", value: "24/7", description: "Available" },
|
||||
{ id: "3", value: "Max", description: "Focus" },
|
||||
]}
|
||||
title="Results You Can Measure"
|
||||
description="See the impact of consistency on your daily life with our powerful analytics engine."
|
||||
title="Peak Performance"
|
||||
description="Driven by data, styled for dominance."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -148,42 +73,10 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Streak Tracking",
|
||||
author: "System",
|
||||
description: "Watch your progress grow with visual streaks that keep you motivated.",
|
||||
tags: [
|
||||
"Analytics",
|
||||
"Motivation",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/market-trends-concept-with-computer_23-2150372439.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Goal Setting",
|
||||
author: "System",
|
||||
description: "Define clear milestones and track your journey to completion in real-time.",
|
||||
tags: [
|
||||
"Planning",
|
||||
"Goals",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/market-trends-concept-with-computer_23-2150372439.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Insights & Analytics",
|
||||
author: "System",
|
||||
description: "In-depth insights into your behavior patterns and performance improvements.",
|
||||
tags: [
|
||||
"Data",
|
||||
"Insights",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/market-trends-concept-with-computer_23-2150372439.jpg?_wi=3",
|
||||
},
|
||||
{ id: "f1", title: "Streak Focus", author: "System", description: "Zero-tolerance for missed days.", tags: ["Focus"], imageSrc: "http://img.b2bpic.net/free-photo/red-black-abstract_23-2149405989.jpg" },
|
||||
]}
|
||||
title="Designed for Consistency"
|
||||
description="Features that make habit tracking effortless and rewarding every single day."
|
||||
title="Core Habit Tracking"
|
||||
description="Tools engineered to keep you in the zone."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -193,78 +86,18 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Essential",
|
||||
price: "$0",
|
||||
subtitle: "Perfect for beginners",
|
||||
features: [
|
||||
"Basic tracking",
|
||||
"3 active habits",
|
||||
"Mobile support",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Pro",
|
||||
price: "$9/mo",
|
||||
subtitle: "For focused high-performers",
|
||||
features: [
|
||||
"Unlimited habits",
|
||||
"Advanced analytics",
|
||||
"Cloud sync",
|
||||
"Custom reminders",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "team",
|
||||
badge: "Enterprise",
|
||||
price: "$29/mo",
|
||||
subtitle: "Team accountability",
|
||||
features: [
|
||||
"Shared dashboards",
|
||||
"Team reports",
|
||||
"Admin panel",
|
||||
"Priority support",
|
||||
],
|
||||
},
|
||||
{ id: "basic", badge: "Essential", price: "Free", subtitle: "Start now", features: ["Standard tracking"] },
|
||||
]}
|
||||
title="Plans That Scale With You"
|
||||
description="Choose the right plan to jumpstart your consistency journey today."
|
||||
title="Choose Your Path"
|
||||
description="Premium features for those who take habits seriously."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex Rivet",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friendly-successful-business-woman-posing-with-arms-crossed_74855-2813.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sam Thorne",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-joyful-developer-writing-lines-code-notebook-close-up_482257-98036.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena Ross",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-with-trendy-hairstyle_23-2149405989.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Mark V.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-smiling_23-2148452708.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sarah Lee",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-confident-business-coach-posing-with-arms-folded_74855-3084.jpg",
|
||||
},
|
||||
]}
|
||||
cardTitle="Loved by Thousands"
|
||||
testimonials={[]}
|
||||
cardTitle="User Success"
|
||||
cardTag="Testimonials"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
@@ -273,65 +106,18 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
tag="Get Started"
|
||||
title="Ready to Transform Your Habits?"
|
||||
description="Join thousands of users who are already optimizing their daily routine. Start tracking for free today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Join Us"
|
||||
title="Ignite Your Progress"
|
||||
description="Be among the first to master the red-black interface."
|
||||
buttons={[{ text: "Contact", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="HabitTrack"
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Help Center",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
columns={[]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user