Merge version_1 into main #1
305
src/app/page.tsx
305
src/app/page.tsx
@@ -20,31 +20,23 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Squads",
|
||||
id: "squads",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Squads", id: "squads" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="PUBG Hub"
|
||||
/>
|
||||
@@ -52,20 +44,12 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
logoText="DOMINATE THE BATTLEFIELD"
|
||||
description="Join the world's most competitive PUBG mobile community. Squad up, climb the rankings, and earn your place among the legends."
|
||||
buttons={[
|
||||
{
|
||||
text: "Join Now",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
},
|
||||
{ text: "Join Now", href: "#contact" },
|
||||
{ text: "Learn More", href: "#about" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-view-fields-with-bare-trees-sunset_181624-10211.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -85,31 +69,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Advanced Analytics",
|
||||
description: "Track your K/D ratio, accuracy, and win rates.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-graph-computer-illustration_23-2151884869.jpg",
|
||||
},
|
||||
{
|
||||
title: "Squad Matchmaking",
|
||||
description: "Connect with players who match your skill level.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gamers-fist-bump-after-winning-game_23-2149350003.jpg",
|
||||
},
|
||||
{
|
||||
title: "Daily Tournaments",
|
||||
description: "Compete against the best and climb our leaderboards.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-hierarchy-concept-with-chessboard-figures-pyramid-wooden-blocks-foggy-wooden-table-side-view_176474-9253.jpg",
|
||||
},
|
||||
{
|
||||
title: "Voice Comms Server",
|
||||
description: "Crystal clear audio channels for every squad.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-streamer-winning-shooting-video-games-tournament-celebrating-success-online-live-stream-cheerful-person-feeling-happy-about-action-gameplay-championship-win-computer_482257-41448.jpg",
|
||||
},
|
||||
{
|
||||
title: "Pro Coaching",
|
||||
description: "Learn from the top 1% players in the region.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/esports-stage-background-3d-illustration_1419-2784.jpg",
|
||||
},
|
||||
{ title: "Advanced Analytics", description: "Track your K/D ratio, accuracy, and win rates.", imageSrc: "http://img.b2bpic.net/free-photo/3d-graph-computer-illustration_23-2151884869.jpg" },
|
||||
{ title: "Squad Matchmaking", description: "Connect with players who match your skill level.", imageSrc: "http://img.b2bpic.net/free-photo/gamers-fist-bump-after-winning-game_23-2149350003.jpg" },
|
||||
{ title: "Daily Tournaments", description: "Compete against the best and climb our leaderboards.", imageSrc: "http://img.b2bpic.net/free-photo/business-hierarchy-concept-with-chessboard-figures-pyramid-wooden-blocks-foggy-wooden-table-side-view_176474-9253.jpg" },
|
||||
{ title: "Voice Comms Server", description: "Crystal clear audio channels for every squad.", imageSrc: "http://img.b2bpic.net/free-photo/young-streamer-winning-shooting-video-games-tournament-celebrating-success-online-live-stream-cheerful-person-feeling-happy-about-action-gameplay-championship-win-computer_482257-41448.jpg" },
|
||||
{ title: "Pro Coaching", description: "Learn from the top 1% players in the region.", imageSrc: "http://img.b2bpic.net/free-photo/esports-stage-background-3d-illustration_1419-2784.jpg" },
|
||||
]}
|
||||
title="Community Powerhouse"
|
||||
description="Everything you need to improve your game, find teammates, and dominate the lobby."
|
||||
@@ -123,41 +87,11 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "s1",
|
||||
name: "Viper",
|
||||
role: "Squad Leader",
|
||||
description: "Tactical master, specializing in close-range combat.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-female-soccer-player-ready-match_23-2150887368.jpg",
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
name: "Ghost",
|
||||
role: "Sniper",
|
||||
description: "Unrivaled precision from 500+ meters.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-pro-streamer-streaming-videogame-talking-into-headset_482257-112403.jpg",
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
name: "Ace",
|
||||
role: "Support",
|
||||
description: "Master of utility and team recovery.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-viewer-changing-channels-television-set-with-remote-control_482257-92306.jpg",
|
||||
},
|
||||
{
|
||||
id: "s4",
|
||||
name: "Shadow",
|
||||
role: "Scout",
|
||||
description: "Fastest rotation specialist in the circuit.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-portrait-with-blue-lights-visual-effects_23-2149419475.jpg",
|
||||
},
|
||||
{
|
||||
id: "s5",
|
||||
name: "Blaze",
|
||||
role: "Rusher",
|
||||
description: "Aggressive playstyle that breaks defenses.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-portrait-with-blue-lights-visual-effects_23-2149419472.jpg",
|
||||
},
|
||||
{ id: "s1", name: "Viper", role: "Squad Leader", description: "Tactical master, specializing in close-range combat.", imageSrc: "http://img.b2bpic.net/free-photo/view-female-soccer-player-ready-match_23-2150887368.jpg" },
|
||||
{ id: "s2", name: "Ghost", role: "Sniper", description: "Unrivaled precision from 500+ meters.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-pro-streamer-streaming-videogame-talking-into-headset_482257-112403.jpg" },
|
||||
{ id: "s3", name: "Ace", role: "Support", description: "Master of utility and team recovery.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-viewer-changing-channels-television-set-with-remote-control_482257-92306.jpg" },
|
||||
{ id: "s4", name: "Shadow", role: "Scout", description: "Fastest rotation specialist in the circuit.", imageSrc: "http://img.b2bpic.net/free-photo/man-portrait-with-blue-lights-visual-effects_23-2149419475.jpg" },
|
||||
{ id: "s5", name: "Blaze", role: "Rusher", description: "Aggressive playstyle that breaks defenses.", imageSrc: "http://img.b2bpic.net/free-photo/man-portrait-with-blue-lights-visual-effects_23-2149419472.jpg" },
|
||||
]}
|
||||
title="Elite Squad Leaders"
|
||||
description="Meet the commanders leading our top-tier competitive squads."
|
||||
@@ -170,41 +104,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "500k+",
|
||||
title: "Active Players",
|
||||
description: "Community members worldwide",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-audio-equipment-sound-control-concept_169016-20620.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "1000+",
|
||||
title: "Registered Squads",
|
||||
description: "Formed and active teams",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/birth-rate-fertility-concept_23-2148761009.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99%",
|
||||
title: "Win Rate",
|
||||
description: "Top tier squad performance",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/american-football-player-neon-style_23-2151827433.jpg",
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
value: "24/7",
|
||||
title: "Tournament Support",
|
||||
description: "Non-stop competitive action",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stock-market-graph-business-analysis-investment-monitors_482257-29619.jpg",
|
||||
},
|
||||
{
|
||||
id: "m5",
|
||||
value: "15+",
|
||||
title: "Countries",
|
||||
description: "Global community presence",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/led-display-with-red-green-segments_187299-47615.jpg",
|
||||
},
|
||||
{ id: "m1", value: "500k+", title: "Active Players", description: "Community members worldwide", imageSrc: "http://img.b2bpic.net/free-photo/closeup-audio-equipment-sound-control-concept_169016-20620.jpg" },
|
||||
{ id: "m2", value: "1000+", title: "Registered Squads", description: "Formed and active teams", imageSrc: "http://img.b2bpic.net/free-photo/birth-rate-fertility-concept_23-2148761009.jpg" },
|
||||
{ id: "m3", value: "99%", title: "Win Rate", description: "Top tier squad performance", imageSrc: "http://img.b2bpic.net/free-photo/american-football-player-neon-style_23-2151827433.jpg" },
|
||||
{ id: "m4", value: "24/7", title: "Tournament Support", description: "Non-stop competitive action", imageSrc: "http://img.b2bpic.net/free-photo/stock-market-graph-business-analysis-investment-monitors_482257-29619.jpg" },
|
||||
{ id: "m5", value: "15+", title: "Countries", description: "Global community presence", imageSrc: "http://img.b2bpic.net/free-photo/led-display-with-red-green-segments_187299-47615.jpg" },
|
||||
]}
|
||||
title="Global Impact"
|
||||
description="Proven results for the community."
|
||||
@@ -215,47 +119,13 @@ export default function LandingPage() {
|
||||
<TestimonialCardTen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
description="Our community loves the PUBG Hub experience!"
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Game Changer",
|
||||
quote: "I climbed from Bronze to Ace in two months thanks to the squad support here.",
|
||||
name: "Alex R.",
|
||||
role: "Pro Player",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/embarrassed-flight-passenger-awakes-after-sleeping-plane-holding-phone_273609-36770.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Top Community",
|
||||
quote: "The matchmaking quality is consistently high. Best community I've joined.",
|
||||
name: "Maria S.",
|
||||
role: "Squad Leader",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5290.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Level Up",
|
||||
quote: "The analytics tools are incredibly helpful for tracking my progress.",
|
||||
name: "David K.",
|
||||
role: "Sniper",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-playing-videogames_23-2150573843.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Competitive Fun",
|
||||
quote: "Tournaments are organized, fair, and extremely competitive. Highly recommended.",
|
||||
name: "Elena P.",
|
||||
role: "Support",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-influencer-endorsing-wireless-mouse-from-sponsor_482257-128136.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Legendary Status",
|
||||
quote: "Joined as a casual, left as a leader. This community builds winners.",
|
||||
name: "John D.",
|
||||
role: "Squad Member",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interracial-homosexual-female-couple-enjoying-online-communication_273609-9472.jpg",
|
||||
},
|
||||
{ id: "t1", title: "Game Changer", quote: "I climbed from Bronze to Ace in two months thanks to the squad support here.", name: "Alex R.", role: "Pro Player", imageSrc: "http://img.b2bpic.net/free-photo/embarrassed-flight-passenger-awakes-after-sleeping-plane-holding-phone_273609-36770.jpg" },
|
||||
{ id: "t2", title: "Top Community", quote: "The matchmaking quality is consistently high. Best community I've joined.", name: "Maria S.", role: "Squad Leader", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5290.jpg" },
|
||||
{ id: "t3", title: "Level Up", quote: "The analytics tools are incredibly helpful for tracking my progress.", name: "David K.", role: "Sniper", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-playing-videogames_23-2150573843.jpg" },
|
||||
{ id: "t4", title: "Competitive Fun", quote: "Tournaments are organized, fair, and extremely competitive. Highly recommended.", name: "Elena P.", role: "Support", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-influencer-endorsing-wireless-mouse-from-sponsor_482257-128136.jpg" },
|
||||
{ id: "t5", title: "Legendary Status", quote: "Joined as a casual, left as a leader. This community builds winners.", name: "John D.", role: "Squad Member", imageSrc: "http://img.b2bpic.net/free-photo/interracial-homosexual-female-couple-enjoying-online-communication_273609-9472.jpg" },
|
||||
]}
|
||||
title="What Our Players Say"
|
||||
/>
|
||||
@@ -265,15 +135,9 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
description="Trusted by industry leaders in esports."
|
||||
names={[
|
||||
"EsportGear",
|
||||
"TacticalMobile",
|
||||
"ApexShield",
|
||||
"BattleReady",
|
||||
"SniperZone",
|
||||
"VictoryPoint",
|
||||
"SquadGoals",
|
||||
]}
|
||||
"EsportGear", "TacticalMobile", "ApexShield", "BattleReady", "SniperZone", "VictoryPoint", "SquadGoals"]}
|
||||
title="Strategic Partners"
|
||||
/>
|
||||
</div>
|
||||
@@ -282,31 +146,11 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How do I join a squad?",
|
||||
content: "Head to the 'Matchmaking' dashboard and post your availability.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Is the community free?",
|
||||
content: "Yes, we are 100% free for all PUBG Mobile players.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "How do I participate in tournaments?",
|
||||
content: "Register your squad in the 'Tournaments' section 24 hours before the event start.",
|
||||
},
|
||||
{
|
||||
id: "f4",
|
||||
title: "Can I bring my team?",
|
||||
content: "Yes! You can register as an existing squad in our portal.",
|
||||
},
|
||||
{
|
||||
id: "f5",
|
||||
title: "Are there age restrictions?",
|
||||
content: "Players must follow age policies dictated by the game's developer.",
|
||||
},
|
||||
{ id: "f1", title: "How do I join a squad?", content: "Head to the 'Matchmaking' dashboard and post your availability." },
|
||||
{ id: "f2", title: "Is the community free?", content: "Yes, we are 100% free for all PUBG Mobile players." },
|
||||
{ id: "f3", title: "How do I participate in tournaments?", content: "Register your squad in the 'Tournaments' section 24 hours before the event start." },
|
||||
{ id: "f4", title: "Can I bring my team?", content: "Yes! You can register as an existing squad in our portal." },
|
||||
{ id: "f5", title: "Are there age restrictions?", content: "Players must follow age policies dictated by the game's developer." },
|
||||
]}
|
||||
sideTitle="Questions?"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -316,15 +160,10 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-animated-grid",
|
||||
}}
|
||||
background={{ variant: "rotated-rays-animated-grid" }}
|
||||
text="Ready to drop in? Join our community of thousands and start your rise to the top of the leaderboards today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
{ text: "Contact Us", href: "#" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -332,57 +171,9 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Community",
|
||||
items: [
|
||||
{
|
||||
label: "Squads",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Tournaments",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Rankings",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Guides",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
{
|
||||
label: "Discord",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "YouTube",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Community", items: [{ label: "Squads", href: "#" }, { label: "Tournaments", href: "#" }, { label: "Rankings", href: "#" }] },
|
||||
{ title: "Support", items: [{ label: "Contact Us", href: "#" }, { label: "FAQ", href: "#" }, { label: "Guides", href: "#" }] },
|
||||
{ title: "Social", items: [{ label: "Discord", href: "#" }, { label: "Twitter", href: "#" }, { label: "YouTube", href: "#" }] },
|
||||
]}
|
||||
bottomLeftText="© 2024 PUBG Hub. All rights reserved."
|
||||
bottomRightText="Privacy Policy | Terms of Service"
|
||||
|
||||
Reference in New Issue
Block a user