Merge version_1 into main #1
179
src/app/page.tsx
179
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Resources",
|
||||
id: "about",
|
||||
},
|
||||
name: "Resources", id: "about"},
|
||||
{
|
||||
name: "Tools",
|
||||
id: "features",
|
||||
},
|
||||
name: "Tools", id: "features"},
|
||||
{
|
||||
name: "Support",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Support", id: "contact"},
|
||||
]}
|
||||
brandName="Liberate"
|
||||
/>
|
||||
@@ -55,41 +47,22 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated-grid",
|
||||
}}
|
||||
variant: "rotated-rays-animated-grid"}}
|
||||
title="Reclaim Your Focus"
|
||||
description="Empowering you to break free from digital habits and restore your mental clarity with proven, science-based recovery tools."
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rectangle-frame-sand-sea-background_53876-103047.jpg",
|
||||
imageAlt: "Abstract light rays dark background",
|
||||
},
|
||||
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/rectangle-frame-sand-sea-background_53876-103047.jpg", imageAlt: "Abstract light rays dark background"},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rendering-inspirational-mood-board_23-2150976020.jpg",
|
||||
imageAlt: "Geometric abstract dark background",
|
||||
},
|
||||
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/rendering-inspirational-mood-board_23-2150976020.jpg", imageAlt: "Geometric abstract dark background"},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-geometric-background-with-futuristic-design_1048-5529.jpg",
|
||||
imageAlt: "Dark ripple abstract art",
|
||||
},
|
||||
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/abstract-geometric-background-with-futuristic-design_1048-5529.jpg", imageAlt: "Dark ripple abstract art"},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spa-accessories-dark-background_1220-3612.jpg",
|
||||
imageAlt: "Zen stones dark background",
|
||||
},
|
||||
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/spa-accessories-dark-background_1220-3612.jpg", imageAlt: "Zen stones dark background"},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-cyber-particles-background-with-shallow-depth-field_1048-13249.jpg",
|
||||
imageAlt: "Fluid light particles abstract",
|
||||
},
|
||||
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-cyber-particles-background-with-shallow-depth-field_1048-13249.jpg", imageAlt: "Fluid light particles abstract"},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-smoke-collection-black-background_1112-1814.jpg",
|
||||
imageAlt: "Ethereal light rays dark",
|
||||
},
|
||||
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/white-smoke-collection-black-background_1112-1814.jpg", imageAlt: "Ethereal light rays dark"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -102,17 +75,11 @@ export default function LandingPage() {
|
||||
description="We understand the challenges of the digital age. Our resources are designed to help you regain control, improve your relationships, and boost your overall well-being."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Scientific Understanding",
|
||||
description: "Learn the neurology of habit formation.",
|
||||
},
|
||||
title: "Scientific Understanding", description: "Learn the neurology of habit formation."},
|
||||
{
|
||||
title: "Community Support",
|
||||
description: "Connect with others on the journey.",
|
||||
},
|
||||
title: "Community Support", description: "Connect with others on the journey."},
|
||||
{
|
||||
title: "Daily Tools",
|
||||
description: "Practical steps to stay consistent.",
|
||||
},
|
||||
title: "Daily Tools", description: "Practical steps to stay consistent."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/computer-screen-showing-financial-information-office-workspace_53876-16526.jpg"
|
||||
/>
|
||||
@@ -126,19 +93,13 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
icon: Shield,
|
||||
title: "Focus Protection",
|
||||
description: "Block harmful content automatically.",
|
||||
},
|
||||
title: "Focus Protection", description: "Block harmful content automatically."},
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Mindful Habits",
|
||||
description: "Daily reminders to keep you centered.",
|
||||
},
|
||||
title: "Mindful Habits", description: "Daily reminders to keep you centered."},
|
||||
{
|
||||
icon: Award,
|
||||
title: "Progress Tracking",
|
||||
description: "Visualize your path to growth.",
|
||||
},
|
||||
title: "Progress Tracking", description: "Visualize your path to growth."},
|
||||
]}
|
||||
title="Comprehensive Recovery Support"
|
||||
description="Tools built to help you overcome barriers."
|
||||
@@ -153,25 +114,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100k+",
|
||||
title: "Lives Changed",
|
||||
description: "People on the journey.",
|
||||
icon: Users,
|
||||
id: "m1", value: "100k+", title: "Lives Changed", description: "People on the journey.", icon: Users,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "24/7",
|
||||
title: "Continuous Access",
|
||||
description: "Resources whenever needed.",
|
||||
icon: Clock,
|
||||
id: "m2", value: "24/7", title: "Continuous Access", description: "Resources whenever needed.", icon: Clock,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "95%",
|
||||
title: "Satisfaction",
|
||||
description: "Users report improved focus.",
|
||||
icon: CheckCircle,
|
||||
id: "m3", value: "95%", title: "Satisfaction", description: "Users report improved focus.", icon: CheckCircle,
|
||||
},
|
||||
]}
|
||||
title="The Path to Progress"
|
||||
@@ -184,32 +133,18 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-diary-digital-tablet-pen-keyboard-coffee-cup-desk_23-2148061557.jpg",
|
||||
},
|
||||
id: "t1", name: "Alex R.", imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-diary-digital-tablet-pen-keyboard-coffee-cup-desk_23-2148061557.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Jordan P.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-businesswoman-talking-with-remote-friend-online-videocall_482257-77662.jpg",
|
||||
},
|
||||
id: "t2", name: "Jordan P.", imageSrc: "http://img.b2bpic.net/free-photo/joyful-businesswoman-talking-with-remote-friend-online-videocall_482257-77662.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sam K.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/neon-robot-vacuum-cleaner_23-2151349199.jpg",
|
||||
},
|
||||
id: "t3", name: "Sam K.", imageSrc: "http://img.b2bpic.net/free-photo/neon-robot-vacuum-cleaner_23-2151349199.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Casey L.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup-saucer-with-mouse-coffee-cup-digital-tablet-diary-keyboard-white-desk_23-2148061555.jpg",
|
||||
},
|
||||
id: "t4", name: "Casey L.", imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup-saucer-with-mouse-coffee-cup-digital-tablet-diary-keyboard-white-desk_23-2148061555.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Morgan S.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/working-accountant_1098-13967.jpg",
|
||||
},
|
||||
id: "t5", name: "Morgan S.", imageSrc: "http://img.b2bpic.net/free-photo/working-accountant_1098-13967.jpg"},
|
||||
]}
|
||||
cardTitle="Success Stories"
|
||||
cardTag="Testimonials"
|
||||
cardAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
@@ -220,20 +155,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Is this confidential?",
|
||||
content: "Yes, your privacy is our top priority.",
|
||||
},
|
||||
id: "q1", title: "Is this confidential?", content: "Yes, your privacy is our top priority."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "How do I get started?",
|
||||
content: "Simply join our community today.",
|
||||
},
|
||||
id: "q2", title: "How do I get started?", content: "Simply join our community today."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Are there costs involved?",
|
||||
content: "The basic resources are completely free.",
|
||||
},
|
||||
id: "q3", title: "Are there costs involved?", content: "The basic resources are completely free."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to get started."
|
||||
@@ -248,22 +174,14 @@ export default function LandingPage() {
|
||||
description="Have questions? Our support team is here to help you get the guidance you need."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Your Email", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us how we can help",
|
||||
required: true,
|
||||
name: "message", placeholder: "Tell us how we can help", required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-abstract-cyber-background-with-flowing-particles_1048-16995.jpg"
|
||||
/>
|
||||
@@ -275,42 +193,27 @@ export default function LandingPage() {
|
||||
logoText="Liberate"
|
||||
columns={[
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
label: "Blog", href: "#"},
|
||||
{
|
||||
label: "Guides",
|
||||
href: "#",
|
||||
},
|
||||
label: "Guides", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
label: "Contact", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user