bender/536cc7bb-533d-4738-9ad7-f4e733603328
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #1

Merged
bender merged 2 commits from version_2 into main 2026-05-15 08:56:56 +00:00
Conversation 0 Commits 2 Files Changed 2 +47 -316
2 changed files with 47 additions and 316 deletions
Download Patch File Download Diff File Expand all files Collapse all files

349
src/app/page.tsx
View File

@@ -2,15 +2,15 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
export default function LandingPage() {
return (
@@ -30,129 +30,30 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "home",
},
{
name: "Catalog",
id: "catalog",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "home" },
{ name: "Catalog", id: "catalog" },
{ name: "Contact", id: "contact" },
]}
brandName="GamingRO"
button={{
text: "Login",
href: "#",
}}
button={{ text: "Login", href: "#" }}
/>
</div>
<div id="home" data-section="home">
<HeroSplitTestimonial
useInvertedBackground={true}
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Level Up Your Setup"
description="Premium gaming gear, accessories, and setups for serious players. Engineered for precision, built for domination."
testimonials={[
{
name: "Max M.",
handle: "@maxgaming",
testimonial: "The build quality on these peripherals is unmatched.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/empty-desktop-with-futuristic-software-tools-shows-live-ai-brain-processing_482257-126206.jpg",
},
{
name: "Jordan P.",
handle: "@jp_pro",
testimonial: "Fast shipping and even better performance.",
rating: 5,
imageSrc: "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",
},
{
name: "Casey L.",
handle: "@casey_playz",
testimonial: "Best customer support I have dealt with.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-girl-mixing-dj-turntables-doing-music-production-tutorial_482257-118694.jpg",
},
{
name: "Sam R.",
handle: "@samplays",
testimonial: "Precision is key and this gear delivers.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/back-shot-pro-gamer-woman-playing-first-person-video-games-using-rgb-keyboard-home-studio-gamer-streaming-gameplay-using-professional-gaming-powerful-computer-online-competition_482257-12644.jpg",
},
{
name: "Taylor B.",
handle: "@tb_gaming",
testimonial: "Worth every cent for the competitive edge.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/gamer-chair-with-multicolored-neon-lights_52683-99742.jpg",
},
]}
buttons={[
{
text: "Shop The Drop",
href: "#catalog",
},
{
text: "Explore Collections",
href: "#catalog",
},
{ name: "Max M.", handle: "@maxgaming", testimonial: "The build quality on these peripherals is unmatched.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/empty-desktop-with-futuristic-software-tools-shows-live-ai-brain-processing_482257-126206.jpg" },
{ name: "Jordan P.", handle: "@jp_pro", testimonial: "Fast shipping and even better performance.", rating: 5, imageSrc: "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" },
{ name: "Casey L.", handle: "@casey_playz", testimonial: "Best customer support I have dealt with.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-girl-mixing-dj-turntables-doing-music-production-tutorial_482257-118694.jpg" }
]}
buttons={[{ text: "Shop The Drop", href: "#catalog" }, { text: "Explore Collections", href: "#catalog" }]}
imageSrc="http://img.b2bpic.net/free-photo/still-life-seat-gamers_23-2149746566.jpg"
imageAlt="Premium gaming setup"
mediaAnimation="blur-reveal"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/still-life-seat-gamers_23-2149746566.jpg",
alt: "Customer portrait 1",
},
{
src: "http://img.b2bpic.net/free-photo/view-neon-illuminated-gaming-desk-setup-with-keyboard_23-2149529378.jpg",
alt: "Customer portrait 2",
},
{
src: "http://img.b2bpic.net/free-photo/computer-mouse-near-laptop-neon-lighting-closeup_169016-26822.jpg",
alt: "Customer portrait 3",
},
{
src: "http://img.b2bpic.net/free-photo/empty-desktop-with-futuristic-software-tools-shows-live-ai-brain-processing_482257-126206.jpg",
alt: "Customer portrait 4",
},
{
src: "http://img.b2bpic.net/free-photo/still-life-device-table_23-2150994400.jpg",
alt: "Customer portrait 5",
},
]}
marqueeItems={[
{
type: "text",
text: "Premium Gaming Gear",
},
{
type: "text",
text: "Global Shipping",
},
{
type: "text",
text: "Secure Checkout",
},
{
type: "text",
text: "Elite Performance",
},
{
type: "text",
text: "14-Day Returns",
},
]}
/>
</div>
@@ -163,27 +64,9 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
features={[
{
title: "Secure Payments",
description: "Shop with peace of mind using trusted global payment methods.",
imageSrc: "http://img.b2bpic.net/free-photo/view-neon-illuminated-gaming-desk-setup-with-keyboard_23-2149529378.jpg",
titleImageSrc: "http://img.b2bpic.net/free-photo/still-life-books-versus-technology_23-2150063075.jpg",
buttonText: "Learn More",
},
{
title: "Fast Shipping",
description: "Tracked delivery included across Romania and the EU.",
imageSrc: "http://img.b2bpic.net/free-photo/computer-mouse-near-laptop-neon-lighting-closeup_169016-26822.jpg",
titleImageSrc: "http://img.b2bpic.net/free-photo/still-life-seat-gamers_23-2149746587.jpg",
buttonText: "Learn More",
},
{
title: "Easy Returns",
description: "14-day hassle-free return policy on all gaming gear.",
imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-mouse_1160-364.jpg",
titleImageSrc: "http://img.b2bpic.net/free-photo/blue-keyboard-with-lights-high-angle_23-2149680222.jpg",
buttonText: "Learn More",
},
{ title: "Secure Payments", description: "Shop with peace of mind using trusted global payment methods.", imageSrc: "http://img.b2bpic.net/free-photo/view-neon-illuminated-gaming-desk-setup-with-keyboard_23-2149529378.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/still-life-books-versus-technology_23-2150063075.jpg", buttonText: "Learn More" },
{ title: "Fast Shipping", description: "Tracked delivery included across Romania and the EU.", imageSrc: "http://img.b2bpic.net/free-photo/computer-mouse-near-laptop-neon-lighting-closeup_169016-26822.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/still-life-seat-gamers_23-2149746587.jpg", buttonText: "Learn More" },
{ title: "Easy Returns", description: "14-day hassle-free return policy on all gaming gear.", imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-mouse_1160-364.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/blue-keyboard-with-lights-high-angle_23-2149680222.jpg", buttonText: "Learn More" }
]}
title="Built for Victory"
description="Transform your gaming experience with gear designed for players who don't settle."
@@ -197,60 +80,10 @@ export default function LandingPage() {
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={true}
products={[
{
id: "p1",
brand: "Titan",
name: "TitanFlex Pro Chair",
price: "$349",
rating: 5,
reviewCount: "61",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-seat-gamers_23-2149746571.jpg",
},
{
id: "p2",
brand: "Apex",
name: "Apex Precision Mouse",
price: "$89",
rating: 5,
reviewCount: "120",
imageSrc: "http://img.b2bpic.net/free-photo/smartphone-near-notebook-eyeglasses-pen_23-2148036903.jpg",
},
{
id: "p3",
brand: "Neo",
name: "Neo Mechanical Keyboard",
price: "$159",
rating: 4,
reviewCount: "45",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-black-computer-keyboard-del-button_53876-64694.jpg",
},
{
id: "p4",
brand: "Flow",
name: "Flow Desk Mat",
price: "$49",
rating: 5,
reviewCount: "89",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-seat-gamers_23-2149746580.jpg",
},
{
id: "p5",
brand: "Pulse",
name: "Pulse Monitor Stand",
price: "$79",
rating: 4,
reviewCount: "32",
imageSrc: "http://img.b2bpic.net/free-photo/gaming-setup-arrangement-high-angle_23-2149680236.jpg",
},
{
id: "p6",
brand: "Zen",
name: "Zen Lighting Kit",
price: "$129",
rating: 5,
reviewCount: "77",
imageSrc: "http://img.b2bpic.net/free-photo/black-paper-sheet-floral-ornament_23-2147752036.jpg",
},
{ id: "p1", brand: "Titan", name: "TitanFlex Pro Chair", price: "$349", rating: 5, reviewCount: "61", imageSrc: "http://img.b2bpic.net/free-photo/still-life-seat-gamers_23-2149746571.jpg" },
{ id: "p2", brand: "Apex", name: "Apex Precision Mouse", price: "$89", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/smartphone-near-notebook-eyeglasses-pen_23-2148036903.jpg" },
{ id: "p3", brand: "Neo", name: "Neo Mechanical Keyboard", price: "$159", rating: 4, reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/closeup-black-computer-keyboard-del-button_53876-64694.jpg" },
{ id: "p4", brand: "Flow", name: "Flow Desk Mat", price: "$49", rating: 5, reviewCount: "89", imageSrc: "http://img.b2bpic.net/free-photo/still-life-seat-gamers_23-2149746580.jpg" }
]}
title="Legendary Drops"
description="Our latest curated collection of premium equipment and decor."
@@ -260,95 +93,34 @@ export default function LandingPage() {
<div id="why-choose-us" data-section="why-choose-us">
<InlineImageSplitTextAbout
useInvertedBackground={false}
heading={[
{
type: "text",
content: "Built for Players Who Don't Settle",
},
]}
buttons={[
{
text: "Upgrade Complete",
},
]}
heading={[{ type: "text", content: "Built for Players Who Don't Settle" }]}
buttons={[{ text: "Upgrade Complete" }]}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardOne
animationType="slide-up"
textboxLayout="split-description"
gridVariant="three-columns-all-equal-width"
<TestimonialCardTwelve
cardTitle="Community Verified"
cardTag="Testimonials"
cardAnimation="blur-reveal"
useInvertedBackground={true}
testimonials={[
{
id: "t1",
name: "Sarah Johnson",
role: "Gamer",
company: "Community",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/tech-content-creator-filming-review-newly-released-gaming-laptop_482257-124166.jpg",
},
{
id: "t2",
name: "Michael Chen",
role: "Pro-Player",
company: "Community",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-blonde-call-centre-girl-wearing-headset-glasses-sitting-desk-with-work-tools-looking-side-doing-hi-gesture-isolated-pink-wall_141793-113443.jpg",
},
{
id: "t3",
name: "David Kim",
role: "Streamer",
company: "Community",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-filming-video-online-channel-dimly-lit-home-studio-presenting-mouse-keyboard_482257-133196.jpg",
},
{
id: "t4",
name: "Emily Rodriguez",
role: "Enthusiast",
company: "Community",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/mature-adult-participating-webinar-lesson-from-home-office_482257-126991.jpg",
},
{
id: "t5",
name: "Alex Smith",
role: "Gamer",
company: "Community",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-young-office-worker-woman-sitting-office-desk-happy-excited-with-arms-raised-smiling-cheerfully-office_141793-21244.jpg",
},
{ id: "t1", name: "Sarah Johnson", imageSrc: "http://img.b2bpic.net/free-photo/tech-content-creator-filming-review-newly-released-gaming-laptop_482257-124166.jpg" },
{ id: "t2", name: "Michael Chen", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-blonde-call-centre-girl-wearing-headset-glasses-sitting-desk-with-work-tools-looking-side-doing-hi-gesture-isolated-pink-wall_141793-113443.jpg" },
{ id: "t3", name: "David Kim", imageSrc: "http://img.b2bpic.net/free-photo/man-filming-video-online-channel-dimly-lit-home-studio-presenting-mouse-keyboard_482257-133196.jpg" }
]}
title="Community Verified"
description="Don't just take our word for it. Hear from the players."
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
<FaqBase
textboxLayout="split-description"
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "How long is shipping?",
content: "Shipping within EU and Romania usually takes 3-5 business days.",
},
{
id: "f2",
title: "What is the return policy?",
content: "We offer a 14-day hassle-free return policy for all products.",
},
{
id: "f3",
title: "Are payments secure?",
content: "Yes, we use industry-standard encryption for all our payment processes.",
},
{ id: "f1", title: "How long is shipping?", content: "Shipping within EU and Romania usually takes 3-5 business days." },
{ id: "f2", title: "What is the return policy?", content: "We offer a 14-day hassle-free return policy for all products." },
{ id: "f3", title: "Are payments secure?", content: "Yes, we use industry-standard encryption for all our payment processes." }
]}
imageSrc="http://img.b2bpic.net/free-photo/still-life-device-table_23-2150994400.jpg"
title="Frequently Asked Questions"
description="Have questions about our shipping or return policy?"
faqsAnimation="slide-up"
@@ -356,62 +128,21 @@ export default function LandingPage() {
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={true}
<ContactSplit
title="Get Exclusive Drops"
description="Sign up for our newsletter for early access to new gear and community events."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
},
{
name: "email",
type: "email",
placeholder: "Email Address",
required: true,
},
]}
imageSrc="http://img.b2bpic.net/free-photo/modern-minimalist-office_23-2151780692.jpg"
tag="Contact"
background={{ variant: "sparkles-gradient" }}
useInvertedBackground={true}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
<FooterBase
logoText="GamingRO"
columns={[
{
title: "Support",
items: [
{
label: "Shipping",
href: "#",
},
{
label: "Returns",
href: "#",
},
{
label: "Privacy",
href: "#",
},
],
},
{
title: "Collections",
items: [
{
label: "Gaming Chairs",
href: "#",
},
{
label: "Accessories",
href: "#",
},
],
},
{ title: "Support", items: [{ label: "Shipping", href: "#" }, { label: "Returns", href: "#" }, { label: "Privacy", href: "#" }] },
{ title: "Collections", items: [{ label: "Gaming Chairs", href: "#" }, { label: "Accessories", href: "#" }] }
]}
/>
</div>

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

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #f5f4ef;
--card: #dad6cd;
--foreground: #2a2928;
--primary-cta: #2a2928;
--background: #0a0a0a;
--card: #1a1a1a;
--foreground: #f8f5ffe6;
--primary-cta: #c89bff;
--primary-cta-text: #f5f4ef;
--secondary-cta: #ecebea;
--secondary-cta: #1a1a1a;
--secondary-cta-text: #2a2928;
--accent: #ffffff;
--background-accent: #c6b180;
--accent: #737373;
--background-accent: #737373;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);