bender/d72743d8-2b4a-414c-b957-328fdd250fc6
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #2

Merged
bender merged 4 commits from version_1 into main 2026-03-13 16:44:20 +00:00
Conversation 0 Commits 4 Files Changed 4 +91 -355
4 changed files with 91 additions and 355 deletions
Download Patch File Download Diff File Expand all files Collapse all files

120
src/app/battle/page.tsx
View File

@@ -20,8 +20,7 @@ export default function BattleArenaPage() {
const footerColumns = [
{
title: "Platform",
items: [
title: "Platform", items: [
{ label: "Home", href: "/" },
{ label: "Create Character", href: "/create" },
{ label: "Battle Arena", href: "/battle" },
@@ -29,8 +28,7 @@ export default function BattleArenaPage() {
],
},
{
title: "Community",
items: [
title: "Community", items: [
{ label: "Rankings", href: "/community" },
{ label: "Leaderboard", href: "/leaderboard" },
{ label: "Creator Spotlight", href: "#creators" },
@@ -38,8 +36,7 @@ export default function BattleArenaPage() {
],
},
{
title: "Resources",
items: [
title: "Resources", items: [
{ label: "Technique Guide", href: "/guides/techniques" },
{ label: "Domain Expansion", href: "/guides/domains" },
{ label: "Battle Tips", href: "/guides/battle" },
@@ -47,8 +44,7 @@ export default function BattleArenaPage() {
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{ label: "Privacy Policy", href: "/privacy" },
{ label: "Terms of Service", href: "/terms" },
{ label: "Contact Us", href: "#contact" },
@@ -78,7 +74,7 @@ export default function BattleArenaPage() {
<FeatureCardNineteen
tag="Battle Systems"
tagIcon={Shield}
tagAnimation="entrance-slide"
tagAnimation="blur-reveal"
title="Master Combat Strategy"
description="Explore diverse battle systems and tactical approaches to dominate the arena."
textboxLayout="split"
@@ -86,57 +82,31 @@ export default function BattleArenaPage() {
features={[
{
id: 1,
tag: "Turn-Based Combat",
title: "Strategic Warfare",
subtitle: "Plan Every Move",
description: "Engage in turn-based battles where every decision counts. Select techniques, manage cursed energy, and outwit your opponent. Study matchups and optimize your strategy for victory.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtlfbEKxJ3eWnmEdy6HjfbABfl/dynamic-battle-arena-interface-showing-t-1773420096383-2ff4dbd8.png?_wi=2",
imageAlt: "Turn-based battle interface with strategic elements",
buttons: [
tag: "Turn-Based Combat", title: "Strategic Warfare", subtitle: "Plan Every Move", description: "Engage in turn-based battles where every decision counts. Select techniques, manage cursed energy, and outwit your opponent. Study matchups and optimize your strategy for victory.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtlfbEKxJ3eWnmEdy6HjfbABfl/dynamic-battle-arena-interface-showing-t-1773420096383-2ff4dbd8.png", imageAlt: "Turn-based battle interface with strategic elements", buttons: [
{
text: "Learn Strategy",
href: "/guides/battle",
},
text: "Learn Strategy", href: "/guides/battle"},
],
},
{
id: 2,
tag: "Real-Time Duels",
title: "Lightning Fast Action",
subtitle: "Test Your Reflexes",
description: "Challenge opponents in real-time battles where timing is everything. React instantly to enemy moves, chain techniques seamlessly, and experience pure adrenaline-pumping combat.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtlfbEKxJ3eWnmEdy6HjfbABfl/epic-cinematic-anime-battle-scene-betwee-1773420095792-cf365772.png?_wi=2",
imageAlt: "Real-time battle action scene",
buttons: [
tag: "Real-Time Duels", title: "Lightning Fast Action", subtitle: "Test Your Reflexes", description: "Challenge opponents in real-time battles where timing is everything. React instantly to enemy moves, chain techniques seamlessly, and experience pure adrenaline-pumping combat.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtlfbEKxJ3eWnmEdy6HjfbABfl/epic-cinematic-anime-battle-scene-betwee-1773420095792-cf365772.png", imageAlt: "Real-time battle action scene", buttons: [
{
text: "Start Duel",
href: "/battle",
},
text: "Start Duel", href: "/battle"},
],
},
{
id: 3,
tag: "Ranked Matches",
title: "Competitive Ranking",
subtitle: "Climb the Leaderboard",
description: "Participate in ranked matches to test your skills against elite sorcerers. Earn ranking points, unlock achievements, and earn your place among the strongest competitors.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtlfbEKxJ3eWnmEdy6HjfbABfl/commanding-anime-sorcerer-with-lightning-1773420095141-dfdfed33.png?_wi=3",
imageAlt: "Ranked battle showcase with elite sorcerers",
buttons: [
tag: "Ranked Matches", title: "Competitive Ranking", subtitle: "Climb the Leaderboard", description: "Participate in ranked matches to test your skills against elite sorcerers. Earn ranking points, unlock achievements, and earn your place among the strongest competitors.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtlfbEKxJ3eWnmEdy6HjfbABfl/commanding-anime-sorcerer-with-lightning-1773420095141-dfdfed33.png", imageAlt: "Ranked battle showcase with elite sorcerers", buttons: [
{
text: "Enter Ranked",
href: "/community",
},
text: "Enter Ranked", href: "/community"},
],
},
]}
buttons={[
{
text: "Create Your Fighter",
href: "/create",
},
text: "Create Your Fighter", href: "/create"},
]}
buttonAnimation="entrance-slide"
buttonAnimation="blur-reveal"
containerClassName="py-20"
titleClassName="text-4xl font-bold text-red-400"
/>
@@ -146,7 +116,7 @@ export default function BattleArenaPage() {
<MetricCardTen
tag="Battle Statistics"
tagIcon={Sparkles}
tagAnimation="entrance-slide"
tagAnimation="blur-reveal"
title="Arena Performance Metrics"
description="Track your battle performance and see how you rank against other sorcerers."
textboxLayout="centered"
@@ -154,33 +124,13 @@ export default function BattleArenaPage() {
animationType="scale-rotate"
metrics={[
{
id: "metric-1",
title: "Win Rate",
subtitle: "Your average",
category: "Performance",
value: "68%",
},
id: "metric-1", title: "Win Rate", subtitle: "Your average", category: "Performance", value: "68%"},
{
id: "metric-2",
title: "Matches Played",
subtitle: "Career total",
category: "Engagement",
value: "2,340+",
},
id: "metric-2", title: "Matches Played", subtitle: "Career total", category: "Engagement", value: "2,340+"},
{
id: "metric-3",
title: "Current Rank",
subtitle: "Your standing",
category: "Competition",
value: "Grade 1",
},
id: "metric-3", title: "Current Rank", subtitle: "Your standing", category: "Competition", value: "Grade 1"},
{
id: "metric-4",
title: "Streak",
subtitle: "Wins in a row",
category: "Momentum",
value: "12",
},
id: "metric-4", title: "Streak", subtitle: "Wins in a row", category: "Momentum", value: "12"},
]}
containerClassName="py-20"
titleClassName="text-4xl font-bold text-red-400"
@@ -191,44 +141,26 @@ export default function BattleArenaPage() {
<FaqDouble
tag="Battle Guide"
tagIcon={Zap}
tagAnimation="entrance-slide"
tagAnimation="blur-reveal"
title="Battle Arena FAQ"
description="Find answers to your battle-related questions and improve your combat skills."
textboxLayout="default"
useInvertedBackground={false}
faqsAnimation="entrance-slide"
faqsAnimation="blur-reveal"
animationType="smooth"
faqs={[
{
id: "faq-1",
title: "How do I challenge another player?",
content: "Navigate to the Battle Arena, browse available opponents, and select 'Challenge'. You can filter by rank, win rate, or recent activity. Once challenged, your opponent has 24 hours to accept or decline the match.",
},
id: "faq-1", title: "How do I challenge another player?", content: "Navigate to the Battle Arena, browse available opponents, and select 'Challenge'. You can filter by rank, win rate, or recent activity. Once challenged, your opponent has 24 hours to accept or decline the match."},
{
id: "faq-2",
title: "What are the ranking divisions?",
content: "Divisions progress from Grade 4 (beginner) to Special Grade (elite). Each division has 5 sub-ranks. Climbing requires consistent wins against higher-ranked opponents. Special Grade players gain exclusive tournament access.",
},
id: "faq-2", title: "What are the ranking divisions?", content: "Divisions progress from Grade 4 (beginner) to Special Grade (elite). Each division has 5 sub-ranks. Climbing requires consistent wins against higher-ranked opponents. Special Grade players gain exclusive tournament access."},
{
id: "faq-3",
title: "Can I customize my battle loadout?",
content: "Yes! Before each match, select which cursed techniques your character uses, adjust your strategy, and set your domain expansion rules. You can have multiple loadouts saved for different opponent matchups.",
},
id: "faq-3", title: "Can I customize my battle loadout?", content: "Yes! Before each match, select which cursed techniques your character uses, adjust your strategy, and set your domain expansion rules. You can have multiple loadouts saved for different opponent matchups."},
{
id: "faq-4",
title: "How is battle balance maintained?",
content: "Our AI analyzes character power levels and creates fair matchups. If a character is deemed overpowered, it's flagged for community review. Balance patches are released monthly based on win rates and community feedback.",
},
id: "faq-4", title: "How is battle balance maintained?", content: "Our AI analyzes character power levels and creates fair matchups. If a character is deemed overpowered, it's flagged for community review. Balance patches are released monthly based on win rates and community feedback."},
{
id: "faq-5",
title: "What rewards do I earn from battles?",
content: "Victories grant ranking points, battle tokens for cosmetics, and experience for your character. Achievements are unlocked for special accomplishments. Monthly top players receive exclusive rewards and recognition.",
},
id: "faq-5", title: "What rewards do I earn from battles?", content: "Victories grant ranking points, battle tokens for cosmetics, and experience for your character. Achievements are unlocked for special accomplishments. Monthly top players receive exclusive rewards and recognition."},
{
id: "faq-6",
title: "Can I spectate other battles?",
content: "Absolutely! Watch live matches from your Battle Dashboard, see professional tournament streams, and learn from elite players. Spectating also earns you bonus cosmetic tokens monthly.",
},
id: "faq-6", title: "Can I spectate other battles?", content: "Absolutely! Watch live matches from your Battle Dashboard, see professional tournament streams, and learn from elite players. Spectating also earns you bonus cosmetic tokens monthly."},
]}
containerClassName="py-20"
titleClassName="text-4xl font-bold text-red-400"

102
src/app/characters/page.tsx
View File

@@ -19,8 +19,7 @@ export default function CharactersPage() {
const footerColumns = [
{
title: "Platform",
items: [
title: "Platform", items: [
{ label: "Home", href: "/" },
{ label: "Create Character", href: "/create" },
{ label: "Battle Arena", href: "/battle" },
@@ -28,8 +27,7 @@ export default function CharactersPage() {
],
},
{
title: "Community",
items: [
title: "Community", items: [
{ label: "Rankings", href: "/community" },
{ label: "Leaderboard", href: "/leaderboard" },
{ label: "Creator Spotlight", href: "#creators" },
@@ -37,8 +35,7 @@ export default function CharactersPage() {
],
},
{
title: "Resources",
items: [
title: "Resources", items: [
{ label: "Technique Guide", href: "/guides/techniques" },
{ label: "Domain Expansion", href: "/guides/domains" },
{ label: "Battle Tips", href: "/guides/battle" },
@@ -46,8 +43,7 @@ export default function CharactersPage() {
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{ label: "Privacy Policy", href: "/privacy" },
{ label: "Terms of Service", href: "/terms" },
{ label: "Contact Us", href: "#contact" },
@@ -80,7 +76,7 @@ export default function CharactersPage() {
<ProductCardThree
tag="Character Gallery"
tagIcon={Award}
tagAnimation="entrance-slide"
tagAnimation="blur-reveal"
title="Discover Amazing Sorcerer Creations"
description="Browse through an incredible collection of user-created characters. Find inspiration, discover unique techniques, and see how other creators bring their vision to life in the JJK universe."
textboxLayout="default"
@@ -89,47 +85,17 @@ export default function CharactersPage() {
animationType="scale-rotate"
products={[
{
id: "char-gallery-1",
name: "Kurayami - Shadow Master",
price: "Lv. 1 Grade",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtlfbEKxJ3eWnmEdy6HjfbABfl/tall-dark-haired-male-anime-sorcerer-cha-1773420095026-f5b7e860.png?_wi=2",
imageAlt: "Kurayami character",
},
id: "char-gallery-1", name: "Kurayami - Shadow Master", price: "Lv. 1 Grade", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtlfbEKxJ3eWnmEdy6HjfbABfl/tall-dark-haired-male-anime-sorcerer-cha-1773420095026-f5b7e860.png", imageAlt: "Kurayami character"},
{
id: "char-gallery-2",
name: "Akatsuki - Flame Dancer",
price: "Lv. 2 Grade",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtlfbEKxJ3eWnmEdy6HjfbABfl/dynamic-anime-sorcerer-character-with-fl-1773420095440-db5c4d25.png?_wi=2",
imageAlt: "Akatsuki character",
},
id: "char-gallery-2", name: "Akatsuki - Flame Dancer", price: "Lv. 2 Grade", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtlfbEKxJ3eWnmEdy6HjfbABfl/dynamic-anime-sorcerer-character-with-fl-1773420095440-db5c4d25.png", imageAlt: "Akatsuki character"},
{
id: "char-gallery-3",
name: "Yuki - Frost Invoker",
price: "Lv. 3 Grade",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtlfbEKxJ3eWnmEdy6HjfbABfl/elegant-anime-sorcerer-character-special-1773420096425-1853364f.png?_wi=2",
imageAlt: "Yuki character",
},
id: "char-gallery-3", name: "Yuki - Frost Invoker", price: "Lv. 3 Grade", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtlfbEKxJ3eWnmEdy6HjfbABfl/elegant-anime-sorcerer-character-special-1773420096425-1853364f.png", imageAlt: "Yuki character"},
{
id: "char-gallery-4",
name: "Raiden - Lightning Sage",
price: "Special Grade",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtlfbEKxJ3eWnmEdy6HjfbABfl/commanding-anime-sorcerer-with-lightning-1773420095141-dfdfed33.png?_wi=2",
imageAlt: "Raiden character",
},
id: "char-gallery-4", name: "Raiden - Lightning Sage", price: "Special Grade", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtlfbEKxJ3eWnmEdy6HjfbABfl/commanding-anime-sorcerer-with-lightning-1773420095141-dfdfed33.png", imageAlt: "Raiden character"},
{
id: "char-gallery-5",
name: "Nekro - Undead Summoner",
price: "Lv. 2 Grade",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtlfbEKxJ3eWnmEdy6HjfbABfl/tall-dark-haired-male-anime-sorcerer-cha-1773420095026-f5b7e860.png?_wi=3",
imageAlt: "Nekro character",
},
id: "char-gallery-5", name: "Nekro - Undead Summoner", price: "Lv. 2 Grade", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtlfbEKxJ3eWnmEdy6HjfbABfl/tall-dark-haired-male-anime-sorcerer-cha-1773420095026-f5b7e860.png", imageAlt: "Nekro character"},
{
id: "char-gallery-6",
name: "Celestia - Star Weaver",
price: "Lv. 1 Grade",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtlfbEKxJ3eWnmEdy6HjfbABfl/elegant-anime-sorcerer-character-special-1773420096425-1853364f.png?_wi=3",
imageAlt: "Celestia character",
},
id: "char-gallery-6", name: "Celestia - Star Weaver", price: "Lv. 1 Grade", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtlfbEKxJ3eWnmEdy6HjfbABfl/elegant-anime-sorcerer-character-special-1773420096425-1853364f.png", imageAlt: "Celestia character"},
]}
containerClassName="py-20"
titleClassName="text-4xl font-bold text-red-400"
@@ -140,55 +106,25 @@ export default function CharactersPage() {
<TeamCardFive
tag="Creator Spotlight"
tagIcon={Award}
tagAnimation="entrance-slide"
tagAnimation="blur-reveal"
title="Top Character Creators"
description="Meet the most innovative sorcerer designers in the community who continuously push the boundaries of creativity."
textboxLayout="default"
useInvertedBackground={false}
animationType="entrance-slide"
animationType="blur-reveal"
team={[
{
id: "creator-1",
name: "ShadowMaster_99",
role: "Master Sorcerer Creator",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtlfbEKxJ3eWnmEdy6HjfbABfl/profile-portrait-of-anime-fan-character--1773420095458-2e9e95ee.png?_wi=1",
imageAlt: "ShadowMaster_99 profile",
},
id: "creator-1", name: "ShadowMaster_99", role: "Master Sorcerer Creator", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtlfbEKxJ3eWnmEdy6HjfbABfl/profile-portrait-of-anime-fan-character--1773420095458-2e9e95ee.png", imageAlt: "ShadowMaster_99 profile"},
{
id: "creator-2",
name: "TechniqueGod",
role: "Technique Design Expert",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtlfbEKxJ3eWnmEdy6HjfbABfl/professional-anime-character-portrait-sh-1773420095396-78d92d02.png?_wi=1",
imageAlt: "TechniqueGod profile",
},
id: "creator-2", name: "TechniqueGod", role: "Technique Design Expert", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtlfbEKxJ3eWnmEdy6HjfbABfl/professional-anime-character-portrait-sh-1773420095396-78d92d02.png", imageAlt: "TechniqueGod profile"},
{
id: "creator-3",
name: "DomainBuilder",
role: "Domain Expansion Specialist",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtlfbEKxJ3eWnmEdy6HjfbABfl/enthusiastic-anime-character-portrait-wi-1773420095200-75f71d82.png?_wi=1",
imageAlt: "DomainBuilder profile",
},
id: "creator-3", name: "DomainBuilder", role: "Domain Expansion Specialist", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtlfbEKxJ3eWnmEdy6HjfbABfl/enthusiastic-anime-character-portrait-wi-1773420095200-75f71d82.png", imageAlt: "DomainBuilder profile"},
{
id: "creator-4",
name: "BattleChampion",
role: "PvP Battle Legend",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtlfbEKxJ3eWnmEdy6HjfbABfl/powerful-anime-warrior-character-with-ch-1773420095169-a3675e84.png?_wi=1",
imageAlt: "BattleChampion profile",
},
id: "creator-4", name: "BattleChampion", role: "PvP Battle Legend", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtlfbEKxJ3eWnmEdy6HjfbABfl/powerful-anime-warrior-character-with-ch-1773420095169-a3675e84.png", imageAlt: "BattleChampion profile"},
{
id: "creator-5",
name: "ArtisticSoul",
role: "Character Design Master",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtlfbEKxJ3eWnmEdy6HjfbABfl/artistic-anime-character-portrait-with-c-1773420095540-89ffe87c.png?_wi=1",
imageAlt: "ArtisticSoul profile",
},
id: "creator-5", name: "ArtisticSoul", role: "Character Design Master", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtlfbEKxJ3eWnmEdy6HjfbABfl/artistic-anime-character-portrait-with-c-1773420095540-89ffe87c.png", imageAlt: "ArtisticSoul profile"},
{
id: "creator-6",
name: "StrategyMind",
role: "Competitive Analysis Expert",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtlfbEKxJ3eWnmEdy6HjfbABfl/intellectual-anime-character-portraying--1773420094638-ef7986d3.png?_wi=1",
imageAlt: "StrategyMind profile",
},
id: "creator-6", name: "StrategyMind", role: "Competitive Analysis Expert", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtlfbEKxJ3eWnmEdy6HjfbABfl/intellectual-anime-character-portraying--1773420094638-ef7986d3.png", imageAlt: "StrategyMind profile"},
]}
containerClassName="py-20"
titleClassName="text-4xl font-bold text-red-400"

96
src/app/community/page.tsx
View File

@@ -20,8 +20,7 @@ export default function CommunityPage() {
const footerColumns = [
{
title: "Platform",
items: [
title: "Platform", items: [
{ label: "Home", href: "/" },
{ label: "Create Character", href: "/create" },
{ label: "Battle Arena", href: "/battle" },
@@ -29,8 +28,7 @@ export default function CommunityPage() {
],
},
{
title: "Community",
items: [
title: "Community", items: [
{ label: "Rankings", href: "/community" },
{ label: "Leaderboard", href: "/leaderboard" },
{ label: "Creator Spotlight", href: "#creators" },
@@ -38,8 +36,7 @@ export default function CommunityPage() {
],
},
{
title: "Resources",
items: [
title: "Resources", items: [
{ label: "Technique Guide", href: "/guides/techniques" },
{ label: "Domain Expansion", href: "/guides/domains" },
{ label: "Battle Tips", href: "/guides/battle" },
@@ -47,8 +44,7 @@ export default function CommunityPage() {
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{ label: "Privacy Policy", href: "/privacy" },
{ label: "Terms of Service", href: "/terms" },
{ label: "Contact Us", href: "#contact" },
@@ -78,55 +74,25 @@ export default function CommunityPage() {
<TeamCardFive
tag="Creator Spotlight"
tagIcon={Award}
tagAnimation="entrance-slide"
tagAnimation="blur-reveal"
title="Top Character Creators"
description="Meet the most innovative sorcerer designers in the community. These creators have earned recognition for their exceptional character designs and creative techniques."
textboxLayout="default"
useInvertedBackground={true}
animationType="entrance-slide"
animationType="blur-reveal"
team={[
{
id: "creator-1",
name: "ShadowMaster_99",
role: "Master Sorcerer Creator",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtlfbEKxJ3eWnmEdy6HjfbABfl/profile-portrait-of-anime-fan-character--1773420095458-2e9e95ee.png?_wi=2",
imageAlt: "ShadowMaster_99 profile",
},
id: "creator-1", name: "ShadowMaster_99", role: "Master Sorcerer Creator", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtlfbEKxJ3eWnmEdy6HjfbABfl/profile-portrait-of-anime-fan-character--1773420095458-2e9e95ee.png", imageAlt: "ShadowMaster_99 profile"},
{
id: "creator-2",
name: "TechniqueGod",
role: "Technique Design Expert",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtlfbEKxJ3eWnmEdy6HjfbABfl/professional-anime-character-portrait-sh-1773420095396-78d92d02.png?_wi=2",
imageAlt: "TechniqueGod profile",
},
id: "creator-2", name: "TechniqueGod", role: "Technique Design Expert", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtlfbEKxJ3eWnmEdy6HjfbABfl/professional-anime-character-portrait-sh-1773420095396-78d92d02.png", imageAlt: "TechniqueGod profile"},
{
id: "creator-3",
name: "DomainBuilder",
role: "Domain Expansion Specialist",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtlfbEKxJ3eWnmEdy6HjfbABfl/enthusiastic-anime-character-portrait-wi-1773420095200-75f71d82.png?_wi=2",
imageAlt: "DomainBuilder profile",
},
id: "creator-3", name: "DomainBuilder", role: "Domain Expansion Specialist", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtlfbEKxJ3eWnmEdy6HjfbABfl/enthusiastic-anime-character-portrait-wi-1773420095200-75f71d82.png", imageAlt: "DomainBuilder profile"},
{
id: "creator-4",
name: "BattleChampion",
role: "PvP Battle Legend",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtlfbEKxJ3eWnmEdy6HjfbABfl/powerful-anime-warrior-character-with-ch-1773420095169-a3675e84.png?_wi=2",
imageAlt: "BattleChampion profile",
},
id: "creator-4", name: "BattleChampion", role: "PvP Battle Legend", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtlfbEKxJ3eWnmEdy6HjfbABfl/powerful-anime-warrior-character-with-ch-1773420095169-a3675e84.png", imageAlt: "BattleChampion profile"},
{
id: "creator-5",
name: "ArtisticSoul",
role: "Character Design Master",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtlfbEKxJ3eWnmEdy6HjfbABfl/artistic-anime-character-portrait-with-c-1773420095540-89ffe87c.png?_wi=2",
imageAlt: "ArtisticSoul profile",
},
id: "creator-5", name: "ArtisticSoul", role: "Character Design Master", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtlfbEKxJ3eWnmEdy6HjfbABfl/artistic-anime-character-portrait-with-c-1773420095540-89ffe87c.png", imageAlt: "ArtisticSoul profile"},
{
id: "creator-6",
name: "StrategyMind",
role: "Competitive Analysis Expert",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtlfbEKxJ3eWnmEdy6HjfbABfl/intellectual-anime-character-portraying--1773420094638-ef7986d3.png?_wi=2",
imageAlt: "StrategyMind profile",
},
id: "creator-6", name: "StrategyMind", role: "Competitive Analysis Expert", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtlfbEKxJ3eWnmEdy6HjfbABfl/intellectual-anime-character-portraying--1773420094638-ef7986d3.png", imageAlt: "StrategyMind profile"},
]}
containerClassName="py-20"
titleClassName="text-4xl font-bold text-red-400"
@@ -137,7 +103,7 @@ export default function CommunityPage() {
<ProductCardThree
tag="Community Favorites"
tagIcon={Sparkles}
tagAnimation="entrance-slide"
tagAnimation="blur-reveal"
title="Most Popular Characters"
description="Explore the community's favorite sorcerers. These characters showcase exceptional design and powerful techniques loved by players worldwide."
textboxLayout="default"
@@ -146,33 +112,13 @@ export default function CommunityPage() {
animationType="scale-rotate"
products={[
{
id: "char-1",
name: "Kurayami - Shadow Master",
price: "Lv. 1 Grade",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtlfbEKxJ3eWnmEdy6HjfbABfl/tall-dark-haired-male-anime-sorcerer-cha-1773420095026-f5b7e860.png?_wi=4",
imageAlt: "Kurayami character",
},
id: "char-1", name: "Kurayami - Shadow Master", price: "Lv. 1 Grade", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtlfbEKxJ3eWnmEdy6HjfbABfl/tall-dark-haired-male-anime-sorcerer-cha-1773420095026-f5b7e860.png", imageAlt: "Kurayami character"},
{
id: "char-2",
name: "Akatsuki - Flame Dancer",
price: "Lv. 2 Grade",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtlfbEKxJ3eWnmEdy6HjfbABfl/dynamic-anime-sorcerer-character-with-fl-1773420095440-db5c4d25.png?_wi=3",
imageAlt: "Akatsuki character",
},
id: "char-2", name: "Akatsuki - Flame Dancer", price: "Lv. 2 Grade", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtlfbEKxJ3eWnmEdy6HjfbABfl/dynamic-anime-sorcerer-character-with-fl-1773420095440-db5c4d25.png", imageAlt: "Akatsuki character"},
{
id: "char-3",
name: "Yuki - Frost Invoker",
price: "Lv. 3 Grade",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtlfbEKxJ3eWnmEdy6HjfbABfl/elegant-anime-sorcerer-character-special-1773420096425-1853364f.png?_wi=4",
imageAlt: "Yuki character",
},
id: "char-3", name: "Yuki - Frost Invoker", price: "Lv. 3 Grade", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtlfbEKxJ3eWnmEdy6HjfbABfl/elegant-anime-sorcerer-character-special-1773420096425-1853364f.png", imageAlt: "Yuki character"},
{
id: "char-4",
name: "Raiden - Lightning Sage",
price: "Special Grade",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtlfbEKxJ3eWnmEdy6HjfbABfl/commanding-anime-sorcerer-with-lightning-1773420095141-dfdfed33.png?_wi=4",
imageAlt: "Raiden character",
},
id: "char-4", name: "Raiden - Lightning Sage", price: "Special Grade", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtlfbEKxJ3eWnmEdy6HjfbABfl/commanding-anime-sorcerer-with-lightning-1773420095141-dfdfed33.png", imageAlt: "Raiden character"},
]}
containerClassName="py-20"
titleClassName="text-4xl font-bold text-red-400"
@@ -187,12 +133,10 @@ export default function CommunityPage() {
author="CommunityVoice_2024"
avatars={[
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtlfbEKxJ3eWnmEdy6HjfbABfl/friendly-anime-character-portrait-showin-1773420094576-ce4deb93.png",
alt: "CommunityVoice_2024 profile",
},
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtlfbEKxJ3eWnmEdy6HjfbABfl/friendly-anime-character-portrait-showin-1773420094576-ce4deb93.png", alt: "CommunityVoice_2024 profile"},
]}
ratingAnimation="entrance-slide"
avatarsAnimation="entrance-slide"
ratingAnimation="blur-reveal"
avatarsAnimation="blur-reveal"
useInvertedBackground={true}
ariaLabel="Community testimonial"
containerClassName="py-20 flex flex-col items-center justify-center"

128
src/app/page.tsx
View File

@@ -23,8 +23,7 @@ export default function HomePage() {
const footerColumns = [
{
title: "Platform",
items: [
title: "Platform", items: [
{ label: "Home", href: "/" },
{ label: "Create Character", href: "/create" },
{ label: "Battle Arena", href: "/battle" },
@@ -32,8 +31,7 @@ export default function HomePage() {
],
},
{
title: "Community",
items: [
title: "Community", items: [
{ label: "Rankings", href: "/community" },
{ label: "Leaderboard", href: "/leaderboard" },
{ label: "Creator Spotlight", href: "#creators" },
@@ -41,8 +39,7 @@ export default function HomePage() {
],
},
{
title: "Resources",
items: [
title: "Resources", items: [
{ label: "Technique Guide", href: "/guides/techniques" },
{ label: "Domain Expansion", href: "/guides/domains" },
{ label: "Battle Tips", href: "/guides/battle" },
@@ -50,8 +47,7 @@ export default function HomePage() {
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{ label: "Privacy Policy", href: "/privacy" },
{ label: "Terms of Service", href: "/terms" },
{ label: "Contact Us", href: "#contact" },
@@ -90,17 +86,11 @@ export default function HomePage() {
]}
slides={[
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtlfbEKxJ3eWnmEdy6HjfbABfl/epic-cinematic-anime-battle-scene-betwee-1773420095792-cf365772.png?_wi=1",
imageAlt: "Epic cursed spirit battle scene",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtlfbEKxJ3eWnmEdy6HjfbABfl/epic-cinematic-anime-battle-scene-betwee-1773420095792-cf365772.png", imageAlt: "Epic cursed spirit battle scene"},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtlfbEKxJ3eWnmEdy6HjfbABfl/spectacular-domain-expansion-visualizati-1773420095473-e16473d1.png",
imageAlt: "Domain expansion visualization",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtlfbEKxJ3eWnmEdy6HjfbABfl/spectacular-domain-expansion-visualizati-1773420095473-e16473d1.png", imageAlt: "Domain expansion visualization"},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtlfbEKxJ3eWnmEdy6HjfbABfl/powerful-cursed-technique-activation-sho-1773420095354-6ba0db4b.png",
imageAlt: "Cursed technique showcase",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtlfbEKxJ3eWnmEdy6HjfbABfl/powerful-cursed-technique-activation-sho-1773420095354-6ba0db4b.png", imageAlt: "Cursed technique showcase"},
]}
autoplayDelay={4000}
showDimOverlay={true}
@@ -119,14 +109,14 @@ export default function HomePage() {
<TestimonialAboutCard
tag="Character Creation Platform"
tagIcon={Sparkles}
tagAnimation="entrance-slide"
tagAnimation="blur-reveal"
title="Build Your Perfect Sorcerer"
description="JJK Arena allows you to craft custom sorcerers with unique cursed techniques, domain expansions, and special abilities. Every creation is fully customizable with detailed appearance, power levels, and combat statistics."
subdescription="Design powerful characters, refine their techniques, and showcase them to the community. Your imagination is the only limit."
icon={Zap}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtlfbEKxJ3eWnmEdy6HjfbABfl/modern-character-creation-interface-show-1773420095840-34a5c561.png"
imageAlt="Character creation interface"
mediaAnimation="entrance-slide"
mediaAnimation="blur-reveal"
useInvertedBackground={true}
ariaLabel="About JJK Arena"
containerClassName="py-20"
@@ -140,7 +130,7 @@ export default function HomePage() {
<FeatureCardNineteen
tag="Core Features"
tagIcon={Shield}
tagAnimation="entrance-slide"
tagAnimation="blur-reveal"
title="Master the Jujutsu World"
description="Unlock powerful features to dominate every aspect of the JJK universe."
textboxLayout="split"
@@ -148,37 +138,19 @@ export default function HomePage() {
features={[
{
id: 1,
tag: "Technique Editor",
title: "Cursed Techniques",
subtitle: "Design Unique Abilities",
description: "Create and customize cursed techniques with detailed descriptions, power levels, cooldowns, and visual effects. Define your character's signature moves.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtlfbEKxJ3eWnmEdy6HjfbABfl/cursed-technique-showcase-with-detailed--1773420096316-f836849f.png",
imageAlt: "Cursed technique editor",
buttons: [{ text: "Learn More", href: "#techniques" }],
tag: "Technique Editor", title: "Cursed Techniques", subtitle: "Design Unique Abilities", description: "Create and customize cursed techniques with detailed descriptions, power levels, cooldowns, and visual effects. Define your character's signature moves.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtlfbEKxJ3eWnmEdy6HjfbABfl/cursed-technique-showcase-with-detailed--1773420096316-f836849f.png", imageAlt: "Cursed technique editor", buttons: [{ text: "Learn More", href: "#techniques" }],
},
{
id: 2,
tag: "Domain System",
title: "Domain Expansion",
subtitle: "Ultimate Power Showcase",
description: "Build epic domain expansions with custom rules, terrain effects, and ability modifiers. Display your character's complete mastery of cursed energy.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtlfbEKxJ3eWnmEdy6HjfbABfl/epic-domain-expansion-environment-showca-1773420095617-5b7372d0.png",
imageAlt: "Domain expansion interface",
buttons: [{ text: "Explore", href: "#domains" }],
tag: "Domain System", title: "Domain Expansion", subtitle: "Ultimate Power Showcase", description: "Build epic domain expansions with custom rules, terrain effects, and ability modifiers. Display your character's complete mastery of cursed energy.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtlfbEKxJ3eWnmEdy6HjfbABfl/epic-domain-expansion-environment-showca-1773420095617-5b7372d0.png", imageAlt: "Domain expansion interface", buttons: [{ text: "Explore", href: "#domains" }],
},
{
id: 3,
tag: "Battle System",
title: "Real-Time Battles",
subtitle: "Challenge Other Users",
description: "Face off against community members in turn-based or real-time battles. Test your character's strength against powerful opponents worldwide.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtlfbEKxJ3eWnmEdy6HjfbABfl/dynamic-battle-arena-interface-showing-t-1773420096383-2ff4dbd8.png?_wi=1",
imageAlt: "Battle arena interface",
buttons: [{ text: "Start Battle", href: "/battle" }],
tag: "Battle System", title: "Real-Time Battles", subtitle: "Challenge Other Users", description: "Face off against community members in turn-based or real-time battles. Test your character's strength against powerful opponents worldwide.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtlfbEKxJ3eWnmEdy6HjfbABfl/dynamic-battle-arena-interface-showing-t-1773420096383-2ff4dbd8.png", imageAlt: "Battle arena interface", buttons: [{ text: "Start Battle", href: "/battle" }],
},
]}
buttons={[{ text: "Create Now", href: "/create" }]}
buttonAnimation="entrance-slide"
buttonAnimation="blur-reveal"
containerClassName="py-20"
titleClassName="text-4xl font-bold text-red-400"
/>
@@ -188,7 +160,7 @@ export default function HomePage() {
<ProductCardThree
tag="Featured Characters"
tagIcon={Award}
tagAnimation="entrance-slide"
tagAnimation="blur-reveal"
title="Community's Strongest Characters"
description="Explore the most powerful and creative sorcerers created by the community. Get inspired and create your own masterpiece."
textboxLayout="default"
@@ -197,33 +169,13 @@ export default function HomePage() {
animationType="scale-rotate"
products={[
{
id: "char-1",
name: "Kurayami - Shadow Master",
price: "Lv. 1 Grade",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtlfbEKxJ3eWnmEdy6HjfbABfl/tall-dark-haired-male-anime-sorcerer-cha-1773420095026-f5b7e860.png?_wi=1",
imageAlt: "Kurayami character",
},
id: "char-1", name: "Kurayami - Shadow Master", price: "Lv. 1 Grade", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtlfbEKxJ3eWnmEdy6HjfbABfl/tall-dark-haired-male-anime-sorcerer-cha-1773420095026-f5b7e860.png", imageAlt: "Kurayami character"},
{
id: "char-2",
name: "Akatsuki - Flame Dancer",
price: "Lv. 2 Grade",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtlfbEKxJ3eWnmEdy6HjfbABfl/dynamic-anime-sorcerer-character-with-fl-1773420095440-db5c4d25.png?_wi=1",
imageAlt: "Akatsuki character",
},
id: "char-2", name: "Akatsuki - Flame Dancer", price: "Lv. 2 Grade", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtlfbEKxJ3eWnmEdy6HjfbABfl/dynamic-anime-sorcerer-character-with-fl-1773420095440-db5c4d25.png", imageAlt: "Akatsuki character"},
{
id: "char-3",
name: "Yuki - Frost Invoker",
price: "Lv. 3 Grade",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtlfbEKxJ3eWnmEdy6HjfbABfl/elegant-anime-sorcerer-character-special-1773420096425-1853364f.png?_wi=1",
imageAlt: "Yuki character",
},
id: "char-3", name: "Yuki - Frost Invoker", price: "Lv. 3 Grade", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtlfbEKxJ3eWnmEdy6HjfbABfl/elegant-anime-sorcerer-character-special-1773420096425-1853364f.png", imageAlt: "Yuki character"},
{
id: "char-4",
name: "Raiden - Lightning Sage",
price: "Special Grade",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtlfbEKxJ3eWnmEdy6HjfbABfl/commanding-anime-sorcerer-with-lightning-1773420095141-dfdfed33.png?_wi=1",
imageAlt: "Raiden character",
},
id: "char-4", name: "Raiden - Lightning Sage", price: "Special Grade", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtlfbEKxJ3eWnmEdy6HjfbABfl/commanding-anime-sorcerer-with-lightning-1773420095141-dfdfed33.png", imageAlt: "Raiden character"},
]}
containerClassName="py-20"
titleClassName="text-4xl font-bold text-red-400"
@@ -234,7 +186,7 @@ export default function HomePage() {
<MetricCardTen
tag="Platform Stats"
tagIcon={Sparkles}
tagAnimation="entrance-slide"
tagAnimation="blur-reveal"
title="Join Thousands of Sorcerers"
description="Be part of the largest JJK character creation and battle community."
textboxLayout="centered"
@@ -242,33 +194,13 @@ export default function HomePage() {
animationType="scale-rotate"
metrics={[
{
id: "metric-1",
title: "Active Sorcerers",
subtitle: "Users worldwide",
category: "Community",
value: "15,000+",
},
id: "metric-1", title: "Active Sorcerers", subtitle: "Users worldwide", category: "Community", value: "15,000+"},
{
id: "metric-2",
title: "Characters Created",
subtitle: "Total creations",
category: "Platform",
value: "42,500+",
},
id: "metric-2", title: "Characters Created", subtitle: "Total creations", category: "Platform", value: "42,500+"},
{
id: "metric-3",
title: "Battles Completed",
subtitle: "Matches fought",
category: "Engagement",
value: "289,000+",
},
id: "metric-3", title: "Battles Completed", subtitle: "Matches fought", category: "Engagement", value: "289,000+"},
{
id: "metric-4",
title: "Techniques Designed",
subtitle: "Unique abilities",
category: "Innovation",
value: "78,600+",
},
id: "metric-4", title: "Techniques Designed", subtitle: "Unique abilities", category: "Innovation", value: "78,600+"},
]}
containerClassName="py-20"
titleClassName="text-4xl font-bold text-red-400"
@@ -279,21 +211,13 @@ export default function HomePage() {
<SocialProofOne
tag="Trusted By"
tagIcon={Shield}
tagAnimation="entrance-slide"
tagAnimation="blur-reveal"
title="Featured By Top Anime Communities"
description="JJK Arena is recognized and endorsed by leading anime platforms and content creators."
textboxLayout="centered"
useInvertedBackground={true}
names={[
"AnimeHub",
"JJK Fans United",
"Manga Central",
"Cursed Energy Network",
"Sorcerer's Collective",
"Battle Arena Pro",
"Anime Legends",
"JJK Encyclopedia",
]}
"AnimeHub", "JJK Fans United", "Manga Central", "Cursed Energy Network", "Sorcerer's Collective", "Battle Arena Pro", "Anime Legends", "JJK Encyclopedia"]}
speed={35}
showCard={true}
containerClassName="py-20"