Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
321
src/app/page.tsx
321
src/app/page.tsx
@@ -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"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user