bender/366e294a-235c-41a9-ac56-f6617a903af3
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-04 06:52:02 +00:00
parent 8257bc8093
commit 071d4d4714
1 changed files with 44 additions and 190 deletions
Download Patch File Download Diff File Expand all files Collapse all files

234
src/app/page.tsx
View File

@@ -33,21 +33,13 @@ export default function LandingPage() {
<NavbarStyleFullscreen
navItems={[
{
name: "Features",
id: "#features",
},
name: "Features", id: "#features"},
{
name: "Browse",
id: "#products",
},
name: "Browse", id: "#products"},
{
name: "Community",
id: "#metrics",
},
name: "Community", id: "#metrics"},
{
name: "Support",
id: "#faq",
},
name: "Support", id: "#faq"},
]}
brandName="GameCardVault"
/>
@@ -56,41 +48,22 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel
background={{
variant: "rotated-rays-animated",
}}
variant: "rotated-rays-animated"}}
title="Collect Legendary Cards"
description="Unlock rare artifacts, master the game, and build your ultimate deck with our global marketplace."
carouselItems={[
{
id: "h1",
imageSrc: "http://img.b2bpic.net/free-photo/light-background-with-sunset-projector-lamp_53876-108173.jpg?_wi=1",
imageAlt: "Card 1",
},
id: "h1", imageSrc: "http://img.b2bpic.net/free-photo/light-background-with-sunset-projector-lamp_53876-108173.jpg?_wi=1", imageAlt: "Card 1"},
{
id: "h2",
imageSrc: "http://img.b2bpic.net/free-vector/best-quality-golden-flyers_1375-152.jpg",
imageAlt: "Card 2",
},
id: "h2", imageSrc: "http://img.b2bpic.net/free-vector/best-quality-golden-flyers_1375-152.jpg", imageAlt: "Card 2"},
{
id: "h3",
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-art-deco-story-collection_23-2149168487.jpg",
imageAlt: "Card 3",
},
id: "h3", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-art-deco-story-collection_23-2149168487.jpg", imageAlt: "Card 3"},
{
id: "h4",
imageSrc: "http://img.b2bpic.net/free-photo/3d-animal-shape-glowing-with-bright-holographic-colors_23-2151037256.jpg",
imageAlt: "Card 4",
},
id: "h4", imageSrc: "http://img.b2bpic.net/free-photo/3d-animal-shape-glowing-with-bright-holographic-colors_23-2151037256.jpg", imageAlt: "Card 4"},
{
id: "h5",
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-art-deco-story-collection_23-2149168486.jpg",
imageAlt: "Card 5",
},
id: "h5", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-art-deco-story-collection_23-2149168486.jpg", imageAlt: "Card 5"},
{
id: "h6",
imageSrc: "http://img.b2bpic.net/free-photo/mexican-traditional-cards-game_23-2150558619.jpg",
imageAlt: "Card 6",
},
id: "h6", imageSrc: "http://img.b2bpic.net/free-photo/mexican-traditional-cards-game_23-2150558619.jpg", imageAlt: "Card 6"},
]}
/>
</div>
@@ -101,23 +74,11 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Verified Rarity",
description: "Every card is professionally graded.",
imageSrc: "http://img.b2bpic.net/free-vector/medical-low-poly-bag-equipment-medicine-linear-case-with-cross-blue-background-vector-wireframe_90220-991.jpg?_wi=1",
imageAlt: "Feature 1",
},
title: "Verified Rarity", description: "Every card is professionally graded.", imageSrc: "http://img.b2bpic.net/free-vector/medical-low-poly-bag-equipment-medicine-linear-case-with-cross-blue-background-vector-wireframe_90220-991.jpg?_wi=1", imageAlt: "Feature 1"},
{
title: "Vault Security",
description: "Bank-grade protection for your collection.",
imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-shield-with-padlock_23-2151998478.jpg?_wi=1",
imageAlt: "Feature 2",
},
title: "Vault Security", description: "Bank-grade protection for your collection.", imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-shield-with-padlock_23-2151998478.jpg?_wi=1", imageAlt: "Feature 2"},
{
title: "Global Marketplace",
description: "Trade with players from all continents.",
imageSrc: "http://img.b2bpic.net/free-photo/world-with-hand-drawn-icons_1134-404.jpg?_wi=1",
imageAlt: "Feature 3",
},
title: "Global Marketplace", description: "Trade with players from all continents.", imageSrc: "http://img.b2bpic.net/free-photo/world-with-hand-drawn-icons_1134-404.jpg?_wi=1", imageAlt: "Feature 3"},
]}
title="Why Choose Us?"
description="Our platform offers secure, transparent, and fast trading experiences for collectors worldwide."
@@ -132,41 +93,17 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Warrior of Light",
price: "$120",
imageSrc: "http://img.b2bpic.net/free-photo/chinese-woman-holding-traditional-red-envelope-with-chinese-new-year-wishes_181624-16872.jpg?_wi=1",
},
id: "p1", name: "Warrior of Light", price: "$120", imageSrc: "http://img.b2bpic.net/free-photo/chinese-woman-holding-traditional-red-envelope-with-chinese-new-year-wishes_181624-16872.jpg?_wi=1"},
{
id: "p2",
name: "Mage of Void",
price: "$180",
imageSrc: "http://img.b2bpic.net/free-photo/literary-fantasy-character_23-2151863446.jpg",
},
id: "p2", name: "Mage of Void", price: "$180", imageSrc: "http://img.b2bpic.net/free-photo/literary-fantasy-character_23-2151863446.jpg"},
{
id: "p3",
name: "Dragon Summon",
price: "$250",
imageSrc: "http://img.b2bpic.net/free-photo/view-half-rhino-with-futuristic-robotic-parts_23-2151742121.jpg",
},
id: "p3", name: "Dragon Summon", price: "$250", imageSrc: "http://img.b2bpic.net/free-photo/view-half-rhino-with-futuristic-robotic-parts_23-2151742121.jpg"},
{
id: "p4",
name: "Ancient Relic",
price: "$300",
imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-product-container-with-art-nouveau-inspired-sun-relief-background_23-2151420628.jpg",
},
id: "p4", name: "Ancient Relic", price: "$300", imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-product-container-with-art-nouveau-inspired-sun-relief-background_23-2151420628.jpg"},
{
id: "p5",
name: "Mythic Hero",
price: "$450",
imageSrc: "http://img.b2bpic.net/free-psd/bank-services-template-design_23-2150264379.jpg",
},
id: "p5", name: "Mythic Hero", price: "$450", imageSrc: "http://img.b2bpic.net/free-psd/bank-services-template-design_23-2150264379.jpg"},
{
id: "p6",
name: "Mystery Card",
price: "$99",
imageSrc: "http://img.b2bpic.net/free-photo/autumn-vibes-gothic-style-brunette-woman-dark-red-cloth_8353-8724.jpg",
},
id: "p6", name: "Mystery Card", price: "$99", imageSrc: "http://img.b2bpic.net/free-photo/autumn-vibes-gothic-style-brunette-woman-dark-red-cloth_8353-8724.jpg"},
]}
title="Featured Drops"
description="Discover our newest additions to the vault, featuring the rarest cards on the market."
@@ -180,23 +117,14 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "m1",
icon: Sparkles,
title: "Cards Traded",
value: "1.2M+",
},
id: "m1", icon: Sparkles,
title: "Cards Traded", value: "1.2M+"},
{
id: "m2",
icon: Shield,
title: "Verified Sellers",
value: "5,400",
},
id: "m2", icon: Shield,
title: "Verified Sellers", value: "5,400"},
{
id: "m3",
icon: Globe,
title: "Active Countries",
value: "120",
},
id: "m3", icon: Globe,
title: "Active Countries", value: "120"},
]}
title="Vault Statistics"
description="Join thousands of collectors active on our platform every single day."
@@ -209,60 +137,15 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Alex R.",
date: "Oct 2023",
title: "Top Collector",
quote: "The best place to trade rare cards online.",
tag: "Verified",
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-shot-pro-gamer-broadcasting-game-internet-talking-with-audience_482257-99050.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/light-background-with-sunset-projector-lamp_53876-108173.jpg?_wi=2",
imageAlt: "gamer smiling portrait",
},
id: "t1", name: "Alex R.", date: "Oct 2023", title: "Top Collector", quote: "The best place to trade rare cards online.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-shot-pro-gamer-broadcasting-game-internet-talking-with-audience_482257-99050.jpg", imageSrc: "http://img.b2bpic.net/free-photo/light-background-with-sunset-projector-lamp_53876-108173.jpg?_wi=2", imageAlt: "gamer smiling portrait"},
{
id: "t2",
name: "Sarah L.",
date: "Sep 2023",
title: "Pro Player",
quote: "Incredible security and fast shipping.",
tag: "Pro",
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-gorgeous-happy-gamer-girl-with-pink-hair-playing-video-games-using-joystick-colorful-studio_149155-5242.jpg",
imageSrc: "http://img.b2bpic.net/free-vector/medical-low-poly-bag-equipment-medicine-linear-case-with-cross-blue-background-vector-wireframe_90220-991.jpg?_wi=2",
imageAlt: "gamer smiling portrait",
},
id: "t2", name: "Sarah L.", date: "Sep 2023", title: "Pro Player", quote: "Incredible security and fast shipping.", tag: "Pro", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-gorgeous-happy-gamer-girl-with-pink-hair-playing-video-games-using-joystick-colorful-studio_149155-5242.jpg", imageSrc: "http://img.b2bpic.net/free-vector/medical-low-poly-bag-equipment-medicine-linear-case-with-cross-blue-background-vector-wireframe_90220-991.jpg?_wi=2", imageAlt: "gamer smiling portrait"},
{
id: "t3",
name: "Mark D.",
date: "Aug 2023",
title: "Expert",
quote: "I found cards here I couldn't find elsewhere.",
tag: "VIP",
avatarSrc: "http://img.b2bpic.net/free-photo/handsome-guy-with-glasses_1098-134.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-shield-with-padlock_23-2151998478.jpg?_wi=2",
imageAlt: "gamer smiling portrait",
},
id: "t3", name: "Mark D.", date: "Aug 2023", title: "Expert", quote: "I found cards here I couldn't find elsewhere.", tag: "VIP", avatarSrc: "http://img.b2bpic.net/free-photo/handsome-guy-with-glasses_1098-134.jpg", imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-shield-with-padlock_23-2151998478.jpg?_wi=2", imageAlt: "gamer smiling portrait"},
{
id: "t4",
name: "James K.",
date: "Jul 2023",
title: "Casual",
quote: "Extremely user-friendly interface.",
tag: "Gold",
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-genius-man-holding-credit-card-studio_140725-152407.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/world-with-hand-drawn-icons_1134-404.jpg?_wi=2",
imageAlt: "gamer smiling portrait",
},
id: "t4", name: "James K.", date: "Jul 2023", title: "Casual", quote: "Extremely user-friendly interface.", tag: "Gold", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-genius-man-holding-credit-card-studio_140725-152407.jpg", imageSrc: "http://img.b2bpic.net/free-photo/world-with-hand-drawn-icons_1134-404.jpg?_wi=2", imageAlt: "gamer smiling portrait"},
{
id: "t5",
name: "Emma W.",
date: "Jun 2023",
title: "Top Seller",
quote: "Reliable and professional service.",
tag: "Verified",
avatarSrc: "http://img.b2bpic.net/free-photo/front-view-man-looking-lottery-tickets_23-2149820155.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/chinese-woman-holding-traditional-red-envelope-with-chinese-new-year-wishes_181624-16872.jpg?_wi=2",
imageAlt: "gamer smiling portrait",
},
id: "t5", name: "Emma W.", date: "Jun 2023", title: "Top Seller", quote: "Reliable and professional service.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-man-looking-lottery-tickets_23-2149820155.jpg", imageSrc: "http://img.b2bpic.net/free-photo/chinese-woman-holding-traditional-red-envelope-with-chinese-new-year-wishes_181624-16872.jpg?_wi=2", imageAlt: "gamer smiling portrait"},
]}
title="Collector Feedback"
description="Hear what our community says about their experience trading on our platform."
@@ -274,14 +157,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"Studio A",
"Studio B",
"Studio C",
"Studio D",
"Studio E",
"Studio F",
"Studio G",
]}
"Studio A", "Studio B", "Studio C", "Studio D", "Studio E", "Studio F", "Studio G"]}
title="Trusted Partners"
description="Collaborating with leading studios and platforms."
/>
@@ -292,20 +168,11 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "Is my payment safe?",
content: "Yes, we use industry-standard encryption.",
},
id: "f1", title: "Is my payment safe?", content: "Yes, we use AES-256 bank-grade end-to-end encryption to ensure your financial transactions remain fully secure."},
{
id: "f2",
title: "How is card quality verified?",
content: "We use expert grading services.",
},
id: "f2", title: "How is card quality verified?", content: "All cards undergo rigorous multi-point inspection by PSA and BGS certified graders to ensure authenticity and condition standards."},
{
id: "f3",
title: "Can I trade internationally?",
content: "We offer shipping to over 120 countries.",
},
id: "f3", title: "Can I trade internationally?", content: "We provide insured, tracked shipping to over 120 countries, maintaining global trade standards for your peace of mind."},
]}
sideTitle="Common Questions"
sideDescription="Need help? Check out answers to common concerns."
@@ -317,16 +184,13 @@ export default function LandingPage() {
<ContactCTA
useInvertedBackground={false}
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
tag="Support"
title="Get in touch with us"
description="Our team is here to help you anytime."
buttons={[
{
text: "Contact Support",
href: "mailto:hello@example.com",
},
text: "Contact Support", href: "mailto:hello@example.com"},
]}
/>
</div>
@@ -335,29 +199,19 @@ export default function LandingPage() {
<FooterSimple
columns={[
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About",
href: "#",
},
label: "About", href: "#"},
{
label: "Careers",
href: "#",
},
label: "Careers", href: "#"},
],
},
{
title: "Resources",
items: [
title: "Resources", items: [
{
label: "Guide",
href: "#",
},
label: "Guide", href: "#"},
{
label: "Support",
href: "#",
},
label: "Support", href: "#"},
],
},
]}
@@ -368,4 +222,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}