Merge version_1 into main #1
248
src/app/page.tsx
248
src/app/page.tsx
@@ -30,18 +30,9 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{ name: "Features", id: "#features" },
|
||||
{ name: "Pricing", id: "#pricing" },
|
||||
{ name: "About", id: "#about" },
|
||||
]}
|
||||
brandName="ManifiX"
|
||||
/>
|
||||
@@ -49,83 +40,32 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Master Your Mind, Gamified."
|
||||
description="Unlock hyper-focus with AI-driven growth paths. Experience personalized daily sessions that turn meditation into your greatest superpower."
|
||||
kpis={[
|
||||
{
|
||||
value: "100K+",
|
||||
label: "Active Growth Pathfinders",
|
||||
},
|
||||
{
|
||||
value: "4.9/5",
|
||||
label: "App Store Rating",
|
||||
},
|
||||
{
|
||||
value: "1.2M",
|
||||
label: "Meditation Minutes",
|
||||
},
|
||||
{ value: "100K+", label: "Active Growth Pathfinders" },
|
||||
{ value: "4.9/5", label: "App Store Rating" },
|
||||
{ value: "1.2M", label: "Meditation Minutes" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Download ManifiX",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Download ManifiX", href: "#" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/business-teammates-working-late_23-2148991315.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-pensive-businessman_1098-701.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/technician-optimizing-data-center-equipment-maximum-efficiency_482257-117650.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/female-model-fall-winter-collection-outfits-listening-attentively_114579-17837.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-stylish-serious-bearded-male-wearing-elegant-suit-dark-background_613910-11332.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-with-curly-hair-dressed-fashionable-clothes-round-spectacles-looks-away-considers-something_273609-55152.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-pensive-businessman_1098-701.jpg", alt: "User 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/technician-optimizing-data-center-equipment-maximum-efficiency_482257-117650.jpg", alt: "User 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/female-model-fall-winter-collection-outfits-listening-attentively_114579-17837.jpg", alt: "User 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-stylish-serious-bearded-male-wearing-elegant-suit-dark-background_613910-11332.jpg", alt: "User 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-with-curly-hair-dressed-fashionable-clothes-round-spectacles-looks-away-considers-something_273609-55152.jpg", alt: "User 5" },
|
||||
]}
|
||||
avatarText="Join 100,000+ Pathfinders"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "AI Powered",
|
||||
icon: Database,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Gamified Focus",
|
||||
icon: Award,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Deep Work",
|
||||
icon: Target,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Daily Streaks",
|
||||
icon: Flame,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Mindful Living",
|
||||
icon: Lightbulb,
|
||||
},
|
||||
{ type: "text-icon", text: "AI Powered", icon: Database },
|
||||
{ type: "text-icon", text: "Gamified Focus", icon: Award },
|
||||
{ type: "text-icon", text: "Deep Work", icon: Target },
|
||||
{ type: "text-icon", text: "Daily Streaks", icon: Flame },
|
||||
{ type: "text-icon", text: "Mindful Living", icon: Lightbulb },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -133,23 +73,12 @@ export default function LandingPage() {
|
||||
<div id="features" data-section="features">
|
||||
<FeatureHoverPattern
|
||||
textboxLayout="split"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Zap,
|
||||
title: "AI Focus Coach",
|
||||
description: "Adaptive algorithms that learn your productivity patterns and suggest optimal deep-work blocks.",
|
||||
},
|
||||
{
|
||||
icon: Trophy,
|
||||
title: "Gamified Streaks",
|
||||
description: "Turn your personal growth into a high-score game with visual progress indicators and milestones.",
|
||||
},
|
||||
{
|
||||
icon: Activity,
|
||||
title: "Meditation Pathways",
|
||||
description: "Step-by-step guided meditation paths tailored to your current energy and stress levels.",
|
||||
},
|
||||
{ icon: Zap, title: "AI Focus Coach", description: "Adaptive algorithms that learn your productivity patterns and suggest optimal deep-work blocks." },
|
||||
{ icon: Trophy, title: "Gamified Streaks", description: "Turn your personal growth into a high-score game with visual progress indicators and milestones." },
|
||||
{ icon: Activity, title: "Meditation Pathways", description: "Step-by-step guided meditation paths tailored to your current energy and stress levels." },
|
||||
]}
|
||||
title="Advanced Focus Tech"
|
||||
description="Powerful tools designed to sharpen your cognitive performance and keep you centered throughout the day."
|
||||
@@ -162,24 +91,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Lightbulb,
|
||||
title: "Focus Score",
|
||||
value: "94%",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Activity,
|
||||
title: "Weekly Streak",
|
||||
value: "42 Days",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Flame,
|
||||
title: "Energy Output",
|
||||
value: "88/100",
|
||||
},
|
||||
{ id: "m1", icon: Lightbulb, title: "Focus Score", value: "94%" },
|
||||
{ id: "m2", icon: Activity, title: "Weekly Streak", value: "42 Days" },
|
||||
{ id: "m3", icon: Flame, title: "Energy Output", value: "88/100" },
|
||||
]}
|
||||
title="Your Growth in Numbers"
|
||||
description="Tracking your evolution with granular precision and real-time visualization."
|
||||
@@ -193,26 +107,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Elena K."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-pensive-businessman_1098-701.jpg",
|
||||
alt: "Elena K.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/technician-optimizing-data-center-equipment-maximum-efficiency_482257-117650.jpg",
|
||||
alt: "Mark T.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/female-model-fall-winter-collection-outfits-listening-attentively_114579-17837.jpg",
|
||||
alt: "Sarah J.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-stylish-serious-bearded-male-wearing-elegant-suit-dark-background_613910-11332.jpg",
|
||||
alt: "David L.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-with-curly-hair-dressed-fashionable-clothes-round-spectacles-looks-away-considers-something_273609-55152.jpg",
|
||||
alt: "Amy R.",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-pensive-businessman_1098-701.jpg", alt: "Elena K." },
|
||||
{ src: "http://img.b2bpic.net/free-photo/technician-optimizing-data-center-equipment-maximum-efficiency_482257-117650.jpg", alt: "Mark T." },
|
||||
{ src: "http://img.b2bpic.net/free-photo/female-model-fall-winter-collection-outfits-listening-attentively_114579-17837.jpg", alt: "Sarah J." },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-stylish-serious-bearded-male-wearing-elegant-suit-dark-background_613910-11332.jpg", alt: "David L." },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-with-curly-hair-dressed-fashionable-clothes-round-spectacles-looks-away-considers-something_273609-55152.jpg", alt: "Amy R." },
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -226,39 +125,12 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
badge: "Core",
|
||||
price: "$9/mo",
|
||||
subtitle: "Perfect for daily routines",
|
||||
features: [
|
||||
"Daily Guided Meditation",
|
||||
"Basic Focus Analytics",
|
||||
"Community Challenges",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Start Core",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
id: "p1", badge: "Core", price: "$9/mo", subtitle: "Perfect for daily routines", features: ["Daily Guided Meditation", "Basic Focus Analytics", "Community Challenges"],
|
||||
buttons: [{ text: "Start Core", href: "#" }],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
badge: "Pro",
|
||||
price: "$19/mo",
|
||||
subtitle: "Advanced AI features",
|
||||
features: [
|
||||
"AI Focus Coach",
|
||||
"Deep Work Stats",
|
||||
"Priority Sessions",
|
||||
"Custom Dashboards",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Start Pro",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
id: "p2", badge: "Pro", price: "$19/mo", subtitle: "Advanced AI features", features: ["AI Focus Coach", "Deep Work Stats", "Priority Sessions", "Custom Dashboards"],
|
||||
buttons: [{ text: "Start Pro", href: "#" }],
|
||||
},
|
||||
]}
|
||||
title="Unlock Your Potential"
|
||||
@@ -269,60 +141,20 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Get Started"
|
||||
title="Ready to Start Your Journey?"
|
||||
description="Download the app today and join thousands of users mastering their focus one day at a time."
|
||||
buttons={[
|
||||
{
|
||||
text: "Download App",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Download App", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Product",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Dashboard",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Company",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Support",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Docs",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "Product", href: "#" }, { label: "Dashboard", href: "#" }] },
|
||||
{ items: [{ label: "Company", href: "#" }, { label: "Careers", href: "#" }] },
|
||||
{ items: [{ label: "Support", href: "#" }, { label: "Docs", href: "#" }] },
|
||||
]}
|
||||
logoText="ManifiX"
|
||||
/>
|
||||
@@ -330,4 +162,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user