21 Commits

Author SHA1 Message Date
a7cb173c45 Merge version_11 into main
Merge version_11 into main
2026-04-23 11:35:22 +00:00
73dc589616 Update src/app/page.tsx 2026-04-23 11:35:16 +00:00
34d8751100 Merge version_10 into main
Merge version_10 into main
2026-04-23 11:34:14 +00:00
8e4a748fdf Update src/app/page.tsx 2026-04-23 11:34:11 +00:00
038b34e3c0 Merge version_9 into main
Merge version_9 into main
2026-04-23 11:31:22 +00:00
440dba8653 Update src/app/page.tsx 2026-04-23 11:31:18 +00:00
bdec6220fe Merge version_8 into main
Merge version_8 into main
2026-04-23 11:30:22 +00:00
cb0c76737b Update src/app/page.tsx 2026-04-23 11:30:19 +00:00
498ae21c4a Merge version_7 into main
Merge version_7 into main
2026-04-23 11:28:03 +00:00
575193e3cd Update src/app/page.tsx 2026-04-23 11:28:00 +00:00
70d36d0022 Merge version_6 into main
Merge version_6 into main
2026-04-23 11:26:04 +00:00
9ed5535397 Update src/app/page.tsx 2026-04-23 11:26:01 +00:00
26ebf1507d Merge version_5 into main
Merge version_5 into main
2026-04-23 11:24:48 +00:00
74fc6e2f69 Update src/app/page.tsx 2026-04-23 11:24:45 +00:00
3cb46b43c9 Merge version_4 into main
Merge version_4 into main
2026-04-23 11:24:22 +00:00
b1add87fd6 Remove watermark 2026-04-23 11:24:19 +00:00
ae46f5d1f8 Merge version_4 into main
Merge version_4 into main
2026-04-23 11:20:49 +00:00
9e518ae2a7 Update src/app/page.tsx 2026-04-23 11:20:46 +00:00
318f5ab821 Merge version_3 into main
Merge version_3 into main
2026-04-23 11:19:33 +00:00
570cb7f08a Update src/app/page.tsx 2026-04-23 11:19:30 +00:00
9e454c4873 Merge version_2 into main
Merge version_2 into main
2026-04-23 11:18:33 +00:00
2 changed files with 63 additions and 56 deletions

View File

@@ -4,7 +4,6 @@ import { Inter } from "next/font/google";
import "./globals.css"; import "./globals.css";
import "@/lib/gsap-setup"; import "@/lib/gsap-setup";
import { ServiceWrapper } from "@/components/ServiceWrapper"; import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
import { getVisualEditScript } from "@/utils/visual-edit-script"; import { getVisualEditScript } from "@/utils/visual-edit-script";
import { Raleway } from "next/font/google"; import { Raleway } from "next/font/google";
@@ -34,7 +33,7 @@ export default function RootLayout({
<html lang="en" suppressHydrationWarning> <html lang="en" suppressHydrationWarning>
<ServiceWrapper> <ServiceWrapper>
<body className={`${raleway.variable} antialiased`}> <body className={`${raleway.variable} antialiased`}>
<Tag />
{children} {children}
<script <script
dangerouslySetInnerHTML={{ dangerouslySetInnerHTML={{

View File

@@ -4,12 +4,12 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react"; import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit'; import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia'; import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight'; import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
import FooterBase from '@/components/sections/footer/FooterBase'; import FooterBase from '@/components/sections/footer/FooterBase';
import HeroCentered from '@/components/sections/hero/HeroCentered'; import HeroCentered from '@/components/sections/hero/HeroCentered';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven'; import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered'; import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import PricingCardEight from '@/components/sections/pricing/PricingCardEight'; import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
import ProductCatalog from '@/components/ecommerce/productCatalog/ProductCatalog'; import ProductCatalog from '@/components/ecommerce/productCatalog/ProductCatalog';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen'; import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
@@ -32,8 +32,8 @@ export default function LandingPage() {
<NavbarStyleCentered <NavbarStyleCentered
navItems={[ navItems={[
{ name: "Home", id: "hero" }, { name: "Home", id: "hero" },
{ name: "Products", id: "catalog" }, { name: "Marketplace", id: "catalog" },
{ name: "Pricing", id: "pricing" }, { name: "Earn", id: "pricing" },
{ name: "Support", id: "faq" }, { name: "Support", id: "faq" },
]} ]}
brandName="CardTrader" brandName="CardTrader"
@@ -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="Fair Marketplace & Autonomous TCG Ecosystem"
description="Buy, sell, and manage your card game collection with fully automated pricing, secure transactions, and instant settlement." description="Purchase packs, unpack rare finds, and earn yields on your collection. Owners earn percentages on every transaction in our transparent, fair-play ecosystem."
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,34 +52,35 @@ 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+ collectors"
buttons={[ buttons={[
{ text: "Start Trading", href: "#catalog" }, { text: "Browse Marketplace", href: "#catalog" },
{ text: "Learn More", href: "#features" } { text: "Start Earning", href: "#pricing" }
]} ]}
buttonAnimation="slide-up" buttonAnimation="slide-up"
marqueeItems={[ marqueeItems={[
{ type: "text", text: "Instant Market Data" }, { type: "text", text: "Fair Pack Unpacking" },
{ type: "text", text: "Secure Escrow" }, { type: "text", text: "Collection Profit Share" },
{ type: "text", text: "Global Logistics" }, { type: "text", text: "Transparent Ownership" },
{ type: "text", text: "24/7 Trading" }, { type: "text", text: "Community Driven Yields" },
{ type: "text", text: "Community Driven" } { type: "text", text: "Safe Asset Exchange" }
]} ]}
/> />
</div> </div>
<div id="features" data-section="features"> <div id="features" data-section="features">
<FeatureCardTwentyEight <FeatureCardTwentyNine
gridVariant="bento-grid"
animationType="slide-up" animationType="slide-up"
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%" }, { title: "Fair Marketplace", description: "Buy and sell packs with complete ownership rights.", imageSrc: "", titleImageSrc: "", buttonText: "Learn More" },
{ id: "f2", title: "Secure Escrow", subtitle: "Protect your assets with safety for every trade", category: "Security", value: "100%" }, { title: "Unpack & Earn", description: "Unpack digital packs for rare finds and trade them instantly.", imageSrc: "", titleImageSrc: "", buttonText: "Unpack Now" },
{ id: "f3", title: "Fast Fulfillment", subtitle: "Scale your reach with global shipping integrated", category: "Operations", value: "24h" } { title: "Percentage Earnings", description: "Owners earn a recurring percentage on all pack secondary market volume.", imageSrc: "", titleImageSrc: "", buttonText: "View Analytics" }
]} ]}
title="Why CardTrader?" title="Core Marketplace Mechanics"
description="Our platform simplifies your trading journey with advanced automation." description="Designed to ensure fair distribution and sustainable earnings for all collectors."
/> />
</div> </div>
@@ -87,27 +88,27 @@ 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: "Dragon Pack", price: "$49.99", 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: "Wizard Pack", price: "$39.99", 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: "Mythic Starter", price: "$19.99", 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: "Electric Pack", price: "$29.99", 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: "Inferno Pack", price: "$59.99", 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: "Chaos Pack", price: "$89.99", rating: 4, imageSrc: "http://img.b2b-pic.net/free-vector/hand-drawn-playing-card-back-design-illustration_23-2151080553.jpg" }
]} ]}
/> />
</div> </div>
<div id="pricing" data-section="pricing"> <div id="pricing" data-section="pricing">
<PricingCardEight <PricingCardOne
animationType="slide-up" animationType="slide-up"
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: "collector", badge: "Collector", price: "Free", subtitle: "Access to buy & sell", features: ["Standard marketplace access", "Trading fees included"] },
{ id: "pro", badge: "Pro", price: "$29/mo", subtitle: "Best for collectors", buttons: [{ text: "Get Pro" }], features: ["Unlimited Listings", "Advanced Price Alerts", "VIP Support"] } { id: "owner", badge: "Owner", price: "$99", subtitle: "Earn on all pack volume", features: ["5% Secondary market revenue", "Priority Unpacking", "Governance access"] }
]} ]}
title="Membership Plans" title="Ownership Tier"
description="Choose the best plan for your trading strategy." description="Join the owner network to earn perpetual percentages on pack sales."
/> />
</div> </div>
@@ -117,12 +118,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: "Fair Distribution", items: ["Blockchain verified", "No supply manipulation"] },
{ id: "m2", value: "$5M+", title: "Trades Processed", items: ["Trusted security", "Instant settlement"] }, { id: "m2", value: "5%", title: "Owner Royalties", items: ["Perpetual earnings", "Automated payouts"] },
{ id: "m3", value: "98%", title: "Satisfaction Rate", items: ["Dedicated support", "User focused"] } { id: "m3", value: "Instant", title: "Liquid Exchange", items: ["Real-time settlement", "Safe trading"] }
]} ]}
title="Platform Impact" title="Market Health"
description="Evidence of a growing, active trading community." description="Transparency on our marketplace sustainability."
/> />
</div> </div>
@@ -131,14 +132,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: "Amazing Earnings", quote: "I started as a collector, now as an owner I earn commissions on every pack sold.", name: "Alex R.", role: "Market Owner", 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: "Transparent Fair Play", quote: "The transparency here makes trading feel genuinely secure and fair.", name: "Sarah J.", role: "Verified 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: "Consistent Yields", quote: "Ownership is where it's at. Perpetual passive income from pack volume is real.", name: "Mike B.", role: "Collector", 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="Collector Stories"
description="See why our community loves CardTrader." description="Join a growing community of fair-trade advocates."
/> />
</div> </div>
@@ -147,14 +146,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 pack unpacking fairness ensured?", content: "Our unpacking algorithm is verifiable on-chain to guarantee truly random outcomes for every pack purchased." },
{ id: "q2", title: "Are trades secure?", content: "Every trade is secured by our smart escrow system." }, { id: "q2", title: "How do I earn owner royalties?", content: "By purchasing an Owner membership, your wallet is automatically added to the protocol treasury to receive a % split of all pack purchase volume." },
{ id: "q3", title: "Can I buy cards globally?", content: "Yes, we ship to over 100 countries worldwide." } { id: "q3", title: "Are my collection assets mine?", content: "Absolutely. Every card you pull or purchase is backed by your wallet and can be traded or liquidated on any supported platform." }
]} ]}
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="Everything you need to know about trading fairly."
faqsAnimation="slide-up" faqsAnimation="slide-up"
/> />
</div> </div>
@@ -164,10 +163,11 @@ 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 Your Collection Today"
description="Register today to start trading your favorite cards." description="Sign up for the marketplace to access exclusive packs and owner opportunities. We respond to all inquiries within 24 hours."
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"
buttonText="Sign Up Now"
/> />
</div> </div>
@@ -175,19 +175,27 @@ export default function LandingPage() {
<FooterBase <FooterBase
columns={[ columns={[
{ {
title: "Platform", items: [ title: "Marketplace", items: [
{ label: "Features", href: "#features" }, { label: "Packs", href: "#catalog" },
{ label: "Pricing", href: "#pricing" } { label: "Membership", href: "#pricing" }
] ]
}, },
{ {
title: "Company", items: [ title: "Company", items: [
{ label: "About", href: "#" }, { label: "About Us", href: "#" },
{ label: "Support", href: "#faq" } { label: "Careers", href: "#" }
]
},
{
title: "Legal", items: [
{ label: "Terms of Service", href: "#" },
{ label: "Privacy Policy", href: "#" },
{ label: "Fair Play", href: "#" }
] ]
} }
]} ]}
logoText="CardTrader" logoText="CardTrader"
copyrightText="© 2025 CardTrader. All rights reserved."
/> />
</div> </div>
</ReactLenis> </ReactLenis>