diff --git a/src/app/page.tsx b/src/app/page.tsx index ff456fb..61982f9 100644 --- a/src/app/page.tsx +++ b/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" > @@ -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" />