Update src/app/page.tsx
This commit is contained in:
161
src/app/page.tsx
161
src/app/page.tsx
@@ -29,21 +29,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Overview",
|
||||
id: "overview",
|
||||
},
|
||||
name: "Overview", id: "overview"},
|
||||
{
|
||||
name: "Skills",
|
||||
id: "skills",
|
||||
},
|
||||
name: "Skills", id: "skills"},
|
||||
{
|
||||
name: "Attributes",
|
||||
id: "attributes",
|
||||
},
|
||||
name: "Attributes", id: "attributes"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="MOGUL KAHN"
|
||||
/>
|
||||
@@ -52,32 +44,15 @@ export default function LandingPage() {
|
||||
<div id="overview" data-section="overview">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "glowing-orb",
|
||||
}}
|
||||
variant: "glowing-orb"}}
|
||||
title="MOGUL KAHN"
|
||||
description="The red mist beckons. An unstoppable force on the battlefield, Mogul Kahn dominates through brute strength and tactical suppression. Fear the axe."
|
||||
tag="HERO INTRODUCTION"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fantasy-style-fire_23-2151099756.jpg?_wi=1",
|
||||
imageAlt: "Warrior Portrait",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fantasy-style-fire_23-2151099756.jpg", imageAlt: "Warrior Portrait"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C58hc7F3EqxubHLIhmQ9L1No0f/uploaded-1775664597776-1b55qv0q.jpg?_wi=1",
|
||||
imageAlt: "Dynamic Gameplay Action",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/game-menu-interface-ui-elements-buttons-bars-set_107791-12602.jpg",
|
||||
imageAlt: "Ability HUD Detail",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/8-bits-objects-gaming-assets_23-2151143643.jpg",
|
||||
imageAlt: "Attribute Symbols",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/four-displays-presenting-financial-data-stock-market-broker-home_482257-29617.jpg",
|
||||
imageAlt: "Combat Analysis Overlay",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C58hc7F3EqxubHLIhmQ9L1No0f/uploaded-1775664597776-1b55qv0q.jpg", imageAlt: "Dynamic Gameplay Action"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -87,52 +62,32 @@ export default function LandingPage() {
|
||||
|
||||
<div id="skills" data-section="skills">
|
||||
<FeatureCardTwelve
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "skill-1",
|
||||
label: "Passive",
|
||||
title: "Berserker's Call",
|
||||
items: [
|
||||
"Taunts enemy units in range",
|
||||
"Increased armor per enemy",
|
||||
"Interrupts channeled spells",
|
||||
],
|
||||
id: "skill-1", label: "Passive", title: "Berserker's Call", items: [
|
||||
"Taunts enemy units in range", "Increased armor per enemy", "Interrupts channeled spells"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Learn More",
|
||||
},
|
||||
text: "Learn More"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "skill-2",
|
||||
label: "Active",
|
||||
title: "Battle Hunger",
|
||||
items: [
|
||||
"Damage over time effect",
|
||||
"Movement speed slow",
|
||||
"Self-heal on kill",
|
||||
],
|
||||
id: "skill-2", label: "Active", title: "Battle Hunger", items: [
|
||||
"Damage over time effect", "Movement speed slow", "Self-heal on kill"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Learn More",
|
||||
},
|
||||
text: "Learn More"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "skill-3",
|
||||
label: "Ultimate",
|
||||
title: "Culling Blade",
|
||||
items: [
|
||||
"Instantly kills low health targets",
|
||||
"Bonus movement speed",
|
||||
"Resets cooldown on kill",
|
||||
],
|
||||
id: "skill-3", label: "Ultimate", title: "Culling Blade", items: [
|
||||
"Instantly kills low health targets", "Bonus movement speed", "Resets cooldown on kill"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Learn More",
|
||||
},
|
||||
text: "Learn More"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -148,31 +103,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1800",
|
||||
title: "Attack Range",
|
||||
items: [
|
||||
"Base range: 1800 units",
|
||||
"Scaling potential",
|
||||
],
|
||||
id: "m1", value: "1800", title: "Attack Range", items: [
|
||||
"Base range: 1800 units", "Scaling potential"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "290",
|
||||
title: "Base Speed",
|
||||
items: [
|
||||
"Quick traversal",
|
||||
"Aggressive closing power",
|
||||
],
|
||||
id: "m2", value: "290", title: "Base Speed", items: [
|
||||
"Quick traversal", "Aggressive closing power"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "40",
|
||||
title: "Damage Grade",
|
||||
items: [
|
||||
"High burst output",
|
||||
"Endgame dominant",
|
||||
],
|
||||
id: "m3", value: "40", title: "Damage Grade", items: [
|
||||
"High burst output", "Endgame dominant"],
|
||||
},
|
||||
]}
|
||||
title="WARRIOR ATTRIBUTES"
|
||||
@@ -187,34 +127,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
groups={[
|
||||
{
|
||||
id: "g1",
|
||||
groupTitle: "Synergy Compositions",
|
||||
members: [
|
||||
id: "g1", groupTitle: "Synergy Compositions", members: [
|
||||
{
|
||||
id: "m1",
|
||||
title: "Dragon Knight",
|
||||
subtitle: "Frontline Tank",
|
||||
detail: "Excellent synergy for sustained fights.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fantasy-style-fire_23-2151099756.jpg?_wi=2",
|
||||
},
|
||||
id: "m1", title: "Dragon Knight", subtitle: "Frontline Tank", detail: "Excellent synergy for sustained fights.", imageSrc: "http://img.b2bpic.net/free-photo/fantasy-style-fire_23-2151099756.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Nevermore",
|
||||
subtitle: "Burst Mage",
|
||||
detail: "High-damage nuker to finish off targets.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fantasy-style-fire_23-2151099756.jpg?_wi=3",
|
||||
},
|
||||
id: "m2", title: "Nevermore", subtitle: "Burst Mage", detail: "High-damage nuker to finish off targets.", imageSrc: "http://img.b2bpic.net/free-photo/fantasy-style-fire_23-2151099756.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Sniper",
|
||||
subtitle: "Backline Support",
|
||||
detail: "Provides vision and long-range pressure.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fantasy-style-fire_23-2151099756.jpg?_wi=4",
|
||||
},
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C58hc7F3EqxubHLIhmQ9L1No0f/uploaded-1775664597776-1b55qv0q.jpg?_wi=2",
|
||||
imageAlt: "User provided image",
|
||||
},
|
||||
id: "m3", title: "Sniper", subtitle: "Backline Support", detail: "Provides vision and long-range pressure.", imageSrc: "http://img.b2bpic.net/free-photo/fantasy-style-fire_23-2151099756.jpg"},
|
||||
]
|
||||
}
|
||||
]}
|
||||
title="ALLIED HEROES"
|
||||
description="Key battlefield companions for ideal synergy."
|
||||
@@ -228,25 +149,17 @@ export default function LandingPage() {
|
||||
description="Send your feedback or inquire about collaborations."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Email Address", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Share your thoughts",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Share your thoughts", rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/fantasy-style-fire_23-2151099756.jpg?_wi=5"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/fantasy-style-fire_23-2151099756.jpg"
|
||||
mediaPosition="left"
|
||||
/>
|
||||
</div>
|
||||
@@ -255,13 +168,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="MOGUL KAHN"
|
||||
leftLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms of Service", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user