Update src/app/page.tsx
This commit is contained in:
160
src/app/page.tsx
160
src/app/page.tsx
@@ -29,21 +29,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Dashboard",
|
||||
id: "#stats",
|
||||
},
|
||||
name: "Dashboard", id: "#stats"},
|
||||
{
|
||||
name: "Missions",
|
||||
id: "#missions",
|
||||
},
|
||||
name: "Missions", id: "#missions"},
|
||||
{
|
||||
name: "Leaderboard",
|
||||
id: "#leaderboard",
|
||||
},
|
||||
name: "Leaderboard", id: "#leaderboard"},
|
||||
{
|
||||
name: "Join",
|
||||
id: "#cta",
|
||||
},
|
||||
name: "Join", id: "#cta"},
|
||||
]}
|
||||
brandName="XP Engine"
|
||||
/>
|
||||
@@ -52,19 +44,14 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
logoText="Level Up Your Life"
|
||||
description="Transform your daily habits into an epic adventure. Level up your skills, compete on global leaderboards, and master your potential with AI-driven guidance."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#missions",
|
||||
},
|
||||
text: "Get Started", href: "#missions"},
|
||||
{
|
||||
text: "See Dashboard",
|
||||
href: "#stats",
|
||||
},
|
||||
text: "See Dashboard", href: "#stats"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/businessman-using-smartwatch-hologram-presentation-wearable-gadget_53876-97061.jpg"
|
||||
imageAlt="XP Engine dashboard interface"
|
||||
@@ -77,18 +64,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "The Ultimate ",
|
||||
},
|
||||
type: "text", content: "The Ultimate "},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/arrow-with-bright-neon-colors_23-2151204928.jpg",
|
||||
alt: "Skill Tree Icon",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/arrow-with-bright-neon-colors_23-2151204928.jpg", alt: "Skill Tree Icon"},
|
||||
{
|
||||
type: "text",
|
||||
content: " System for Human Potential",
|
||||
},
|
||||
type: "text", content: " System for Human Potential"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -100,26 +80,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "124h",
|
||||
title: "Focus Time",
|
||||
description: "Total deep work hours logged",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/computer-dark-room-with-graphs-screen_169016-48896.jpg?_wi=1",
|
||||
},
|
||||
id: "1", value: "124h", title: "Focus Time", description: "Total deep work hours logged", imageSrc: "http://img.b2bpic.net/free-photo/computer-dark-room-with-graphs-screen_169016-48896.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
value: "45",
|
||||
title: "Daily Streak",
|
||||
description: "Consecutive days hitting targets",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/computer-dark-room-with-graphs-screen_169016-48896.jpg?_wi=2",
|
||||
},
|
||||
id: "2", value: "45", title: "Daily Streak", description: "Consecutive days hitting targets", imageSrc: "http://img.b2bpic.net/free-photo/computer-dark-room-with-graphs-screen_169016-48896.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
value: "89%",
|
||||
title: "Productivity",
|
||||
description: "Avg daily efficiency score",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/computer-dark-room-with-graphs-screen_169016-48896.jpg?_wi=3",
|
||||
},
|
||||
id: "3", value: "89%", title: "Productivity", description: "Avg daily efficiency score", imageSrc: "http://img.b2bpic.net/free-photo/computer-dark-room-with-graphs-screen_169016-48896.jpg"},
|
||||
]}
|
||||
title="Your Progress Stats"
|
||||
description="See your focus time, daily streaks, and skill development in one gamer-inspired dashboard."
|
||||
@@ -128,38 +93,21 @@ export default function LandingPage() {
|
||||
|
||||
<div id="missions" data-section="missions">
|
||||
<FeatureCardTwelve
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "m1",
|
||||
label: "Early Bird",
|
||||
title: "Morning Routine",
|
||||
items: [
|
||||
"Drink water (+10 XP)",
|
||||
"Exercise 30m (+50 XP)",
|
||||
"Deep Work 1h (+100 XP)",
|
||||
],
|
||||
id: "m1", label: "Early Bird", title: "Morning Routine", items: [
|
||||
"Drink water (+10 XP)", "Exercise 30m (+50 XP)", "Deep Work 1h (+100 XP)"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
label: "Deep Focus",
|
||||
title: "Focus Mode",
|
||||
items: [
|
||||
"Study 60m (+80 XP)",
|
||||
"No Social Media (+50 XP)",
|
||||
"Read Book (+40 XP)",
|
||||
],
|
||||
id: "m2", label: "Deep Focus", title: "Focus Mode", items: [
|
||||
"Study 60m (+80 XP)", "No Social Media (+50 XP)", "Read Book (+40 XP)"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
label: "Skills",
|
||||
title: "Skill Mastery",
|
||||
items: [
|
||||
"Coding Practice (+70 XP)",
|
||||
"Language Learning (+60 XP)",
|
||||
"Writing (+50 XP)",
|
||||
],
|
||||
id: "m3", label: "Skills", title: "Skill Mastery", items: [
|
||||
"Coding Practice (+70 XP)", "Language Learning (+60 XP)", "Writing (+50 XP)"],
|
||||
},
|
||||
]}
|
||||
title="Daily Mission System"
|
||||
@@ -174,40 +122,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex K.",
|
||||
handle: "@alexXP",
|
||||
testimonial: "I've gained 5000 XP this week by optimizing my schedule. This platform is a game changer!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-man-fashionably-dressed-standing-street-night-illuminated-signboards-neon-lights_613910-18542.jpg",
|
||||
},
|
||||
id: "t1", name: "Alex K.", handle: "@alexXP", testimonial: "I've gained 5000 XP this week by optimizing my schedule. This platform is a game changer!", imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-man-fashionably-dressed-standing-street-night-illuminated-signboards-neon-lights_613910-18542.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah P.",
|
||||
handle: "@sarah_focus",
|
||||
testimonial: "The skill tree keeps me motivated to learn every single day. Legend status here I come.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-viewer-changing-channels-television-set-with-remote-control_482257-92306.jpg",
|
||||
},
|
||||
id: "t2", name: "Sarah P.", handle: "@sarah_focus", testimonial: "The skill tree keeps me motivated to learn every single day. Legend status here I come.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-viewer-changing-channels-television-set-with-remote-control_482257-92306.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Mike D.",
|
||||
handle: "@mikedev",
|
||||
testimonial: "The AI Coach suggestions for study sessions are incredibly accurate and helpful.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pro-gamer-broadcasting-gameplay-front-internet-audience_482257-77071.jpg",
|
||||
},
|
||||
id: "t3", name: "Mike D.", handle: "@mikedev", testimonial: "The AI Coach suggestions for study sessions are incredibly accurate and helpful.", imageSrc: "http://img.b2bpic.net/free-photo/pro-gamer-broadcasting-gameplay-front-internet-audience_482257-77071.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Jenny L.",
|
||||
handle: "@jennylevels",
|
||||
testimonial: "Finally, a way to visualize my productivity like an RPG character. Love the design!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gamer-girl-neon-light_23-2151954733.jpg",
|
||||
},
|
||||
id: "t4", name: "Jenny L.", handle: "@jennylevels", testimonial: "Finally, a way to visualize my productivity like an RPG character. Love the design!", imageSrc: "http://img.b2bpic.net/free-photo/gamer-girl-neon-light_23-2151954733.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Tom C.",
|
||||
handle: "@tom_fit",
|
||||
testimonial: "The missions system is addictive. I exercise 7 days a week now to maintain my streak.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-holding-controller-close-up_23-2149005239.jpg",
|
||||
},
|
||||
id: "t5", name: "Tom C.", handle: "@tom_fit", testimonial: "The missions system is addictive. I exercise 7 days a week now to maintain my streak.", imageSrc: "http://img.b2bpic.net/free-photo/man-holding-controller-close-up_23-2149005239.jpg"},
|
||||
]}
|
||||
title="Top Legends"
|
||||
description="Compete with friends and climb the global ranks."
|
||||
@@ -218,42 +141,27 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
title: "Platform", items: [
|
||||
{
|
||||
label: "Missions",
|
||||
href: "#missions",
|
||||
},
|
||||
label: "Missions", href: "#missions"},
|
||||
{
|
||||
label: "Leaderboard",
|
||||
href: "#leaderboard",
|
||||
},
|
||||
label: "Leaderboard", href: "#leaderboard"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
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