bender/d53cffda-b5f8-4779-b3f7-6b3d6afeff89
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-24 13:08:57 +00:00
parent 872cd54dcd
commit 7deeb5c3e8
1 changed files with 43 additions and 262 deletions
Download Patch File Download Diff File Expand all files Collapse all files

305
src/app/page.tsx
View File

@@ -32,101 +32,44 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Games",
id: "products",
},
{
name: "Deals",
id: "pricing",
},
{
name: "Support",
id: "contact",
},
{ name: "Home", id: "hero" },
{ name: "Games", id: "products" },
{ name: "Deals", id: "pricing" },
{ name: "Support", id: "contact" },
]}
brandName="GameOrbit"
button={{ text: "Get Started", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitKpi
background={{
variant: "glowing-orb",
}}
background={{ variant: "glowing-orb" }}
title="Enter the GameOrbit"
description="Your ultimate destination for PS5 gaming excellence. Experience the new generation of immersion."
kpis={[
{
value: "100+",
label: "Games Available",
},
{
value: "24/7",
label: "Fast Delivery",
},
{
value: "10k+",
label: "Happy Gamers",
},
{ value: "100+", label: "Games Available" },
{ value: "24/7", label: "Fast Delivery" },
{ value: "10k+", label: "Happy Gamers" },
]}
enableKpiAnimation={true}
buttons={[
{
text: "Shop Now",
href: "#products",
},
]}
buttons={[{ text: "Shop Now", href: "#products" }]}
imageSrc="http://img.b2bpic.net/free-photo/dark-fantasy-scene_23-2151136230.jpg"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/young-woman-with-pink-hair-playing-videogame_23-2148969213.jpg",
alt: "Gamer profile 1",
},
{
src: "http://img.b2bpic.net/free-photo/gamer-having-fun-while-playing-videogames_23-2149142696.jpg",
alt: "Gamer profile 2",
},
{
src: "http://img.b2bpic.net/free-photo/gamer-celebrates-victory-computer_23-2152006695.jpg",
alt: "Gamer profile 3",
},
{
src: "http://img.b2bpic.net/free-photo/smiley-man-fist-bumping-with-colleague_23-2149350008.jpg",
alt: "Gamer profile 4",
},
{
src: "http://img.b2bpic.net/free-photo/modern-female-playing-video-games_23-2148369614.jpg",
alt: "Gamer profile 5",
},
{ src: "http://img.b2bpic.net/free-photo/young-woman-with-pink-hair-playing-videogame_23-2148969213.jpg", alt: "Gamer profile 1" },
{ src: "http://img.b2bpic.net/free-photo/gamer-having-fun-while-playing-videogames_23-2149142696.jpg", alt: "Gamer profile 2" },
{ src: "http://img.b2bpic.net/free-photo/gamer-celebrates-victory-computer_23-2152006695.jpg", alt: "Gamer profile 3" },
{ src: "http://img.b2bpic.net/free-photo/smiley-man-fist-bumping-with-colleague_23-2149350008.jpg", alt: "Gamer profile 4" },
{ src: "http://img.b2bpic.net/free-photo/modern-female-playing-video-games_23-2148369614.jpg", alt: "Gamer profile 5" },
]}
avatarText="Trusted by 10k+ gamers worldwide"
marqueeItems={[
{
type: "text",
text: "Next-Gen Graphics",
},
{
type: "text",
text: "Haptic Immersion",
},
{
type: "text",
text: "4K Ultra Gaming",
},
{
type: "text",
text: "Lightning Speed",
},
{
type: "text",
text: "Exclusive Titles",
},
{ type: "text", text: "Next-Gen Graphics" },
{ type: "text", text: "Haptic Immersion" },
{ type: "text", text: "4K Ultra Gaming" },
{ type: "text", text: "Lightning Speed" },
{ type: "text", text: "Exclusive Titles" },
]}
/>
</div>
@@ -135,11 +78,7 @@ export default function LandingPage() {
<TextAbout
useInvertedBackground={false}
title="Built for Serious Gamers"
buttons={[
{
text: "Learn More",
},
]}
buttons={[{ text: "Learn More" }]}
/>
</div>
@@ -150,48 +89,12 @@ export default function LandingPage() {
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
products={[
{
id: "1",
name: "God of War Ragnarök",
price: "Rs. 8,999",
variant: "Action",
imageSrc: "http://img.b2bpic.net/free-photo/videotape-with-3d-glasses-frame_23-2148133600.jpg",
},
{
id: "2",
name: "Spider-Man 2",
price: "Rs. 9,499",
variant: "Action",
imageSrc: "http://img.b2bpic.net/free-photo/retro-vhs-packaging-glasses-high-angle_23-2149854365.jpg",
},
{
id: "3",
name: "Hogwarts Legacy",
price: "Rs. 7,999",
variant: "RPG",
imageSrc: "http://img.b2bpic.net/free-photo/cyberpunk-man-warrior-urban-scenery_23-2150712294.jpg",
},
{
id: "4",
name: "Gran Turismo 7",
price: "Rs. 7,499",
variant: "Racing",
imageSrc: "http://img.b2bpic.net/free-photo/old-tape-device-studio_23-2150756315.jpg",
},
{
id: "5",
name: "Resident Evil 4",
price: "Rs. 7,999",
variant: "Horror",
imageSrc: "http://img.b2bpic.net/free-photo/cartoon-woman-wearing-vr-glasses_23-2151136912.jpg",
},
{
id: "6",
name: "Final Fantasy XVI",
price: "Rs. 8,499",
variant: "RPG",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-dvd-music-set_1150-6661.jpg",
},
{ id: "1", name: "God of War Ragnarök", price: "Rs. 8,999", variant: "Action", imageSrc: "http://img.b2bpic.net/free-photo/videotape-with-3d-glasses-frame_23-2148133600.jpg" },
{ id: "2", name: "Spider-Man 2", price: "Rs. 9,499", variant: "Action", imageSrc: "http://img.b2bpic.net/free-photo/retro-vhs-packaging-glasses-high-angle_23-2149854365.jpg" },
{ id: "3", name: "Hogwarts Legacy", price: "Rs. 7,999", variant: "RPG", imageSrc: "http://img.b2bpic.net/free-photo/cyberpunk-man-warrior-urban-scenery_23-2150712294.jpg" },
{ id: "4", name: "Gran Turismo 7", price: "Rs. 7,499", variant: "Racing", imageSrc: "http://img.b2bpic.net/free-photo/old-tape-device-studio_23-2150756315.jpg" },
{ id: "5", name: "Resident Evil 4", price: "Rs. 7,999", variant: "Horror", imageSrc: "http://img.b2bpic.net/free-photo/cartoon-woman-wearing-vr-glasses_23-2151136912.jpg" },
{ id: "6", name: "Final Fantasy XVI", price: "Rs. 8,499", variant: "RPG", imageSrc: "http://img.b2bpic.net/free-photo/top-view-dvd-music-set_1150-6661.jpg" },
]}
title="Latest PS5 Titles"
description="Discover the most sought-after games for the PS5 platform."
@@ -205,27 +108,9 @@ export default function LandingPage() {
gridVariant="bento-grid"
useInvertedBackground={true}
metrics={[
{
id: "m1",
value: "15+",
title: "Genres",
description: "Diverse gaming categories",
icon: Star,
},
{
id: "m2",
value: "50+",
title: "Publishers",
description: "World-class partnerships",
icon: Building2,
},
{
id: "m3",
value: "98%",
title: "Satisfaction",
description: "High community trust",
icon: Star,
},
{ id: "m1", value: "15+", title: "Genres", description: "Diverse gaming categories", icon: Star },
{ id: "m2", value: "50+", title: "Publishers", description: "World-class partnerships", icon: Building2 },
{ id: "m3", value: "98%", title: "Satisfaction", description: "High community trust", icon: Star },
]}
title="Catalog Overview"
description="Explore by the numbers."
@@ -236,16 +121,9 @@ export default function LandingPage() {
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
names={[
"Sony",
"Ubisoft",
"EA Games",
"Capcom",
"Square Enix",
"Activision",
"Bandai Namco",
]}
names={["Sony", "Ubisoft", "EA Games", "Capcom", "Square Enix", "Activision", "Bandai Namco"]}
title="Trusted Partners"
description="Industry leaders working with us."
/>
</div>
@@ -255,50 +133,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
plans={[
{
id: "p1",
price: "Rs. 1,999",
name: "Basic Member",
features: [
"10% off games",
"Early access",
],
buttons: [
{
text: "Get Started",
},
],
},
{
id: "p2",
price: "Rs. 3,999",
name: "Pro Gamer",
features: [
"20% off games",
"Free delivery",
"Exclusive loot",
],
buttons: [
{
text: "Get Started",
},
],
},
{
id: "p3",
price: "Rs. 5,999",
name: "Elite Legend",
features: [
"30% off games",
"Dedicated support",
"Early release",
],
buttons: [
{
text: "Get Started",
},
],
},
{ id: "p1", price: "Rs. 1,999", name: "Basic Member", features: ["10% off games", "Early access"], buttons: [{ text: "Get Started" }] },
{ id: "p2", price: "Rs. 3,999", name: "Pro Gamer", features: ["20% off games", "Free delivery", "Exclusive loot"], buttons: [{ text: "Get Started" }] },
{ id: "p3", price: "Rs. 5,999", name: "Elite Legend", features: ["30% off games", "Dedicated support", "Early release"], buttons: [{ text: "Get Started" }] },
]}
title="Exclusive Deals"
description="Unlock membership savings."
@@ -311,41 +148,11 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Ali Khan",
role: "Hardcore Gamer",
testimonial: "Best place to buy PS5 games in Pakistan. Fast delivery!",
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-pink-hair-playing-videogame_23-2148969220.jpg",
},
{
id: "2",
name: "Sarah Ahmed",
role: "RPG Fan",
testimonial: "Amazing collection and very responsive support.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-modern-woman-playing-games_23-2148369581.jpg",
},
{
id: "3",
name: "Bilal Ahmed",
role: "FPS Pro",
testimonial: "Highly recommended for all gamers.",
imageSrc: "http://img.b2bpic.net/free-photo/person-using-futuristic-virtual-reality-headset-video-games_23-2151133238.jpg",
},
{
id: "4",
name: "Sara Khan",
role: "Casual Gamer",
testimonial: "Reliable and excellent service.",
imageSrc: "http://img.b2bpic.net/free-photo/black-teen-smiling-girl-headset-playing-video-games-video-game-club-with-blue-red-illumination_1268-24596.jpg",
},
{
id: "5",
name: "Omar Raza",
role: "Collector",
testimonial: "The exclusive collection is just unmatched.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-winning-game_23-2149005174.jpg",
},
{ id: "1", name: "Ali Khan", role: "Hardcore Gamer", testimonial: "Best place to buy PS5 games in Pakistan. Fast delivery!", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-pink-hair-playing-videogame_23-2148969220.jpg" },
{ id: "2", name: "Sarah Ahmed", role: "RPG Fan", testimonial: "Amazing collection and very responsive support.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-modern-woman-playing-games_23-2148369581.jpg" },
{ id: "3", name: "Bilal Ahmed", role: "FPS Pro", testimonial: "Highly recommended for all gamers.", imageSrc: "http://img.b2bpic.net/free-photo/person-using-futuristic-virtual-reality-headset-video-games_23-2151133238.jpg" },
{ id: "4", name: "Sara Khan", role: "Casual Gamer", testimonial: "Reliable and excellent service.", imageSrc: "http://img.b2bpic.net/free-photo/black-teen-smiling-girl-headset-playing-video-games-video-game-club-with-blue-red-illumination_1268-24596.jpg" },
{ id: "5", name: "Omar Raza", role: "Collector", testimonial: "The exclusive collection is just unmatched.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-winning-game_23-2149005174.jpg" },
]}
title="What Gamers Say"
description="Don't just take our word for it—join a community of satisfied players across the nation."
@@ -355,9 +162,7 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={true}
background={{
variant: "animated-grid",
}}
background={{ variant: "animated-grid" }}
tag="Contact"
title="Join the Orbit"
description="Subscribe for news and deals."
@@ -368,32 +173,8 @@ export default function LandingPage() {
<FooterBaseCard
logoText="GameOrbit"
columns={[
{
title: "Store",
items: [
{
label: "Shop",
href: "#products",
},
{
label: "Deals",
href: "#pricing",
},
],
},
{
title: "Support",
items: [
{
label: "Contact",
href: "#contact",
},
{
label: "FAQ",
href: "#",
},
],
},
{ title: "Store", items: [{ label: "Shop", href: "#products" }, { label: "Deals", href: "#pricing" }] },
{ title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "FAQ", href: "#" }] },
]}
/>
</div>