|
|
|
|
@@ -43,8 +43,8 @@ export default function LandingPage() {
|
|
|
|
|
<div id="hero" data-section="hero">
|
|
|
|
|
<HeroCentered
|
|
|
|
|
background={{ 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."
|
|
|
|
|
title="Fully Autonomous TCG Ecosystem"
|
|
|
|
|
description="Our AI-driven engine handles pack openings, rare pulls, and profitable trades autonomously. Your earnings are settled directly through your linked financial account."
|
|
|
|
|
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" },
|
|
|
|
|
@@ -54,16 +54,16 @@ export default function LandingPage() {
|
|
|
|
|
]}
|
|
|
|
|
avatarText="Trusted by 10,000+ traders"
|
|
|
|
|
buttons={[
|
|
|
|
|
{ text: "Start Trading", href: "#catalog" },
|
|
|
|
|
{ text: "Learn More", href: "#features" }
|
|
|
|
|
{ text: "Start Autonomous Trading", href: "#catalog" },
|
|
|
|
|
{ text: "View System Docs", 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: "Autonomous Rare Pulls" },
|
|
|
|
|
{ type: "text", text: "Automated Profit Settlement" },
|
|
|
|
|
{ type: "text", text: "Secure Credit Integration" },
|
|
|
|
|
{ type: "text", text: "Fully Managed Operations" },
|
|
|
|
|
{ type: "text", text: "Global Fulfillment Engine" }
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
@@ -74,12 +74,12 @@ 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: "Super Rare Pull Engine", subtitle: "Advanced AI algorithms optimized for high-value pull rates", category: "Pulls", value: "Auto" },
|
|
|
|
|
{ id: "f2", title: "Direct Profit Withdrawal", subtitle: "Seamlessly credit your earnings directly back to your accounts", category: "Finance", value: "Instant" },
|
|
|
|
|
{ id: "f3", title: "Autonomous Logistics", subtitle: "Self-managing fulfillment for every transaction", category: "Operations", value: "Complete" }
|
|
|
|
|
]}
|
|
|
|
|
title="Why CardTrader?"
|
|
|
|
|
description="Our platform simplifies your trading journey with advanced automation."
|
|
|
|
|
title="The Autonomous Advantage"
|
|
|
|
|
description="Experience a fully self-correcting trading environment designed to maximize your pull quality and financial returns."
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
@@ -87,12 +87,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: "Managed", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/five-clubs-pink-background_23-2148952307.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: "Managed", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/mexican-traditional-cards-game_23-2150558636.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: "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: "Managed", rating: 4, imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-playing-card-back-design-illustration_23-2151080553.jpg" }
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
@@ -103,11 +103,11 @@ 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: "Essential", price: "Automated", subtitle: "Passive AI market entry", buttons: [{ text: "Activate Free Plan" }], features: ["Auto-Pulls Enabled", "Basic Withdrawal"] },
|
|
|
|
|
{ id: "pro", badge: "Yield Pro", price: "Managed", subtitle: "High-probability rare pull engine", buttons: [{ text: "Start Autonomous Yield" }], features: ["Super Rare Pull Algorithm", "Instant Credit Settlement", "Global Yield Optimization"] }
|
|
|
|
|
]}
|
|
|
|
|
title="Membership Plans"
|
|
|
|
|
description="Choose the best plan for your trading strategy."
|
|
|
|
|
title="Membership Ecosystem"
|
|
|
|
|
description="Select your level of autonomous management."
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
@@ -117,12 +117,12 @@ 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: "99.9%", title: "Autonomous Success", items: ["AI-led fulfillment", "Perfect consistency"] },
|
|
|
|
|
{ id: "m2", value: "Enhanced", title: "Rare Pull Rates", items: ["Probabilistic modeling", "Optimized rewards"] },
|
|
|
|
|
{ id: "m3", value: "Instant", title: "Earnings Payouts", items: ["Direct credit settlement", "Real-time"] }
|
|
|
|
|
]}
|
|
|
|
|
title="Platform Impact"
|
|
|
|
|
description="Evidence of a growing, active trading community."
|
|
|
|
|
title="Infrastructure Performance"
|
|
|
|
|
description="Transparency on our autonomous infrastructure reliability."
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
@@ -131,14 +131,12 @@ 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: "Truly Passive Yields", quote: "The rare pull engine is incredible. I've never pulled this consistently.", name: "Alex R.", role: "Yield Investor", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-businessman-looking-camera_23-2147839978.jpg" },
|
|
|
|
|
{ id: "t2", title: "Seamless Settlement", quote: "Earnings automatically hit my account. It is fully compliant and automated.", name: "Sarah J.", role: "Compliance Officer", imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-girl-sitting-cafe_1262-3083.jpg" },
|
|
|
|
|
{ id: "t3", title: "Optimized Performance", quote: "The AI pricing and fulfillment ecosystem is industry-leading.", name: "Mike B.", role: "Trader", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-taking-selfie-photo-winking_1262-18343.jpg" }
|
|
|
|
|
]}
|
|
|
|
|
title="Trader Success Stories"
|
|
|
|
|
description="See why our community loves CardTrader."
|
|
|
|
|
title="Ecosystem Stories"
|
|
|
|
|
description="Investors achieving autonomous success."
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
@@ -147,14 +145,14 @@ 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: "How is rare pull probability optimized?", content: "Our AI utilizes predictive modeling to identify high-value packets within inventory streams, guaranteeing competitive pull performance." },
|
|
|
|
|
{ id: "q2", title: "Is profit withdrawal legal?", content: "Yes, all settlements are compliant and processed through audited, secure credit/financial gateways." },
|
|
|
|
|
{ id: "q3", title: "How autonomous is the fulfillment?", content: "It is entirely end-to-end; you monitor the growth while our robotic infrastructure handles the physical lifecycle." }
|
|
|
|
|
]}
|
|
|
|
|
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."
|
|
|
|
|
description="Transparency on our autonomous operation."
|
|
|
|
|
faqsAnimation="slide-up"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
@@ -164,8 +162,8 @@ export default function LandingPage() {
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
background={{ variant: "plain" }}
|
|
|
|
|
tag="Contact Us"
|
|
|
|
|
title="Join the Revolution"
|
|
|
|
|
description="Register today to start trading your favorite cards."
|
|
|
|
|
title="Join The Autonomous Ecosystem"
|
|
|
|
|
description="Secure your spot for the next cycle of fully managed TCG trading."
|
|
|
|
|
imageSrc="http://img.b2bpic.net/free-photo/corporate-data-management_53876-89018.jpg"
|
|
|
|
|
mediaAnimation="slide-up"
|
|
|
|
|
/>
|
|
|
|
|
@@ -176,13 +174,13 @@ export default function LandingPage() {
|
|
|
|
|
columns={[
|
|
|
|
|
{
|
|
|
|
|
title: "Platform", items: [
|
|
|
|
|
{ label: "Features", href: "#features" },
|
|
|
|
|
{ label: "Autonomous Ops", href: "#features" },
|
|
|
|
|
{ label: "Pricing", href: "#pricing" }
|
|
|
|
|
]
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: "Company", items: [
|
|
|
|
|
{ label: "About", href: "#" },
|
|
|
|
|
{ label: "Compliance", href: "#" },
|
|
|
|
|
{ label: "Support", href: "#faq" }
|
|
|
|
|
]
|
|
|
|
|
}
|
|
|
|
|
|
