Merge version_1 into main #2
219
src/app/page.tsx
219
src/app/page.tsx
@@ -32,59 +32,32 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Community",
|
||||
id: "metrics",
|
||||
},
|
||||
name: "Community", id: "metrics"},
|
||||
{
|
||||
name: "Rewards",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Rewards", id: "pricing"},
|
||||
]}
|
||||
brandName="Awaken"
|
||||
button={{
|
||||
text: "Play Now",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Play Now", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Awaken Your Potential. Rewrite Your Reality."
|
||||
description="Join the ultimate life simulation RPG where every choice fuels your level-up. Complete challenging missions, compete with friends, and climb the ranks of a limitless virtual world."
|
||||
tag="New Evolution in RPGs"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-fantasy-scene_23-2151127975.jpg?_wi=1",
|
||||
imageAlt: "Awaken Game Dashboard",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-fantasy-scene_23-2151127975.jpg", imageAlt: "Awaken Game Dashboard"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cyberpunk-sniper-overlooking-neon-city_23-2152031329.jpg?_wi=1",
|
||||
imageAlt: "Awaken Game HUD",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/holographic-image-unfolded-dark-tunnel-digital-illustration_456031-95.jpg",
|
||||
imageAlt: "The holographic image unfolded in the dark tunnel",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fantastic-aliens-with-glowing-neon-colours_23-2151648371.jpg",
|
||||
imageAlt: "Fantastic aliens with glowing neon colours",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/neon-cyberpunk-assassin-with-glowing-eyes_23-2152031315.jpg",
|
||||
imageAlt: "Neon cyberpunk assassin with glowing eyes",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cyberpunk-sniper-overlooking-neon-city_23-2152031329.jpg", imageAlt: "Awaken Game HUD"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -100,28 +73,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Progression System",
|
||||
description: "Dynamic skill-based leveling that reflects your every achievement in-game.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: TrendingUp,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/geometric-abstract-light-bulb-creative-idea-technology-innovation-design_53876-160230.jpg?_wi=1",
|
||||
imageAlt: "rpg leveling up icon",
|
||||
title: "Progression System", description: "Dynamic skill-based leveling that reflects your every achievement in-game.", bentoComponent: "reveal-icon", icon: TrendingUp,
|
||||
},
|
||||
{
|
||||
title: "Real-time Interaction",
|
||||
description: "Connect with thousands of players globally in a seamless social ecosystem.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Users,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-fantasy-scene_23-2151127975.jpg?_wi=2",
|
||||
imageAlt: "rpg leveling up icon",
|
||||
title: "Real-time Interaction", description: "Connect with thousands of players globally in a seamless social ecosystem.", bentoComponent: "reveal-icon", icon: Users,
|
||||
},
|
||||
{
|
||||
title: "Daily Missions",
|
||||
description: "Complete diverse challenges inspired by Solo Leveling to boost your power.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Crown,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blockchain-technology-cartoon-illustration_23-2151572173.jpg?_wi=1",
|
||||
imageAlt: "rpg leveling up icon",
|
||||
title: "Daily Missions", description: "Complete diverse challenges inspired by Solo Leveling to boost your power.", bentoComponent: "reveal-icon", icon: Crown,
|
||||
},
|
||||
]}
|
||||
title="Everything You Need to Succeed"
|
||||
@@ -136,23 +94,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: UserPlus,
|
||||
title: "Active Players",
|
||||
value: "150k+",
|
||||
},
|
||||
id: "m1", icon: UserPlus,
|
||||
title: "Active Players", value: "150k+"},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Trophy,
|
||||
title: "Quests Completed",
|
||||
value: "2.1M+",
|
||||
},
|
||||
id: "m2", icon: Trophy,
|
||||
title: "Quests Completed", value: "2.1M+"},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Flame,
|
||||
title: "Global Leaders",
|
||||
value: "500+",
|
||||
},
|
||||
id: "m3", icon: Flame,
|
||||
title: "Global Leaders", value: "500+"},
|
||||
]}
|
||||
title="Join the Global Ranks"
|
||||
description="The community is growing every single day."
|
||||
@@ -165,20 +114,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How do I level up?",
|
||||
content: "Earn experience by completing daily quests and interacting with the community.",
|
||||
},
|
||||
id: "q1", title: "How do I level up?", content: "Earn experience by completing daily quests and interacting with the community."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Can I play with friends?",
|
||||
content: "Yes, our social systems allow for guild formation and cooperative missions.",
|
||||
},
|
||||
id: "q2", title: "Can I play with friends?", content: "Yes, our social systems allow for guild formation and cooperative missions."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Is the game free?",
|
||||
content: "Awaken is free-to-play with optional cosmetic enhancements.",
|
||||
},
|
||||
id: "q3", title: "Is the game free?", content: "Awaken is free-to-play with optional cosmetic enhancements."},
|
||||
]}
|
||||
title="Your Progress Questions"
|
||||
description="Common inquiries about how Awaken works."
|
||||
@@ -193,35 +133,19 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "free",
|
||||
price: "Free",
|
||||
name: "Explorer",
|
||||
features: [
|
||||
"Core gameplay access",
|
||||
"Daily quests",
|
||||
"Basic guild access",
|
||||
],
|
||||
id: "free", price: "Free", name: "Explorer", features: [
|
||||
"Core gameplay access", "Daily quests", "Basic guild access"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#",
|
||||
},
|
||||
text: "Get Started", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
price: "$9.99",
|
||||
name: "Awakened",
|
||||
features: [
|
||||
"Double XP daily",
|
||||
"Exclusive outfits",
|
||||
"VIP Mission Board",
|
||||
],
|
||||
id: "pro", price: "$9.99", name: "Awakened", features: [
|
||||
"Double XP daily", "Exclusive outfits", "VIP Mission Board"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Upgrade",
|
||||
href: "#",
|
||||
},
|
||||
text: "Upgrade", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -236,60 +160,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex R.",
|
||||
date: "Oct 2024",
|
||||
title: "Top Player",
|
||||
quote: "The progression system is addictive! Best life sim ever.",
|
||||
tag: "Elite",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/neon-gaming-background_23-2151932057.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-fantasy-scene_23-2151127975.jpg?_wi=3",
|
||||
imageAlt: "gamer portrait dark room neon light",
|
||||
},
|
||||
id: "1", name: "Alex R.", date: "Oct 2024", title: "Top Player", quote: "The progression system is addictive! Best life sim ever.", tag: "Elite", avatarSrc: "http://img.b2bpic.net/free-photo/neon-gaming-background_23-2151932057.jpg", imageSrc: "http://img.b2bpic.net/free-photo/3d-fantasy-scene_23-2151127975.jpg", imageAlt: "gamer portrait dark room neon light"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah K.",
|
||||
date: "Sept 2024",
|
||||
title: "Guild Leader",
|
||||
quote: "Awaken makes me feel like the main character every day.",
|
||||
tag: "Leader",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-woman-with-ai-enhanced-body_23-2151871884.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/geometric-abstract-light-bulb-creative-idea-technology-innovation-design_53876-160230.jpg?_wi=2",
|
||||
imageAlt: "gamer portrait dark room neon light",
|
||||
},
|
||||
id: "2", name: "Sarah K.", date: "Sept 2024", title: "Guild Leader", quote: "Awaken makes me feel like the main character every day.", tag: "Leader", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-woman-with-ai-enhanced-body_23-2151871884.jpg", imageSrc: "http://img.b2bpic.net/free-photo/geometric-abstract-light-bulb-creative-idea-technology-innovation-design_53876-160230.jpg", imageAlt: "gamer portrait dark room neon light"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Mark D.",
|
||||
date: "Aug 2024",
|
||||
title: "Explorer",
|
||||
quote: "The missions are fresh and keeping me coming back.",
|
||||
tag: "Active",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/brutal-man-black-hoodie-isolated-fun-dancing_343596-7317.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blockchain-technology-cartoon-illustration_23-2151572173.jpg?_wi=2",
|
||||
imageAlt: "gamer portrait dark room neon light",
|
||||
},
|
||||
id: "3", name: "Mark D.", date: "Aug 2024", title: "Explorer", quote: "The missions are fresh and keeping me coming back.", tag: "Active", avatarSrc: "http://img.b2bpic.net/free-photo/brutal-man-black-hoodie-isolated-fun-dancing_343596-7317.jpg", imageSrc: "http://img.b2bpic.net/free-photo/blockchain-technology-cartoon-illustration_23-2151572173.jpg", imageAlt: "gamer portrait dark room neon light"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Elena P.",
|
||||
date: "July 2024",
|
||||
title: "Strategist",
|
||||
quote: "Leveling up feels incredibly rewarding in this game.",
|
||||
tag: "Pro",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-baseball-player_23-2150885267.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/space-rescue-game-background_1308-42823.jpg",
|
||||
imageAlt: "gamer portrait dark room neon light",
|
||||
},
|
||||
id: "4", name: "Elena P.", date: "July 2024", title: "Strategist", quote: "Leveling up feels incredibly rewarding in this game.", tag: "Pro", avatarSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-baseball-player_23-2150885267.jpg", imageSrc: "http://img.b2b-vector/space-rescue-game-background_1308-42823.jpg", imageAlt: "gamer portrait dark room neon light"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Chris B.",
|
||||
date: "June 2024",
|
||||
title: "Founder",
|
||||
quote: "Community is the heart of Awaken. Highly recommended.",
|
||||
tag: "Loyal",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-posing-with-universe-projection-texture_23-2149581320.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cyberpunk-sniper-overlooking-neon-city_23-2152031329.jpg?_wi=2",
|
||||
imageAlt: "gamer portrait dark room neon light",
|
||||
},
|
||||
id: "5", name: "Chris B.", date: "June 2024", title: "Founder", quote: "Community is the heart of Awaken. Highly recommended.", tag: "Loyal", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-posing-with-universe-projection-texture_23-2149581320.jpg", imageSrc: "http://img.b2bpic.net/free-photo/cyberpunk-sniper-overlooking-neon-city_23-2152031329.jpg", imageAlt: "gamer portrait dark room neon light"},
|
||||
]}
|
||||
title="Player Journeys"
|
||||
description="Stories from the frontlines of Awaken."
|
||||
@@ -300,8 +179,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Ready to Awaken?"
|
||||
description="Sign up for early access and get exclusive rewards."
|
||||
inputPlaceholder="Enter your email for access"
|
||||
@@ -314,42 +192,27 @@ export default function LandingPage() {
|
||||
logoText="Awaken"
|
||||
columns={[
|
||||
{
|
||||
title: "Game",
|
||||
items: [
|
||||
title: "Game", items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Features", href: "#features"},
|
||||
{
|
||||
label: "Community",
|
||||
href: "#metrics",
|
||||
},
|
||||
label: "Community", href: "#metrics"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", 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