Merge version_1 into main

Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
2026-05-10 18:48:53 +00:00

View File

@@ -32,137 +32,51 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "About",
id: "about",
},
{
name: "Features",
id: "features",
},
{
name: "Shop",
id: "shop",
},
{
name: "FAQ",
id: "faq",
},
{
name: "Contact",
id: "contact",
},
{ name: "About", id: "about" },
{ name: "Features", id: "features" },
{ name: "Shop", id: "shop" },
{ name: "FAQ", id: "faq" },
{ name: "Contact", id: "contact" },
]}
brandName="GamerRealm"
button={{ text: "Get Started", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{
variant: "glowing-orb",
}}
background={{ variant: "glowing-orb" }}
title="Level Up Your Game"
description="Experience professional-grade gaming performance with cutting-edge tech. Equip yourself for ultimate victory."
leftCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/retro-vhs-packaging-indoors_23-2150172406.jpg?_wi=1",
imageAlt: "gaming desk neon lights",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/gradient-illuminated-neon-gaming-desk-setup-with-keyboard_23-2149529412.jpg",
imageAlt: "mechanical keyboard gamer gear",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/gamer-streaming-greeting-audience-preparing-showcase-gameplay_482257-103544.jpg",
imageAlt: "esports gamer professional",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/retro-vhs-packaging-indoors_23-2150172444.jpg",
imageAlt: "Retro vhs packaging indoors",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/photos-development-darkroom_23-2149893788.jpg",
imageAlt: "Photos development in darkroom",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/retro-vhs-packaging-indoors_23-2150172406.jpg", imageAlt: "gaming desk neon lights" },
{ imageSrc: "http://img.b2bpic.net/free-photo/gradient-illuminated-neon-gaming-desk-setup-with-keyboard_23-2149529412.jpg", imageAlt: "mechanical keyboard gamer gear" },
{ imageSrc: "http://img.b2bpic.net/free-photo/gamer-streaming-greeting-audience-preparing-showcase-gameplay_482257-103544.jpg", imageAlt: "esports gamer professional" },
{ imageSrc: "http://img.b2bpic.net/free-photo/retro-vhs-packaging-indoors_23-2150172444.jpg", imageAlt: "Retro vhs packaging indoors" },
{ imageSrc: "http://img.b2bpic.net/free-photo/photos-development-darkroom_23-2149893788.jpg", imageAlt: "Photos development in darkroom" }
]}
rightCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/science-fiction-game-desktop-pc-monitor_482257-124535.jpg",
imageAlt: "gaming console setup",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/streamer-studio-streaming-online-viewers_482257-121633.jpg",
imageAlt: "professional gaming headset",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/asian-child-boy-wear-vr-virtual-reality-glassesheadsets-standing-playing-video-game-living-room-front-tv-home-quarantine-period-technology-innovation-concept-neon-light_609648-2547.jpg",
imageAlt: "virtual reality headset gaming",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/still-life-seat-gamers_23-2149746589.jpg",
imageAlt: "Still life of seat for gamers",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-mature-woman-having-fun-time_23-2149232846.jpg",
imageAlt: "Beautiful mature woman having a fun time",
},
]}
buttons={[
{
text: "Get Started",
href: "#contact",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/science-fiction-game-desktop-pc-monitor_482257-124535.jpg", imageAlt: "gaming console setup" },
{ imageSrc: "http://img.b2bpic.net/free-photo/streamer-studio-streaming-online-viewers_482257-121633.jpg", imageAlt: "professional gaming headset" },
{ imageSrc: "http://img.b2bpic.net/free-photo/asian-child-boy-wear-vr-virtual-reality-glassesheadsets-standing-playing-video-game-living-room-front-tv-home-quarantine-period-technology-innovation-concept-neon-light_609648-2547.jpg", imageAlt: "virtual reality headset gaming" },
{ imageSrc: "http://img.b2bpic.net/free-photo/still-life-seat-gamers_23-2149746589.jpg", imageAlt: "Still life of seat for gamers" },
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-mature-woman-having-fun-time_23-2149232846.jpg", imageAlt: "Beautiful mature woman having a fun time" }
]}
buttons={[{ text: "Get Started", href: "#contact" }]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/high-angle-pink-blue-keyboard-desk_23-2149680257.jpg",
alt: "High angle pink and blue keyboard on desk",
},
{
src: "http://img.b2bpic.net/free-photo/view-neon-illuminated-gaming-desk-setup-with-keyboard_23-2149529378.jpg",
alt: "View of neon illuminated gaming desk setup with keyboard",
},
{
src: "http://img.b2bpic.net/free-photo/party-space-ready-online-celebration_23-2149347242.jpg",
alt: "Party space ready for online celebration",
},
{
src: "http://img.b2bpic.net/free-photo/keyboard-with-neon-lights-high-angle_23-2149680226.jpg",
alt: "Keyboard with neon lights high angle",
},
{
src: "http://img.b2bpic.net/free-photo/stressed-man-playing-videogames-home-spamming-keyboard-buttons_482257-116257.jpg",
alt: "Stressed man playing videogames at home spamming keyboard buttons",
},
{ src: "http://img.b2bpic.net/free-photo/high-angle-pink-blue-keyboard-desk_23-2149680257.jpg", alt: "High angle pink and blue keyboard on desk" },
{ src: "http://img.b2bpic.net/free-photo/view-neon-illuminated-gaming-desk-setup-with-keyboard_23-2149529378.jpg", alt: "View of neon illuminated gaming desk setup with keyboard" },
{ src: "http://img.b2bpic.net/free-photo/party-space-ready-online-celebration_23-2149347242.jpg", alt: "Party space ready for online celebration" },
{ src: "http://img.b2bpic.net/free-photo/keyboard-with-neon-lights-high-angle_23-2149680226.jpg", alt: "Keyboard with neon lights high angle" },
{ src: "http://img.b2bpic.net/free-photo/stressed-man-playing-videogames-home-spamming-keyboard-buttons_482257-116257.jpg", alt: "Stressed man playing videogames at home spamming keyboard buttons" }
]}
avatarText="Join 10,000+ gamers"
marqueeItems={[
{
type: "image",
src: "http://img.b2bpic.net/free-photo/content-creator-playing-online-multiplayer-videogame-gaming-pc_482257-91829.jpg",
alt: "Content creator playing online",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/professional-gamer-disappointed-after-losing-livestream_482257-115598.jpg",
alt: "Professional gamer disappointed",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/man-having-gaming-session-with-friends-communicating-online_482257-77061.jpg",
alt: "Man having gaming session",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/view-computer-video-display-monitor_23-2150757347.jpg",
alt: "View of computer display",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/view-computer-monitor-display_23-2150757395.jpg",
alt: "View of monitor display",
},
{ type: "image", src: "http://img.b2bpic.net/free-photo/content-creator-playing-online-multiplayer-videogame-gaming-pc_482257-91829.jpg", alt: "Content creator playing online" },
{ type: "image", src: "http://img.b2bpic.net/free-photo/professional-gamer-disappointed-after-losing-livestream_482257-115598.jpg", alt: "Professional gamer disappointed" },
{ type: "image", src: "http://img.b2bpic.net/free-photo/man-having-gaming-session-with-friends-communicating-online_482257-77061.jpg", alt: "Man having gaming session" },
{ type: "image", src: "http://img.b2bpic.net/free-photo/view-computer-video-display-monitor_23-2150757347.jpg", alt: "View of computer display" },
{ type: "image", src: "http://img.b2bpic.net/free-photo/view-computer-monitor-display_23-2150757395.jpg", alt: "View of monitor display" }
]}
/>
</div>
@@ -171,19 +85,9 @@ export default function LandingPage() {
<InlineImageSplitTextAbout
useInvertedBackground={false}
heading={[
{
type: "text",
content: "The Future of",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/team-working-animation-project_23-2149269900.jpg",
alt: "gamers collaborating",
},
{
type: "text",
content: "Esports",
},
{ type: "text", content: "The Future of" },
{ type: "image", src: "http://img.b2bpic.net/free-photo/team-working-animation-project_23-2149269900.jpg", alt: "gamers collaborating" },
{ type: "text", content: "Esports" }
]}
/>
</div>
@@ -193,24 +97,9 @@ export default function LandingPage() {
textboxLayout="inline-image"
useInvertedBackground={true}
features={[
{
title: "Ultra-Low Latency",
description: "Cutting edge connection tech for near-instant response.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-late-night_23-2150171057.jpg",
imageAlt: "gaming network speed",
},
{
title: "Encrypted Security",
description: "Protect your account and your wins with military-grade encryption.",
imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-concept-illustration_23-2151883571.jpg",
imageAlt: "gaming account security",
},
{
title: "Performance Analytics",
description: "Deep-dive data to help you improve your strategy and reaction times.",
imageSrc: "http://img.b2bpic.net/free-photo/competitive-player-losing-e-sport-championship-using-technology-network-wireless_482257-513.jpg",
imageAlt: "game performance monitor",
},
{ title: "Ultra-Low Latency", description: "Cutting edge connection tech for near-instant response.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-late-night_23-2150171057.jpg", imageAlt: "gaming network speed" },
{ title: "Encrypted Security", description: "Protect your account and your wins with military-grade encryption.", imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-concept-illustration_23-2151883571.jpg", imageAlt: "gaming account security" },
{ title: "Performance Analytics", description: "Deep-dive data to help you improve your strategy and reaction times.", imageSrc: "http://img.b2bpic.net/free-photo/competitive-player-losing-e-sport-championship-using-technology-network-wireless_482257-513.jpg", imageAlt: "game performance monitor" }
]}
title="Premium Gaming Features"
description="Unlock your full potential with our optimized gaming ecosystem."
@@ -224,48 +113,12 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Mechanical Keyboard",
price: "$199",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-safety-first-key-keyboard_23-2149919540.jpg",
imageAlt: "gaming keyboard mechanical",
},
{
id: "p2",
name: "Precision Mouse",
price: "$89",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-happy-influencer-endorsing-wireless-mouse-from-sponsor_482257-87180.jpg",
imageAlt: "gaming mouse ergonomic",
},
{
id: "p3",
name: "Pro Headphones",
price: "$150",
imageSrc: "http://img.b2bpic.net/free-photo/it-expert-wearing-headphones-enjoying-podcasts-working-with-ai_482257-104309.jpg",
imageAlt: "gaming headset sound",
},
{
id: "p4",
name: "4K Ultra-Wide Monitor",
price: "$699",
imageSrc: "http://img.b2bpic.net/free-photo/man-having-fun-by-using-isolated-screen-computer-monitor-play-game_482257-121631.jpg",
imageAlt: "gaming monitor screen",
},
{
id: "p5",
name: "Ergo Racing Chair",
price: "$349",
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-using-nebulizer-home_23-2150562057.jpg",
imageAlt: "gaming chair ergonomic",
},
{
id: "p6",
name: "Large Desk Pad",
price: "$49",
imageSrc: "http://img.b2bpic.net/free-photo/laptop-dark-night-desktop_169016-52795.jpg",
imageAlt: "gaming desk mat",
},
{ id: "p1", name: "Mechanical Keyboard", price: "$199", imageSrc: "http://img.b2bpic.net/free-photo/top-view-safety-first-key-keyboard_23-2149919540.jpg", imageAlt: "gaming keyboard mechanical" },
{ id: "p2", name: "Precision Mouse", price: "$89", imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-happy-influencer-endorsing-wireless-mouse-from-sponsor_482257-87180.jpg", imageAlt: "gaming mouse ergonomic" },
{ id: "p3", name: "Pro Headphones", price: "$150", imageSrc: "http://img.b2bpic.net/free-photo/it-expert-wearing-headphones-enjoying-podcasts-working-with-ai_482257-104309.jpg", imageAlt: "gaming headset sound" },
{ id: "p4", name: "4K Ultra-Wide Monitor", price: "$699", imageSrc: "http://img.b2bpic.net/free-photo/man-having-fun-by-using-isolated-screen-computer-monitor-play-game_482257-121631.jpg", imageAlt: "gaming monitor screen" },
{ id: "p5", name: "Ergo Racing Chair", price: "$349", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-using-nebulizer-home_23-2150562057.jpg", imageAlt: "gaming chair ergonomic" },
{ id: "p6", name: "Large Desk Pad", price: "$49", imageSrc: "http://img.b2bpic.net/free-photo/laptop-dark-night-desktop_169016-52795.jpg", imageAlt: "gaming desk mat" }
]}
title="Pro Gear Collection"
description="Everything you need to climb the leaderboard."
@@ -275,48 +128,17 @@ export default function LandingPage() {
<div id="team" data-section="team">
<TeamCardEleven
textboxLayout="default"
animationType="slide-up"
useInvertedBackground={true}
groups={[
{
id: "team-group",
groupTitle: "Elite Team",
members: [
{
id: "m1",
title: "Pro Player One",
subtitle: "Top Frag",
detail: "Ranked #1 globally",
imageSrc: "http://img.b2bpic.net/free-photo/man-portrait-with-blue-lights-visual-effects_23-2149419467.jpg",
imageAlt: "pro gamer portrait",
},
{
id: "m2",
title: "Tactical Lead",
subtitle: "Strategy",
detail: "Master of maps",
imageSrc: "http://img.b2bpic.net/free-photo/content-creator-removing-headphones-after-intense-gaming-session-chatting-with-audience_482257-116277.jpg",
imageAlt: "gaming team captain",
},
{
id: "m3",
title: "Technical Engineer",
subtitle: "Optimization",
detail: "Hardware whisperer",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-rgb-lit-studio-streaming-multiplayer-game_482257-103579.jpg",
imageAlt: "gaming tech lead",
},
{
id: "m4",
title: "Skin Designer",
subtitle: "Creative",
detail: "Artistic flair",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-man-winning-videogame_23-2149349988.jpg",
imageAlt: "gaming skin designer",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/retro-vhs-packaging-indoors_23-2150172406.jpg?_wi=2",
imageAlt: "pro gamer portrait",
},
id: "team-group", groupTitle: "Elite Team", members: [
{ id: "m1", title: "Pro Player One", subtitle: "Top Frag", detail: "Ranked #1 globally", imageSrc: "http://img.b2bpic.net/free-photo/man-portrait-with-blue-lights-visual-effects_23-2149419467.jpg", imageAlt: "pro gamer portrait" },
{ id: "m2", title: "Tactical Lead", subtitle: "Strategy", detail: "Master of maps", imageSrc: "http://img.b2bpic.net/free-photo/content-creator-removing-headphones-after-intense-gaming-session-chatting-with-audience_482257-116277.jpg", imageAlt: "gaming team captain" },
{ id: "m3", title: "Technical Engineer", subtitle: "Optimization", detail: "Hardware whisperer", imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-rgb-lit-studio-streaming-multiplayer-game_482257-103579.jpg", imageAlt: "gaming tech lead" },
{ id: "m4", title: "Skin Designer", subtitle: "Creative", detail: "Artistic flair", imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-man-winning-videogame_23-2149349988.jpg", imageAlt: "gaming skin designer" }
]
}
]}
title="The Masters Behind the Scenes"
description="Meet the experts who make the gaming experience possible."
@@ -329,51 +151,11 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Sarah",
handle: "@SarahFrag",
testimonial: "The best setup I've ever owned.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-blonde-guy-wearing-green-t-shirt-vr-headset-showing-you-gesture_141793-89674.jpg",
imageAlt: "happy gamer holding controller",
},
{
id: "t2",
name: "Mike",
handle: "@StreamerMike",
testimonial: "Changed my streaming game entirely.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-cheerful-lady-catching-sequins-while-looking_171337-4564.jpg",
imageAlt: "streamer celebration",
},
{
id: "t3",
name: "Alex",
handle: "@ExpertAlex",
testimonial: "Unbeatable performance.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/gamer-chatting-with-internet-friends-while-enjoying-sf-game-close-up_482257-82417.jpg",
imageAlt: "gaming expert analyst",
},
{
id: "t4",
name: "Julie",
handle: "@JulesGamer",
testimonial: "Solid gear, really impressed.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/unpleased-young-handsome-sporty-man-wearing-headband-wristbands-headphones-holding-jump-ropes-looking-one-them-isolated-green-background_141793-84841.jpg",
imageAlt: "young gamer fan",
},
{
id: "t5",
name: "Sam",
handle: "@CasualSam",
testimonial: "Highly recommend for any level.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-man-playing-videogame-neon-illuminated-home-holding-controller_482257-120950.jpg",
imageAlt: "casual gamer portrait",
},
{ id: "t1", name: "Sarah", handle: "@SarahFrag", testimonial: "The best setup I've ever owned.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-blonde-guy-wearing-green-t-shirt-vr-headset-showing-you-gesture_141793-89674.jpg", imageAlt: "happy gamer holding controller" },
{ id: "t2", name: "Mike", handle: "@StreamerMike", testimonial: "Changed my streaming game entirely.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-cheerful-lady-catching-sequins-while-looking_171337-4564.jpg", imageAlt: "streamer celebration" },
{ id: "t3", name: "Alex", handle: "@ExpertAlex", testimonial: "Unbeatable performance.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/gamer-chatting-with-internet-friends-while-enjoying-sf-game-close-up_482257-82417.jpg", imageAlt: "gaming expert analyst" },
{ id: "t4", name: "Julie", handle: "@JulesGamer", testimonial: "Solid gear, really impressed.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/unpleased-young-handsome-sporty-man-wearing-headband-wristbands-headphones-holding-jump-ropes-looking-one-them-isolated-green-background_141793-84841.jpg", imageAlt: "young gamer fan" },
{ id: "t5", name: "Sam", handle: "@CasualSam", testimonial: "Highly recommend for any level.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-man-playing-videogame-neon-illuminated-home-holding-controller_482257-120950.jpg", imageAlt: "casual gamer portrait" }
]}
showRating={true}
title="What the Pros Say"
@@ -385,15 +167,7 @@ export default function LandingPage() {
<SocialProofOne
textboxLayout="default"
useInvertedBackground={true}
names={[
"Nvidia",
"Intel",
"Logitech",
"ASUS",
"Razer",
"Corsair",
"Steam",
]}
names={["Nvidia", "Intel", "Logitech", "ASUS", "Razer", "Corsair", "Steam"]}
title="Partnered with Industry Leaders"
description="Collaborating with the biggest names in tech."
/>
@@ -404,21 +178,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "Shipping times?",
content: "3-5 business days globally.",
},
{
id: "f2",
title: "Warranty coverage?",
content: "All gear comes with a 2-year warranty.",
},
{
id: "f3",
title: "Return policy?",
content: "14-day hassle-free returns.",
},
{ id: "f1", title: "Shipping times?", content: "3-5 business days globally." },
{ id: "f2", title: "Warranty coverage?", content: "All gear comes with a 2-year warranty." },
{ id: "f3", title: "Return policy?", content: "14-day hassle-free returns." }
]}
title="Got Questions?"
description="Answers to our community's most common questions."
@@ -432,16 +194,8 @@ export default function LandingPage() {
title="Join the Elite"
description="Contact us for inquiries or partnership opportunities."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
},
{
name: "email",
type: "email",
placeholder: "Your Email",
},
{ name: "name", type: "text", placeholder: "Your Name" },
{ name: "email", type: "email", placeholder: "Your Email" }
]}
imageSrc="http://img.b2bpic.net/free-photo/abstract-luxury-soft-red-background-christmas-valentines-layout-designstudioroom-web-template-busine_1258-52754.jpg"
imageAlt="minimalist dark gaming background"
@@ -452,32 +206,8 @@ export default function LandingPage() {
<FooterBaseCard
logoText="GamerRealm"
columns={[
{
title: "Products",
items: [
{
label: "Keyboards",
href: "#shop",
},
{
label: "Mice",
href: "#shop",
},
],
},
{
title: "Company",
items: [
{
label: "About",
href: "#about",
},
{
label: "FAQ",
href: "#faq",
},
],
},
{ title: "Products", items: [{ label: "Keyboards", href: "#shop" }, { label: "Mice", href: "#shop" }] },
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "FAQ", href: "#faq" }] }
]}
/>
</div>