162 lines
8.0 KiB
TypeScript
162 lines
8.0 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
|
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
|
|
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
|
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
|
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
|
import TextAbout from '@/components/sections/about/TextAbout';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="soft"
|
|
contentWidth="medium"
|
|
sizing="mediumLargeSizeMediumTitles"
|
|
background="noiseDiagonalGradient"
|
|
cardStyle="inset"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="normal"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
navItems={[
|
|
{ name: "Overview", id: "hero" },
|
|
{ name: "Features", id: "features" },
|
|
{ name: "Arsenal", id: "product" },
|
|
{ name: "Community", id: "testimonial" },
|
|
{ name: "Support", id: "faq" },
|
|
]}
|
|
brandName="BATTLE ROYAL"
|
|
button={{ text: "Get Started", href: "#" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogo
|
|
logoText="BATTLE ROYAL"
|
|
description="Engage in relentless combat across intense 1v1 duels and squad-based warfare. Master your arsenal and dominate the leaderboards."
|
|
buttons={[{ text: "Play Now", href: "#" }, { text: "Join Squad", href: "#" }]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/illustration-several-lights-each-other-flowing-into-single-point_181624-21217.jpg"
|
|
imageAlt="Battle Royal explosive gaming scene"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextAbout
|
|
useInvertedBackground={false}
|
|
title="Unmatched Combat Experience"
|
|
buttons={[{ text: "Learn More" }]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardMedia
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{ id: "f1", title: "1v1 Duel Mode", description: "Prove your personal skill in pure combat encounters.", tag: "Competitive", imageSrc: "http://img.b2bpic.net/free-photo/side-view-friends-winning-videogame_23-2149349984.jpg" },
|
|
{ id: "f2", title: "Squad Warfare", description: "Coordinate with your squad to overcome tactical challenges.", tag: "Tactical", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-man-shooting-gallery-doing-training_482257-117759.jpg" },
|
|
{ id: "f3", title: "Massive Arsenal", description: "Customize your loadout from dozens of unique tactical weapons.", tag: "Customization", imageSrc: "http://img.b2bpic.net/free-photo/war-ukraine-concept-war-ukraine-rifle-bullets-shell_169016-67691.jpg" },
|
|
]}
|
|
title="Game Modes & Tactics"
|
|
description="From solitary duels to tactical squad cooperation."
|
|
/>
|
|
</div>
|
|
|
|
<div id="product" data-section="product">
|
|
<ProductCardOne
|
|
textboxLayout="split"
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{ id: "p1", name: "Assault Rifle Alpha", price: "Legendary", imageSrc: "http://img.b2bpic.net/free-photo/close-up-ak-47-showcased-black-background_23-2150803626.jpg" },
|
|
{ id: "p2", name: "Tactical Shotgun S7", price: "Epic", imageSrc: "http://img.b2bpic.net/free-photo/collection-traditional-toy-soldiers_93675-130165.jpg" },
|
|
{ id: "p3", name: "Long-Range Sniper", price: "Rare", imageSrc: "http://img.b2bpic.net/free-photo/stone-texture-background_1194-8712.jpg" },
|
|
{ id: "p4", name: "Dual Pistols Pro", price: "Common", imageSrc: "http://img.b2bpic.net/free-photo/close-up-gun-showcased-green-background_23-2150803602.jpg" },
|
|
{ id: "p5", name: "Heavy Machine Gun", price: "Epic", imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-soldier-military-uniform-with-gun-dark-wall_140725-153316.jpg" },
|
|
{ id: "p6", name: "Energy Cannon X", price: "Legendary", imageSrc: "http://img.b2bpic.net/free-photo/view-modern-nuclear-bomb_23-2150805572.jpg" },
|
|
]}
|
|
title="Weapon Arsenal"
|
|
description="A lethal variety of high-performance tactical gear."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metric" data-section="metric">
|
|
<MetricCardSeven
|
|
animationType="depth-3d"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{ id: "m1", value: "1.2M", title: "Active Players", items: ["Daily Active Users", "Global Reach"] },
|
|
{ id: "m2", value: "500+", title: "Tournaments", items: ["Weekly Events", "Esports Ready"] },
|
|
{ id: "m3", value: "99.9%", title: "Server Uptime", items: ["High Stability", "No Lag"] },
|
|
]}
|
|
title="Combat Statistics"
|
|
description="Real-time data on competitive performance."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonial" data-section="testimonial">
|
|
<TestimonialCardOne
|
|
animationType="scale-rotate"
|
|
textboxLayout="split"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{ id: "t1", name: "Alex R.", role: "Pro Player", company: "Elite Squad", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/energetic-gamer-starting-live-broadcast-interacting-with-viewers-before-playing-videogame_482257-116267.jpg" },
|
|
{ id: "t2", name: "Jordan P.", role: "Tactician", company: "Alpha Team", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/gamer-receiving-game-screen-getting-his-spaceship-destroyed-huge-explosion_482257-116245.jpg" },
|
|
{ id: "t3", name: "Sarah M.", role: "Streamer", company: "Gaming Hub", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/serious-caucasian-man-sulks-face-keeps-arms-folded_273609-29724.jpg" },
|
|
{ id: "t4", name: "Chris B.", role: "Competitor", company: "Rival Clan", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-cute-kid-does-live-broadcast-using-phone-camera-talk-with-online-audience_482257-102481.jpg" },
|
|
{ id: "t5", name: "Maria K.", role: "Duelist", company: "Lone Wolf", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-sporty-man-wearing-sportswear-headband-with-headphones-surprised_141793-37324.jpg" },
|
|
]}
|
|
title="Community Voices"
|
|
description="What our top combatants say about the experience."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitText
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{ id: "q1", title: "How does duel mode work?", content: "Duel mode pairs you against a single opponent of equal rank for a 1v1 showdown." },
|
|
{ id: "q2", title: "Are weapons balanced?", content: "Our weapons are tuned based on constant community feedback and data metrics." },
|
|
{ id: "q3", title: "Can I invite friends to squads?", content: "Yes, squads can be formed with up to 4 friends for coordinated combat." },
|
|
]}
|
|
sideTitle="Battle Royal FAQ"
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
useInvertedBackground={false}
|
|
background={{ variant: "sparkles-gradient" }}
|
|
text="Join the fight today. Stay updated with competitive news and squad recruitments."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="BATTLE ROYAL"
|
|
leftLink={{ text: "Privacy Policy", href: "#" }}
|
|
rightLink={{ text: "Support", href: "#" }}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|