bender/a975e3a5-863e-4bde-9edc-b2e7b9814434
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-27 16:22:50 +00:00
parent 53536a2f8d
commit 49e1a37601
1 changed files with 68 additions and 245 deletions
Download Patch File Download Diff File Expand all files Collapse all files

313
src/app/page.tsx
View File

@@ -32,29 +32,17 @@ export default function LandingPage() {
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "#home",
},
name: "Home", id: "#home"},
{
name: "Products",
id: "#products",
},
name: "Products", id: "#products"},
{
name: "Features",
id: "#features",
},
name: "Features", id: "#features"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "#faq"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
logoSrc="http://img.b2bpic.net/free-vector/flat-y2k-stickers-collection_52683-133295.jpg"
logoAlt="PixelNexus Gaming Logo"
@@ -67,42 +55,27 @@ export default function LandingPage() {
<div id="home" data-section="home">
<HeroSplit
background={{
variant: "downward-rays-animated-grid",
}}
variant: "downward-rays-animated-grid"}}
imagePosition="right"
title="Level Up Your Game with PixelNexus"
description="Discover the latest consoles, accessories, and games. Your ultimate destination for immersive gaming experiences, unbeatable deals, and a thriving community."
buttons={[
{
text: "Shop Latest Gear",
href: "#products",
},
text: "Shop Latest Gear", href: "#products"},
{
text: "Explore Games",
href: "#blog",
},
text: "Explore Games", href: "#blog"},
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/medium-shot-ninja-wearing-equipment_23-2150960844.jpg",
alt: "Gamer Avatar 1",
},
src: "http://img.b2bpic.net/free-photo/medium-shot-ninja-wearing-equipment_23-2150960844.jpg", alt: "Gamer Avatar 1"},
{
src: "http://img.b2bpic.net/free-photo/young-couple-holding-fast-forward-button-icon_53876-71063.jpg",
alt: "Gamer Avatar 2",
},
src: "http://img.b2bpic.net/free-photo/young-couple-holding-fast-forward-button-icon_53876-71063.jpg", alt: "Gamer Avatar 2"},
{
src: "http://img.b2bpic.net/free-photo/anime-character-using-virtual-reality-glasses-metaverse_23-2151568828.jpg",
alt: "Gamer Avatar 3",
},
src: "http://img.b2bpic.net/free-photo/anime-character-using-virtual-reality-glasses-metaverse_23-2151568828.jpg", alt: "Gamer Avatar 3"},
{
src: "http://img.b2bpic.net/free-photo/american-football-player-neon-style_23-2151827482.jpg",
alt: "Gamer Avatar 4",
},
src: "http://img.b2bpic.net/free-photo/american-football-player-neon-style_23-2151827482.jpg", alt: "Gamer Avatar 4"},
{
src: "http://img.b2bpic.net/free-photo/cartoon-man-wearing-glasses_23-2151136853.jpg",
alt: "Cartoon man wearing glasses",
},
src: "http://img.b2bpic.net/free-photo/cartoon-man-wearing-glasses_23-2151136853.jpg", alt: "Cartoon man wearing glasses"},
]}
avatarText="Join thousands of satisfied gamers!"
imageSrc="http://img.b2bpic.net/free-photo/gamer-chatting-with-internet-friends-while-enjoying-sf-game-close-up_482257-82417.jpg"
@@ -111,29 +84,19 @@ export default function LandingPage() {
fixedMediaHeight={true}
marqueeItems={[
{
type: "text-icon",
text: "Ultra-Fast Shipping",
icon: Rocket,
type: "text-icon", text: "Ultra-Fast Shipping", icon: Rocket,
},
{
type: "text-icon",
text: "Exclusive Game Deals",
icon: Activity,
type: "text-icon", text: "Exclusive Game Deals", icon: Activity,
},
{
type: "text-icon",
text: "24/7 Support",
icon: ShieldCheck,
type: "text-icon", text: "24/7 Support", icon: ShieldCheck,
},
{
type: "text-icon",
text: "Vast Product Range",
icon: Headphones,
type: "text-icon", text: "Vast Product Range", icon: Headphones,
},
{
type: "text-icon",
text: "Community Events",
icon: Sparkles,
type: "text-icon", text: "Community Events", icon: Sparkles,
},
]}
marqueeSpeed={30}
@@ -149,47 +112,17 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "p-console-1",
name: "NovaStation 5 Pro",
price: "$499.99",
imageSrc: "http://img.b2bpic.net/free-photo/shoulder-view-caucasian-man-using-pc-setup-playing-multiplayer-online-action-game-talking-team-headset-gamer-streaming-fast-paced-space-shooter-while-explaining-gameplay-subscribers_482257-50437.jpg",
imageAlt: "NovaStation 5 Pro Console",
},
id: "p-console-1", name: "NovaStation 5 Pro", price: "$499.99", imageSrc: "http://img.b2bpic.net/free-photo/shoulder-view-caucasian-man-using-pc-setup-playing-multiplayer-online-action-game-talking-team-headset-gamer-streaming-fast-paced-space-shooter-while-explaining-gameplay-subscribers_482257-50437.jpg", imageAlt: "NovaStation 5 Pro Console"},
{
id: "p-headset-1",
name: "HyperSound X Headset",
price: "$129.99",
imageSrc: "http://img.b2bpic.net/free-photo/retro-vhs-packaging-indoors_23-2150172440.jpg",
imageAlt: "HyperSound X Gaming Headset",
},
id: "p-headset-1", name: "HyperSound X Headset", price: "$129.99", imageSrc: "http://img.b2bpic.net/free-photo/retro-vhs-packaging-indoors_23-2150172440.jpg", imageAlt: "HyperSound X Gaming Headset"},
{
id: "p-keyboard-1",
name: "TactileStrike RGB Keyboard",
price: "$99.99",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-hand-holding-key_23-2149680278.jpg",
imageAlt: "TactileStrike RGB Keyboard",
},
id: "p-keyboard-1", name: "TactileStrike RGB Keyboard", price: "$99.99", imageSrc: "http://img.b2bpic.net/free-photo/top-view-hand-holding-key_23-2149680278.jpg", imageAlt: "TactileStrike RGB Keyboard"},
{
id: "p-mouse-1",
name: "SwiftGlide Pro Mouse",
price: "$69.99",
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-tech-setup-with-old-hard-disk_58702-17250.jpg",
imageAlt: "SwiftGlide Pro Gaming Mouse",
},
id: "p-mouse-1", name: "SwiftGlide Pro Mouse", price: "$69.99", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-tech-setup-with-old-hard-disk_58702-17250.jpg", imageAlt: "SwiftGlide Pro Gaming Mouse"},
{
id: "p-controller-1",
name: "Vortex Elite Controller",
price: "$79.99",
imageSrc: "http://img.b2bpic.net/free-photo/black-videogame-controller-desk-surface_58702-17241.jpg",
imageAlt: "Vortex Elite Wireless Controller",
},
id: "p-controller-1", name: "Vortex Elite Controller", price: "$79.99", imageSrc: "http://img.b2bpic.net/free-photo/black-videogame-controller-desk-surface_58702-17241.jpg", imageAlt: "Vortex Elite Wireless Controller"},
{
id: "p-monitor-1",
name: "QuantumView 34\" Curved Monitor",
price: "$599.99",
imageSrc: "http://img.b2bpic.net/free-photo/esports-championship-blue-background-3d-illustration_1419-2788.jpg",
imageAlt: "QuantumView Curved Gaming Monitor",
},
id: "p-monitor-1", name: "QuantumView 34\" Curved Monitor", price: "$599.99", imageSrc: "http://img.b2bpic.net/free-photo/esports-championship-blue-background-3d-illustration_1419-2788.jpg", imageAlt: "QuantumView Curved Gaming Monitor"},
]}
title="Our Latest Gear & Game Releases"
description="Explore a curated selection of new consoles, high-performance accessories, and the hottest game titles. Everything you need to dominate the leaderboard and dive into new worlds."
@@ -203,21 +136,11 @@ export default function LandingPage() {
useInvertedBackground={false}
negativeCard={{
items: [
"Laggy Performance",
"Limited Selection",
"Poor Customer Support",
"Outdated Tech",
"Slow Shipping",
],
"Laggy Performance", "Limited Selection", "Poor Customer Support", "Outdated Tech", "Slow Shipping"],
}}
positiveCard={{
items: [
"Blazing Fast Gear",
"Vast Game Library",
"Expert Customer Service",
"Cutting-Edge Technology",
"Lightning-Fast Delivery",
],
"Blazing Fast Gear", "Vast Game Library", "Expert Customer Service", "Cutting-Edge Technology", "Lightning-Fast Delivery"],
}}
title="Why Gamers Choose PixelNexus"
description="We are more than just a shop; we are a hub for gamers, committed to providing superior products, unmatched service, and a community where every player belongs."
@@ -232,32 +155,16 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "250K+",
title: "Happy Gamers",
description: "Our thriving community of dedicated players.",
icon: Users,
id: "m1", value: "250K+", title: "Happy Gamers", description: "Our thriving community of dedicated players.", icon: Users,
},
{
id: "m2",
value: "5000+",
title: "Game Titles",
description: "An expansive library for endless entertainment.",
icon: Gift,
id: "m2", value: "5000+", title: "Game Titles", description: "An expansive library for endless entertainment.", icon: Gift,
},
{
id: "m3",
value: "4.9/5",
title: "Avg. Rating",
description: "Consistently high satisfaction across all platforms.",
icon: Star,
id: "m3", value: "4.9/5", title: "Avg. Rating", description: "Consistently high satisfaction across all platforms.", icon: Star,
},
{
id: "m4",
value: "100%",
title: "Secure Transactions",
description: "Shop with peace of mind every single time.",
icon: ShieldCheck,
id: "m4", value: "100%", title: "Secure Transactions", description: "Shop with peace of mind every single time.", icon: ShieldCheck,
},
]}
title="Our Gaming Community in Numbers"
@@ -271,61 +178,26 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
carouselMode="buttons"
animationType="slide-up"
testimonials={[
{
id: "t1",
name: "Ethan 'Spectre' Reed",
role: "Esports Enthusiast",
company: "Pro Gamer",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/goodhumored-curly-bearded-darkskinned-man-stylish-orange-jacket-sunglasses-smiles-crosses-arms-leans-white-wall-outside_197531-28757.jpg",
imageAlt: "Ethan Reed",
},
id: "t1", name: "Ethan 'Spectre' Reed", role: "Esports Enthusiast", company: "Pro Gamer", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/goodhumored-curly-bearded-darkskinned-man-stylish-orange-jacket-sunglasses-smiles-crosses-arms-leans-white-wall-outside_197531-28757.jpg", imageAlt: "Ethan Reed"},
{
id: "t2",
name: "Maya 'PixelProwler' Singh",
role: "Streamer & Content Creator",
company: "Twitch Affiliate",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-working-from-home_23-2149173334.jpg",
imageAlt: "Maya Singh",
},
id: "t2", name: "Maya 'PixelProwler' Singh", role: "Streamer & Content Creator", company: "Twitch Affiliate", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-working-from-home_23-2149173334.jpg", imageAlt: "Maya Singh"},
{
id: "t3",
name: "Liam 'CodeAssassin' Chen",
role: "Game Developer",
company: "Indie Studios",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/indoor-portrait-european-young-man-wearing-black-pullover-spectacles-working-with-laptop-light-office-sunny-day_291650-85.jpg",
imageAlt: "Liam Chen",
},
id: "t3", name: "Liam 'CodeAssassin' Chen", role: "Game Developer", company: "Indie Studios", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/indoor-portrait-european-young-man-wearing-black-pullover-spectacles-working-with-laptop-light-office-sunny-day_291650-85.jpg", imageAlt: "Liam Chen"},
{
id: "t4",
name: "Chloe 'Vanguard' Davis",
role: "Competitive Player",
company: "Ranked Master",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-arab-woman-streamer-smiling-confident-sitting-table-gaming-room_839833-22468.jpg",
imageAlt: "Chloe Davis",
},
id: "t4", name: "Chloe 'Vanguard' Davis", role: "Competitive Player", company: "Ranked Master", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-arab-woman-streamer-smiling-confident-sitting-table-gaming-room_839833-22468.jpg", imageAlt: "Chloe Davis"},
{
id: "t5",
name: "Noah 'ByteKnight' White",
role: "Casual Gamer",
company: "Weekend Warrior",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-pro-gamer-streaming-game-while-talking-with-subscribers-using-headphones-mic_482257-116250.jpg",
imageAlt: "Noah White",
},
id: "t5", name: "Noah 'ByteKnight' White", role: "Casual Gamer", company: "Weekend Warrior", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-pro-gamer-streaming-game-while-talking-with-subscribers-using-headphones-mic_482257-116250.jpg", imageAlt: "Noah White"},
{
id: "t6",
name: "Sophia 'CircuitQueen' Kim",
role: "Tech Reviewer",
company: "Gadget Labs",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/middle-age-greyhaired-woman-streamer-playing-video-game-using-computer-gaming-room_839833-20313.jpg",
imageAlt: "Sophia Kim",
},
id: "t6", name: "Sophia 'CircuitQueen' Kim", role: "Tech Reviewer", company: "Gadget Labs", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/middle-age-greyhaired-woman-streamer-playing-video-game-using-computer-gaming-room_839833-20313.jpg", imageAlt: "Sophia Kim"},
]}
title="Hear From Our Epic Gamers"
description="Real experiences from players who've leveled up their setup and found their community with PixelNexus. Their satisfaction is our victory."
@@ -338,35 +210,17 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "faq1",
title: "What types of products do you offer?",
content: "We offer a wide range of gaming products including the latest consoles, high-performance PC components, gaming peripherals (headsets, keyboards, mice), accessories, and a curated selection of popular game titles across various platforms.",
},
id: "faq1", title: "What types of products do you offer?", content: "We offer a wide range of gaming products including the latest consoles, high-performance PC components, gaming peripherals (headsets, keyboards, mice), accessories, and a curated selection of popular game titles across various platforms."},
{
id: "faq2",
title: "How fast is your shipping?",
content: "We pride ourselves on lightning-fast delivery! Most orders are processed within 24 hours and delivered within 3-5 business days for standard shipping, with expedited options available for even quicker delivery.",
},
id: "faq2", title: "How fast is your shipping?", content: "We pride ourselves on lightning-fast delivery! Most orders are processed within 24 hours and delivered within 3-5 business days for standard shipping, with expedited options available for even quicker delivery."},
{
id: "faq3",
title: "Do you offer international shipping?",
content: "Yes, we do! PixelNexus Gaming ships to many international destinations. Shipping costs and delivery times vary by location, and customs duties/taxes may apply. Please see our shipping policy for more details.",
},
id: "faq3", title: "Do you offer international shipping?", content: "Yes, we do! PixelNexus Gaming ships to many international destinations. Shipping costs and delivery times vary by location, and customs duties/taxes may apply. Please see our shipping policy for more details."},
{
id: "faq4",
title: "What is your return policy?",
content: "We offer a 30-day return policy for most unused and unopened items. If you're not completely satisfied with your purchase, you can return it for a full refund or exchange. Specific conditions apply to certain product categories like digital games.",
},
id: "faq4", title: "What is your return policy?", content: "We offer a 30-day return policy for most unused and unopened items. If you're not completely satisfied with your purchase, you can return it for a full refund or exchange. Specific conditions apply to certain product categories like digital games."},
{
id: "faq5",
title: "Do you have a loyalty program for frequent buyers?",
content: "Absolutely! Join the PixelNexus Guild and earn points with every purchase. These points can be redeemed for exclusive discounts, early access to new products, and special member-only offers. Sign up today to start earning!",
},
id: "faq5", title: "Do you have a loyalty program for frequent buyers?", content: "Absolutely! Join the PixelNexus Guild and earn points with every purchase. These points can be redeemed for exclusive discounts, early access to new products, and special member-only offers. Sign up today to start earning!"},
{
id: "faq6",
title: "How can I get technical support for my products?",
content: "Our dedicated support team is available via live chat, email, and phone to assist with any technical issues or product questions. We provide comprehensive troubleshooting and guidance to ensure your gaming experience is seamless.",
},
id: "faq6", title: "How can I get technical support for my products?", content: "Our dedicated support team is available via live chat, email, and phone to assist with any technical issues or product questions. We provide comprehensive troubleshooting and guidance to ensure your gaming experience is seamless."},
]}
title="Frequently Asked Questions"
description="Got questions about our products, orders, or services? We've got answers to help you navigate your gaming journey with PixelNexus."
@@ -378,20 +232,15 @@ export default function LandingPage() {
<ContactCTA
useInvertedBackground={false}
background={{
variant: "glowing-orb",
}}
variant: "sparkles-gradient"}}
tag="Connect With Us"
title="Ready to Level Up Your Setup?"
description="Whether you have questions about the latest consoles, need advice on PC builds, or just want to chat about gaming, our team is here to help you find your next great gaming adventure. Get in touch today!"
buttons={[
{
text: "Chat with an Expert",
href: "#",
},
text: "Chat with an Expert", href: "#"},
{
text: "Send Us an Email",
href: "mailto:support@pixelnexus.com",
},
text: "Send Us an Email", href: "mailto:support@pixelnexus.com"},
]}
/>
</div>
@@ -403,67 +252,41 @@ export default function LandingPage() {
logoText="PixelNexus"
columns={[
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "#features",
},
label: "About Us", href: "#features"},
{
label: "Careers",
href: "#",
},
label: "Careers", href: "#"},
{
label: "Blog",
href: "#blog",
},
label: "Blog", href: "#blog"},
],
},
{
title: "Products",
items: [
title: "Products", items: [
{
label: "Consoles",
href: "#products",
},
label: "Consoles", href: "#products"},
{
label: "Accessories",
href: "#products",
},
label: "Accessories", href: "#products"},
{
label: "Games",
href: "#products",
},
label: "Games", href: "#products"},
],
},
{
title: "Support",
items: [
title: "Support", items: [
{
label: "FAQ",
href: "#faq",
},
label: "FAQ", href: "#faq"},
{
label: "Contact Us",
href: "#contact",
},
label: "Contact Us", href: "#contact"},
{
label: "Shipping & Returns",
href: "#",
},
label: "Shipping & Returns", href: "#"},
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service",
href: "#",
},
label: "Terms of Service", href: "#"},
],
},
]}