From 053ff0d91e13c5a1e3429e70d3a67fd051d0eaa7 Mon Sep 17 00:00:00 2001 From: bender Date: Wed, 22 Apr 2026 15:15:36 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 288 +++++++++-------------------------------------- 1 file changed, 55 insertions(+), 233 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 3450ebe..c30ba45 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -19,27 +19,22 @@ export default function LandingPage() { defaultButtonVariant="hover-bubble" defaultTextAnimation="reveal-blur" borderRadius="soft" + contentWidth="medium" + sizing="medium" + background="circleGradient" + cardStyle="glass-elevated" + primaryButtonStyle="gradient" + secondaryButtonStyle="glass" + headingFontWeight="normal" > @@ -113,38 +79,14 @@ export default function LandingPage() { useInvertedBackground={false} features={[ { - id: "f1", - title: "Verified Sellers", - author: "Community", - description: "Every gear piece passes through strict quality control.", - tags: [ - "Verified", - "Trusted", - ], - imageSrc: "http://img.b2bpic.net/free-photo/cloud-database-storage-concept-cloudscape-digital-online-server-global-network-web-database-backup-computer-infrastructure-technology_90220-1331.jpg", - }, + id: "f1", title: "Verified Sellers", author: "Community", description: "Every gear piece passes through strict quality control.", tags: ["Verified", "Trusted"], + imageSrc: "http://img.b2bpic.net/free-photo/cloud-database-storage-concept-cloudscape-digital-online-server-global-network-web-database-backup-computer-infrastructure-technology_90220-1331.jpg"}, { - id: "f2", - title: "Secure Payments", - author: "Security", - description: "Encrypted escrow services for every transaction.", - tags: [ - "Secure", - "Protected", - ], - imageSrc: "http://img.b2bpic.net/free-photo/abstract-blue-background-with-many-small-details-generative-ai_169016-30142.jpg", - }, + id: "f2", title: "Secure Payments", author: "Security", description: "Encrypted escrow services for every transaction.", tags: ["Secure", "Protected"], + imageSrc: "http://img.b2bpic.net/free-photo/abstract-blue-background-with-many-small-details-generative-ai_169016-30142.jpg"}, { - id: "f3", - title: "Fast Shipping", - author: "Logistics", - description: "Priority shipping for all DJI and camera shipments.", - tags: [ - "Fast", - "Direct", - ], - imageSrc: "http://img.b2bpic.net/free-photo/motion-blur-automatic-train-moving-inside-tunnel-tokyo-japan_335224-20.jpg", - }, + id: "f3", title: "Fast Shipping", author: "Logistics", description: "Priority shipping for all DJI and camera shipments.", tags: ["Fast", "Direct"], + imageSrc: "http://img.b2bpic.net/free-photo/motion-blur-automatic-train-moving-inside-tunnel-tokyo-japan_335224-20.jpg"}, ]} title="Why Trade With Us" description="Safety, security, and speed are at the core of our platform." @@ -159,59 +101,23 @@ export default function LandingPage() { useInvertedBackground={true} products={[ { - id: "p1", - brand: "DJI", - name: "Osmo Pocket 3", - price: "$519", - rating: 5, - reviewCount: "120", - imageSrc: "http://img.b2bpic.net/free-photo/photography-studio-with-equipment-items-arrangement_23-2150254694.jpg", - }, + id: "p1", brand: "DJI", name: "Osmo Pocket 3", price: "$519", rating: 5, + reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/photography-studio-with-equipment-items-arrangement_23-2150254694.jpg"}, { - id: "p2", - brand: "Sony", - name: "A7 IV Camera", - price: "$2499", - rating: 4, - reviewCount: "85", - imageSrc: "http://img.b2bpic.net/free-photo/world-photography-day-celebrated-by-middle-aged-man-taking-photos-with-camera-device_23-2151672323.jpg", - }, + id: "p2", brand: "Sony", name: "A7 IV Camera", price: "$2499", rating: 4, + reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/world-photography-day-celebrated-by-middle-aged-man-taking-photos-with-camera-device_23-2151672323.jpg"}, { - id: "p3", - brand: "DJI", - name: "Osmo Action 4", - price: "$399", - rating: 5, - reviewCount: "210", - imageSrc: "http://img.b2bpic.net/free-photo/set-various-digital-devices_23-2147864697.jpg", - }, + id: "p3", brand: "DJI", name: "Osmo Action 4", price: "$399", rating: 5, + reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/set-various-digital-devices_23-2147864697.jpg"}, { - id: "p4", - brand: "Canon", - name: "EOS R6 II", - price: "$2299", - rating: 4, - reviewCount: "55", - imageSrc: "http://img.b2bpic.net/free-photo/macro-shot-modern-digital-dslr-camera_23-2148038879.jpg", - }, + id: "p4", brand: "Canon", name: "EOS R6 II", price: "$2299", rating: 4, + reviewCount: "55", imageSrc: "http://img.b2bpic.net/free-photo/macro-shot-modern-digital-dslr-camera_23-2148038879.jpg"}, { - id: "p5", - brand: "DJI", - name: "Mini 4 Pro", - price: "$759", - rating: 5, - reviewCount: "145", - imageSrc: "http://img.b2bpic.net/free-photo/back-view-professional-camera-with-copy-space_23-2148538873.jpg", - }, + id: "p5", brand: "DJI", name: "Mini 4 Pro", price: "$759", rating: 5, + reviewCount: "145", imageSrc: "http://img.b2bpic.net/free-photo/back-view-professional-camera-with-copy-space_23-2148538873.jpg"}, { - id: "p6", - brand: "Nikon", - name: "Z8 Camera", - price: "$3999", - rating: 5, - reviewCount: "92", - imageSrc: "http://img.b2bpic.net/free-photo/rolls-film-near-camera_23-2147852299.jpg", - }, + id: "p6", brand: "Nikon", name: "Z8 Camera", price: "$3999", rating: 5, + reviewCount: "92", imageSrc: "http://img.b2bpic.net/free-photo/rolls-film-near-camera_23-2147852299.jpg"}, ]} title="Featured Gear" description="Latest DJI Osmo and professional camera equipment available now." @@ -225,51 +131,16 @@ export default function LandingPage() { useInvertedBackground={false} plans={[ { - id: "m1", - badge: "Entry", - price: "$0", - name: "Basic", - buttons: [ - { - text: "Get Started", - }, - ], - features: [ - "Limited Listings", - "Community Access", - ], + id: "m1", badge: "Entry", price: "$0", name: "Basic", buttons: [{ text: "Get Started" }], + features: ["Limited Listings", "Community Access"], }, { - id: "m2", - badge: "Pro", - price: "$29/mo", - name: "Professional", - buttons: [ - { - text: "Upgrade Now", - }, - ], - features: [ - "Unlimited Listings", - "Fast Payouts", - "Priority Support", - ], + id: "m2", badge: "Pro", price: "$29/mo", name: "Professional", buttons: [{ text: "Upgrade Now" }], + features: ["Unlimited Listings", "Fast Payouts", "Priority Support"], }, { - id: "m3", - badge: "Elite", - price: "$99/mo", - name: "Business", - buttons: [ - { - text: "Contact Sales", - }, - ], - features: [ - "Global Access", - "Insurance Included", - "VIP Support", - ], + id: "m3", badge: "Elite", price: "$99/mo", name: "Business", buttons: [{ text: "Contact Sales" }], + features: ["Global Access", "Insurance Included", "VIP Support"], }, ]} title="Professional Membership" @@ -283,21 +154,9 @@ export default function LandingPage() { title="Platform Impact" tag="Trusted Marketplace" metrics={[ - { - id: "m1", - value: "10k+", - description: "Active Traders", - }, - { - id: "m2", - value: "50k+", - description: "Camera Gear Sold", - }, - { - id: "m3", - value: "99%", - description: "Success Rate", - }, + { id: "m1", value: "10k+", description: "Active Traders" }, + { id: "m2", value: "50k+", description: "Camera Gear Sold" }, + { id: "m3", value: "99%", description: "Success Rate" }, ]} metricsAnimation="slide-up" /> @@ -309,47 +168,13 @@ export default function LandingPage() { textboxLayout="default" gridVariant="asymmetric-60-wide-40-narrow" useInvertedBackground={false} + description="What our community says about us." testimonials={[ - { - id: "t1", - name: "John Doe", - role: "Vlogger", - company: "TechVlog", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/portrait-dancer-practising-dance_107420-63929.jpg", - }, - { - id: "t2", - name: "Jane Smith", - role: "Cinematographer", - company: "FilmPro", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-rastafarian-male-wearing-blue-shirt-beanie-studio-portrait-blue-background_613910-11516.jpg", - }, - { - id: "t3", - name: "Alex Riv", - role: "Photographer", - company: "CaptureNow", - rating: 4, - imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-handsome-male-barber-uniform-holding-barber-thools-isolated-blue_141793-73506.jpg", - }, - { - id: "t4", - name: "Mark Kim", - role: "Creator", - company: "Influencer", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-smartphone_23-2149439878.jpg", - }, - { - id: "t5", - name: "Sarah Lee", - role: "Director", - company: "StudioOne", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/handsome-groom-classy-black-suit-stands-dark-room_8353-7083.jpg", - }, + { id: "t1", name: "John Doe", role: "Vlogger", company: "TechVlog", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-dancer-practising-dance_107420-63929.jpg" }, + { id: "t2", name: "Jane Smith", role: "Cinematographer", company: "FilmPro", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-rastafarian-male-wearing-blue-shirt-beanie-studio-portrait-blue-background_613910-11516.jpg" }, + { id: "t3", name: "Alex Riv", role: "Photographer", company: "CaptureNow", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-handsome-male-barber-uniform-holding-barber-thools-isolated-blue_141793-73506.jpg" }, + { id: "t4", name: "Mark Kim", role: "Creator", company: "Influencer", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-smartphone_23-2149439878.jpg" }, + { id: "t5", name: "Sarah Lee", role: "Director", company: "StudioOne", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/handsome-groom-classy-black-suit-stands-dark-room_8353-7083.jpg" }, ]} title="Community Voices" /> @@ -359,14 +184,11 @@ export default function LandingPage() { -- 2.49.1