Merge version_2 into main #1
214
src/app/page.tsx
214
src/app/page.tsx
@@ -11,7 +11,7 @@ import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import { Clock, Star, Trophy } from "lucide-react";
|
||||
import { Clock, Star, Trophy, CalendarCheck } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Features", id: "#features"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "#faq"},
|
||||
{
|
||||
name: "Book Now",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Book Now", id: "#contact"},
|
||||
]}
|
||||
brandName="PlayStation Lounge"
|
||||
/>
|
||||
@@ -54,67 +46,45 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
tag="Now Accepting Bookings"
|
||||
tagIcon={CalendarCheck}
|
||||
tagAnimation="blur-reveal"
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Claim Your 1v1 Throne"
|
||||
description="Book a premium PS5 station and prove who the true champion is. Low latency, massive displays, and complete gaming comfort."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/neon-gamer-setup_23-2151948243.jpg"
|
||||
imageAlt="Competitive gaming lounge"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/african-american-man-playing-multiplayer-online-action-rpg-pc-while-girlfriend-is-fighting-virtual-reality-game-living-room-gamer-streaming-first-person-shooter-while-woman-uses-vr-goggles_482257-50436.jpg",
|
||||
alt: "Gamer profile 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/african-american-man-playing-multiplayer-online-action-rpg-pc-while-girlfriend-is-fighting-virtual-reality-game-living-room-gamer-streaming-first-person-shooter-while-woman-uses-vr-goggles_482257-50436.jpg", alt: "Gamer profile 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/esports-championship-blue-background-3d-illustration_1419-2788.jpg",
|
||||
alt: "Gamer profile 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/esports-championship-blue-background-3d-illustration_1419-2788.jpg", alt: "Gamer profile 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/crumbling-structure-with-purple-pink-lights-glowing-darkness-chaos-disrepair-empty-deserted-building-with-graffiti-art-rusty-walls-looking-grungy-fluorescent-bright-light_482257-66854.jpg",
|
||||
alt: "Gamer profile 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/crumbling-structure-with-purple-pink-lights-glowing-darkness-chaos-disrepair-empty-deserted-building-with-graffiti-art-rusty-walls-looking-grungy-fluorescent-bright-light_482257-66854.jpg", alt: "Gamer profile 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/gaming-setup-with-neon-light_23-2149829125.jpg",
|
||||
alt: "Gamer profile 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/gaming-setup-with-neon-light_23-2149829125.jpg", alt: "Gamer profile 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/lifestyle-tattooed-people_23-2149667375.jpg",
|
||||
alt: "Gamer profile 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/lifestyle-tattooed-people_23-2149667375.jpg", alt: "Gamer profile 5"},
|
||||
]}
|
||||
avatarText="Join 5k+ competitive gamers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Low Latency",
|
||||
},
|
||||
type: "text", text: "Low Latency"},
|
||||
{
|
||||
type: "text",
|
||||
text: "4K Refresh Rate",
|
||||
},
|
||||
type: "text", text: "4K Refresh Rate"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Ergonomic Setup",
|
||||
},
|
||||
type: "text", text: "Ergonomic Setup"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Private Cabin",
|
||||
},
|
||||
type: "text", text: "Private Cabin"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Tournament Ready",
|
||||
},
|
||||
type: "text", text: "Tournament Ready"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Station",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Station", href: "#contact"},
|
||||
{
|
||||
text: "View Features",
|
||||
href: "#features",
|
||||
},
|
||||
text: "View Features", href: "#features"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -125,19 +95,13 @@ export default function LandingPage() {
|
||||
title="By The Numbers"
|
||||
metrics={[
|
||||
{
|
||||
label: "Stations Available",
|
||||
value: "12+",
|
||||
icon: Star,
|
||||
label: "Stations Available", value: "12+", icon: Star,
|
||||
},
|
||||
{
|
||||
label: "Matches Played",
|
||||
value: "5k+",
|
||||
icon: Trophy,
|
||||
label: "Matches Played", value: "5k+", icon: Trophy,
|
||||
},
|
||||
{
|
||||
label: "Avg Session Length",
|
||||
value: "2hrs",
|
||||
icon: Clock,
|
||||
label: "Avg Session Length", value: "2hrs", icon: Clock,
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
@@ -151,20 +115,11 @@ export default function LandingPage() {
|
||||
description="We provide the perfect conditions for your settle-the-score sessions."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Ultra-Low Latency",
|
||||
content: "Our high-speed monitors and wired connections ensure frames are processed instantly.",
|
||||
},
|
||||
id: "1", title: "Ultra-Low Latency", content: "Our high-speed monitors and wired connections ensure frames are processed instantly."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Privacy & Focus",
|
||||
content: "Book a dedicated 1v1 cabin to ensure total concentration and no distractions.",
|
||||
},
|
||||
id: "2", title: "Privacy & Focus", content: "Book a dedicated 1v1 cabin to ensure total concentration and no distractions."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Latest Games",
|
||||
content: "We have all the latest competitive titles installed and updated, ready to launch.",
|
||||
},
|
||||
id: "3", title: "Latest Games", content: "We have all the latest competitive titles installed and updated, ready to launch."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-friends-playing-videogames_23-2150571954.jpg"
|
||||
mediaAnimation="opacity"
|
||||
@@ -179,41 +134,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Casual 1 Hour",
|
||||
price: "$15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-indian-origin-having-fun_23-2150285315.jpg",
|
||||
},
|
||||
id: "p1", name: "Casual 1 Hour", price: "$15", imageSrc: "http://img.b2bpic.net/free-photo/friends-indian-origin-having-fun_23-2150285315.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Standard 2 Hours",
|
||||
price: "$25",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/football-fans-celebrating-living-room_23-2147824866.jpg",
|
||||
},
|
||||
id: "p2", name: "Standard 2 Hours", price: "$25", imageSrc: "http://img.b2bpic.net/free-photo/football-fans-celebrating-living-room_23-2147824866.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Pro 3 Hour Block",
|
||||
price: "$35",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-couple-playing-videogames-indoors_23-2148969238.jpg",
|
||||
},
|
||||
id: "p3", name: "Pro 3 Hour Block", price: "$35", imageSrc: "http://img.b2bpic.net/free-photo/cute-couple-playing-videogames-indoors_23-2148969238.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "After-Hours Unlimited",
|
||||
price: "$50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-gamers-cafe-room-with-powerful-personal-computer-3d-illustration_1419-2792.jpg",
|
||||
},
|
||||
id: "p4", name: "After-Hours Unlimited", price: "$50", imageSrc: "http://img.b2bpic.net/free-photo/professional-gamers-cafe-room-with-powerful-personal-computer-3d-illustration_1419-2792.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Tournament 5 Pack",
|
||||
price: "$120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cyber-security-experts-working-with-tech-devices-neon-lights_23-2151645629.jpg",
|
||||
},
|
||||
id: "p5", name: "Tournament 5 Pack", price: "$120", imageSrc: "http://img.b2bpic.net/free-photo/cyber-security-experts-working-with-tech-devices-neon-lights_23-2151645629.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Group Arena Half-Day",
|
||||
price: "$200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/men-fans-watching-football-tv-drink-beer-three-men-drinking-beer-having-fun-together-bar_231208-8894.jpg",
|
||||
},
|
||||
id: "p6", name: "Group Arena Half-Day", price: "$200", imageSrc: "http://img.b2bpic.net/free-photo/men-fans-watching-football-tv-drink-beer-three-men-drinking-beer-having-fun-together-bar_231208-8894.jpg"},
|
||||
]}
|
||||
title="Choose Your Arena"
|
||||
description="Select your station and time block."
|
||||
@@ -227,40 +158,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex K.",
|
||||
handle: "@killer_ak",
|
||||
testimonial: "Best spot to settle a dispute on FIFA. The environment is pure focus.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-playing-videogames_23-2150573842.jpg",
|
||||
},
|
||||
id: "1", name: "Alex K.", handle: "@killer_ak", testimonial: "Best spot to settle a dispute on FIFA. The environment is pure focus.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-playing-videogames_23-2150573842.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sam R.",
|
||||
handle: "@sam_g",
|
||||
testimonial: "The latency is non-existent. Truly the only place I play seriously.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gamer-having-fun-while-playing-videogames_23-2149142787.jpg",
|
||||
},
|
||||
id: "2", name: "Sam R.", handle: "@sam_g", testimonial: "The latency is non-existent. Truly the only place I play seriously.", imageSrc: "http://img.b2bpic.net/free-photo/gamer-having-fun-while-playing-videogames_23-2149142787.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Mia L.",
|
||||
handle: "@mia_plays",
|
||||
testimonial: "Professional setup and super clean. My go-to spot for street fighter.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-playing-video-games-room-with-colorful-neons-man-talking-with-his-friends-while-playing-video-games_482257-22153.jpg",
|
||||
},
|
||||
id: "3", name: "Mia L.", handle: "@mia_plays", testimonial: "Professional setup and super clean. My go-to spot for street fighter.", imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-playing-video-games-room-with-colorful-neons-man-talking-with-his-friends-while-playing-video-games_482257-22153.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "John D.",
|
||||
handle: "@j_doe",
|
||||
testimonial: "Booking was easy and the station was ready the moment I walked in.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-pink-clothes-playing-game-console_23-2148056231.jpg",
|
||||
},
|
||||
id: "4", name: "John D.", handle: "@j_doe", testimonial: "Booking was easy and the station was ready the moment I walked in.", imageSrc: "http://img.b2bpic.net/free-photo/woman-pink-clothes-playing-game-console_23-2148056231.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Chris B.",
|
||||
handle: "@cb_wins",
|
||||
testimonial: "Unmatched vibes. Love the neon aesthetics and gear quality.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-man-winning-videogame_23-2149349988.jpg",
|
||||
},
|
||||
id: "5", name: "Chris B.", handle: "@cb_wins", testimonial: "Unmatched vibes. Love the neon aesthetics and gear quality.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-man-winning-videogame_23-2149349988.jpg"},
|
||||
]}
|
||||
title="Victory Voices"
|
||||
description="Hear from the local legends who settled their score here."
|
||||
@@ -273,20 +179,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Can I bring my own controller?",
|
||||
content: "Yes, you are encouraged to bring your own professional gear for better performance.",
|
||||
},
|
||||
id: "q1", title: "Can I bring my own controller?", content: "Yes, you are encouraged to bring your own professional gear for better performance."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Are there refreshments available?",
|
||||
content: "We have a snack bar with energy drinks and light snacks for purchase.",
|
||||
},
|
||||
id: "q2", title: "Are there refreshments available?", content: "We have a snack bar with energy drinks and light snacks for purchase."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "What games are on the consoles?",
|
||||
content: "We have all major fighting, sports, and shooters updated and ready to play.",
|
||||
},
|
||||
id: "q3", title: "What games are on the consoles?", content: "We have all major fighting, sports, and shooters updated and ready to play."},
|
||||
]}
|
||||
title="Need Answers?"
|
||||
description="Here is what you need to know before booking."
|
||||
@@ -301,28 +198,17 @@ export default function LandingPage() {
|
||||
description="Send us your preferred time and game title. We will confirm your station availability."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Email Address", required: true,
|
||||
},
|
||||
{
|
||||
name: "date",
|
||||
type: "date",
|
||||
placeholder: "Select Date",
|
||||
required: true,
|
||||
name: "date", type: "date", placeholder: "Select Date", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "details",
|
||||
placeholder: "Preferred game and duration...",
|
||||
rows: 4,
|
||||
name: "details", placeholder: "Preferred game and duration...", rows: 4,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cool-gaming-setup-inside-still-life_23-2149829152.jpg"
|
||||
/>
|
||||
@@ -332,16 +218,12 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="PlayStation Lounge"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Support",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Support", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user