Update src/app/page.tsx
This commit is contained in:
384
src/app/page.tsx
384
src/app/page.tsx
@@ -28,270 +28,142 @@ export default function LandingPage() {
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Trine"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Trine"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Dominate the Arena"
|
||||
description="Experience professional-grade gaming performance at Trine. High-speed rigs, elite peripherals, and a community that never quits."
|
||||
tag="Welcome to Trine Gaming"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/small-juvenile-bedroom-arrangement_23-2151113830.jpg",
|
||||
imageAlt: "High-end gaming rig station",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gradient-illuminated-neon-gaming-desk-setup-with-keyboard_23-2149529413.jpg",
|
||||
imageAlt: "Gamer focused on screen",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/back-view-professional-video-gamer-playing-powerful-pc-late-night-living-room_482257-22722.jpg",
|
||||
imageAlt: "Back view of professional video gamer playing on powerful PC late at night in the living room.",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/retro-vhs-packaging-indoors_23-2150172399.jpg",
|
||||
imageAlt: "Retro vhs packaging indoors",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gradient-illuminated-neon-gaming-desk-setup-with-keyboard_23-2149529409.jpg",
|
||||
imageAlt: "Gradient illuminated neon gaming desk setup with keyboard",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Rated 5 stars by over 500+ pro gamers"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Dominate the Arena"
|
||||
description="Experience professional-grade gaming performance at Trine. High-speed rigs, elite peripherals, and a community that never quits."
|
||||
tag="Welcome to Trine Gaming"
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/small-juvenile-bedroom-arrangement_23-2151113830.jpg", imageAlt: "High-end gaming rig station" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/gradient-illuminated-neon-gaming-desk-setup-with-keyboard_23-2149529413.jpg", imageAlt: "Gamer focused on screen" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Rated 5 stars by over 500+ pro gamers"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={true}
|
||||
title="The Ultimate Gaming Sanctuary"
|
||||
description="Trine is more than just a gaming zone; it's a dedicated space for competitive growth, social connection, and cutting-edge hardware. Whether you're training for your next tournament or chilling with friends, we provide the ultimate foundation."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-view-women-playing-dancing-arcade_23-2148253101.jpg"
|
||||
imageAlt="Trine gaming zone interior"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={true}
|
||||
title="The Ultimate Gaming Sanctuary"
|
||||
description="Trine is more than just a gaming zone; it's a dedicated space for competitive growth, social connection, and cutting-edge hardware. Whether you're training for your next tournament or chilling with friends, we provide the ultimate foundation."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-view-women-playing-dancing-arcade_23-2148253101.jpg"
|
||||
imageAlt="Trine gaming zone interior"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureHoverPattern
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Ultra-Low Latency",
|
||||
description: "Fiber-optic internet for zero-lag gaming experience.",
|
||||
},
|
||||
{
|
||||
icon: Monitor,
|
||||
title: "4K High-Refresh Displays",
|
||||
description: "Smooth visuals to keep you ahead of the competition.",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
title: "Elite Peripherals",
|
||||
description: "Pro-grade mice, mechanical keyboards, and audio equipment.",
|
||||
},
|
||||
]}
|
||||
title="Why Trine Stands Out"
|
||||
description="We offer the best hardware and community experience in the city."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureHoverPattern
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ icon: Zap, title: "Ultra-Low Latency", description: "Fiber-optic internet for zero-lag gaming experience." },
|
||||
{ icon: Monitor, title: "4K High-Refresh Displays", description: "Smooth visuals to keep you ahead of the competition." },
|
||||
{ icon: Award, title: "Elite Peripherals", description: "Pro-grade mice, mechanical keyboards, and audio equipment." }
|
||||
]}
|
||||
title="Why Trine Stands Out"
|
||||
description="We offer the best hardware and community experience in the city."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
icon: Users,
|
||||
title: "Active Players",
|
||||
value: "12,000+",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
icon: Trophy,
|
||||
title: "Tournaments Won",
|
||||
value: "150+",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
icon: Clock,
|
||||
title: "Gaming Hours",
|
||||
value: "5M+",
|
||||
},
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Numbers that define our performance and community growth."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{ id: "1", icon: Users, title: "Active Players", value: "12,000+" },
|
||||
{ id: "2", icon: Trophy, title: "Tournaments Won", value: "150+" },
|
||||
{ id: "3", icon: Clock, title: "Gaming Hours", value: "5M+" }
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Numbers that define our performance and community growth."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex River",
|
||||
handle: "@alexpro",
|
||||
testimonial: "The best setup I've played on in years. Solid hardware and friendly vibe.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hispanic-teenager-playing-video-game-holding-controller-looking-camera-blowing-kiss-air-being-lovely-sexy-love-expression_839833-3185.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah Chen",
|
||||
handle: "@schenn",
|
||||
testimonial: "Competitive gaming here is unmatched. Love the regular community events.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-adult-enjoying-playing-video-game_23-2149250001.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Jordan P.",
|
||||
handle: "@jordanp",
|
||||
testimonial: "Top tier gear, reliable speeds, and a great location. Definitely recommend.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stressed-man-playing-videogames-home-spamming-keyboard-buttons_482257-116257.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Emily Rose",
|
||||
handle: "@emmyrose",
|
||||
testimonial: "Excellent service and equipment. Always a great time when I visit.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-hispanic-man-playing-video-games-gesturing-with-hands-showing-big-large-size-sign-measure-symbol-smiling-looking-camera-measuring-concept_839833-7503.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Mark Miller",
|
||||
handle: "@mmiller",
|
||||
testimonial: "Everything you need for a pro-level session is right here.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-person-texting-messages-smartphone-app-sofa-finishing-tasks-before_482257-132374.jpg",
|
||||
},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Hear from the Community"
|
||||
description="What our regulars are saying about their experience at Trine."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Alex River", handle: "@alexpro", testimonial: "The best setup I've played on in years. Solid hardware and friendly vibe.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/hispanic-teenager-playing-video-game-holding-controller-looking-camera-blowing-kiss-air-being-lovely-sexy-love-expression_839833-3185.jpg" },
|
||||
{ id: "2", name: "Sarah Chen", handle: "@schenn", testimonial: "Competitive gaming here is unmatched. Love the regular community events.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-adult-enjoying-playing-video-game_23-2149250001.jpg" },
|
||||
{ id: "3", name: "Jordan P.", handle: "@jordanp", testimonial: "Top tier gear, reliable speeds, and a great location. Definitely recommend.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/stressed-man-playing-videogames-home-spamming-keyboard-buttons_482257-116257.jpg" },
|
||||
{ id: "4", name: "Emily Rose", handle: "@emmyrose", testimonial: "Excellent service and equipment. Always a great time when I visit.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-hispanic-man-playing-video-games-gesturing-with-hands-showing-big-large-size-sign-measure-symbol-smiling-looking-camera-measuring-concept_839833-7503.jpg" },
|
||||
{ id: "5", name: "Mark Miller", handle: "@mmiller", testimonial: "Everything you need for a pro-level session is right here.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/african-american-person-texting-messages-smartphone-app-sofa-finishing-tasks-before_482257-132374.jpg" }
|
||||
]}
|
||||
showRating={true}
|
||||
title="Hear from the Community"
|
||||
description="What our regulars are saying about their experience at Trine."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Do I need to book in advance?",
|
||||
content: "Booking is recommended, especially for peak hours and weekends.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Are there student discounts?",
|
||||
content: "Yes, we offer a special hourly rate for students with a valid ID.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Can I bring my own gear?",
|
||||
content: "Absolutely! Feel free to plug in your own peripherals.",
|
||||
},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about joining Trine."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "1", title: "Do I need to book in advance?", content: "Booking is recommended, especially for peak hours and weekends." },
|
||||
{ id: "2", title: "Are there student discounts?", content: "Yes, we offer a special hourly rate for students with a valid ID." },
|
||||
{ id: "3", title: "Can I bring my own gear?", content: "Absolutely! Feel free to plug in your own peripherals." }
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about joining Trine."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Stay Connected"
|
||||
description="Join our newsletter for updates on tournament schedules and hardware upgrades."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/traffic-light-trails-urban-street_1359-520.jpg"
|
||||
tag="Newsletter"
|
||||
mediaAnimation="slide-up"
|
||||
imageAlt="Neon red gaming streaks"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
title="Stay Connected"
|
||||
description="Join our newsletter for updates on tournament schedules and hardware upgrades."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/traffic-light-trails-urban-street_1359-520.jpg"
|
||||
tag="Newsletter"
|
||||
mediaAnimation="slide-up"
|
||||
imageAlt="Neon red gaming streaks"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-experiencing-virtual-reality-close-up_23-2148864935.jpg"
|
||||
logoText="Trine Gaming Zone"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Socials",
|
||||
items: [
|
||||
{
|
||||
label: "Discord",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-experiencing-virtual-reality-close-up_23-2148864935.jpg"
|
||||
logoText="Trine Gaming Zone"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation", items: [
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Features", href: "#features" },
|
||||
{ label: "Contact", href: "#contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Socials", items: [
|
||||
{ label: "Discord", href: "#" },
|
||||
{ label: "Twitter", href: "#" },
|
||||
{ label: "Instagram", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user