|
|
|
@@ -43,8 +43,8 @@ export default function LandingPage() {
|
|
|
|
<div id="hero" data-section="hero">
|
|
|
|
<div id="hero" data-section="hero">
|
|
|
|
<HeroCentered
|
|
|
|
<HeroCentered
|
|
|
|
background={{ variant: "gradient-bars" }}
|
|
|
|
background={{ variant: "gradient-bars" }}
|
|
|
|
title="The Automated Marketplace for TCG Enthusiasts"
|
|
|
|
title="Fully Automated TCG Ecosystem"
|
|
|
|
description="Buy, sell, and manage your card game collection with fully automated pricing, secure transactions, and instant settlement."
|
|
|
|
description="We handle inventory, pricing, sales, and logistics so you don't have to. A 100% passive TCG management experience."
|
|
|
|
avatars={[
|
|
|
|
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-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/portrait-beautiful-redhead-lady_23-2148339146.jpg", alt: "User 2" },
|
|
|
|
@@ -52,18 +52,18 @@ export default function LandingPage() {
|
|
|
|
{ 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/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/young-man-wearing-blue-outfit-looking-happy_1298-197.jpg", alt: "User 5" }
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
avatarText="Trusted by 10,000+ traders"
|
|
|
|
avatarText="Trusted by 10,000+ passive traders"
|
|
|
|
buttons={[
|
|
|
|
buttons={[
|
|
|
|
{ text: "Start Trading", href: "#catalog" },
|
|
|
|
{ text: "Start Passive Trading", href: "#catalog" },
|
|
|
|
{ text: "Learn More", href: "#features" }
|
|
|
|
{ text: "Learn More", href: "#features" }
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
buttonAnimation="slide-up"
|
|
|
|
buttonAnimation="slide-up"
|
|
|
|
marqueeItems={[
|
|
|
|
marqueeItems={[
|
|
|
|
{ type: "text", text: "Instant Market Data" },
|
|
|
|
{ type: "text", text: "Auto-Replenish Inventory" },
|
|
|
|
{ type: "text", text: "Secure Escrow" },
|
|
|
|
{ type: "text", text: "Dynamic Price Adjustment" },
|
|
|
|
{ type: "text", text: "Global Logistics" },
|
|
|
|
{ type: "text", text: "Fully Managed Shipping" },
|
|
|
|
{ type: "text", text: "24/7 Trading" },
|
|
|
|
{ type: "text", text: "Automated Fulfillment" },
|
|
|
|
{ type: "text", text: "Community Driven" }
|
|
|
|
{ type: "text", text: "Passive Income Streams" }
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
@@ -74,12 +74,12 @@ export default function LandingPage() {
|
|
|
|
textboxLayout="split"
|
|
|
|
textboxLayout="split"
|
|
|
|
useInvertedBackground={false}
|
|
|
|
useInvertedBackground={false}
|
|
|
|
features={[
|
|
|
|
features={[
|
|
|
|
{ id: "f1", title: "Automated Pricing", subtitle: "Maximize your profits with instant market updates", category: "Technology", value: "99.9%" },
|
|
|
|
{ id: "f1", title: "Inventory Replenishment", subtitle: "Automatic stock management for booster boxes", category: "Operations", value: "Auto" },
|
|
|
|
{ id: "f2", title: "Secure Escrow", subtitle: "Protect your assets with safety for every trade", category: "Security", value: "100%" },
|
|
|
|
{ id: "f2", title: "Dynamic Pricing", subtitle: "Real-time adjustments to market trends", category: "Profit", value: "Live" },
|
|
|
|
{ id: "f3", title: "Fast Fulfillment", subtitle: "Scale your reach with global shipping integrated", category: "Operations", value: "24h" }
|
|
|
|
{ id: "f3", title: "Fulfillment Services", subtitle: "Direct-to-consumer shipping, handled", category: "Logistics", value: "Done-for-you" }
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
title="Why CardTrader?"
|
|
|
|
title="The Passive TCG Advantage"
|
|
|
|
description="Scale your trading business with precision automation, bank-grade security, and instant global shipping."
|
|
|
|
description="Build your collection empire without touching a single physical card. We automate the entire lifecycle."
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
@@ -87,12 +87,12 @@ export default function LandingPage() {
|
|
|
|
<ProductCatalog
|
|
|
|
<ProductCatalog
|
|
|
|
layout="section"
|
|
|
|
layout="section"
|
|
|
|
products={[
|
|
|
|
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: "p1", name: "Charizard Holo", price: "Managed", 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: "p2", name: "Dark Magician", price: "Managed", 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: "p3", name: "Blue-Eyes White Dragon", price: "Managed", 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: "p4", name: "Pikachu Rare", price: "Managed", 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: "p5", name: "Red-Eyes B. Dragon", price: "Managed", 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: "p6", name: "Magician of Black Chaos", price: "Managed", rating: 4, imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-playing-card-back-design-illustration_23-2151080553.jpg" }
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
@@ -103,11 +103,11 @@ export default function LandingPage() {
|
|
|
|
textboxLayout="split"
|
|
|
|
textboxLayout="split"
|
|
|
|
useInvertedBackground={false}
|
|
|
|
useInvertedBackground={false}
|
|
|
|
plans={[
|
|
|
|
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: "starter", badge: "Essential", price: "Passive", subtitle: "Baseline automation", buttons: [{ text: "Activate" }], features: ["Stock Monitoring", "Automated Sales"] },
|
|
|
|
{ id: "pro", badge: "Pro", price: "$29/mo", subtitle: "Best for collectors", buttons: [{ text: "Get Pro" }], features: ["Unlimited Listings", "Advanced Price Alerts", "VIP Support"] }
|
|
|
|
{ id: "pro", badge: "Full Auto", price: "Managed", subtitle: "Total passive ecosystem", buttons: [{ text: "Get Full Auto" }], features: ["Auto-Replenish", "Global Fulfillment", "Yield Optimization"] }
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
title="Membership Plans"
|
|
|
|
title="Membership Tiers"
|
|
|
|
description="Choose the best plan for your trading strategy."
|
|
|
|
description="Select your level of hands-off automation."
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
@@ -117,12 +117,12 @@ export default function LandingPage() {
|
|
|
|
textboxLayout="split"
|
|
|
|
textboxLayout="split"
|
|
|
|
useInvertedBackground={false}
|
|
|
|
useInvertedBackground={false}
|
|
|
|
metrics={[
|
|
|
|
metrics={[
|
|
|
|
{ id: "m1", value: "50K+", title: "Active Traders", items: ["Global community", "100+ countries"] },
|
|
|
|
{ id: "m1", value: "100%", title: "Physical Handling", items: ["Zero effort", "Hands-off"] },
|
|
|
|
{ id: "m2", value: "$5M+", title: "Trades Processed", items: ["Trusted security", "Instant settlement"] },
|
|
|
|
{ id: "m2", value: "Automated", title: "Inventory Flow", items: ["Constant stock", "Auto-refill"] },
|
|
|
|
{ id: "m3", value: "98%", title: "Satisfaction Rate", items: ["Dedicated support", "User focused"] }
|
|
|
|
{ id: "m3", value: "Managed", title: "Global Shipping", items: ["Fast fulfillment", "Worldwide"] }
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
title="Platform Impact"
|
|
|
|
title="Ecosystem Performance"
|
|
|
|
description="Evidence of a growing, active trading community."
|
|
|
|
description="Metrics tracking the reliability of our automated infrastructure."
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
@@ -131,14 +131,12 @@ export default function LandingPage() {
|
|
|
|
textboxLayout="split"
|
|
|
|
textboxLayout="split"
|
|
|
|
useInvertedBackground={false}
|
|
|
|
useInvertedBackground={false}
|
|
|
|
testimonials={[
|
|
|
|
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: "t1", title: "True Passive Income", quote: "I haven't held a card in months, the growth is steady.", name: "Alex R.", role: "Investor", 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: "t2", title: "Seamless Logistics", quote: "Replenishment happens automatically, it just works.", name: "Sarah J.", role: "Collector", 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: "t3", title: "Optimized Pricing", quote: "The platform handles market volatility perfectly.", name: "Mike B.", role: "Trader", 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"
|
|
|
|
title="Success Stories"
|
|
|
|
description="See why our community loves CardTrader."
|
|
|
|
description="Investors achieving hands-free TCG success."
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
@@ -147,14 +145,14 @@ export default function LandingPage() {
|
|
|
|
textboxLayout="split"
|
|
|
|
textboxLayout="split"
|
|
|
|
useInvertedBackground={false}
|
|
|
|
useInvertedBackground={false}
|
|
|
|
faqs={[
|
|
|
|
faqs={[
|
|
|
|
{ id: "q1", title: "Is selling automated?", content: "Yes, our system handles price listing and security checks automatically." },
|
|
|
|
{ id: "q1", title: "How is inventory managed?", content: "We handle automatic replenishment and stock monitoring for all popular sets." },
|
|
|
|
{ id: "q2", title: "Are trades secure?", content: "Every trade is secured by our smart escrow system." },
|
|
|
|
{ id: "q2", title: "Do I need to handle shipping?", content: "Never. Our system manages logistics and fulfillment entirely." },
|
|
|
|
{ id: "q3", title: "Can I buy cards globally?", content: "Yes, we ship to over 100 countries worldwide." }
|
|
|
|
{ id: "q3", title: "How is pricing determined?", content: "We utilize real-time market data to optimize pricing for maximum passive yields." }
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
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"
|
|
|
|
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"
|
|
|
|
mediaAnimation="slide-up"
|
|
|
|
title="Frequently Asked Questions"
|
|
|
|
title="Frequently Asked Questions"
|
|
|
|
description="Find answers to common questions about CardTrader."
|
|
|
|
description="Common inquiries about our managed TCG ecosystem."
|
|
|
|
faqsAnimation="slide-up"
|
|
|
|
faqsAnimation="slide-up"
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
@@ -164,8 +162,8 @@ export default function LandingPage() {
|
|
|
|
useInvertedBackground={false}
|
|
|
|
useInvertedBackground={false}
|
|
|
|
background={{ variant: "plain" }}
|
|
|
|
background={{ variant: "plain" }}
|
|
|
|
tag="Contact Us"
|
|
|
|
tag="Contact Us"
|
|
|
|
title="Join the Revolution"
|
|
|
|
title="Start Passive TCG Trading"
|
|
|
|
description="Register today to start trading your favorite cards."
|
|
|
|
description="Register today to join the fully managed internal ecosystem."
|
|
|
|
imageSrc="http://img.b2bpic.net/free-photo/corporate-data-management_53876-89018.jpg"
|
|
|
|
imageSrc="http://img.b2bpic.net/free-photo/corporate-data-management_53876-89018.jpg"
|
|
|
|
mediaAnimation="slide-up"
|
|
|
|
mediaAnimation="slide-up"
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
@@ -176,7 +174,7 @@ export default function LandingPage() {
|
|
|
|
columns={[
|
|
|
|
columns={[
|
|
|
|
{
|
|
|
|
{
|
|
|
|
title: "Platform", items: [
|
|
|
|
title: "Platform", items: [
|
|
|
|
{ label: "Features", href: "#features" },
|
|
|
|
{ label: "Automation", href: "#features" },
|
|
|
|
{ label: "Pricing", href: "#pricing" }
|
|
|
|
{ label: "Pricing", href: "#pricing" }
|
|
|
|
]
|
|
|
|
]
|
|
|
|
},
|
|
|
|
},
|
|
|
|
@@ -193,4 +191,4 @@ export default function LandingPage() {
|
|
|
|
</ReactLenis>
|
|
|
|
</ReactLenis>
|
|
|
|
</ThemeProvider>
|
|
|
|
</ThemeProvider>
|
|
|
|
);
|
|
|
|
);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
