Merge version_1 into main #4
306
src/app/page.tsx
306
src/app/page.tsx
@@ -15,218 +15,120 @@ export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="background-highlight"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="smallMedium"
|
||||
sizing="large"
|
||||
background="aurora"
|
||||
cardStyle="gradient-mesh"
|
||||
primaryButtonStyle="flat"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Booking", id: "pricing"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Cyber Arena"
|
||||
button={{
|
||||
text: "Join Now", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Booking", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Cyber Arena"
|
||||
button={{ text: "Join Now", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "sparkles-gradient"}}
|
||||
imagePosition="right"
|
||||
title="Enter the Arena Elevate Your Game"
|
||||
description="Premium gaming zones, tournament-grade hardware, and a thriving esports community await. Book your session or compete for glory at Cyber Arena—Tashkent's ultimate gaming destination."
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserve Your Spot Now", href: "#pricing"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-mature-woman-having-fun-time_23-2149232853.jpg"
|
||||
imageAlt="Cyber Arena Gaming Club"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-gamer-sitting-chair_23-2149829176.jpg", alt: "Pro Gamer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-handsome-young-man-using-tablet_1262-5146.jpg", alt: "Casual Gamer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/black-teen-smiling-girl-headset-playing-video-games-video-game-club_1268-25918.jpg", alt: "Pro Streamer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/african-american-person-texting-messages-smartphone-app-sofa-finishing-tasks-before_482257-132374.jpg", alt: "Team Lead"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/gamer-playing-intense-classic-arcade-spaceship-racing-videogame-clenching-fist-excitement-after-winning-joyful-man-having-burst-happiness-after-passing-game-mission_482257-71095.jpg", alt: "Community Member"},
|
||||
]}
|
||||
avatarText="Join 5,000+ gamers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon", text: "24/7 Access", icon: Clock,
|
||||
},
|
||||
{
|
||||
type: "text-icon", text: "Pro Gear", icon: Monitor,
|
||||
},
|
||||
{
|
||||
type: "text-icon", text: "High-Speed Fiber", icon: Wifi,
|
||||
},
|
||||
{
|
||||
type: "text-icon", text: "Coaching", icon: Trophy,
|
||||
},
|
||||
{
|
||||
type: "text-icon", text: "Tournaments", icon: Star,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
imagePosition="right"
|
||||
title="Enter the Arena Elevate Your Game"
|
||||
description="Premium gaming zones, tournament-grade hardware, and a thriving esports community await. Book your session or compete for glory at Cyber Arena—Tashkent's ultimate gaming destination."
|
||||
buttons={[
|
||||
{ text: "Reserve Your Spot Now", href: "#pricing" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-mature-woman-having-fun-time_23-2149232853.jpg"
|
||||
imageAlt="Cyber Arena Gaming Club"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-gamer-sitting-chair_23-2149829176.jpg", alt: "Pro Gamer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-handsome-young-man-using-tablet_1262-5146.jpg", alt: "Casual Gamer" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{ type: "text-icon", text: "24/7 Access", icon: Clock },
|
||||
{ type: "text-icon", text: "Pro Gear", icon: Monitor },
|
||||
{ type: "text-icon", text: "High-Speed Fiber", icon: Wifi },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "1", title: "Tournament-Grade Hardware", author: "Pro Setup", description: "High-refresh displays, mechanical peripherals, and high-performance GPUs.", tags: [
|
||||
"Hardware", "Pro"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-hard-drive-components_23-2149413382.jpg"},
|
||||
{
|
||||
id: "2", title: "24/7 Availability", author: "Always Open", description: "Never miss a game. Our arena is open around the clock.", tags: [
|
||||
"Anytime"],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-neon-gaming-twitch-background_23-2149826959.jpg"},
|
||||
{
|
||||
id: "3", title: "Esports Coaching", author: "Pro Mentors", description: "Improve your rank with professional coaching and analytics.", tags: [
|
||||
"Training"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gamer-battling-enemies-multiplayer-shooter-discussing-with-other-players-through-headphones-mic_482257-77140.jpg"},
|
||||
{
|
||||
id: "4", title: "Social Hub", author: "Community", description: "A thriving space to meet, play, and compete with others.", tags: [
|
||||
"Community"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gamer-playing-intense-classic-arcade-spaceship-racing-videogame-clenching-fist-excitement-after-winning-joyful-man-having-burst-happiness-after-passing-game-mission_482257-71095.jpg?_wi=1"},
|
||||
]}
|
||||
title="Elite Gaming Infrastructure"
|
||||
description="Designed for performance and comfort. Experience Tashkent's most advanced gaming ecosystem."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="Elite Gaming Infrastructure"
|
||||
description="Designed for performance and comfort. Experience Tashkent's most advanced gaming ecosystem."
|
||||
features={[
|
||||
{ id: "1", title: "Tournament-Grade Hardware", author: "Pro Setup", description: "High-refresh displays, mechanical peripherals, and high-performance GPUs.", tags: ["Hardware", "Pro"], imageSrc: "http://img.b2bpic.net/free-photo/top-view-hard-drive-components_23-2149413382.jpg" },
|
||||
{ id: "2", title: "24/7 Availability", author: "Always Open", description: "Never miss a game. Our arena is open around the clock.", tags: ["Anytime"], imageSrc: "http://img.b2bpic.net/free-vector/flat-design-neon-gaming-twitch-background_23-2149826959.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic", badge: "Casual", price: "50,000 UZS", subtitle: "Per hour", buttons: [
|
||||
{
|
||||
text: "Book Now", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Standard PC setup", "Community access", "High-speed internet"],
|
||||
},
|
||||
{
|
||||
id: "pro", badge: "Competitive", price: "80,000 UZS", subtitle: "Per hour", buttons: [
|
||||
{
|
||||
text: "Book Now", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Tournament PC setup", "High-refresh display", "Pro-peripherals"],
|
||||
},
|
||||
{
|
||||
id: "team", badge: "Team Building", price: "Custom", subtitle: "Event base", buttons: [
|
||||
{
|
||||
text: "Contact Us", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Private lounge area", "Catering options", "Tournament support"],
|
||||
},
|
||||
]}
|
||||
title="Hourly Booking Plans"
|
||||
description="Flexible pricing for competitive players and casual groups."
|
||||
/>
|
||||
</div>
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Hourly Booking Plans"
|
||||
description="Flexible pricing for competitive players and casual groups."
|
||||
plans={[
|
||||
{ id: "basic", badge: "Casual", price: "50,000 UZS", subtitle: "Per hour", buttons: [{ text: "Book Now", href: "#contact" }], features: ["Standard PC setup", "Community access"] },
|
||||
{ id: "pro", badge: "Competitive", price: "80,000 UZS", subtitle: "Per hour", buttons: [{ text: "Book Now", href: "#contact" }], features: ["Tournament PC setup", "High-refresh display"] },
|
||||
{ id: "team", badge: "Team Building", price: "Custom", subtitle: "Event base", buttons: [{ text: "Contact Us", href: "#contact" }], features: ["Private lounge area", "Tournament support"] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", title: "Pro Player", quote: "The hardware here is unmatched. Best gaming club in Tashkent.", name: "Alex R.", role: "Esports Pro", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-gamer-sitting-chair_23-2149829176.jpg"},
|
||||
{
|
||||
id: "2", title: "Casual Gamer", quote: "Great atmosphere for after-work gaming with friends. Highly recommended.", name: "Elena K.", role: "Casual Gamer", imageSrc: "http://img.b2bpic.net/free-photo/happy-handsome-young-man-using-tablet_1262-5146.jpg"},
|
||||
{
|
||||
id: "3", title: "Tournament Host", quote: "Incredible infrastructure for large tournaments. The staff is top-tier.", name: "Jamshid M.", role: "Tournament Organizer", imageSrc: "http://img.b2bpic.net/free-photo/black-teen-smiling-girl-headset-playing-video-games-video-game-club_1268-25918.jpg"},
|
||||
{
|
||||
id: "4", title: "Team Lead", quote: "Our corporate team-building event was a huge success. Thanks Cyber Arena!", name: "Sarah D.", role: "Manager", imageSrc: "http://img.b2bpic.net/free-photo/african-american-person-texting-messages-smartphone-app-sofa-finishing-tasks-before_482257-132374.jpg"},
|
||||
{
|
||||
id: "5", title: "Streamer", quote: "The perfect setup for my live streams. Lighting and bandwidth are elite.", name: "Mark V.", role: "Content Creator", imageSrc: "http://img.b2bpic.net/free-photo/gamer-playing-intense-classic-arcade-spaceship-racing-videogame-clenching-fist-excitement-after-winning-joyful-man-having-burst-happiness-after-passing-game-mission_482257-71095.jpg?_wi=2"},
|
||||
]}
|
||||
title="Voices of the Arena"
|
||||
description="What our community has to say."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
title="Voices of the Arena"
|
||||
description="What our community has to say."
|
||||
testimonials={[
|
||||
{ id: "1", title: "Pro Player", quote: "The hardware here is unmatched. Best gaming club in Tashkent.", name: "Alex R.", role: "Esports Pro", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-gamer-sitting-chair_23-2149829176.jpg" },
|
||||
{ id: "2", title: "Casual Gamer", quote: "Great atmosphere for after-work gaming with friends. Highly recommended.", name: "Elena K.", role: "Casual Gamer", imageSrc: "http://img.b2bpic.net/free-photo/happy-handsome-young-man-using-tablet_1262-5146.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactFaq
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq1", title: "How to book a session?", content: "You can reserve through our website or call us directly."},
|
||||
{
|
||||
id: "faq2", title: "Do you host tournaments?", content: "Yes, we host monthly esports tournaments with prizes."},
|
||||
{
|
||||
id: "faq3", title: "Is catering available?", content: "We offer catering and event coordination for corporate bookings."},
|
||||
]}
|
||||
ctaTitle="Ready to Enter?"
|
||||
ctaDescription="Contact us today for bookings, tournament inquiries, or corporate events."
|
||||
ctaButton={{
|
||||
text: "Contact Support", href: "mailto:info@cyberarena.uz"}}
|
||||
ctaIcon={MessageCircle}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactFaq
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "faq1", title: "How to book a session?", content: "You can reserve through our website or call us directly." },
|
||||
{ id: "faq2", title: "Do you host tournaments?", content: "Yes, we host monthly esports tournaments with prizes." },
|
||||
]}
|
||||
ctaTitle="Ready to Enter?"
|
||||
ctaDescription="Contact us today for bookings, tournament inquiries, or corporate events."
|
||||
ctaButton={{ text: "Contact Support", href: "mailto:info@cyberarena.uz" }}
|
||||
ctaIcon={MessageCircle}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Arena", items: [
|
||||
{
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Booking Info", href: "#pricing"},
|
||||
{
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Socials", items: [
|
||||
{
|
||||
label: "Telegram", href: "https://t.me/cyberarena"},
|
||||
{
|
||||
label: "Instagram", href: "https://instagram.com/cyberarena"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 Cyber Arena Tashkent. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{ title: "Arena", items: [{ label: "About", href: "#" }, { label: "Careers", href: "#" }] },
|
||||
{ title: "Support", items: [{ label: "Booking Info", href: "#pricing" }, { label: "Contact", href: "#contact" }] },
|
||||
]}
|
||||
copyrightText="© 2024 Cyber Arena Tashkent. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user