1 Commits

Author SHA1 Message Date
fa1ebaaa9e Update src/app/page.tsx 2026-04-15 23:39:14 +00:00

View File

@@ -33,25 +33,15 @@ export default function LandingPage() {
<NavbarStyleApple <NavbarStyleApple
navItems={[ navItems={[
{ {
name: "Home", name: "Home", id: "hero"},
id: "hero",
},
{ {
name: "Features", name: "Features", id: "features"},
id: "features",
},
{ {
name: "Heroes", name: "Heroes", id: "products"},
id: "products",
},
{ {
name: "Community", name: "Community", id: "testimonials"},
id: "testimonials",
},
{ {
name: "Contact", name: "Contact", id: "contact"},
id: "contact",
},
]} ]}
brandName="MLBB Hub" brandName="MLBB Hub"
/> />
@@ -59,43 +49,27 @@ export default function LandingPage() {
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroCarouselLogo <HeroCarouselLogo
logoText="MLBB ELITE" logoText="REACH MYTHIC RANK"
description="Master the battlefield, climb the ranks, and become the ultimate legend. Join the largest community of Mobile Legends pro-players today." description="Master the battlefield and climb the ranks faster. Join our elite community of pro-players and dominate your games today."
buttons={[ buttons={[
{ {
text: "Get Started", text: "Get Started", href: "#features"},
href: "#features",
},
{ {
text: "View Heroes", text: "View Heroes", href: "#products"},
href: "#products",
},
]} ]}
slides={[ slides={[
{ {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bo3ka6", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bo3ka6", imageAlt: "mobile legends game art hero"},
imageAlt: "mobile legends game art hero",
},
{ {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hzdck8", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hzdck8", imageAlt: "fantasy hero character design"},
imageAlt: "fantasy hero character design",
},
{ {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jsnlkq", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jsnlkq", imageAlt: "abstract gaming energy background"},
imageAlt: "abstract gaming energy background",
},
{ {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=egknge", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=egknge", imageAlt: "fantasy world battlefield scenery"},
imageAlt: "fantasy world battlefield scenery",
},
{ {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6u33wz", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6u33wz", imageAlt: "fantasy armor glowing detail"},
imageAlt: "fantasy armor glowing detail",
},
{ {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=38hn6a", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=38hn6a", imageAlt: "epic character fight sequence art"},
imageAlt: "epic character fight sequence art",
},
]} ]}
/> />
</div> </div>
@@ -107,26 +81,11 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
features={[ features={[
{ {
id: "f1", id: "f1", title: "Advanced Meta", subtitle: "Always stay ahead with the latest hero tier lists.", category: "Strategy", value: "Tier S"},
title: "Advanced Meta",
subtitle: "Always stay ahead with the latest hero tier lists.",
category: "Strategy",
value: "Tier S",
},
{ {
id: "f2", id: "f2", title: "Builds & Items", subtitle: "Optimized gear sets for every single hero.", category: "Gear", value: "Max Power"},
title: "Builds & Items",
subtitle: "Optimized gear sets for every single hero.",
category: "Gear",
value: "Max Power",
},
{ {
id: "f3", id: "f3", title: "Pro Tutorials", subtitle: "Learn mechanical skills from the very best players.", category: "Skills", value: "Elite"},
title: "Pro Tutorials",
subtitle: "Learn mechanical skills from the very best players.",
category: "Skills",
value: "Elite",
},
]} ]}
title="Master Your Craft" title="Master Your Craft"
description="Unlock advanced tactics and win strategies." description="Unlock advanced tactics and win strategies."
@@ -155,47 +114,17 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
products={[ products={[
{ {
id: "p1", id: "p1", name: "Alucard", price: "Fighter", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pp4zix", imageAlt: "alucard mobile legends fan art"},
name: "Alucard",
price: "Fighter",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pp4zix",
imageAlt: "alucard mobile legends fan art",
},
{ {
id: "p2", id: "p2", name: "Gusion", price: "Assassin", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=17a7jb", imageAlt: "gusion gaming character concept"},
name: "Gusion",
price: "Assassin",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=17a7jb",
imageAlt: "gusion gaming character concept",
},
{ {
id: "p3", id: "p3", name: "Fanny", price: "Assassin", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=e08dnn", imageAlt: "fanny game hero digital art"},
name: "Fanny",
price: "Assassin",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=e08dnn",
imageAlt: "fanny game hero digital art",
},
{ {
id: "p4", id: "p4", name: "Granger", price: "Marksman", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=yuzyp3", imageAlt: "granger gaming character art"},
name: "Granger",
price: "Marksman",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=yuzyp3",
imageAlt: "granger gaming character art",
},
{ {
id: "p5", id: "p5", name: "Kagura", price: "Mage", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=anuz36", imageAlt: "kagura hero design digital art"},
name: "Kagura",
price: "Mage",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=anuz36",
imageAlt: "kagura hero design digital art",
},
{ {
id: "p6", id: "p6", name: "Chou", price: "Fighter", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1ogeoa", imageAlt: "chou fighter hero concept"},
name: "Chou",
price: "Fighter",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1ogeoa",
imageAlt: "chou fighter hero concept",
},
]} ]}
title="Top-Tier Heroes" title="Top-Tier Heroes"
description="Choose your fighter and dominate the lanes." description="Choose your fighter and dominate the lanes."
@@ -210,20 +139,11 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
metrics={[ metrics={[
{ {
id: "m1", id: "m1", value: "1M+", description: "Active Players"},
value: "1M+",
description: "Active Players",
},
{ {
id: "m2", id: "m2", value: "150+", description: "Professional Guides"},
value: "150+",
description: "Professional Guides",
},
{ {
id: "m3", id: "m3", value: "98%", description: "Win Rate Growth"},
value: "98%",
description: "Win Rate Growth",
},
]} ]}
title="Elite Global Stats" title="Elite Global Stats"
description="Verified data from our competitive ecosystem." description="Verified data from our competitive ecosystem."
@@ -237,50 +157,20 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
testimonials={[ testimonials={[
{ {
id: "t1", id: "t1", name: "Alex R.", handle: "@gamer01", testimonial: "This site helped me reach Mythic rank in just two months. Unbeatable guides.", rating: 5,
name: "Alex R.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=yjj1sb", imageAlt: "gamer portrait casual"},
handle: "@gamer01",
testimonial: "This site helped me reach Mythic rank in just two months. Unbeatable guides.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=yjj1sb",
imageAlt: "gamer portrait casual",
},
{ {
id: "t2", id: "t2", name: "Sarah K.", handle: "@pro_lane", testimonial: "The hero builds are constantly updated with the current meta. Highly recommend!", rating: 5,
name: "Sarah K.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qpqkw6", imageAlt: "strategic gamer headshot"},
handle: "@pro_lane",
testimonial: "The hero builds are constantly updated with the current meta. Highly recommend!",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qpqkw6",
imageAlt: "strategic gamer headshot",
},
{ {
id: "t3", id: "t3", name: "Mike J.", handle: "@mageMain", testimonial: "Excellent community support and very detailed mechanics videos.", rating: 5,
name: "Mike J.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rzd8ef", imageAlt: "friendly gamer portrait"},
handle: "@mageMain",
testimonial: "Excellent community support and very detailed mechanics videos.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rzd8ef",
imageAlt: "friendly gamer portrait",
},
{ {
id: "t4", id: "t4", name: "Chris D.", handle: "@fighter_king", testimonial: "Finally, a reliable source for hero interactions and lane dominance.", rating: 5,
name: "Chris D.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1af9ps", imageAlt: "esports captain headshot"},
handle: "@fighter_king",
testimonial: "Finally, a reliable source for hero interactions and lane dominance.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1af9ps",
imageAlt: "esports captain headshot",
},
{ {
id: "t5", id: "t5", name: "Elena V.", handle: "@supportGod", testimonial: "I love how detailed the role-specific guides are. Game changer for me.", rating: 5,
name: "Elena V.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=nnthfg", imageAlt: "esports coach portrait"},
handle: "@supportGod",
testimonial: "I love how detailed the role-specific guides are. Game changer for me.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=nnthfg",
imageAlt: "esports coach portrait",
},
]} ]}
showRating={true} showRating={true}
title="Player Voices" title="Player Voices"
@@ -297,38 +187,11 @@ export default function LandingPage() {
description="Stay tuned with game updates and event schedules." description="Stay tuned with game updates and event schedules."
blogs={[ blogs={[
{ {
id: "b1", id: "b1", category: "Updates", title: "Patch 1.8.4 Update Details", excerpt: "Deep dive into hero changes and equipment balancing.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tk3mfi", imageAlt: "game patch notes screen", authorName: "System Admin", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=nee8t9", date: "Nov 12"},
category: "Updates",
title: "Patch 1.8.4 Update Details",
excerpt: "Deep dive into hero changes and equipment balancing.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tk3mfi",
imageAlt: "game patch notes screen",
authorName: "System Admin",
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=nee8t9",
date: "Nov 12",
},
{ {
id: "b2", id: "b2", category: "Meta", title: "Top 10 Heroes this Season", excerpt: "The ultimate tier list for ranked play in 2024.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6dn9dx", imageAlt: "esports tier list graphics", authorName: "Pro Player", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vi7lya", date: "Nov 10"},
category: "Meta",
title: "Top 10 Heroes this Season",
excerpt: "The ultimate tier list for ranked play in 2024.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6dn9dx",
imageAlt: "esports tier list graphics",
authorName: "Pro Player",
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vi7lya",
date: "Nov 10",
},
{ {
id: "b3", id: "b3", category: "Tournament", title: "MPL Grand Finals Review", excerpt: "Highlights from the most intense battles of the season.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4pcos9", imageAlt: "esports stadium crowd energy", authorName: "Esports Insider", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zktjox", date: "Nov 5"},
category: "Tournament",
title: "MPL Grand Finals Review",
excerpt: "Highlights from the most intense battles of the season.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4pcos9",
imageAlt: "esports stadium crowd energy",
authorName: "Esports Insider",
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zktjox",
date: "Nov 5",
},
]} ]}
/> />
</div> </div>
@@ -337,14 +200,11 @@ export default function LandingPage() {
<ContactText <ContactText
useInvertedBackground={false} useInvertedBackground={false}
background={{ background={{
variant: "sparkles-gradient", variant: "sparkles-gradient"}}
}}
text="Ready to join the ranks? Get in touch with us for exclusive tips and team recruitment!" text="Ready to join the ranks? Get in touch with us for exclusive tips and team recruitment!"
buttons={[ buttons={[
{ {
text: "Contact Support", text: "Contact Support", href: "#"},
href: "#",
},
]} ]}
/> />
</div> </div>
@@ -355,37 +215,25 @@ export default function LandingPage() {
{ {
items: [ items: [
{ {
label: "About Us", label: "About Us", href: "#about"},
href: "#about",
},
{ {
label: "Rankings", label: "Rankings", href: "#products"},
href: "#products",
},
], ],
}, },
{ {
items: [ items: [
{ {
label: "Guides", label: "Guides", href: "#features"},
href: "#features",
},
{ {
label: "Latest Updates", label: "Latest Updates", href: "#blog"},
href: "#blog",
},
], ],
}, },
{ {
items: [ items: [
{ {
label: "Privacy", label: "Privacy", href: "#"},
href: "#",
},
{ {
label: "Terms", label: "Terms", href: "#"},
href: "#",
},
], ],
}, },
]} ]}
@@ -395,4 +243,4 @@ export default function LandingPage() {
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );
} }