Update src/app/page.tsx

Merge version_17 into main
2026-04-23 12:11:45 +00:00 · 2026-04-23 12:03:17 +00:00 · 2026-04-23 12:03:14 +00:00 · 2026-04-23 11:55:54 +00:00 · 2026-04-23 11:55:51 +00:00 · 2026-04-23 11:50:56 +00:00
2 changed files with 60 additions and 75 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -4,7 +4,6 @@ import { Inter } from "next/font/google";
 import "./globals.css";
 import "@/lib/gsap-setup";
 import { ServiceWrapper } from "@/components/ServiceWrapper";
-import Tag from "@/tag/Tag";
 import { getVisualEditScript } from "@/utils/visual-edit-script";
 import { Raleway } from "next/font/google";

@@ -34,7 +33,7 @@ export default function RootLayout({
    <html lang="en" suppressHydrationWarning>
      <ServiceWrapper>
        <body className={`${raleway.variable} antialiased`}>
-          <Tag />
+          
          {children}
          <script
              dangerouslySetInnerHTML={{
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,14 +2,14 @@

 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplit from '@/components/sections/contact/ContactSplit';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
-import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
-import FooterBase from '@/components/sections/footer/FooterBase';
+import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 import HeroCentered from '@/components/sections/hero/HeroCentered';
 import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
 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 TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';

@@ -32,8 +32,8 @@ export default function LandingPage() {
      <NavbarStyleCentered
      navItems={[
        { name: "Home", id: "hero" },
-        { name: "Products", id: "catalog" },
-        { name: "Pricing", id: "pricing" },
+        { name: "Marketplace", id: "catalog" },
+        { name: "Earn", id: "pricing" },
        { name: "Support", id: "faq" },
      ]}
      brandName="CardTrader"
@@ -43,43 +43,44 @@ 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="Unlock Perpetual Revenue: Become an Owner Tier Collector Today"
+      description="Earn recurring passive income from your collection. Our platform empowers you to purchase, trade, and build a sustainable yield-generating portfolio in a transparent ecosystem. Join thousands of collectors building sustainable portfolios today."
      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/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/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={[
-        { text: "Start Trading", href: "#catalog" },
-        { text: "Learn More", href: "#features" }
+        { text: "Browse Marketplace", href: "#catalog" },
+        { text: "Start Earning", href: "#pricing" }
      ]}
      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: "Fair Pack Unpacking" },
+        { type: "text", text: "Collection Profit Share" },
+        { type: "text", text: "Transparent Ownership" },
+        { type: "text", text: "Community Driven Yields" },
+        { type: "text", text: "Safe Asset Exchange" }
      ]}
    />
  </div>

  <div id="features" data-section="features">
-      <FeatureCardTwentyEight
+      <FeatureCardTwentyNine
+      gridVariant="bento-grid"
      animationType="slide-up"
      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" }
+        { title: "Fair Marketplace", description: "Buy and sell packs with complete ownership rights.", imageSrc: "", titleImageSrc: "", buttonText: "Learn More" },
+        { title: "Unpack & Earn", description: "Unpack digital packs for rare finds and trade them instantly.", imageSrc: "", titleImageSrc: "", buttonText: "Unpack Now" },
+        { title: "Percentage Earnings", description: "Owners earn a recurring percentage on all pack secondary market volume.", imageSrc: "", titleImageSrc: "", buttonText: "View Analytics" }
      ]}
-      title="Why CardTrader?"
-      description="Our platform simplifies your trading journey with advanced automation."
+      title="Core Marketplace Mechanics"
+      description="Designed to ensure fair distribution and sustainable earnings for all collectors."
    />
  </div>

@@ -87,27 +88,27 @@ 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: "Dragon Pack", price: "$49.99", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/five-clubs-pink-background_23-2148952307.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: "Mythic Starter", price: "$19.99", rating: 5, imageSrc: "http://img.b2bpic.net/mexican-traditional-cards-game_23-2150558636.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: "Inferno Pack", price: "$59.99", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/lord-thorns-fire-illustration_23-2152031271.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 id="pricing" data-section="pricing">
-      <PricingCardEight
+      <PricingCardOne
      animationType="slide-up"
      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: "collector", badge: "Collector", price: "Free", subtitle: "Access to buy & sell", features: ["Standard marketplace access", "Trading fees included"] },
+        { id: "owner", badge: "Owner", price: "$99", subtitle: "One-time $99 to earn on all pack volume", features: ["5% Secondary market revenue", "Priority Unpacking", "Governance access"] }
      ]}
-      title="Membership Plans"
-      description="Choose the best plan for your trading strategy."
+      title="Ownership Tier"
+      description="Join the owner network to earn perpetual percentages on pack sales."
    />
  </div>

@@ -117,12 +118,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: "100%", title: "Fair Distribution", items: ["Blockchain verified", "No supply manipulation"] },
+        { id: "m2", value: "5%", title: "Owner Royalties", items: ["Perpetual earnings", "Automated payouts"] },
+        { id: "m3", value: "Instant", title: "Liquid Exchange", items: ["Real-time settlement", "Safe trading"] }
      ]}
-      title="Platform Impact"
-      description="Evidence of a growing, active trading community."
+      title="Market Health"
+      description="Transparency on our marketplace sustainability."
    />
  </div>

@@ -131,14 +132,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: "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: "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: "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" }
      ]}
-      title="Trader Success Stories"
-      description="See why our community loves CardTrader."
+      title="Collector Stories"
+      description="Join a growing community of fair-trade advocates."
    />
  </div>

@@ -147,50 +146,37 @@ 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 pack unpacking fairness ensured?", content: "Our unpacking algorithm is verifiable on-chain to guarantee truly random outcomes for every pack purchased." },
+        { 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: "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"
      mediaAnimation="slide-up"
      title="Frequently Asked Questions"
-      description="Find answers to common questions about CardTrader."
+      description="Everything you need to know about trading fairly."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
-      <ContactSplit
-      useInvertedBackground={false}
+      <ContactCenter
      background={{ variant: "plain" }}
+      useInvertedBackground={false}
      tag="Contact Us"
-      title="Join the Revolution"
-      description="Register today to start trading your favorite cards."
-      imageSrc="http://img.b2bpic.net/free-photo/corporate-data-management_53876-89018.jpg"
-      mediaAnimation="slide-up"
+      title="Start Your Collection Today"
+      description="Sign up for the marketplace to access exclusive packs and owner opportunities. We respond to all inquiries within 24 hours."
+      buttonText="Sign Up Now"
    />
  </div>

  <div id="footer" data-section="footer">
-      <FooterBase
-      columns={[
-        {
-          title: "Platform",          items: [
-            { label: "Features", href: "#features" },
-            { label: "Pricing", href: "#pricing" }
-          ]
-        },
-        {
-          title: "Company",          items: [
-            { label: "About", href: "#" },
-            { label: "Support", href: "#faq" }
-          ]
-        }
-      ]}
+      <FooterLogoReveal
      logoText="CardTrader"
+      leftLink={{ text: "Privacy Policy", href: "#" }}
+      rightLink={{ text: "Terms of Service", href: "#" }}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
-}
+}
Author	SHA1	Message	Date
bender	b00e8b4169	Update src/app/page.tsx	2026-04-23 12:11:45 +00:00
bender	c2cd412dd9	Merge version_17 into main Merge version_17 into main	2026-04-23 12:03:17 +00:00
bender	5ce0c8191e	Update src/app/page.tsx	2026-04-23 12:03:14 +00:00
bender	f0edd58f06	Merge version_16 into main Merge version_16 into main	2026-04-23 11:55:54 +00:00
bender	001de9af28	Update src/app/page.tsx	2026-04-23 11:55:51 +00:00
bender	131a828249	Merge version_15 into main Merge version_15 into main	2026-04-23 11:50:56 +00:00
bender	e19cb53262	Update src/app/page.tsx	2026-04-23 11:50:53 +00:00
bender	9da606acf5	Merge version_14 into main Merge version_14 into main	2026-04-23 11:44:55 +00:00
bender	68445afb1c	Update src/app/page.tsx	2026-04-23 11:44:49 +00:00
bender	ccf84dec20	Merge version_13 into main Merge version_13 into main	2026-04-23 11:42:42 +00:00
bender	d7e55e31b7	Update src/app/page.tsx	2026-04-23 11:42:36 +00:00
bender	92026d7d56	Merge version_13 into main Merge version_13 into main	2026-04-23 11:42:09 +00:00
bender	0b931a0b18	Update src/app/page.tsx	2026-04-23 11:42:06 +00:00
bender	a7cb173c45	Merge version_11 into main Merge version_11 into main	2026-04-23 11:35:22 +00:00
bender	73dc589616	Update src/app/page.tsx	2026-04-23 11:35:16 +00:00
bender	34d8751100	Merge version_10 into main Merge version_10 into main	2026-04-23 11:34:14 +00:00
bender	8e4a748fdf	Update src/app/page.tsx	2026-04-23 11:34:11 +00:00
bender	038b34e3c0	Merge version_9 into main Merge version_9 into main	2026-04-23 11:31:22 +00:00
bender	440dba8653	Update src/app/page.tsx	2026-04-23 11:31:18 +00:00
bender	bdec6220fe	Merge version_8 into main Merge version_8 into main	2026-04-23 11:30:22 +00:00
bender	cb0c76737b	Update src/app/page.tsx	2026-04-23 11:30:19 +00:00
bender	498ae21c4a	Merge version_7 into main Merge version_7 into main	2026-04-23 11:28:03 +00:00
bender	575193e3cd	Update src/app/page.tsx	2026-04-23 11:28:00 +00:00
bender	70d36d0022	Merge version_6 into main Merge version_6 into main	2026-04-23 11:26:04 +00:00
bender	9ed5535397	Update src/app/page.tsx	2026-04-23 11:26:01 +00:00
bender	26ebf1507d	Merge version_5 into main Merge version_5 into main	2026-04-23 11:24:48 +00:00
bender	74fc6e2f69	Update src/app/page.tsx	2026-04-23 11:24:45 +00:00
bender	3cb46b43c9	Merge version_4 into main Merge version_4 into main	2026-04-23 11:24:22 +00:00
bender	b1add87fd6	Remove watermark	2026-04-23 11:24:19 +00:00
bender	ae46f5d1f8	Merge version_4 into main Merge version_4 into main	2026-04-23 11:20:49 +00:00
bender	9e518ae2a7	Update src/app/page.tsx	2026-04-23 11:20:46 +00:00
bender	318f5ab821	Merge version_3 into main Merge version_3 into main	2026-04-23 11:19:33 +00:00
bender	570cb7f08a	Update src/app/page.tsx	2026-04-23 11:19:30 +00:00
bender	9e454c4873	Merge version_2 into main Merge version_2 into main	2026-04-23 11:18:33 +00:00
bender	25eb0c4bc7	Update src/app/page.tsx	2026-04-23 11:18:27 +00:00
bender	ede9992278	Merge version_1 into main Merge version_1 into main	2026-04-23 11:17:34 +00:00
bender	fe78450528	Merge version_1 into main Merge version_1 into main	2026-04-23 11:17:00 +00:00