Merge version_1 into main #2
@@ -8,7 +8,7 @@ import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarS
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
import { Monitor, Star, Users } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function DescriptionPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-shift"
|
||||
@@ -26,22 +26,8 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Description",
|
||||
id: "/description",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "/pricing",
|
||||
},
|
||||
{
|
||||
name: "Location",
|
||||
id: "/location",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Description", id: "/description" },
|
||||
]}
|
||||
brandName="PRISM"
|
||||
/>
|
||||
@@ -62,49 +48,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Pro Rigs",
|
||||
description: "RTX 4090 powered systems",
|
||||
icon: Star,
|
||||
title: "Pro Rigs", description: "RTX 4090 powered systems", icon: Star,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-illuminated-neon-gaming-keyboard-setup-3d-glasses_23-2149529415.jpg?_wi=3",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-illuminated-neon-gaming-keyboard-setup-3d-glasses_23-2149529415.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-illuminated-neon-gaming-keyboard-setup-3d-glasses_23-2149529415.jpg?_wi=4",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bright-colorful-neon-background_23-2150689417.jpg?_wi=5",
|
||||
imageAlt: "futuristic gaming cafe",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-illuminated-neon-gaming-keyboard-setup-3d-glasses_23-2149529415.jpg"},
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Community",
|
||||
description: "Weekly tournaments and meetups",
|
||||
icon: Users,
|
||||
title: "Community", description: "Weekly tournaments and meetups", icon: Users,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-playing-videogames_23-2149349982.jpg?_wi=4",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-playing-videogames_23-2149349982.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-playing-videogames_23-2149349982.jpg?_wi=5",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-illuminated-neon-gaming-keyboard-setup-3d-glasses_23-2149529415.jpg?_wi=5",
|
||||
imageAlt: "gaming gear setup",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-playing-videogames_23-2149349982.jpg"},
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Visuals",
|
||||
description: "4K displays for every player",
|
||||
icon: Monitor,
|
||||
title: "Visuals", description: "4K displays for every player", icon: Monitor,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/videogamer-losing-graphics-cyberspace-video-game-sitting-gaming-chair-using-wireless-controller-vr-headset-playing-powerful-computer-sad-pro-cyber-man-streaming-online-championship_482257-12497.jpg?_wi=3",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/videogamer-losing-graphics-cyberspace-video-game-sitting-gaming-chair-using-wireless-controller-vr-headset-playing-powerful-computer-sad-pro-cyber-man-streaming-online-championship_482257-12497.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/videogamer-losing-graphics-cyberspace-video-game-sitting-gaming-chair-using-wireless-controller-vr-headset-playing-powerful-computer-sad-pro-cyber-man-streaming-online-championship_482257-12497.jpg?_wi=4",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-playing-videogames_23-2149349982.jpg?_wi=6",
|
||||
imageAlt: "group of gamers playing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/videogamer-losing-graphics-cyberspace-video-game-sitting-gaming-chair-using-wireless-controller-vr-headset-playing-powerful-computer-sad-pro-cyber-man-streaming-online-championship_482257-12497.jpg"},
|
||||
]
|
||||
},
|
||||
]}
|
||||
title="Spectrum Features"
|
||||
@@ -114,19 +82,14 @@ export default function LandingPage() {
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/bright-colorful-neon-background_23-2150689417.jpg?_wi=6"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/bright-colorful-neon-background_23-2150689417.jpg"
|
||||
columns={[
|
||||
{
|
||||
title: "Socials",
|
||||
items: [
|
||||
title: "Socials", items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
label: "Instagram", href: "#"},
|
||||
{
|
||||
label: "Discord",
|
||||
href: "#",
|
||||
},
|
||||
label: "Discord", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
106
src/app/page.tsx
106
src/app/page.tsx
@@ -28,22 +28,8 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Description",
|
||||
id: "/description",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "/pricing",
|
||||
},
|
||||
{
|
||||
name: "Location",
|
||||
id: "/location",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Description", id: "/description" },
|
||||
]}
|
||||
brandName="PRISM"
|
||||
/>
|
||||
@@ -52,32 +38,15 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Beyond The Spectrum"
|
||||
description="Where darkness becomes the canvas for every color imaginable. Experience elite gaming performance."
|
||||
tag="Gaming Cafe · 2025"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bright-colorful-neon-background_23-2150689417.jpg?_wi=1",
|
||||
imageAlt: "Cafe hero",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bright-colorful-neon-background_23-2150689417.jpg", imageAlt: "Cafe hero"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bright-colorful-neon-background_23-2150689417.jpg?_wi=2",
|
||||
imageAlt: "Cafe hero 2",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-illuminated-neon-gaming-keyboard-setup-3d-glasses_23-2149529415.jpg?_wi=1",
|
||||
imageAlt: "Setup",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-playing-videogames_23-2149349982.jpg?_wi=1",
|
||||
imageAlt: "Gamers",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/videogamer-losing-graphics-cyberspace-video-game-sitting-gaming-chair-using-wireless-controller-vr-headset-playing-powerful-computer-sad-pro-cyber-man-streaming-online-championship_482257-12497.jpg?_wi=1",
|
||||
imageAlt: "Display",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bright-colorful-neon-background_23-2150689417.jpg", imageAlt: "Cafe hero 2"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -94,19 +63,9 @@ export default function LandingPage() {
|
||||
description="Proof of our performance."
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100+",
|
||||
title: "Gaming Rigs",
|
||||
description: "High performance setups",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-illuminated-neon-gaming-keyboard-setup-3d-glasses_23-2149529415.jpg?_wi=2",
|
||||
},
|
||||
id: "m1", value: "100+", title: "Gaming Rigs", description: "High performance setups", imageSrc: "http://img.b2bpic.net/free-photo/view-illuminated-neon-gaming-keyboard-setup-3d-glasses_23-2149529415.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "24/7",
|
||||
title: "Operations",
|
||||
description: "Always open for play",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/videogamer-losing-graphics-cyberspace-video-game-sitting-gaming-chair-using-wireless-controller-vr-headset-playing-powerful-computer-sad-pro-cyber-man-streaming-online-championship_482257-12497.jpg?_wi=2",
|
||||
},
|
||||
id: "m2", value: "24/7", title: "Operations", description: "Always open for play", imageSrc: "http://img.b2bpic.net/free-photo/videogamer-losing-graphics-cyberspace-video-game-sitting-gaming-chair-using-wireless-controller-vr-headset-playing-powerful-computer-sad-pro-cyber-man-streaming-online-championship_482257-12497.jpg"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -119,15 +78,9 @@ export default function LandingPage() {
|
||||
description="Find answers to common inquiries about our cafe."
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you accept reservations?",
|
||||
content: "Yes, book via our Discord server.",
|
||||
},
|
||||
id: "q1", title: "Do you accept reservations?", content: "Yes, book via our Discord server."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Are peripherals provided?",
|
||||
content: "All stations come with mechanical keyboards and headsets.",
|
||||
},
|
||||
id: "q2", title: "Are peripherals provided?", content: "All stations come with mechanical keyboards and headsets."},
|
||||
]}
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
@@ -141,21 +94,9 @@ export default function LandingPage() {
|
||||
description="What our players say."
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Epic",
|
||||
quote: "The best setup in town.",
|
||||
name: "Alex",
|
||||
role: "Pro Gamer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-playing-videogames_23-2149349982.jpg?_wi=2",
|
||||
},
|
||||
id: "t1", title: "Epic", quote: "The best setup in town.", name: "Alex", role: "Pro Gamer", imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-playing-videogames_23-2149349982.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Friendly",
|
||||
quote: "Great atmosphere for tournaments.",
|
||||
name: "Sam",
|
||||
role: "Regular",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-playing-videogames_23-2149349982.jpg?_wi=3",
|
||||
},
|
||||
id: "t2", title: "Friendly", quote: "Great atmosphere for tournaments.", name: "Sam", role: "Regular", imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-playing-videogames_23-2149349982.jpg"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -167,36 +108,25 @@ export default function LandingPage() {
|
||||
description="Send us a message to reserve your session."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
name: "name", type: "text", placeholder: "Your Name"},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email",
|
||||
},
|
||||
name: "email", type: "email", placeholder: "Email"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/bright-colorful-neon-background_23-2150689417.jpg?_wi=3"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/bright-colorful-neon-background_23-2150689417.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/bright-colorful-neon-background_23-2150689417.jpg?_wi=4"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/bright-colorful-neon-background_23-2150689417.jpg"
|
||||
columns={[
|
||||
{
|
||||
title: "Socials",
|
||||
items: [
|
||||
title: "Socials", items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
label: "Instagram", href: "#"},
|
||||
{
|
||||
label: "Discord",
|
||||
href: "#",
|
||||
},
|
||||
label: "Discord", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user