Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| fa1ebaaa9e |
250
src/app/page.tsx
250
src/app/page.tsx
@@ -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>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user