From 9a9d740bb849c4eb82dc5fc7a0b27f0d6406ca49 Mon Sep 17 00:00:00 2001 From: bender Date: Tue, 3 Mar 2026 16:37:18 +0000 Subject: [PATCH] Update src/app/products/page.tsx --- src/app/products/page.tsx | 125 ++++++++++---------------------------- 1 file changed, 33 insertions(+), 92 deletions(-) diff --git a/src/app/products/page.tsx b/src/app/products/page.tsx index c80cf99..5958cba 100644 --- a/src/app/products/page.tsx +++ b/src/app/products/page.tsx @@ -26,7 +26,7 @@ export default function ProductsPage() { borderRadius="rounded" contentWidth="mediumLarge" sizing="medium" - background="grid" + background="circleGradient" cardStyle="gradient-radial" primaryButtonStyle="double-inset" secondaryButtonStyle="layered" @@ -42,9 +42,7 @@ export default function ProductsPage() { { name: "Support", id: "faq" }, ]} button={{ - text: "Get Started", - href: "https://app.stockflow.example.com/signup", - }} + text: "Get Started", href: "https://app.stockflow.example.com/signup"}} animateOnLoad={true} /> @@ -56,49 +54,32 @@ export default function ProductsPage() { tag="Product Management" tagIcon={Package} tagAnimation="slide-up" - background={{ variant: "grid" }} + background={{ variant: "plain" }} imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARURmBxrejr64VtuPGs2xIm36h/an-organized-warehouse-or-retail-environ-1772555116849-9d0589e3.png" imageAlt="Organized warehouse with inventory management" mediaAnimation="opacity" imagePosition="right" testimonials={[ { - name: "Amanda Foster", - handle: "Inventory Manager, StockMart", - testimonial: - "The barcode scanning feature has eliminated manual entry errors almost completely. Our inventory accuracy is now 99.8%!", - rating: 5, + name: "Amanda Foster", handle: "Inventory Manager, StockMart", testimonial: + "The barcode scanning feature has eliminated manual entry errors almost completely. Our inventory accuracy is now 99.8%!", rating: 5, imageSrc: - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARURmBxrejr64VtuPGs2xIm36h/professional-headshot-of-a-business-mana-1772555115308-082d88d1.png?_wi=4", - imageAlt: "Amanda Foster", - }, + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARURmBxrejr64VtuPGs2xIm36h/professional-headshot-of-a-business-mana-1772555115308-082d88d1.png", imageAlt: "Amanda Foster"}, { - name: "Thomas Murphy", - handle: "Warehouse Manager, SwiftLogistics", - testimonial: - "Managing multiple warehouses is now incredibly simple. Stock levels sync automatically across all locations.", - rating: 5, + name: "Thomas Murphy", handle: "Warehouse Manager, SwiftLogistics", testimonial: + "Managing multiple warehouses is now incredibly simple. Stock levels sync automatically across all locations.", rating: 5, imageSrc: - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARURmBxrejr64VtuPGs2xIm36h/professional-headshot-of-a-retail-manage-1772555115414-0f7a2ba7.png?_wi=4", - imageAlt: "Thomas Murphy", - }, + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARURmBxrejr64VtuPGs2xIm36h/professional-headshot-of-a-retail-manage-1772555115414-0f7a2ba7.png", imageAlt: "Thomas Murphy"}, { - name: "Patricia Rodriguez", - handle: "Operations Lead, GlobalGoods", - testimonial: - "The bulk import feature saved us weeks of manual data entry when we migrated from our old system.", - rating: 5, + name: "Patricia Rodriguez", handle: "Operations Lead, GlobalGoods", testimonial: + "The bulk import feature saved us weeks of manual data entry when we migrated from our old system.", rating: 5, imageSrc: - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARURmBxrejr64VtuPGs2xIm36h/professional-headshot-of-an-e-commerce-e-1772555115180-edb2fb06.png?_wi=4", - imageAlt: "Patricia Rodriguez", - }, + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARURmBxrejr64VtuPGs2xIm36h/professional-headshot-of-an-e-commerce-e-1772555115180-edb2fb06.png", imageAlt: "Patricia Rodriguez"}, ]} testimonialRotationInterval={5000} buttons={[ { - text: "Start Managing Products", - href: "https://app.stockflow.example.com/products", - }, + text: "Start Managing Products", href: "https://app.stockflow.example.com/products"}, { text: "View Pricing", href: "/pricing" }, ]} buttonAnimation="slide-up" @@ -118,39 +99,18 @@ export default function ProductsPage() { useInvertedBackground={false} features={[ { - id: "sku-management", - label: "SKU System", - title: "Comprehensive Product Organization", - items: [ - "Unlimited product SKUs and variants", - "Custom product attributes and categories", - "Automated SKU generation and management", - "Product relationships and bundling", - ], + id: "sku-management", label: "SKU System", title: "Comprehensive Product Organization", items: [ + "Unlimited product SKUs and variants", "Custom product attributes and categories", "Automated SKU generation and management", "Product relationships and bundling"], buttons: [{ text: "Organize Catalog", href: "#" }], }, { - id: "barcode-tracking", - label: "Barcode", - title: "Automated Tracking & Scanning", - items: [ - "Built-in barcode scanner integration", - "Barcode generation for all products", - "Batch barcode printing", - "QR code support for quick access", - ], + id: "barcode-tracking", label: "Barcode", title: "Automated Tracking & Scanning", items: [ + "Built-in barcode scanner integration", "Barcode generation for all products", "Batch barcode printing", "QR code support for quick access"], buttons: [{ text: "Enable Scanning", href: "#" }], }, { - id: "multi-warehouse", - label: "Warehouses", - title: "Multi-Location Stock Sync", - items: [ - "Real-time inventory across all warehouses", - "Location-specific stock tracking", - "Automated transfer management", - "Consolidated stock visibility", - ], + id: "multi-warehouse", label: "Warehouses", title: "Multi-Location Stock Sync", items: [ + "Real-time inventory across all warehouses", "Location-specific stock tracking", "Automated transfer management", "Consolidated stock visibility"], buttons: [{ text: "Setup Locations", href: "#" }], }, ]} @@ -168,43 +128,30 @@ export default function ProductsPage() { useInvertedBackground={false} metrics={[ { - id: "1", - icon: Package, - title: "Products Managed", - value: "100M+", - }, + id: "1", icon: Package, + title: "Products Managed", value: "100M+"}, { - id: "2", - icon: Barcode, - title: "Scans Daily", - value: "10M+", - }, + id: "2", icon: Barcode, + title: "Scans Daily", value: "10M+"}, { - id: "3", - icon: Lock, - title: "Accuracy Rate", - value: "99.9%", - }, + id: "3", icon: Lock, + title: "Accuracy Rate", value: "99.9%"}, { - id: "4", - icon: TrendingUp, - title: "Error Reduction", - value: "95%", - }, + id: "4", icon: TrendingUp, + title: "Error Reduction", value: "95%"}, ]} />