Compare commits
19 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 173d38b1f1 | |||
| 941cdaf465 | |||
| b9734cfa32 | |||
| de8c9c346b | |||
| 01a2aff751 | |||
| bbb8a14d12 | |||
| 6c9f82125c | |||
| a891a91540 | |||
| 025d769da4 | |||
| 74b7e4aaea | |||
| 15846cc591 | |||
| c0b341e7b7 | |||
| 947b11ced0 | |||
| 5c3f0f9000 | |||
| cb037f6d7c | |||
| a79a688168 | |||
| 47db13afeb | |||
| de3eea59c2 | |||
| 3b2e22fdb3 |
460
src/app/page.tsx
460
src/app/page.tsx
@@ -2,18 +2,18 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||||
import { Zap, Target, Users } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function GamingCafePage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-bubble"
|
||||
@@ -21,334 +21,140 @@ export default function LandingPage() {
|
||||
borderRadius="pill"
|
||||
contentWidth="smallMedium"
|
||||
sizing="large"
|
||||
background="none"
|
||||
cardStyle="subtle-shadow"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="extrabold"
|
||||
background="aurora"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Our Story",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Collections",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Elysian Threads"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Experience", id: "about" },
|
||||
{ name: "Hardware", id: "products" },
|
||||
{ name: "Community", id: "testimonials" },
|
||||
{ name: "Visit", id: "contact" },
|
||||
]}
|
||||
brandName="Nexus Gaming Cafe"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Timeless Style, Effortless Grace"
|
||||
description="Discover curated collections designed for the modern lifestyle. Quality craftsmanship meets sustainable elegance."
|
||||
tag="New Season Launch"
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Collections",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spring-marketing-sales_23-2151949779.jpg",
|
||||
imageAlt: "Hero scene 1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-posing-inside-medium-shot_23-2149518279.jpg",
|
||||
imageAlt: "Hero scene 2",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurred-defocused-background-clothing-store-boutique-20-percent-sale_627829-6429.jpg",
|
||||
imageAlt: "Hero scene 3",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-bearded-seller-care-about-suit-mannequin-menswear-store_613910-19775.jpg",
|
||||
imageAlt: "Hero scene 4",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/idea-board-with-clothing-collection-atelier_23-2148846729.jpg",
|
||||
imageAlt: "Hero scene 5",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-colorful-clothing-set-racks-clothing-store-brand-new-modern-boutique_627829-6422.jpg",
|
||||
imageAlt: "Hero scene 6",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Level Up Your Reality"
|
||||
description="Next-gen performance, ultra-low latency, and a community built for champions. Experience the pinnacle of gaming."
|
||||
tag="Premium E-Sports Lounge"
|
||||
buttons={[{ text: "View Equipment", href: "#products" }]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "https://img.b2bpic.net/free-photo/gaming-pc-setup_23-2149553832.jpg", imageAlt: "Gaming setup" },
|
||||
{ imageSrc: "https://img.b2bpic.net/free-photo/gamer-neon-lights_23-2149301294.jpg", imageAlt: "Gamer atmosphere" },
|
||||
{ imageSrc: "https://img.b2bpic.net/free-photo/gaming-pc_23-2149171720.jpg?_wi=1", imageAlt: "Rig 1" },
|
||||
{ imageSrc: "https://img.b2bpic.net/free-photo/gaming-keyboard_23-2149171710.jpg?_wi=1", imageAlt: "Rig 2" },
|
||||
{ imageSrc: "https://img.b2bpic.net/free-photo/gaming-headset_23-2149171755.jpg?_wi=1", imageAlt: "Rig 3" },
|
||||
{ imageSrc: "https://img.b2bpic.net/free-photo/gaming-monitor_23-2149171730.jpg", imageAlt: "Rig 4" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Defining Modern Elegance"
|
||||
buttons={[
|
||||
{
|
||||
text: "Our Philosophy",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
title="Where Pro Gamers Are Made"
|
||||
metrics={[
|
||||
{ icon: Zap, label: "Network Speed", value: "10Gbps" },
|
||||
{ icon: Target, label: "Setup Precision", value: "4K/240Hz" },
|
||||
{ icon: Users, label: "Active Members", value: "5,000+" },
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSix
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Sustainable Fabrics",
|
||||
description: "Ethically sourced materials designed for longevity.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-sewing-manual-skirt_23-2148898078.jpg",
|
||||
imageAlt: "Sustainability",
|
||||
},
|
||||
{
|
||||
title: "Precision Craftsmanship",
|
||||
description: "Expertly finished details in every seam.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/creative-atelier-shop-workspace_482257-95822.jpg",
|
||||
imageAlt: "Craftsmanship",
|
||||
},
|
||||
{
|
||||
title: "Timeless Design",
|
||||
description: "Versatile silhouettes that never go out of style.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/drag-queen-clothing-arrangement_23-2149434567.jpg",
|
||||
imageAlt: "Design",
|
||||
},
|
||||
]}
|
||||
title="Crafted to Last"
|
||||
description="We prioritize quality and sustainability in every piece we create, ensuring long-lasting style and comfort for your everyday wardrobe."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentySix
|
||||
textboxLayout="inline-image"
|
||||
useInvertedBackground={false}
|
||||
title="Pro-Grade Performance"
|
||||
description="Equipped with the world's most powerful hardware to ensure every click counts."
|
||||
features={[
|
||||
{ title: "RTX 4090 Rigs", description: "Experience ray-tracing in every frame.", buttonIcon: Zap },
|
||||
{ title: "Pro Peripherals", description: "Mechanical precision for competitive edges.", buttonIcon: Zap },
|
||||
{ title: "Fiber Connection", description: "Zero lag, maximum dominance.", buttonIcon: Zap },
|
||||
{ title: "Ergonomic Comfort", description: "Stay in the zone for longer sessions.", buttonIcon: Zap },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="full-width-top-items-bottom-row"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Classic Wool Coat",
|
||||
price: "$399",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-kuwaiti-man-trench-coat_627829-5592.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Silk Blouse",
|
||||
price: "$129",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fascinating-european-lady-laughing-while-fooling-around-home-indoor-portrait-carefree-brunette-girl-green-pants-enjoying-weekend_197531-9411.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Slim Fit Denim",
|
||||
price: "$189",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-casual-wear-posing-street_1303-31696.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Leather Tote",
|
||||
price: "$299",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-businessman-handsome-model-man-casual-cloth-suit-with-accesories-hands_158538-9457.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Cashmere Knit",
|
||||
price: "$249",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-females_23-2148880181.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Summer Linen Pants",
|
||||
price: "$149",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-afro-hair-sunset_624325-540.jpg",
|
||||
},
|
||||
]}
|
||||
title="Shop Our Collection"
|
||||
description="Premium apparel for your signature look."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardTwo
|
||||
animationType="blur-reveal"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
title="Gaming Hardware Rentals"
|
||||
description="Rent the best rigs in the city and dominate the leaderboard."
|
||||
products={[
|
||||
{ id: "1", brand: "Alienware", name: "Titan Pro Series", price: "$15/hr", rating: 5, reviewCount: "120", imageSrc: "https://img.b2bpic.net/free-photo/gaming-pc_23-2149171720.jpg?_wi=2" },
|
||||
{ id: "2", brand: "Razer", name: "Stealth Elite", price: "$12/hr", rating: 4, reviewCount: "95", imageSrc: "https://img.b2bpic.net/free-photo/gaming-keyboard_23-2149171710.jpg?_wi=2" },
|
||||
{ id: "3", brand: "Logitech", name: "Pro Streamer Hub", price: "$20/hr", rating: 5, reviewCount: "85", imageSrc: "https://img.b2bpic.net/free-photo/gaming-headset_23-2149171755.jpg?_wi=2" },
|
||||
]}
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social" data-section="social">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Vogue",
|
||||
"Harper's Bazaar",
|
||||
"Elle",
|
||||
"GQ",
|
||||
"GQ Style",
|
||||
"The Cut",
|
||||
"Fashion Daily",
|
||||
]}
|
||||
title="As Seen In"
|
||||
description="Featured by leading fashion publications globally."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="blur-reveal"
|
||||
title="Community Voices"
|
||||
description="Real feedback from our competitive gaming regulars."
|
||||
testimonials={[
|
||||
{ id: "1", name: "Alex P.", role: "E-Sports Pro", testimonial: "The refresh rate here is unbeatable. This is the only place I practice.", imageSrc: "https://img.b2bpic.net/free-photo/gamer-profile_23-2149301290.jpg?_wi=1" },
|
||||
{ id: "2", name: "Jordan K.", role: "Streamer", testimonial: "Best vibes and zero latency issues. My streams never looked better.", imageSrc: "https://img.b2bpic.net/free-photo/streamer-profile_23-2149301300.jpg" },
|
||||
{ id: "3", name: "Sam M.", role: "Casual Gamer", testimonial: "Love the snacks and the atmosphere. Perfect weekend spot.", imageSrc: "https://img.b2bpic.net/free-photo/gamer-profile_23-2149301290.jpg?_wi=2" }
|
||||
]}
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
role: "Creative Director",
|
||||
company: "Studio B",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-girl-posing-with-sincere-smile-studio-shot-cheerful-curly-young-woman-isolated-beige-background_197531-28951.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mark R.",
|
||||
role: "Architect",
|
||||
company: "Urban Living",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-guy-showing-peace-sign-shopping-bags-smiling-happy-camera-standing-pink-backgro_1258-172412.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena V.",
|
||||
role: "Consultant",
|
||||
company: "Strategy X",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/charming-flirty-model-with-paper-bags_23-2147689099.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Alex K.",
|
||||
role: "Entrepreneur",
|
||||
company: "StartUp Flow",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13338.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Claire W.",
|
||||
role: "Editor",
|
||||
company: "Style Daily",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-woman-looking-photographer_23-2148339179.jpg",
|
||||
},
|
||||
]}
|
||||
title="Client Journeys"
|
||||
description="Hear what our community says about their Elysian experience."
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
faqs={[
|
||||
{ id: "1", title: "How do I reserve a station?", content: "Book your rig via our website or mobile app, or walk in for availability." },
|
||||
{ id: "2", title: "Can I book a private tournament room?", content: "Yes, we have 4 soundproof team rooms available for tournaments or private group sessions." },
|
||||
{ id: "3", title: "Are energy drinks and snacks available?", content: "We carry a curated selection of premium gaming fuel, energy drinks, and snacks to keep you fueled." }
|
||||
]}
|
||||
title="Help & Info"
|
||||
description="All you need to know to get your game on at Nexus."
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Shipping Times?",
|
||||
content: "Domestic orders arrive within 3-5 business days.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Return Policy?",
|
||||
content: "Enjoy free 30-day returns on all unworn items.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Sustainability?",
|
||||
content: "We use 100% GOTS certified cotton and recycled fibers.",
|
||||
},
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
sideDescription="Everything you need to know about our collections."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
tag="Inquire & Book"
|
||||
title="Reserve Your Rig"
|
||||
description="Contact us for team bookings, event inquiries, or to secure your premium gaming station today."
|
||||
buttons={[{ text: "Inquire Now" }, { text: "Book Station" }]}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Newsletter"
|
||||
title="Join the Inner Circle"
|
||||
description="Sign up for early access to new collections, secret drops, and style inspiration."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-shop-paying-with-smartphone_23-2147784118.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
{
|
||||
label: "New Arrivals",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Best Sellers",
|
||||
href: "#products",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "Our Story",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 Elysian Threads"
|
||||
bottomRightText="Crafted with care."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="NEXUS CAFE"
|
||||
columns={[
|
||||
{ title: "Gaming Cafe", items: [{ label: "Hardware", href: "#products" }, { label: "Bookings", href: "#contact" }, { label: "Events", href: "#" }] },
|
||||
{ title: "Resources", items: [{ label: "FAQ", href: "#faq" }, { label: "Memberships", href: "#contact" }, { label: "Support", href: "#" }] }
|
||||
]}
|
||||
copyrightText="© 2024 Nexus Gaming Cafe. All Rights Reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #f5f4ef;
|
||||
--card: #dad6cd;
|
||||
--foreground: #2a2928;
|
||||
--primary-cta: #2a2928;
|
||||
--background: #020617;
|
||||
--card: #0f172a;
|
||||
--foreground: #e2e8f0;
|
||||
--primary-cta: #c4d8f9;
|
||||
--primary-cta-text: #f5f4ef;
|
||||
--secondary-cta: #ecebea;
|
||||
--secondary-cta: #041633;
|
||||
--secondary-cta-text: #2a2928;
|
||||
--accent: #ffffff;
|
||||
--background-accent: #c6b180;
|
||||
--accent: #2d30f3;
|
||||
--background-accent: #1d4ed8;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user