Update src/app/page.tsx
This commit is contained in:
323
src/app/page.tsx
323
src/app/page.tsx
@@ -30,129 +30,27 @@ 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: "Products", id: "/products" },
|
||||
{ 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",
|
||||
},
|
||||
]}
|
||||
testimonials={[]}
|
||||
buttons={[{ text: "Shop The Drop", href: "/products" }, { 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>
|
||||
|
||||
@@ -162,29 +60,7 @@ export default function LandingPage() {
|
||||
textboxLayout="split-description"
|
||||
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",
|
||||
},
|
||||
]}
|
||||
features={[]}
|
||||
title="Built for Victory"
|
||||
description="Transform your gaming experience with gear designed for players who don't settle."
|
||||
/>
|
||||
@@ -196,62 +72,7 @@ export default function LandingPage() {
|
||||
textboxLayout="split-description"
|
||||
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",
|
||||
},
|
||||
]}
|
||||
products={[]}
|
||||
title="Legendary Drops"
|
||||
description="Our latest curated collection of premium equipment and decor."
|
||||
/>
|
||||
@@ -260,17 +81,8 @@ 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>
|
||||
|
||||
@@ -280,48 +92,7 @@ export default function LandingPage() {
|
||||
textboxLayout="split-description"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
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",
|
||||
},
|
||||
]}
|
||||
testimonials={[]}
|
||||
title="Community Verified"
|
||||
description="Don't just take our word for it. Hear from the players."
|
||||
/>
|
||||
@@ -331,23 +102,7 @@ export default function LandingPage() {
|
||||
<FaqSplitMedia
|
||||
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.",
|
||||
},
|
||||
]}
|
||||
faqs={[]}
|
||||
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?"
|
||||
@@ -360,20 +115,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
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,
|
||||
},
|
||||
]}
|
||||
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"
|
||||
/>
|
||||
</div>
|
||||
@@ -381,41 +123,10 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
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: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
columns={[]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user