Merge version_1 into main

Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
2026-04-23 11:17:00 +00:00

View File

@@ -19,27 +19,26 @@ export default function LandingPage() {
defaultButtonVariant="hover-bubble"
defaultTextAnimation="reveal-blur"
borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "hero",
},
name: "Home", id: "hero"},
{
name: "Products",
id: "catalog",
},
name: "Products", id: "catalog"},
{
name: "Pricing",
id: "pricing",
},
name: "Pricing", id: "pricing"},
{
name: "Support",
id: "faq",
},
name: "Support", id: "faq"},
]}
brandName="CardTrader"
/>
@@ -48,65 +47,28 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroCentered
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
title="The Automated Marketplace for TCG Enthusiasts"
description="Buy, sell, and manage your card game collection with fully automated pricing, secure transactions, and instant settlement."
avatars={[
{
src: "http://img.b2bpic.net/free-photo/portrait-smiley-woman_23-2149022647.jpg",
alt: "User 1",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-redhead-lady_23-2148339146.jpg",
alt: "User 2",
},
{
src: "http://img.b2bpic.net/free-photo/joyful-young-brunette-caucasian-girl-isolated-olive-green-wall-with-copy-space_141793-118993.jpg",
alt: "User 3",
},
{
src: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",
alt: "User 4",
},
{
src: "http://img.b2bpic.net/free-photo/young-man-wearing-blue-outfit-looking-happy_1298-197.jpg",
alt: "User 5",
},
{ src: "http://img.b2bpic.net/free-photo/portrait-smiley-woman_23-2149022647.jpg", alt: "User 1" },
{ src: "http://img.b2bpic.net/free-photo/portrait-beautiful-redhead-lady_23-2148339146.jpg", alt: "User 2" },
{ src: "http://img.b2bpic.net/free-photo/joyful-young-brunette-caucasian-girl-isolated-olive-green-wall-with-copy-space_141793-118993.jpg", alt: "User 3" },
{ src: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg", alt: "User 4" },
{ src: "http://img.b2bpic.net/free-photo/young-man-wearing-blue-outfit-looking-happy_1298-197.jpg", alt: "User 5" }
]}
avatarText="Trusted by 10,000+ traders"
buttons={[
{
text: "Start Trading",
href: "#catalog",
},
{
text: "Learn More",
href: "#features",
},
{ text: "Start Trading", href: "#catalog" },
{ text: "Learn More", href: "#features" }
]}
buttonAnimation="slide-up"
marqueeItems={[
{
type: "text",
text: "Instant Market Data",
},
{
type: "text",
text: "Secure Escrow",
},
{
type: "text",
text: "Global Logistics",
},
{
type: "text",
text: "24/7 Trading",
},
{
type: "text",
text: "Community Driven",
},
{ type: "text", text: "Instant Market Data" },
{ type: "text", text: "Secure Escrow" },
{ type: "text", text: "Global Logistics" },
{ type: "text", text: "24/7 Trading" },
{ type: "text", text: "Community Driven" }
]}
/>
</div>
@@ -117,27 +79,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
features={[
{
id: "f1",
title: "Automated Pricing",
subtitle: "Real-time market updates",
category: "Technology",
value: "99.9%",
},
{
id: "f2",
title: "Secure Escrow",
subtitle: "Safety for every trade",
category: "Security",
value: "100%",
},
{
id: "f3",
title: "Fast Fulfillment",
subtitle: "Global shipping integrated",
category: "Operations",
value: "24h",
},
{ id: "f1", title: "Automated Pricing", subtitle: "Real-time market updates", category: "Technology", value: "99.9%" },
{ id: "f2", title: "Secure Escrow", subtitle: "Safety for every trade", category: "Security", value: "100%" },
{ id: "f3", title: "Fast Fulfillment", subtitle: "Global shipping integrated", category: "Operations", value: "24h" }
]}
title="Why CardTrader?"
description="Our platform simplifies your trading journey with advanced automation."
@@ -148,48 +92,12 @@ export default function LandingPage() {
<ProductCatalog
layout="section"
products={[
{
id: "p1",
name: "Charizard Holo",
price: "$120.00",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/five-clubs-pink-background_23-2148952307.jpg",
},
{
id: "p2",
name: "Dark Magician",
price: "$85.00",
rating: 4,
imageSrc: "http://img.b2bpic.net/free-photo/anime-casino-illustration_23-2151726817.jpg",
},
{
id: "p3",
name: "Blue-Eyes White Dragon",
price: "$95.00",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/mexican-traditional-cards-game_23-2150558636.jpg",
},
{
id: "p4",
name: "Pikachu Rare",
price: "$45.00",
rating: 4,
imageSrc: "http://img.b2bpic.net/free-photo/anime-casino-illustration_23-2151726801.jpg",
},
{
id: "p5",
name: "Red-Eyes B. Dragon",
price: "$70.00",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/lord-thorns-fire-illustration_23-2152031271.jpg",
},
{
id: "p6",
name: "Magician of Black Chaos",
price: "$110.00",
rating: 4,
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-playing-card-back-design-illustration_23-2151080553.jpg",
},
{ id: "p1", name: "Charizard Holo", price: "$120.00", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/five-clubs-pink-background_23-2148952307.jpg" },
{ id: "p2", name: "Dark Magician", price: "$85.00", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/anime-casino-illustration_23-2151726817.jpg" },
{ id: "p3", name: "Blue-Eyes White Dragon", price: "$95.00", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/mexican-traditional-cards-game_23-2150558636.jpg" },
{ id: "p4", name: "Pikachu Rare", price: "$45.00", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/anime-casino-illustration_23-2151726801.jpg" },
{ id: "p5", name: "Red-Eyes B. Dragon", price: "$70.00", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/lord-thorns-fire-illustration_23-2152031271.jpg" },
{ id: "p6", name: "Magician of Black Chaos", price: "$110.00", rating: 4, imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-playing-card-back-design-illustration_23-2151080553.jpg" }
]}
/>
</div>
@@ -200,37 +108,8 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
plans={[
{
id: "starter",
badge: "Basic",
price: "$0/mo",
subtitle: "Get started for free",
buttons: [
{
text: "Join Free",
},
],
features: [
"Market Analytics",
"Up to 5 listings",
],
},
{
id: "pro",
badge: "Pro",
price: "$29/mo",
subtitle: "Best for collectors",
buttons: [
{
text: "Get Pro",
},
],
features: [
"Unlimited Listings",
"Advanced Price Alerts",
"VIP Support",
],
},
{ id: "starter", badge: "Basic", price: "$0/mo", subtitle: "Get started for free", buttons: [{ text: "Join Free" }], features: ["Market Analytics", "Up to 5 listings"] },
{ id: "pro", badge: "Pro", price: "$29/mo", subtitle: "Best for collectors", buttons: [{ text: "Get Pro" }], features: ["Unlimited Listings", "Advanced Price Alerts", "VIP Support"] }
]}
title="Membership Plans"
description="Choose the best plan for your trading strategy."
@@ -243,33 +122,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "50K+",
title: "Active Traders",
items: [
"Global community",
"100+ countries",
],
},
{
id: "m2",
value: "$5M+",
title: "Trades Processed",
items: [
"Trusted security",
"Instant settlement",
],
},
{
id: "m3",
value: "98%",
title: "Satisfaction Rate",
items: [
"Dedicated support",
"User focused",
],
},
{ id: "m1", value: "50K+", title: "Active Traders", items: ["Global community", "100+ countries"] },
{ id: "m2", value: "$5M+", title: "Trades Processed", items: ["Trusted security", "Instant settlement"] },
{ id: "m3", value: "98%", title: "Satisfaction Rate", items: ["Dedicated support", "User focused"] }
]}
title="Platform Impact"
description="Evidence of a growing, active trading community."
@@ -281,46 +136,11 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
title: "Excellent Service",
quote: "The automation here is incredible.",
name: "Alex R.",
role: "Collector",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-businessman-looking-camera_23-2147839978.jpg",
},
{
id: "t2",
title: "Safe Transactions",
quote: "I feel very safe trading high value items.",
name: "Sarah J.",
role: "Trader",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-girl-sitting-cafe_1262-3083.jpg",
},
{
id: "t3",
title: "Market Insights",
quote: "The pricing data is always spot on.",
name: "Mike B.",
role: "Investor",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-taking-selfie-photo-winking_1262-18343.jpg",
},
{
id: "t4",
title: "Easy to Use",
quote: "Setting up my store took five minutes.",
name: "David W.",
role: "Seller",
imageSrc: "http://img.b2bpic.net/free-photo/head-shot-happy-beautiful-young-woman-posing-indoors-looking-camera-smiling_74855-10218.jpg",
},
{
id: "t5",
title: "Community Focus",
quote: "Best support team I've ever encountered.",
name: "Emily K.",
role: "Collector",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-talking-phone_23-2148230757.jpg",
},
{ id: "t1", title: "Excellent Service", quote: "The automation here is incredible.", name: "Alex R.", role: "Collector", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-businessman-looking-camera_23-2147839978.jpg" },
{ id: "t2", title: "Safe Transactions", quote: "I feel very safe trading high value items.", name: "Sarah J.", role: "Trader", imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-girl-sitting-cafe_1262-3083.jpg" },
{ id: "t3", title: "Market Insights", quote: "The pricing data is always spot on.", name: "Mike B.", role: "Investor", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-taking-selfie-photo-winking_1262-18343.jpg" },
{ id: "t4", title: "Easy to Use", quote: "Setting up my store took five minutes.", name: "David W.", role: "Seller", imageSrc: "http://img.b2bpic.net/free-photo/head-shot-happy-beautiful-young-woman-posing-indoors-looking-camera-smiling_74855-10218.jpg" },
{ id: "t5", title: "Community Focus", quote: "Best support team I've ever encountered.", name: "Emily K.", role: "Collector", imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-talking-phone_23-2148230757.jpg" }
]}
title="Trader Success Stories"
description="See why our community loves CardTrader."
@@ -332,36 +152,23 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "Is selling automated?",
content: "Yes, our system handles price listing and security checks automatically.",
},
{
id: "q2",
title: "Are trades secure?",
content: "Every trade is secured by our smart escrow system.",
},
{
id: "q3",
title: "Can I buy cards globally?",
content: "Yes, we ship to over 100 countries worldwide.",
},
{ id: "q1", title: "Is selling automated?", content: "Yes, our system handles price listing and security checks automatically." },
{ id: "q2", title: "Are trades secure?", content: "Every trade is secured by our smart escrow system." },
{ id: "q3", title: "Can I buy cards globally?", content: "Yes, we ship to over 100 countries worldwide." }
]}
imageSrc="http://img.b2bpic.net/free-photo/pleased-young-bald-call-center-man-wearing-headset-sitting-desk-with-work-tools-showing-empty-hand-pointing-it-isolated-white-background_141793-84116.jpg"
mediaAnimation="slide-up"
title="Frequently Asked Questions"
description="Find answers to common questions about CardTrader."
faqsAnimation="slide-up"
textboxLayout="split"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={false}
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
tag="Contact Us"
title="Join the Revolution"
description="Register today to start trading your favorite cards."
@@ -374,31 +181,17 @@ export default function LandingPage() {
<FooterBase
columns={[
{
title: "Platform",
items: [
{
label: "Features",
href: "#features",
},
{
label: "Pricing",
href: "#pricing",
},
],
title: "Platform", items: [
{ label: "Features", href: "#features" },
{ label: "Pricing", href: "#pricing" }
]
},
{
title: "Company",
items: [
{
label: "About",
href: "#",
},
{
label: "Support",
href: "#faq",
},
],
},
title: "Company", items: [
{ label: "About", href: "#" },
{ label: "Support", href: "#faq" }
]
}
]}
logoText="CardTrader"
/>