Merge version_1 into main #1
187
src/app/page.tsx
187
src/app/page.tsx
@@ -30,43 +30,27 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Progress",
|
||||
id: "metrics",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Progress", id: "metrics" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Mobio"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "glowing-orb",
|
||||
}}
|
||||
variant: "glowing-orb"}}
|
||||
logoText="Mobio: Your Month of Mastery"
|
||||
description="Crush your 30-day fitness goals, climb the global leaderboard, earn exclusive digital badges, and share your transformation journey with the world."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start 30 Days",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Start 30 Days", href: "#contact"},
|
||||
{
|
||||
text: "See Rankings",
|
||||
href: "#metrics",
|
||||
},
|
||||
text: "See Rankings", href: "#metrics"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-people-using-reels_23-2150038616.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -78,21 +62,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Why Mobio Works"
|
||||
metrics={[
|
||||
{
|
||||
icon: Zap,
|
||||
label: "Community Size",
|
||||
value: "50k+",
|
||||
},
|
||||
{
|
||||
icon: Trophy,
|
||||
label: "Badges Earned",
|
||||
value: "1.2M",
|
||||
},
|
||||
{
|
||||
icon: TrendingUp,
|
||||
label: "Avg. Weight Loss",
|
||||
value: "8lb",
|
||||
},
|
||||
{ icon: Zap, label: "Community Size", value: "50k+" },
|
||||
{ icon: Trophy, label: "Badges Earned", value: "1.2M" },
|
||||
{ icon: TrendingUp, label: "Avg. Weight Loss", value: "8lb" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -105,17 +77,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Lack of motivation",
|
||||
"Unstructured diet plans",
|
||||
"Isolated fitness journey",
|
||||
],
|
||||
"Lack of motivation", "Unstructured diet plans", "Isolated fitness journey"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Daily guided push notifications",
|
||||
"AI-optimized meal suggestions",
|
||||
"Global community rankings",
|
||||
],
|
||||
"Daily guided push notifications", "AI-optimized meal suggestions", "Global community rankings"],
|
||||
}}
|
||||
title="Transform Your Routine"
|
||||
description="Mobio eliminates guesswork, transforming your 30-day window into a high-impact success story through data and social validation."
|
||||
@@ -128,24 +94,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Activity,
|
||||
title: "Active Minutes",
|
||||
value: "45m/day",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Utensils,
|
||||
title: "Nutrient Score",
|
||||
value: "92/100",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Award,
|
||||
title: "Rank",
|
||||
value: "Top 5%",
|
||||
},
|
||||
{ id: "m1", icon: Activity, title: "Active Minutes", value: "45m/day" },
|
||||
{ id: "m2", icon: Utensils, title: "Nutrient Score", value: "92/100" },
|
||||
{ id: "m3", icon: Award, title: "Rank", value: "Top 5%" },
|
||||
]}
|
||||
title="Track Your Progress"
|
||||
description="Data-driven insights to keep you accountable every single day."
|
||||
@@ -159,59 +110,25 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex Rivers",
|
||||
role: "User",
|
||||
company: "Mobio Athlete",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blonde-light-fitness-tracker-summer-training_1134-704.jpg",
|
||||
},
|
||||
id: "t1", name: "Alex Rivers", role: "User", company: "Mobio Athlete", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blonde-light-fitness-tracker-summer-training_1134-704.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sam Chen",
|
||||
role: "User",
|
||||
company: "Mobio Athlete",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-vegetables-composition-white-background_140725-140067.jpg",
|
||||
},
|
||||
id: "t2", name: "Sam Chen", role: "User", company: "Mobio Athlete", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-vegetables-composition-white-background_140725-140067.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Maria Lopez",
|
||||
role: "User",
|
||||
company: "Mobio Athlete",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-lady-sporty-top-leggings-lying-yoga-mat-listening-music-earphones-while-dreamily-closing-her-eyes_574295-5554.jpg",
|
||||
},
|
||||
id: "t3", name: "Maria Lopez", role: "User", company: "Mobio Athlete", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-lady-sporty-top-leggings-lying-yoga-mat-listening-music-earphones-while-dreamily-closing-her-eyes_574295-5554.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "James Doe",
|
||||
role: "User",
|
||||
company: "Mobio Athlete",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-using-smartphone-gym_23-2147789617.jpg",
|
||||
},
|
||||
id: "t4", name: "James Doe", role: "User", company: "Mobio Athlete", rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-using-smartphone-gym_23-2147789617.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Sarah Smith",
|
||||
role: "User",
|
||||
company: "Mobio Athlete",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-athlete-listening-music-from-mobile-phone_1262-5130.jpg",
|
||||
},
|
||||
id: "t5", name: "Sarah Smith", role: "User", company: "Mobio Athlete", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-athlete-listening-music-from-mobile-phone_1262-5130.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "30k+",
|
||||
label: "Daily Active Users",
|
||||
},
|
||||
{
|
||||
value: "1M+",
|
||||
label: "Social Shares",
|
||||
},
|
||||
{
|
||||
value: "95%",
|
||||
label: "User Success Rate",
|
||||
},
|
||||
{ value: "30k+", label: "Daily Active Users" },
|
||||
{ value: "1M+", label: "Social Shares" },
|
||||
{ value: "95%", label: "User Success Rate" },
|
||||
]}
|
||||
title="Success Stories"
|
||||
description="Hear what our community has to say about their transformation journey."
|
||||
@@ -222,14 +139,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
text="Ready to change your life in 30 days? Download Mobio today and join the challenge."
|
||||
buttons={[
|
||||
{
|
||||
text: "Download App",
|
||||
href: "#",
|
||||
},
|
||||
text: "Download App", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -239,42 +153,21 @@ export default function LandingPage() {
|
||||
logoText="Mobio"
|
||||
columns={[
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Progress",
|
||||
href: "#metrics",
|
||||
},
|
||||
title: "Platform", items: [
|
||||
{ label: "Features", href: "#features" },
|
||||
{ label: "Progress", href: "#metrics" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "#",
|
||||
},
|
||||
title: "Social", items: [
|
||||
{ label: "Instagram", href: "#" },
|
||||
{ label: "Twitter", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy", href: "#" },
|
||||
{ label: "Terms", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user