Merge version_1 into main #1
229
src/app/page.tsx
229
src/app/page.tsx
@@ -31,26 +31,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Shop",
|
||||
id: "#products",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Shop", id: "#products" },
|
||||
{ name: "Features", id: "#features" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "FAQ", id: "#faq" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="GameVault"
|
||||
/>
|
||||
@@ -58,46 +43,20 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Level Up Your Library"
|
||||
description="Unlock instant access to the world's most immersive gaming experiences. Discover, buy, and dominate."
|
||||
buttons={[
|
||||
{
|
||||
text: "Browse Catalog",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
},
|
||||
{ text: "Browse Catalog", href: "#products" },
|
||||
{ text: "Learn More", href: "#about" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/light-equipment-grey-technology-serious_1134-1423.jpg",
|
||||
imageAlt: "futuristic gaming interface",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flying-men-outdoors-cyberpunk-portrait_23-2150006863.jpg",
|
||||
imageAlt: "gaming action scene",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cosmic-background-with-blue-orange-laser-lights-patterns-perfect-digital-wallpaper_181624-24563.jpg",
|
||||
imageAlt: "neon grid landscape",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vitnage-typewriter-with-prism-lens-effect_53876-126892.jpg",
|
||||
imageAlt: "glowing gaming console",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/geometric-shape-fountain-background_1048-12551.jpg",
|
||||
imageAlt: "floating digital assets",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/game-menu-interface-windows-cartoon-options-set_107791-12644.jpg",
|
||||
imageAlt: "game library interface",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/light-equipment-grey-technology-serious_1134-1423.jpg", imageAlt: "futuristic gaming interface" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/flying-men-outdoors-cyberpunk-portrait_23-2150006863.jpg", imageAlt: "gaming action scene" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/cosmic-background-with-blue-orange-laser-lights-patterns-perfect-digital-wallpaper_181624-24563.jpg", imageAlt: "neon grid landscape" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/vitnage-typewriter-with-prism-lens-effect_53876-126892.jpg", imageAlt: "glowing gaming console" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/geometric-shape-fountain-background_1048-12551.jpg", imageAlt: "floating digital assets" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-vector/game-menu-interface-windows-cartoon-options-set_107791-12644.jpg", imageAlt: "game library interface" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -109,48 +68,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Cyber Vortex",
|
||||
price: "$59.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gold-pedestal-cylinder-luxury-premium-podium-background-3d-illustration-empty-display-scene-presentation-product-placement_56104-1845.jpg",
|
||||
imageAlt: "game cover art",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Neon Odyssey",
|
||||
price: "$49.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/geometric-3d-object-floating-cosmic-space_187299-47572.jpg",
|
||||
imageAlt: "sci-fi game box",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Galaxy Tactics",
|
||||
price: "$39.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-art-style-scene-with-people-playing-chess_23-2151499409.jpg",
|
||||
imageAlt: "collector game box",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Rogue Agent",
|
||||
price: "$29.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-blank-business-cards-mockup_187299-47571.jpg",
|
||||
imageAlt: "fantasy game art",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Velocity Pro",
|
||||
price: "$69.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/eid-mubarak-3d-illustration-with-lamb-palm-tree-islamic-arch_187299-48046.jpg",
|
||||
imageAlt: "shooter game aesthetic",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Void Hunter",
|
||||
price: "$19.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/green-minimal-computer-desktop-digital-device-with-design-space-set_53876-126780.jpg",
|
||||
imageAlt: "racing game cover",
|
||||
},
|
||||
{ id: "p1", name: "Cyber Vortex", price: "$59.99", imageSrc: "http://img.b2bpic.net/free-photo/gold-pedestal-cylinder-luxury-premium-podium-background-3d-illustration-empty-display-scene-presentation-product-placement_56104-1845.jpg", imageAlt: "game cover art" },
|
||||
{ id: "p2", name: "Neon Odyssey", price: "$49.99", imageSrc: "http://img.b2bpic.net/free-photo/geometric-3d-object-floating-cosmic-space_187299-47572.jpg", imageAlt: "sci-fi game box" },
|
||||
{ id: "p3", name: "Galaxy Tactics", price: "$39.99", imageSrc: "http://img.b2bpic.net/free-photo/digital-art-style-scene-with-people-playing-chess_23-2151499409.jpg", imageAlt: "collector game box" },
|
||||
{ id: "p4", name: "Rogue Agent", price: "$29.99", imageSrc: "http://img.b2bpic.net/free-photo/two-blank-business-cards-mockup_187299-47571.jpg", imageAlt: "fantasy game art" },
|
||||
{ id: "p5", name: "Velocity Pro", price: "$69.99", imageSrc: "http://img.b2bpic.net/free-photo/eid-mubarak-3d-illustration-with-lamb-palm-tree-islamic-arch_187299-48046.jpg", imageAlt: "shooter game aesthetic" },
|
||||
{ id: "p6", name: "Void Hunter", price: "$19.99", imageSrc: "http://img.b2bpic.net/free-photo/green-minimal-computer-desktop-digital-device-with-design-space-set_53876-126780.jpg", imageAlt: "racing game cover" },
|
||||
]}
|
||||
title="Trending Titles"
|
||||
description="Top-rated games ready to play now."
|
||||
@@ -159,44 +82,15 @@ export default function LandingPage() {
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Instant Delivery",
|
||||
subtitle: "Get your keys instantly via email.",
|
||||
category: "Service",
|
||||
value: "24/7",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Secure Payments",
|
||||
subtitle: "Encrypted transactions for safety.",
|
||||
category: "Safety",
|
||||
value: "100%",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Support",
|
||||
subtitle: "Expert help for all platforms.",
|
||||
category: "Help",
|
||||
value: "24/7",
|
||||
},
|
||||
{
|
||||
id: "f4",
|
||||
title: "Global Access",
|
||||
subtitle: "Play from anywhere in the world.",
|
||||
category: "Access",
|
||||
value: "Global",
|
||||
},
|
||||
{
|
||||
id: "f5",
|
||||
title: "Verified Keys",
|
||||
subtitle: "Only 100% authentic keys provided.",
|
||||
category: "Quality",
|
||||
value: "Verified",
|
||||
},
|
||||
{ id: "f1", title: "Instant Delivery", subtitle: "Get your keys instantly via email.", category: "Service", value: "24/7" },
|
||||
{ id: "f2", title: "Secure Payments", subtitle: "Encrypted transactions for safety.", category: "Safety", value: "100%" },
|
||||
{ id: "f3", title: "Support", subtitle: "Expert help for all platforms.", category: "Help", value: "24/7" },
|
||||
{ id: "f4", title: "Global Access", subtitle: "Play from anywhere in the world.", category: "Access", value: "Global" },
|
||||
{ id: "f5", title: "Verified Keys", subtitle: "Only 100% authentic keys provided.", category: "Quality", value: "Verified" },
|
||||
]}
|
||||
title="Why GameVault?"
|
||||
description="Built for gamers, by gamers."
|
||||
@@ -221,36 +115,11 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-professional-bearded-video-gamer-front-his-pc_482257-31725.jpg",
|
||||
imageAlt: "gamer portrait",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Jordan P.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-person_23-2151099220.jpg",
|
||||
imageAlt: "tech fan portrait",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sarah K.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-eyeglasses-standing-cozy-living-room_755757-10.jpg",
|
||||
imageAlt: "esports competitor",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Mike B.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-handsome-man-earphones-dark-haired-man-casual-clothes-looking-camera-portrait-concept_74855-24635.jpg",
|
||||
imageAlt: "game developer portrait",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Elena M.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-luxury-blur-dark-grey-black-gradient-used-as-background-studio-wall-display-your-products_1258-67508.jpg",
|
||||
imageAlt: "content creator portrait",
|
||||
},
|
||||
{ id: "t1", name: "Alex R.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-professional-bearded-video-gamer-front-his-pc_482257-31725.jpg", imageAlt: "gamer portrait" },
|
||||
{ id: "t2", name: "Jordan P.", imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-person_23-2151099220.jpg", imageAlt: "tech fan portrait" },
|
||||
{ id: "t3", name: "Sarah K.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-eyeglasses-standing-cozy-living-room_755757-10.jpg", imageAlt: "esports competitor" },
|
||||
{ id: "t4", name: "Mike B.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-handsome-man-earphones-dark-haired-man-casual-clothes-looking-camera-portrait-concept_74855-24635.jpg", imageAlt: "game developer portrait" },
|
||||
{ id: "t5", name: "Elena M.", imageSrc: "http://img.b2bpic.net/free-photo/abstract-luxury-blur-dark-grey-black-gradient-used-as-background-studio-wall-display-your-products_1258-67508.jpg", imageAlt: "content creator portrait" },
|
||||
]}
|
||||
cardTitle="Gamer Approved"
|
||||
cardTag="Community Voices"
|
||||
@@ -263,31 +132,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How do I receive keys?",
|
||||
content: "Keys are sent to your registered email immediately after payment.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Are keys region-locked?",
|
||||
content: "Most keys are global; regional restrictions will be clearly noted on the product page.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I return a key?",
|
||||
content: "Returns are accepted if the key remains unredeemed within 30 days.",
|
||||
},
|
||||
{
|
||||
id: "q4",
|
||||
title: "Do you support mobile games?",
|
||||
content: "Our current focus is on PC and console digital distribution platforms.",
|
||||
},
|
||||
{
|
||||
id: "q5",
|
||||
title: "How is my data protected?",
|
||||
content: "We use industry-standard encryption to ensure your personal details remain secure.",
|
||||
},
|
||||
{ id: "q1", title: "How do I receive keys?", content: "Keys are sent to your registered email immediately after payment." },
|
||||
{ id: "q2", title: "Are keys region-locked?", content: "Most keys are global; regional restrictions will be clearly noted on the product page." },
|
||||
{ id: "q3", title: "Can I return a key?", content: "Returns are accepted if the key remains unredeemed within 30 days." },
|
||||
{ id: "q4", title: "Do you support mobile games?", content: "Our current focus is on PC and console digital distribution platforms." },
|
||||
{ id: "q5", title: "How is my data protected?", content: "We use industry-standard encryption to ensure your personal details remain secure." },
|
||||
]}
|
||||
title="Need Help?"
|
||||
description="Frequently asked questions about our services."
|
||||
@@ -298,9 +147,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Stay Updated"
|
||||
title="Join Our Mailing List"
|
||||
description="Get notified about latest deals and game drops."
|
||||
@@ -319,4 +166,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user