Merge version_1 into main #2
242
src/app/page.tsx
242
src/app/page.tsx
@@ -30,21 +30,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Results",
|
||||
id: "metrics",
|
||||
},
|
||||
name: "Results", id: "metrics"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Reviews", id: "testimonials"},
|
||||
]}
|
||||
brandName="DetoxCoach"
|
||||
/>
|
||||
@@ -53,72 +45,45 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Reclaim Your Focus with Detox Coach"
|
||||
description="Stop mindless scrolling. Our AI-powered coach actively intervenes in your habits, blocks distractions, and rewards your deep focus sessions."
|
||||
kpis={[
|
||||
{
|
||||
value: "500+",
|
||||
label: "Focus Hours",
|
||||
},
|
||||
value: "500+", label: "Focus Hours"},
|
||||
{
|
||||
value: "12k",
|
||||
label: "Distractions Blocked",
|
||||
},
|
||||
value: "12k", label: "Distractions Blocked"},
|
||||
{
|
||||
value: "94%",
|
||||
label: "Success Rate",
|
||||
},
|
||||
value: "94%", label: "Success Rate"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhj6JnQChhOkqcF9OSrIPmPYqg/a-futuristic-mobile-app-dashboard-showin-1774948065147-d291ea6f.png"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhj6JnQChhOkqcF9OSrIPmPYqg/portrait-of-a-young-professional-using-a-1774948065096-baff8812.png",
|
||||
alt: "User 1",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhj6JnQChhOkqcF9OSrIPmPYqg/portrait-of-a-young-professional-using-a-1774948065096-baff8812.png", alt: "User 1"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhj6JnQChhOkqcF9OSrIPmPYqg/portrait-of-a-creative-designer-looking--1774948065188-c09d938d.png",
|
||||
alt: "User 2",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhj6JnQChhOkqcF9OSrIPmPYqg/portrait-of-a-creative-designer-looking--1774948065188-c09d938d.png", alt: "User 2"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhj6JnQChhOkqcF9OSrIPmPYqg/portrait-of-a-developer-working-on-a-lap-1774948064823-d952ed86.png",
|
||||
alt: "User 3",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhj6JnQChhOkqcF9OSrIPmPYqg/portrait-of-a-developer-working-on-a-lap-1774948064823-d952ed86.png", alt: "User 3"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhj6JnQChhOkqcF9OSrIPmPYqg/portrait-of-an-entrepreneur-at-a-modern--1774948064694-57f1bfad.png",
|
||||
alt: "User 4",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhj6JnQChhOkqcF9OSrIPmPYqg/portrait-of-an-entrepreneur-at-a-modern--1774948064694-57f1bfad.png", alt: "User 4"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhj6JnQChhOkqcF9OSrIPmPYqg/portrait-of-a-young-professional-using-a-1774948065096-baff8812.png",
|
||||
alt: "User 5",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhj6JnQChhOkqcF9OSrIPmPYqg/portrait-of-a-young-professional-using-a-1774948065096-baff8812.png", alt: "User 5"},
|
||||
]}
|
||||
avatarText="Trusted by 5,000+ deep workers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Science-Backed",
|
||||
type: "text", text: "Science-Backed"},
|
||||
{
|
||||
type: "text", text: "Focus First"},
|
||||
{
|
||||
type: "text-icon", text: "Distraction Free", icon: Shield,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Focus First",
|
||||
},
|
||||
type: "text", text: "AI Powered"},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Distraction Free",
|
||||
icon: Shield,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "AI Powered",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Minimal Design",
|
||||
},
|
||||
type: "text", text: "Minimal Design"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -130,38 +95,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Intelligent App Blocking",
|
||||
author: "AI Engine",
|
||||
description: "Automatically detect and lock distracting apps during your deep work sessions.",
|
||||
tags: [
|
||||
"AI",
|
||||
"Security",
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhj6JnQChhOkqcF9OSrIPmPYqg/smartphone-interface-showing-an-active-a-1774948064801-87d960b5.png",
|
||||
},
|
||||
id: "f1", title: "Intelligent App Blocking", author: "AI Engine", description: "Automatically detect and lock distracting apps during your deep work sessions.", tags: [
|
||||
"AI", "Security"],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhj6JnQChhOkqcF9OSrIPmPYqg/smartphone-interface-showing-an-active-a-1774948064801-87d960b5.png"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Dopamine Pattern Recognition",
|
||||
author: "Behavioral Sync",
|
||||
description: "Identify your specific triggers and receive proactive reminders before you start scrolling.",
|
||||
tags: [
|
||||
"Psychology",
|
||||
"Habits",
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhj6JnQChhOkqcF9OSrIPmPYqg/visual-representation-of-a-brain-and-dat-1774948068602-d7f83c14.png?_wi=1",
|
||||
},
|
||||
id: "f2", title: "Dopamine Pattern Recognition", author: "Behavioral Sync", description: "Identify your specific triggers and receive proactive reminders before you start scrolling.", tags: [
|
||||
"Psychology", "Habits"],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhj6JnQChhOkqcF9OSrIPmPYqg/visual-representation-of-a-brain-and-dat-1774948068602-d7f83c14.png"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Gamified Focus Rewards",
|
||||
author: "Progression System",
|
||||
description: "Earn rewards for every hour of deep focus. Turn your discipline into real-world achievements.",
|
||||
tags: [
|
||||
"Gamification",
|
||||
"Wellness",
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhj6JnQChhOkqcF9OSrIPmPYqg/gamified-reward-dashboard-for-productivi-1774948065686-99d6caa1.png?_wi=1",
|
||||
},
|
||||
id: "f3", title: "Gamified Focus Rewards", author: "Progression System", description: "Earn rewards for every hour of deep focus. Turn your discipline into real-world achievements.", tags: [
|
||||
"Gamification", "Wellness"],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhj6JnQChhOkqcF9OSrIPmPYqg/gamified-reward-dashboard-for-productivi-1774948065686-99d6caa1.png"},
|
||||
]}
|
||||
title="Smart Features to Rewire Your Habits"
|
||||
description="Powerful tools designed to break the dopamine cycle and keep you focused."
|
||||
@@ -171,29 +115,15 @@ export default function LandingPage() {
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTen
|
||||
animationType="slide-up"
|
||||
textboxLayout="left"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
title: "Avg. Focus Session",
|
||||
subtitle: "Daily trend",
|
||||
category: "Efficiency",
|
||||
value: "45 min",
|
||||
},
|
||||
id: "m1", title: "Avg. Focus Session", subtitle: "Daily trend", category: "Efficiency", value: "45 min"},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Distraction Free",
|
||||
subtitle: "Current streak",
|
||||
category: "Persistence",
|
||||
value: "12 days",
|
||||
},
|
||||
id: "m2", title: "Distraction Free", subtitle: "Current streak", category: "Persistence", value: "12 days"},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Usage Reduction",
|
||||
subtitle: "Weekly average",
|
||||
category: "Impact",
|
||||
value: "62%",
|
||||
},
|
||||
id: "m3", title: "Usage Reduction", subtitle: "Weekly average", category: "Impact", value: "62%"},
|
||||
]}
|
||||
title="Measurable Digital Wellness"
|
||||
description="See the concrete impact of your focus journey over time."
|
||||
@@ -207,45 +137,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Miller",
|
||||
handle: "@sarah_m",
|
||||
testimonial: "Detox Coach changed my work life. The app blocking is exactly what I needed to finish my thesis.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhj6JnQChhOkqcF9OSrIPmPYqg/portrait-of-a-young-professional-using-a-1774948065096-baff8812.png?_wi=1",
|
||||
},
|
||||
id: "t1", name: "Sarah Miller", handle: "@sarah_m", testimonial: "Detox Coach changed my work life. The app blocking is exactly what I needed to finish my thesis.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhj6JnQChhOkqcF9OSrIPmPYqg/portrait-of-a-young-professional-using-a-1774948065096-baff8812.png"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "David Chen",
|
||||
handle: "@d_chen",
|
||||
testimonial: "The insights into my patterns were eye-opening. I feel so much more in control now.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhj6JnQChhOkqcF9OSrIPmPYqg/portrait-of-a-creative-designer-looking--1774948065188-c09d938d.png",
|
||||
},
|
||||
id: "t2", name: "David Chen", handle: "@d_chen", testimonial: "The insights into my patterns were eye-opening. I feel so much more in control now.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhj6JnQChhOkqcF9OSrIPmPYqg/portrait-of-a-creative-designer-looking--1774948065188-c09d938d.png"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena Rossi",
|
||||
handle: "@elena_rossi",
|
||||
testimonial: "Gamification makes focus actually fun. I look forward to my deep work sessions daily.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhj6JnQChhOkqcF9OSrIPmPYqg/portrait-of-a-developer-working-on-a-lap-1774948064823-d952ed86.png",
|
||||
},
|
||||
id: "t3", name: "Elena Rossi", handle: "@elena_rossi", testimonial: "Gamification makes focus actually fun. I look forward to my deep work sessions daily.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhj6JnQChhOkqcF9OSrIPmPYqg/portrait-of-a-developer-working-on-a-lap-1774948064823-d952ed86.png"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Marcus J.",
|
||||
handle: "@marc_j",
|
||||
testimonial: "Simple, effective, and very elegant. A must-have for every digital worker.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhj6JnQChhOkqcF9OSrIPmPYqg/portrait-of-an-entrepreneur-at-a-modern--1774948064694-57f1bfad.png",
|
||||
},
|
||||
id: "t4", name: "Marcus J.", handle: "@marc_j", testimonial: "Simple, effective, and very elegant. A must-have for every digital worker.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhj6JnQChhOkqcF9OSrIPmPYqg/portrait-of-an-entrepreneur-at-a-modern--1774948064694-57f1bfad.png"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Jessica Lee",
|
||||
handle: "@jess_focus",
|
||||
testimonial: "Finally, a tool that respects my time and helps me stay in the flow state.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhj6JnQChhOkqcF9OSrIPmPYqg/portrait-of-a-young-professional-using-a-1774948065096-baff8812.png?_wi=2",
|
||||
},
|
||||
id: "t5", name: "Jessica Lee", handle: "@jess_focus", testimonial: "Finally, a tool that respects my time and helps me stay in the flow state.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhj6JnQChhOkqcF9OSrIPmPYqg/portrait-of-a-young-professional-using-a-1774948065096-baff8812.png"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Stories of Regained Focus"
|
||||
@@ -262,25 +167,9 @@ export default function LandingPage() {
|
||||
description="Stay updated with the latest strategies for digital minimalism and peak productivity."
|
||||
blogs={[
|
||||
{
|
||||
id: "b1",
|
||||
category: "Mindfulness",
|
||||
title: "Why Dopamine Detox Matters",
|
||||
excerpt: "Understand the neuroscience behind your scrolling habits.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhj6JnQChhOkqcF9OSrIPmPYqg/visual-representation-of-a-brain-and-dat-1774948068602-d7f83c14.png?_wi=2",
|
||||
authorName: "Dr. Aris",
|
||||
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhj6JnQChhOkqcF9OSrIPmPYqg/portrait-of-a-creative-designer-looking--1774948065188-c09d938d.png",
|
||||
date: "Jan 12, 2025",
|
||||
},
|
||||
id: "b1", category: "Mindfulness", title: "Why Dopamine Detox Matters", excerpt: "Understand the neuroscience behind your scrolling habits.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhj6JnQChhOkqcF9OSrIPmPYqg/visual-representation-of-a-brain-and-dat-1774948068602-d7f83c14.png", authorName: "Dr. Aris", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhj6JnQChhOkqcF9OSrIPmPYqg/portrait-of-a-creative-designer-looking--1774948065188-c09d938d.png", date: "Jan 12, 2025"},
|
||||
{
|
||||
id: "b2",
|
||||
category: "Productivity",
|
||||
title: "Mastering the Flow State",
|
||||
excerpt: "How to structure your day for maximum output.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhj6JnQChhOkqcF9OSrIPmPYqg/gamified-reward-dashboard-for-productivi-1774948065686-99d6caa1.png?_wi=2",
|
||||
authorName: "Coach Mark",
|
||||
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhj6JnQChhOkqcF9OSrIPmPYqg/portrait-of-an-entrepreneur-at-a-modern--1774948064694-57f1bfad.png",
|
||||
date: "Jan 15, 2025",
|
||||
},
|
||||
id: "b2", category: "Productivity", title: "Mastering the Flow State", excerpt: "How to structure your day for maximum output.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhj6JnQChhOkqcF9OSrIPmPYqg/gamified-reward-dashboard-for-productivi-1774948065686-99d6caa1.png", authorName: "Coach Mark", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhj6JnQChhOkqcF9OSrIPmPYqg/portrait-of-an-entrepreneur-at-a-modern--1774948064694-57f1bfad.png", date: "Jan 15, 2025"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -290,50 +179,31 @@ export default function LandingPage() {
|
||||
logoText="DetoxCoach"
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
title: "Product", items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Features", href: "#features"},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#",
|
||||
},
|
||||
label: "Pricing", href: "#"},
|
||||
{
|
||||
label: "Download",
|
||||
href: "#",
|
||||
},
|
||||
label: "Download", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
label: "Contact", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Use",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Use", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user