Merge version_1 into main #2
344
src/app/page.tsx
344
src/app/page.tsx
@@ -31,22 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Philosophy",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Core Pillars",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Results",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{
|
||||
name: "Join",
|
||||
id: "#cta",
|
||||
},
|
||||
{ name: "Philosophy", id: "#about" },
|
||||
{ name: "Core Pillars", id: "#features" },
|
||||
{ name: "Results", id: "#testimonials" },
|
||||
{ name: "Join", id: "#cta" },
|
||||
]}
|
||||
brandName="DISCIPLINE PROTOCOL"
|
||||
/>
|
||||
@@ -55,108 +43,31 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="The Discipline Protocol"
|
||||
description="How to Destroy Procrastination, Rebuild Focus, and Take Control of Your Life. Elevate your existence."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Marcus R.",
|
||||
handle: "@discipline",
|
||||
testimonial: "This protocol is the only thing that actually worked for me.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-city-lifestyle_23-2151002679.jpg?_wi=1",
|
||||
imageAlt: "man looking at city dark aesthetic",
|
||||
},
|
||||
{
|
||||
name: "Elena V.",
|
||||
handle: "@focus",
|
||||
testimonial: "Regained my focus after years of brain fog. Unmatched.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blond-man-with-virtual-glasses-surprised-expression_1194-2847.jpg?_wi=1",
|
||||
imageAlt: "man looking at city dark aesthetic",
|
||||
},
|
||||
{
|
||||
name: "David L.",
|
||||
handle: "@growth",
|
||||
testimonial: "Minimalist, blunt, effective. The new standard.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/orange-skeleton-hand-middle_23-2147908213.jpg?_wi=1",
|
||||
imageAlt: "man looking at city dark aesthetic",
|
||||
},
|
||||
{
|
||||
name: "Sarah K.",
|
||||
handle: "@routine",
|
||||
testimonial: "Disciplined, clear, exactly what I needed to change.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chicken-eggs-dark-material_23-2148073869.jpg?_wi=1",
|
||||
imageAlt: "man looking at city dark aesthetic",
|
||||
},
|
||||
{
|
||||
name: "James P.",
|
||||
handle: "@mindset",
|
||||
testimonial: "Game changer for my daily workflow.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/blacksmith-flat-color-icons-set_1284-9162.jpg?_wi=1",
|
||||
imageAlt: "man looking at city dark aesthetic",
|
||||
},
|
||||
{ name: "Marcus R.", handle: "@discipline", testimonial: "This protocol is the only thing that actually worked for me.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-city-lifestyle_23-2151002679.jpg", imageAlt: "man looking at city dark aesthetic" },
|
||||
{ name: "Elena V.", handle: "@focus", testimonial: "Regained my focus after years of brain fog. Unmatched.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/blond-man-with-virtual-glasses-surprised-expression_1194-2847.jpg", imageAlt: "man looking at city dark aesthetic" },
|
||||
{ name: "David L.", handle: "@growth", testimonial: "Minimalist, blunt, effective. The new standard.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/orange-skeleton-hand-middle_23-2147908213.jpg", imageAlt: "man looking at city dark aesthetic" },
|
||||
{ name: "Sarah K.", handle: "@routine", testimonial: "Disciplined, clear, exactly what I needed to change.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/chicken-eggs-dark-material_23-2148073869.jpg", imageAlt: "man looking at city dark aesthetic" },
|
||||
{ name: "James P.", handle: "@mindset", testimonial: "Game changer for my daily workflow.", rating: 5, imageSrc: "http://img.b2bpic.net/free-vector/blacksmith-flat-color-icons-set_1284-9162.jpg", imageAlt: "man looking at city dark aesthetic" },
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get The Guide",
|
||||
href: "#cta",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-man-city-lifestyle_23-2151002679.jpg?_wi=2"
|
||||
buttons={[{ text: "Get The Guide", href: "#cta" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-man-city-lifestyle_23-2151002679.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/lonely-man-bus-station-city-night_23-2149001237.jpg",
|
||||
alt: "User avatar",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/thunderstorm-city_23-2151750354.jpg",
|
||||
alt: "User avatar",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-young-man-with-bicycle-looking-flock-birds-flying-sky_23-2148176579.jpg",
|
||||
alt: "User avatar",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/people-playing-basketball_23-2149231816.jpg",
|
||||
alt: "User avatar",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-young-man-posing-spotlight_23-2151916009.jpg",
|
||||
alt: "User avatar",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/lonely-man-bus-station-city-night_23-2149001237.jpg", alt: "User avatar" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/thunderstorm-city_23-2151750354.jpg", alt: "User avatar" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-young-man-with-bicycle-looking-flock-birds-flying-sky_23-2148176579.jpg", alt: "User avatar" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/people-playing-basketball_23-2149231816.jpg", alt: "User avatar" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-young-man-posing-spotlight_23-2151916009.jpg", alt: "User avatar" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "100% FOCUS",
|
||||
icon: Target,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "NO EXCUSES",
|
||||
icon: Shield,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "DAILY GROWTH",
|
||||
icon: TrendingUp,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "SYSTEMS FIRST",
|
||||
icon: Settings,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "TOTAL CONTROL",
|
||||
icon: Lock,
|
||||
},
|
||||
{ type: "text-icon", text: "100% FOCUS", icon: Target },
|
||||
{ type: "text-icon", text: "NO EXCUSES", icon: Shield },
|
||||
{ type: "text-icon", text: "DAILY GROWTH", icon: TrendingUp },
|
||||
{ type: "text-icon", text: "SYSTEMS FIRST", icon: Settings },
|
||||
{ type: "text-icon", text: "TOTAL CONTROL", icon: Lock },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -167,16 +78,10 @@ export default function LandingPage() {
|
||||
title="Your attention is under attack"
|
||||
description="Modern world comfort is designed to kill your focus. Comfort is the enemy of greatness."
|
||||
metrics={[
|
||||
{
|
||||
value: "100%",
|
||||
title: "Focus Recovery",
|
||||
},
|
||||
{
|
||||
value: "24/7",
|
||||
title: "Discipline",
|
||||
},
|
||||
{ value: "100%", title: "Focus Recovery" },
|
||||
{ value: "24/7", title: "Discipline" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/blond-man-with-virtual-glasses-surprised-expression_1194-2847.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/blond-man-with-virtual-glasses-surprised-expression_1194-2847.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -188,36 +93,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Dopamine Control",
|
||||
author: "Framework",
|
||||
description: "Master your internal chemical rewards.",
|
||||
tags: [
|
||||
"Focus",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/orange-skeleton-hand-middle_23-2147908213.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Monk Mode Systems",
|
||||
author: "Framework",
|
||||
description: "Deep work cycles for maximum output.",
|
||||
tags: [
|
||||
"Productivity",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chicken-eggs-dark-material_23-2148073869.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Mental Toughness",
|
||||
author: "Framework",
|
||||
description: "Building resilience through structured habits.",
|
||||
tags: [
|
||||
"Growth",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/blacksmith-flat-color-icons-set_1284-9162.jpg?_wi=2",
|
||||
},
|
||||
{ id: "f1", title: "Dopamine Control", author: "Framework", description: "Master your internal chemical rewards.", tags: ["Focus"], imageSrc: "http://img.b2bpic.net/free-photo/orange-skeleton-hand-middle_23-2147908213.jpg" },
|
||||
{ id: "f2", title: "Monk Mode Systems", author: "Framework", description: "Deep work cycles for maximum output.", tags: ["Productivity"], imageSrc: "http://img.b2bpic.net/free-photo/chicken-eggs-dark-material_23-2148073869.jpg" },
|
||||
{ id: "f3", title: "Mental Toughness", author: "Framework", description: "Building resilience through structured habits.", tags: ["Growth"], imageSrc: "http://img.b2bpic.net/free-vector/blacksmith-flat-color-icons-set_1284-9162.jpg" },
|
||||
]}
|
||||
title="What You Will Learn"
|
||||
description="The foundation of a disciplined life."
|
||||
@@ -230,33 +108,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "0",
|
||||
title: "Useless Scrolling",
|
||||
items: [
|
||||
"Block social media",
|
||||
"Focus mode on",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "1",
|
||||
title: "Physical Daily",
|
||||
items: [
|
||||
"Movement daily",
|
||||
"Consistency above all",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "30",
|
||||
title: "Reading/Journal",
|
||||
items: [
|
||||
"Knowledge intake",
|
||||
"Reflection",
|
||||
],
|
||||
},
|
||||
{ id: "m1", value: "0", title: "Useless Scrolling", items: ["Block social media", "Focus mode on"] },
|
||||
{ id: "m2", value: "1", title: "Physical Daily", items: ["Movement daily", "Consistency above all"] },
|
||||
{ id: "m3", value: "30", title: "Reading/Journal", items: ["Knowledge intake", "Reflection"] },
|
||||
]}
|
||||
title="The 30-Day Protocol"
|
||||
description="Track the essentials of your rebuild."
|
||||
@@ -265,39 +119,13 @@ export default function LandingPage() {
|
||||
|
||||
<div id="why-us" data-section="why-us">
|
||||
<FeatureCardTwentyFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "w1",
|
||||
title: "Practical",
|
||||
author: "Guide",
|
||||
description: "Direct application without fluff.",
|
||||
tags: [
|
||||
"Action",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-art-style-mental-health-day-awareness-illustration_23-2151813311.jpg",
|
||||
},
|
||||
{
|
||||
id: "w2",
|
||||
title: "Modern",
|
||||
author: "Guide",
|
||||
description: "Built for the digital age environment.",
|
||||
tags: [
|
||||
"Modern",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-white-pumpkins-dark-background_23-2149446012.jpg",
|
||||
},
|
||||
{
|
||||
id: "w3",
|
||||
title: "Emotionally Powerful",
|
||||
author: "Guide",
|
||||
description: "Designed to change you internally.",
|
||||
tags: [
|
||||
"Impact",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/desktop-with-clock-office-elements_23-2148174160.jpg",
|
||||
},
|
||||
{ id: "w1", title: "Practical", author: "Guide", description: "Direct application without fluff.", tags: ["Action"], imageSrc: "http://img.b2bpic.net/free-photo/digital-art-style-mental-health-day-awareness-illustration_23-2151813311.jpg" },
|
||||
{ id: "w2", title: "Modern", author: "Guide", description: "Built for the digital age environment.", tags: ["Modern"], imageSrc: "http://img.b2bpic.net/free-photo/high-angle-white-pumpkins-dark-background_23-2149446012.jpg" },
|
||||
{ id: "w3", title: "Emotionally Powerful", author: "Guide", description: "Designed to change you internally.", tags: ["Impact"], imageSrc: "http://img.b2bpic.net/free-photo/desktop-with-clock-office-elements_23-2148174160.jpg" },
|
||||
]}
|
||||
title="Why It's Different"
|
||||
description="This isn't generic motivation. It's a modern, practical, and emotionally powerful blueprint."
|
||||
@@ -310,46 +138,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex D.",
|
||||
handle: "@user1",
|
||||
testimonial: "This guide changed my entire mindset. Truly.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-intellegent-man-suit-white-shirt-dark-photo-studio_613910-14922.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sam B.",
|
||||
handle: "@user2",
|
||||
testimonial: "I finally regained focus when I needed it most.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-athletic-fitness-male-dressed-sportswear-grey-vignette-background_613910-9846.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Chris W.",
|
||||
handle: "@user3",
|
||||
testimonial: "The best discipline protocol I've read this year.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/from-patterned-flower_23-2147811166.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Jordan P.",
|
||||
handle: "@user4",
|
||||
testimonial: "Essential reading for anyone lacking purpose.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-handsome-male-with-curly-hair-dressed-jacket-eyeglasses_613910-567.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Ryan M.",
|
||||
handle: "@user5",
|
||||
testimonial: "Solid systems. No fluff, just results.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-confident-handsome-businessman-blue-red-light_158595-4820.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Alex D.", handle: "@user1", testimonial: "This guide changed my entire mindset. Truly.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-intellegent-man-suit-white-shirt-dark-photo-studio_613910-14922.jpg" },
|
||||
{ id: "t2", name: "Sam B.", handle: "@user2", testimonial: "I finally regained focus when I needed it most.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-athletic-fitness-male-dressed-sportswear-grey-vignette-background_613910-9846.jpg" },
|
||||
{ id: "t3", name: "Chris W.", handle: "@user3", testimonial: "The best discipline protocol I've read this year.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/from-patterned-flower_23-2147811166.jpg" },
|
||||
{ id: "t4", name: "Jordan P.", handle: "@user4", testimonial: "Essential reading for anyone lacking purpose.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-handsome-male-with-curly-hair-dressed-jacket-eyeglasses_613910-567.jpg" },
|
||||
{ id: "t5", name: "Ryan M.", handle: "@user5", testimonial: "Solid systems. No fluff, just results.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-confident-handsome-businessman-blue-red-light_158595-4820.jpg" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="Proven Results"
|
||||
@@ -362,21 +155,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Is this for beginners?",
|
||||
content: "Yes, it is designed for anyone needing a fresh start.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Is it digital?",
|
||||
content: "Yes, instant download ebook.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I do it while working?",
|
||||
content: "The system fits seamlessly into your busy schedule.",
|
||||
},
|
||||
{ id: "q1", title: "Is this for beginners?", content: "Yes, it is designed for anyone needing a fresh start." },
|
||||
{ id: "q2", title: "Is it digital?", content: "Yes, instant download ebook." },
|
||||
{ id: "q3", title: "Can I do it while working?", content: "The system fits seamlessly into your busy schedule." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/empty-interior-with-tropical-leaf-shadow_53876-100282.jpg"
|
||||
title="Common Questions"
|
||||
@@ -388,18 +169,11 @@ export default function LandingPage() {
|
||||
<div id="cta" data-section="cta">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Final Step"
|
||||
title="Your future is built by your habits."
|
||||
description="Start the rebuild today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Rebuilding Yourself",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Start Rebuilding Yourself", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -407,29 +181,15 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
{
|
||||
label: "Philosophy",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Protocol",
|
||||
href: "#features",
|
||||
},
|
||||
title: "Navigation", items: [
|
||||
{ label: "Philosophy", href: "#about" },
|
||||
{ label: "Protocol", href: "#features" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
{
|
||||
label: "Support",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
title: "Resources", items: [
|
||||
{ label: "Support", href: "#" },
|
||||
{ label: "Blog", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -439,4 +199,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user