From d2ccf3daaa2138bd77ef038ae985ecaf21fe29f7 Mon Sep 17 00:00:00 2001 From: bender Date: Tue, 28 Apr 2026 06:27:52 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 400 +++++++++++------------------------------------ 1 file changed, 95 insertions(+), 305 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 71830e3..328911e 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -33,21 +33,13 @@ export default function LandingPage() { @@ -56,98 +48,55 @@ export default function LandingPage() {
@@ -159,49 +108,31 @@ export default function LandingPage() { useInvertedBackground={false} features={[ { - title: "AI Product Research", - description: "Identify winning products before the competition.", - icon: Search, + title: "AI Product Research", description: "Identify winning products before the competition.", icon: Search, mediaItems: [ { - imageSrc: "http://img.b2bpic.net/free-vector/modern-infographic-element-collection_52683-1784.jpg", - }, + imageSrc: "http://img.b2bpic.net/free-vector/modern-infographic-element-collection_52683-1784.jpg"}, { - imageSrc: "http://img.b2bpic.net/free-photo/business-network-background-connecting-dots-technology-design_53876-160210.jpg", - }, + imageSrc: "http://img.b2bpic.net/free-photo/business-network-background-connecting-dots-technology-design_53876-160210.jpg"}, ], - imageSrc: "http://img.b2bpic.net/free-vector/modern-infographic-element-collection_52683-1776.jpg?_wi=2", - imageAlt: "neon UI tech dashboard", }, { - title: "Auto Order Fulfillment", - description: "Seamless logistics management integrated into your dashboard.", - icon: Truck, + title: "Auto Order Fulfillment", description: "Seamless logistics management integrated into your dashboard.", icon: Truck, mediaItems: [ { - imageSrc: "http://img.b2bpic.net/free-photo/person-using-ar-technology-perform-their-occupation_23-2151137458.jpg", - }, + imageSrc: "http://img.b2bpic.net/free-photo/person-using-ar-technology-perform-their-occupation_23-2151137458.jpg"}, { - imageSrc: "http://img.b2bpic.net/free-photo/life-city-town-urban-living-place_53876-120885.jpg", - }, + imageSrc: "http://img.b2bpic.net/free-photo/life-city-town-urban-living-place_53876-120885.jpg"}, ], - imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139402.jpg", - imageAlt: "neon UI tech dashboard", }, { - title: "Smart Pricing Optimization", - description: "Dynamic pricing that adjusts for maximum profit.", - icon: TrendingUp, + title: "Smart Pricing Optimization", description: "Dynamic pricing that adjusts for maximum profit.", icon: TrendingUp, mediaItems: [ { - imageSrc: "http://img.b2bpic.net/free-vector/flat-price-list-collection_23-2148090038.jpg", - }, + imageSrc: "http://img.b2bpic.net/free-vector/flat-price-list-collection_23-2148090038.jpg"}, { - imageSrc: "http://img.b2bpic.net/free-photo/still-life-wireless-cyberpunk-headphones_23-2151072226.jpg?_wi=1", - }, + imageSrc: "http://img.b2bpic.net/free-photo/still-life-wireless-cyberpunk-headphones_23-2151072226.jpg"}, ], - imageSrc: "http://img.b2bpic.net/free-photo/modern-business-desk-with-virtual-reality-headset_23-2148513458.jpg?_wi=1", - imageAlt: "neon UI tech dashboard", }, ]} title="Built for Growth" @@ -217,59 +148,23 @@ export default function LandingPage() { useInvertedBackground={true} products={[ { - id: "p1", - brand: "DropX", - name: "Smart Wireless Earbuds", - price: "$49.99", - rating: 5, - reviewCount: "1.2k", - imageSrc: "http://img.b2bpic.net/free-photo/still-life-wireless-cyberpunk-headphones_23-2151072226.jpg?_wi=2", - }, + id: "p1", brand: "DropX", name: "Smart Wireless Earbuds", price: "$49.99", rating: 5, + reviewCount: "1.2k", imageSrc: "http://img.b2bpic.net/free-photo/still-life-wireless-cyberpunk-headphones_23-2151072226.jpg"}, { - id: "p2", - brand: "DropX", - name: "Ergonomic Smart Desk", - price: "$299.00", - rating: 4, - reviewCount: "800", - imageSrc: "http://img.b2bpic.net/free-photo/modern-business-desk-with-virtual-reality-headset_23-2148513458.jpg?_wi=2", - }, + id: "p2", brand: "DropX", name: "Ergonomic Smart Desk", price: "$299.00", rating: 4, + reviewCount: "800", imageSrc: "http://img.b2bpic.net/free-photo/modern-business-desk-with-virtual-reality-headset_23-2148513458.jpg"}, { - id: "p3", - brand: "DropX", - name: "HD Security Camera", - price: "$89.99", - rating: 5, - reviewCount: "2.1k", - imageSrc: "http://img.b2bpic.net/free-photo/rendering-smart-home-device_23-2151039342.jpg", - }, + id: "p3", brand: "DropX", name: "HD Security Camera", price: "$89.99", rating: 5, + reviewCount: "2.1k", imageSrc: "http://img.b2bpic.net/free-photo/rendering-smart-home-device_23-2151039342.jpg"}, { - id: "p4", - brand: "DropX", - name: "Smart Fitness Tracker", - price: "$129.99", - rating: 5, - reviewCount: "900", - imageSrc: "http://img.b2bpic.net/free-photo/smartwatch-screen-digital-device_53876-96810.jpg", - }, + id: "p4", brand: "DropX", name: "Smart Fitness Tracker", price: "$129.99", rating: 5, + reviewCount: "900", imageSrc: "http://img.b2bpic.net/free-photo/smartwatch-screen-digital-device_53876-96810.jpg"}, { - id: "p5", - brand: "DropX", - name: "Foldable Electric Scooter", - price: "$499.00", - rating: 4, - reviewCount: "300", - imageSrc: "http://img.b2bpic.net/free-photo/young-man-taking-break-after-riding-his-scooter-outdoors_23-2149019552.jpg", - }, + id: "p5", brand: "DropX", name: "Foldable Electric Scooter", price: "$499.00", rating: 4, + reviewCount: "300", imageSrc: "http://img.b2bpic.net/free-photo/young-man-taking-break-after-riding-his-scooter-outdoors_23-2149019552.jpg"}, { - id: "p6", - brand: "DropX", - name: "AI Home Controller", - price: "$199.99", - rating: 5, - reviewCount: "1.5k", - imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-mockup-devices-with-colourful-background_23-2148226920.jpg", - }, + id: "p6", brand: "DropX", name: "AI Home Controller", price: "$199.99", rating: 5, + reviewCount: "1.5k", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-mockup-devices-with-colourful-background_23-2148226920.jpg"}, ]} title="Trending Products" description="Curated selection ready for your store." @@ -283,29 +178,17 @@ export default function LandingPage() { useInvertedBackground={false} metrics={[ { - id: "m1", - icon: Settings, - title: "1. Connect Store", - value: "Sync API", - }, + id: "m1", icon: Settings, + title: "1. Connect Store", value: "Sync API"}, { - id: "m2", - icon: Lightbulb, - title: "2. AI Analysis", - value: "Deep Insights", - }, + id: "m2", icon: Lightbulb, + title: "2. AI Analysis", value: "Deep Insights"}, { - id: "m3", - icon: Package, - title: "3. One-Click Add", - value: "Live Import", - }, + id: "m3", icon: Package, + title: "3. One-Click Add", value: "Live Import"}, { - id: "m4", - icon: Zap, - title: "4. Automated Scale", - value: "Profit Growth", - }, + id: "m4", icon: Zap, + title: "4. Automated Scale", value: "Profit Growth"}, ]} title="How it Works" description="Scaling your brand in 4 easy steps." @@ -319,59 +202,28 @@ export default function LandingPage() { useInvertedBackground={true} testimonials={[ { - id: "t1", - name: "Alice M.", - role: "Owner", - company: "TechStyle", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/man-signs-documents-businessman-sitting-table-manager-working-office_1157-42012.jpg", - }, + id: "t1", name: "Alice M.", role: "Owner", company: "TechStyle", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/man-signs-documents-businessman-sitting-table-manager-working-office_1157-42012.jpg"}, { - id: "t2", - name: "Mark B.", - role: "CEO", - company: "ZenStore", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1666.jpg", - }, + id: "t2", name: "Mark B.", role: "CEO", company: "ZenStore", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1666.jpg"}, { - id: "t3", - name: "Clara S.", - role: "Manager", - company: "Nova", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-confident-business-leader_1262-4808.jpg", - }, + id: "t3", name: "Clara S.", role: "Manager", company: "Nova", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-confident-business-leader_1262-4808.jpg"}, { - id: "t4", - name: "John D.", - role: "Owner", - company: "Apex Drops", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-posing_23-2149213187.jpg", - }, + id: "t4", name: "John D.", role: "Owner", company: "Apex Drops", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-posing_23-2149213187.jpg"}, { - id: "t5", - name: "Sam K.", - role: "Founder", - company: "Swift", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/business-man-working-late-office_23-2148991382.jpg", - }, + id: "t5", name: "Sam K.", role: "Founder", company: "Swift", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/business-man-working-late-office_23-2148991382.jpg"}, ]} kpiItems={[ { - value: "200%", - label: "Avg Store Growth", - }, + value: "200%", label: "Avg Store Growth"}, { - value: "4.9/5", - label: "Customer Satisfaction", - }, + value: "4.9/5", label: "Customer Satisfaction"}, { - value: "10k+", - label: "Active Merchants", - }, + value: "10k+", label: "Active Merchants"}, ]} title="Merchant Success Stories" description="What store owners are saying about AI DropX." @@ -385,54 +237,23 @@ export default function LandingPage() { useInvertedBackground={false} plans={[ { - id: "basic", - title: "Starter", - price: "$29", - period: "/mo", - features: [ - "AI Research", - "Auto Fulfillment", - "Basic Support", - ], + id: "basic", title: "Starter", price: "$29", period: "/mo", features: [ + "AI Research", "Auto Fulfillment", "Basic Support"], button: { - text: "Get Started", - href: "#", - }, - imageSrc: "http://img.b2bpic.net/free-photo/abstract-geometric-sculpture-clear-cubes_9975-134393.jpg", - }, + text: "Get Started", href: "#"}, + imageSrc: "http://img.b2bpic.net/free-photo/abstract-geometric-sculpture-clear-cubes_9975-134393.jpg"}, { - id: "pro", - title: "Professional", - price: "$99", - period: "/mo", - features: [ - "Advanced AI Analytics", - "Smart Pricing", - "24/7 Support", - "Multi-Store", - ], + id: "pro", title: "Professional", price: "$99", period: "/mo", features: [ + "Advanced AI Analytics", "Smart Pricing", "24/7 Support", "Multi-Store"], button: { - text: "Get Pro", - href: "#", - }, - imageSrc: "http://img.b2bpic.net/free-photo/close-up-air-fryer_23-2151723456.jpg", - }, + text: "Get Pro", href: "#"}, + imageSrc: "http://img.b2bpic.net/free-photo/close-up-air-fryer_23-2151723456.jpg"}, { - id: "enterprise", - title: "Scale", - price: "$299", - period: "/mo", - features: [ - "Dedicated Account Manager", - "Unlimited Stores", - "Custom AI Models", - ], + id: "enterprise", title: "Scale", price: "$299", period: "/mo", features: [ + "Dedicated Account Manager", "Unlimited Stores", "Custom AI Models"], button: { - text: "Contact Sales", - href: "#", - }, - imageSrc: "http://img.b2bpic.net/free-photo/cosmic-background-with-pink-orange-blue-laser-lights-perfect-digital-wallpaper_181624-23665.jpg", - }, + text: "Contact Sales", href: "#"}, + imageSrc: "http://img.b2bpic.net/free-photo/cosmic-background-with-pink-orange-blue-laser-lights-perfect-digital-wallpaper_181624-23665.jpg"}, ]} title="Start Your AI Store Today" description="Choose a plan and start scaling your dropshipping empire." @@ -445,25 +266,13 @@ export default function LandingPage() { useInvertedBackground={true} faqs={[ { - id: "q1", - title: "Does it work with Shopify?", - content: "Yes, AI DropX integrates seamlessly with Shopify via one-click import.", - }, + id: "q1", title: "Does it work with Shopify?", content: "Yes, AI DropX integrates seamlessly with Shopify via one-click import."}, { - id: "q2", - title: "How does pricing optimization work?", - content: "Our AI analyzes market trends and adjusts your prices automatically.", - }, + id: "q2", title: "How does pricing optimization work?", content: "Our AI analyzes market trends and adjusts your prices automatically."}, { - id: "q3", - title: "Can I cancel anytime?", - content: "Yes, you can cancel your subscription at any time through your dashboard.", - }, + id: "q3", title: "Can I cancel anytime?", content: "Yes, you can cancel your subscription at any time through your dashboard."}, { - id: "q4", - title: "Is technical knowledge required?", - content: "No, AI DropX is fully no-code and user-friendly for all skill levels.", - }, + id: "q4", title: "Is technical knowledge required?", content: "No, AI DropX is fully no-code and user-friendly for all skill levels."}, ]} title="Frequently Asked Questions" description="Everything you need to know about AI DropX." @@ -475,8 +284,7 @@ export default function LandingPage() {