bender/2ccce960-c717-4e50-981e-03f6ecfd3642
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-05-07 20:41:17 +00:00
Conversation 0 Commits 1 Files Changed 1 +41 -253
1 changed files with 41 additions and 253 deletions
Download Patch File Download Diff File Expand all files Collapse all files

294
src/app/page.tsx
View File

@@ -32,63 +32,29 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Characters & Classes",
id: "characters",
},
{
name: "Abilities & Powers",
id: "abilities",
},
{
name: "Maps & Regions",
id: "maps",
},
{
name: "Quests & Story",
id: "quests",
},
{
name: "Items & Weapons",
id: "items",
},
{
name: "Enemies & Bosses",
id: "enemies",
},
{ name: "Characters & Classes", id: "characters" },
{ name: "Abilities & Powers", id: "abilities" },
{ name: "Maps & Regions", id: "maps" },
{ name: "Quests & Story", id: "quests" },
{ name: "Items & Weapons", id: "items" },
{ name: "Enemies & Bosses", id: "enemies" }
]}
brandName="The Power of the Avatar"
button={{ text: "Play Now", href: "#hero" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardGallery
background={{
variant: "rotated-rays-animated",
}}
background={{ variant: "rotated-rays-animated" }}
title="Welcome to The Power of the Avatar Wiki"
description="Discover the legends, masters of elements, and mystical secrets hidden within our world. Your journey begins here."
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/door-stretching-into-fantasy-world_23-2151661274.jpg?_wi=1",
imageAlt: "fantasy game portal",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/bigfoot-represented-neon-glow_23-2151322873.jpg?_wi=1",
imageAlt: "character selection rpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/digital-art-old-map-with-terrain-locations_23-2151445178.jpg?_wi=1",
imageAlt: "fantasy ancient map",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/mountain-landscape-with-fantasy-style-scene_23-2151124849.jpg?_wi=1",
imageAlt: "dragon fantasy boss",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/amazing-people-abstract-flaming-dance_1323-39.jpg?_wi=1",
imageAlt: "magical avatar glowing",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/door-stretching-into-fantasy-world_23-2151661274.jpg", imageAlt: "fantasy game portal" },
{ imageSrc: "http://img.b2bpic.net/free-photo/bigfoot-represented-neon-glow_23-2151322873.jpg", imageAlt: "character selection rpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/digital-art-old-map-with-terrain-locations_23-2151445178.jpg", imageAlt: "fantasy ancient map" },
{ imageSrc: "http://img.b2bpic.net/free-photo/mountain-landscape-with-fantasy-style-scene_23-2151124849.jpg", imageAlt: "dragon fantasy boss" },
{ imageSrc: "http://img.b2bpic.net/free-photo/amazing-people-abstract-flaming-dance_1323-39.jpg", imageAlt: "magical avatar glowing" }
]}
mediaAnimation="blur-reveal"
/>
@@ -101,27 +67,9 @@ export default function LandingPage() {
gridVariant="bento-grid"
useInvertedBackground={true}
metrics={[
{
id: "m1",
value: "15,000+",
title: "Total Players",
description: "Active adventurers",
icon: Users,
},
{
id: "m2",
value: "500+",
title: "Bosses Slain",
description: "Legendary encounters",
icon: Skull,
},
{
id: "m3",
value: "120+",
title: "Quests Completed",
description: "Total missions",
icon: BookOpen,
},
{ id: "m1", value: "15,000+", title: "Total Players", description: "Active adventurers", icon: Users },
{ id: "m2", value: "500+", title: "Bosses Slain", description: "Legendary encounters", icon: Skull },
{ id: "m3", value: "120+", title: "Quests Completed", description: "Total missions", icon: BookOpen }
]}
title="Game Stats"
description="Live data from the realms of Avatar."
@@ -135,24 +83,9 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
features={[
{
title: "Rogue",
description: "Swift strikes and deadly shadows.",
imageSrc: "http://img.b2bpic.net/free-vector/ancient-warrior-medieval-knight-heraldic-soldier-with-sword-guard-with-blade-long-robe-red-cape-covering-his-eyes-royal-fighter-cartoon-character-game-book-personage-vector-illustration_107791-9044.jpg",
imageAlt: "rogue class character",
},
{
title: "Mage",
description: "Command the forces of nature.",
imageSrc: "http://img.b2bpic.net/free-photo/rendering-wizard-controlling-magic_23-2150608353.jpg",
imageAlt: "mage spell casting",
},
{
title: "Warrior",
description: "The immovable shield of the light.",
imageSrc: "http://img.b2bpic.net/free-vector/set-warriors-with-weapons_23-2147690084.jpg",
imageAlt: "warrior shield character",
},
{ title: "Rogue", description: "Swift strikes and deadly shadows.", imageSrc: "http://img.b2bpic.net/free-vector/ancient-warrior-medieval-knight-heraldic-soldier-with-sword-guard-with-blade-long-robe-red-cape-covering-his-eyes-royal-fighter-cartoon-character-game-book-personage-vector-illustration_107791-9044.jpg", imageAlt: "rogue class character" },
{ title: "Mage", description: "Command the forces of nature.", imageSrc: "http://img.b2bpic.net/free-photo/rendering-wizard-controlling-magic_23-2150608353.jpg", imageAlt: "mage spell casting" },
{ title: "Warrior", description: "The immovable shield of the light.", imageSrc: "http://img.b2bpic.net/free-vector/set-warriors-with-weapons_23-2147690084.jpg", imageAlt: "warrior shield character" }
]}
title="Characters & Classes"
description="Master the elements and define your role in the universe."
@@ -164,21 +97,9 @@ export default function LandingPage() {
useInvertedBackground={true}
title="The World of Power"
metrics={[
{
icon: Globe,
label: "Explored Realms",
value: "12",
},
{
icon: Award,
label: "Legendary Items",
value: "85",
},
{
icon: Zap,
label: "Active Abilities",
value: "40+",
},
{ icon: Globe, label: "Explored Realms", value: "12" },
{ icon: Award, label: "Legendary Items", value: "85" },
{ icon: Zap, label: "Active Abilities", value: "40+" }
]}
metricsAnimation="slide-up"
/>
@@ -191,48 +112,12 @@ export default function LandingPage() {
gridVariant="one-large-left-three-stacked-right"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Obsidian Blade",
price: "1000 Coins",
variant: "Legendary",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-beautiful-rpg-still-life-items_23-2149282446.jpg",
},
{
id: "p2",
name: "Aegis Shield",
price: "850 Coins",
variant: "Epic",
imageSrc: "http://img.b2bpic.net/free-photo/life-mexico-architecture-landscape_23-2149862542.jpg",
},
{
id: "p3",
name: "Staff of Storms",
price: "1200 Coins",
variant: "Legendary",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-beautiful-rpg-still-life-items_23-2149282483.jpg",
},
{
id: "p4",
name: "Dragon Helmet",
price: "900 Coins",
variant: "Epic",
imageSrc: "http://img.b2bpic.net/free-photo/view-futuristic-human-skeleton-skull_23-2150867507.jpg",
},
{
id: "p5",
name: "Swift Boots",
price: "500 Coins",
variant: "Rare",
imageSrc: "http://img.b2bpic.net/free-photo/vintage-style-soldier-helmet-still-life_23-2151648697.jpg",
},
{
id: "p6",
name: "Elemental Ring",
price: "750 Coins",
variant: "Rare",
imageSrc: "http://img.b2bpic.net/free-photo/dreamcatcher-hanging-from-rock_23-2149192590.jpg",
},
{ id: "p1", name: "Obsidian Blade", price: "1000 Coins", variant: "Legendary", imageSrc: "http://img.b2bpic.net/free-photo/top-view-beautiful-rpg-still-life-items_23-2149282446.jpg" },
{ id: "p2", name: "Aegis Shield", price: "850 Coins", variant: "Epic", imageSrc: "http://img.b2bpic.net/free-photo/life-mexico-architecture-landscape_23-2149862542.jpg" },
{ id: "p3", name: "Staff of Storms", price: "1200 Coins", variant: "Legendary", imageSrc: "http://img.b2bpic.net/free-photo/top-view-beautiful-rpg-still-life-items_23-2149282483.jpg" },
{ id: "p4", name: "Dragon Helmet", price: "900 Coins", variant: "Epic", imageSrc: "http://img.b2bpic.net/free-photo/view-futuristic-human-skeleton-skull_23-2150867507.jpg" },
{ id: "p5", name: "Swift Boots", price: "500 Coins", variant: "Rare", imageSrc: "http://img.b2bpic.net/free-photo/vintage-style-soldier-helmet-still-life_23-2151648697.jpg" },
{ id: "p6", name: "Elemental Ring", price: "750 Coins", variant: "Rare", imageSrc: "http://img.b2bpic.net/free-photo/dreamcatcher-hanging-from-rock_23-2149192590.jpg" }
]}
title="Items & Weapons"
description="Legendary equipment forged in the fires of destiny."
@@ -244,61 +129,11 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={true}
testimonials={[
{
id: "t1",
name: "PlayerOne",
date: "2024-05",
title: "Legendary",
quote: "The best Roblox RPG experience I have ever had.",
tag: "Elite",
avatarSrc: "http://img.b2bpic.net/free-photo/cartoon-man-wearing-vr-glasses_23-2151136835.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/door-stretching-into-fantasy-world_23-2151661274.jpg?_wi=2",
imageAlt: "rpg player avatar male",
},
{
id: "t2",
name: "MysticMage",
date: "2024-06",
title: "Veteran",
quote: "Stunning visuals and deep combat mechanics.",
tag: "Pro",
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-female-warrior-princess_23-2151663281.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/bigfoot-represented-neon-glow_23-2151322873.jpg?_wi=2",
imageAlt: "rpg player avatar male",
},
{
id: "t3",
name: "ShadowBlade",
date: "2024-07",
title: "Master",
quote: "I spend hours every day exploring these maps.",
tag: "Active",
avatarSrc: "http://img.b2bpic.net/free-photo/3d-render-spaceman-astronaut-flying-with-rocket-3d-illustration-design_460848-11182.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/digital-art-old-map-with-terrain-locations_23-2151445178.jpg?_wi=2",
imageAlt: "rpg player avatar male",
},
{
id: "t4",
name: "Stormbringer",
date: "2024-08",
title: "Initiate",
quote: "Incredible lore and intense boss battles.",
tag: "New",
avatarSrc: "http://img.b2bpic.net/free-photo/group-friends-party_23-2148115772.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/mountain-landscape-with-fantasy-style-scene_23-2151124849.jpg?_wi=2",
imageAlt: "rpg player avatar male",
},
{
id: "t5",
name: "GoldHunter",
date: "2024-09",
title: "Elite",
quote: "Simply addictive combat system.",
tag: "Veteran",
avatarSrc: "http://img.b2bpic.net/free-photo/pirate-character-portrayed-digital-art-style_23-2151486811.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/amazing-people-abstract-flaming-dance_1323-39.jpg?_wi=2",
imageAlt: "rpg player avatar male",
},
{ id: "t1", name: "PlayerOne", date: "2024-05", title: "Legendary", quote: "The best Roblox RPG experience I have ever had.", tag: "Elite", avatarSrc: "http://img.b2bpic.net/free-photo/cartoon-man-wearing-vr-glasses_23-2151136835.jpg", imageSrc: "http://img.b2bpic.net/free-photo/door-stretching-into-fantasy-world_23-2151661274.jpg", imageAlt: "rpg player avatar male" },
{ id: "t2", name: "MysticMage", date: "2024-06", title: "Veteran", quote: "Stunning visuals and deep combat mechanics.", tag: "Pro", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-female-warrior-princess_23-2151663281.jpg", imageSrc: "http://img.b2bpic.net/free-photo/bigfoot-represented-neon-glow_23-2151322873.jpg", imageAlt: "rpg player avatar male" },
{ id: "t3", name: "ShadowBlade", date: "2024-07", title: "Master", quote: "I spend hours every day exploring these maps.", tag: "Active", avatarSrc: "http://img.b2bpic.net/free-photo/3d-render-spaceman-astronaut-flying-with-rocket-3d-illustration-design_460848-11182.jpg", imageSrc: "http://img.b2bpic.net/free-photo/digital-art-old-map-with-terrain-locations_23-2151445178.jpg", imageAlt: "rpg player avatar male" },
{ id: "t4", name: "Stormbringer", date: "2024-08", title: "Initiate", quote: "Incredible lore and intense boss battles.", tag: "New", avatarSrc: "http://img.b2bpic.net/free-photo/group-friends-party_23-2148115772.jpg", imageSrc: "http://img.b2bpic.net/free-photo/mountain-landscape-with-fantasy-style-scene_23-2151124849.jpg", imageAlt: "rpg player avatar male" },
{ id: "t5", name: "GoldHunter", date: "2024-09", title: "Elite", quote: "Simply addictive combat system.", tag: "Veteran", avatarSrc: "http://img.b2bpic.net/free-photo/pirate-character-portrayed-digital-art-style_23-2151486811.jpg", imageSrc: "http://img.b2bpic.net/free-photo/amazing-people-abstract-flaming-dance_1323-39.jpg", imageAlt: "rpg player avatar male" }
]}
title="Community Voices"
description="Stories from the adventurers who conquered the Avatar."
@@ -309,21 +144,9 @@ export default function LandingPage() {
<FaqSplitText
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "How to level up?",
content: "Complete quests and defeat bosses.",
},
{
id: "f2",
title: "What are classes?",
content: "Unique combat roles for each player.",
},
{
id: "f3",
title: "Where are regions?",
content: "Unlock them by reaching new levels.",
},
{ id: "f1", title: "How to level up?", content: "Complete quests and defeat bosses." },
{ id: "f2", title: "What are classes?", content: "Unique combat roles for each player." },
{ id: "f3", title: "Where are regions?", content: "Unlock them by reaching new levels." }
]}
sideTitle="Frequently Asked Questions"
sideDescription="Get help with common game issues."
@@ -337,21 +160,10 @@ export default function LandingPage() {
title="Need Support?"
description="Submit a bug report or contact the development team."
inputs={[
{
name: "username",
type: "text",
placeholder: "Your Roblox Username",
},
{
name: "email",
type: "email",
placeholder: "Your Email",
},
{ name: "username", type: "text", placeholder: "Your Roblox Username" },
{ name: "email", type: "email", placeholder: "Your Email" }
]}
textarea={{
name: "message",
placeholder: "How can we help?",
}}
textarea={{ name: "message", placeholder: "How can we help?" }}
imageSrc="http://img.b2bpic.net/free-photo/door-stretching-into-fantasy-world_23-2151661272.jpg"
/>
</div>
@@ -361,32 +173,8 @@ export default function LandingPage() {
imageSrc="http://img.b2bpic.net/free-photo/merger-stars-birth-new-stars-galaxies-from-interstellar-dust-ai-generated-drawing-idea-background-screen-high-quality-graphics_166373-3744.jpg"
logoText="The Power of the Avatar"
columns={[
{
title: "Wiki",
items: [
{
label: "Characters",
href: "#characters",
},
{
label: "Abilities",
href: "#abilities",
},
],
},
{
title: "Game",
items: [
{
label: "Maps",
href: "#maps",
},
{
label: "Bosses",
href: "#enemies",
},
],
},
{ title: "Wiki", items: [{ label: "Characters", href: "#characters" }, { label: "Abilities", href: "#abilities" }] },
{ title: "Game", items: [{ label: "Maps", href: "#maps" }, { label: "Bosses", href: "#enemies" }] }
]}
/>
</div>