bender/18e178a5-1cb0-4f9d-a44d-40727ea71248
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_3 into main

Browse Source 
Merge version_3 into main
This commit was merged in pull request #3.
This commit is contained in:
bender
2026-05-07 09:03:29 +00:00
parent cb037f6d7c 947b11ced0
commit c0b341e7b7
2 changed files with 117 additions and 125 deletions
Download Patch File Download Diff File Expand all files Collapse all files

240
src/app/page.tsx
View File

@@ -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, Coffee } from "lucide-react";
export default function LandingPage() {
export default function GamingCafePage() {
return (
<ThemeProvider
defaultButtonVariant="hover-bubble"
@@ -28,129 +28,121 @@ export default function LandingPage() {
headingFontWeight="bold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{ name: "Home", id: "hero" },
{ name: "Our Story", id: "about" },
{ name: "Menu", id: "products" },
{ name: "Reviews", id: "testimonials" },
{ name: "Visit Us", id: "contact" },
]}
brandName="Aether Kitchen"
/>
</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: "sparkles-gradient" }}
title="Culinary Alchemy in Every Dish"
description="Immerse your senses in a symphony of flavors crafted by masters. Where tradition meets modern elegance."
tag="Michelin Star Experience"
buttons={[{ text: "View Menu", href: "#products" }]}
mediaItems={[
{ imageSrc: "https://img.b2bpic.net/free-photo/gourmet-dinner-restaurant_23-2149303597.jpg", imageAlt: "Elegant dining" },
{ imageSrc: "https://img.b2bpic.net/free-photo/gourmet-plating_23-2148154567.jpg", imageAlt: "Plating artistry" }
]}
/>
</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" }
]}
/>
</div>
<div id="about" data-section="about">
<TextAbout
useInvertedBackground={true}
title="A Journey Through Taste"
buttons={[{ text: "Discover Our Craft", 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: "Seasonal Harvest", description: "Ingredients hand-picked from local farms.", imageSrc: "https://img.b2bpic.net/free-photo/fresh-vegetables_23-2148135894.jpg" },
{ title: "Masterful Pairings", description: "Curated wines by our lead sommelier.", imageSrc: "https://img.b2bpic.net/free-photo/wine-tasting_23-2148651834.jpg" },
{ title: "Artisan Atmosphere", description: "Designed for intimacy and comfort.", imageSrc: "https://img.b2bpic.net/free-photo/restaurant-interior_23-2149313264.jpg" },
]}
title="Experience the Exceptional"
description="Every element of your meal is meticulously prepared to leave an unforgettable impression."
/>
</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."
buttonIcon={Coffee}
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="blur-reveal"
gridVariant="three-columns-all-equal-width"
title="Featured Delicacies"
description="Our signature creations prepared fresh daily."
textboxLayout="default"
useInvertedBackground={false}
products={[
{ id: "1", name: "Truffle Infused Risotto", price: "$42", imageSrc: "https://img.b2bpic.net/free-photo/risotto_23-2148785641.jpg" },
{ id: "2", name: "Pan-Seared Scallops", price: "$38", imageSrc: "https://img.b2bpic.net/free-photo/scallops_23-2148281354.jpg" },
{ id: "3", name: "Signature Wagyu Cut", price: "$85", imageSrc: "https://img.b2bpic.net/free-photo/steak_23-2148560345.jpg" },
]}
/>
</div>
<div id="products" data-section="products">
<ProductCardTwo
animationType="depth-3d"
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" },
{ 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" },
{ 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" },
]}
/>
</div>
<div id="social" data-section="social">
<SocialProofOne
names={["Bon Appétit", "The Gourmet Guide", "Culinary Arts Weekly", "Top Table Magazine"]}
title="Accolades"
description="Recognized by the world's leading culinary publications."
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwo
animationType="depth-3d"
gridVariant="three-columns-all-equal-width"
title="From Our Community"
description="Hear what the local gaming legends think about Nexus."
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" },
{ 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" },
]}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardOne
animationType="depth-3d"
gridVariant="three-columns-all-equal-width"
title="Guest Stories"
description="See what our guests are saying about their dining experience."
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{ id: "1", name: "Julian H.", role: "Food Critic", company: "Dine & Wine", rating: 5, imageSrc: "https://img.b2bpic.net/free-photo/man-eating-restaurant_23-2149234857.jpg" },
{ id: "2", name: "Maria G.", role: "Food Blogger", company: "Tastes of Life", rating: 5, imageSrc: "https://img.b2bpic.net/free-photo/woman-dining_23-2149234860.jpg" },
]}
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
faqs={[
{ id: "1", title: "Can I book a private room?", content: "Yes, we have 4 private soundproof rooms for teams." },
{ id: "2", title: "Are energy drinks available?", content: "We carry a curated selection of premium gaming fuel." },
]}
title="Know Before You Frag"
faqsAnimation="slide-up"
textboxLayout="split"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitText
faqs={[
{ id: "1", title: "Do I need a reservation?", content: "Reservations are recommended, especially for weekends." },
{ id: "2", title: "Are dietary options available?", content: "We accommodate all dietary needs upon request." },
]}
sideTitle="Common Questions"
faqsAnimation="blur-reveal"
useInvertedBackground={false}
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
tag="Get Early Access"
title="Join the Pro Lounge"
description="Sign up for our membership to get priority booking and exclusive hourly rates."
buttons={[{ text: "Become a Member" }]}
background={{ variant: "sparkles-gradient" }}
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
tag="Reserve"
title="Book Your Table"
description="Secure your place for an evening of unmatched dining excellence."
imageSrc="https://img.b2bpic.net/free-photo/restaurant-table_23-2148589253.jpg"
background={{ variant: "plain" }}
useInvertedBackground={false}
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{ title: "Dining", items: [{ label: "Reservations", href: "#contact" }, { label: "Menu", href: "#products" }] },
{ title: "Legal", items: [{ label: "Terms", href: "#" }] }
]}
bottomLeftText="© 2024 Aether Kitchen"
bottomRightText="Designed by Aether"
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
logoText="NEXUS"
columns={[
{ title: "Cafe", items: [{ label: "Hardware", href: "#products" }, { label: "Locations", href: "#contact" }] },
{ title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Terms", href: "#" }] }
]}
copyrightText="© 2024 Nexus Gaming Cafe"
/>
</div>
</ReactLenis>
</ThemeProvider>
);

2
src/app/styles/variables.css
View File

@@ -10,7 +10,7 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #0f0f1a;
--background: #0a0a0a;
--card: #1a1a2e;
--foreground: #f8f8f2;
--primary-cta: #9d4edd;