Update src/app/products/page.tsx

This commit is contained in:
2026-03-03 16:37:18 +00:00
parent 381e639b09
commit 9a9d740bb8

View File

@@ -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}
/>
</div>
@@ -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%"},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARURmBxrejr64VtuPGs2xIm36h/a-modern-office-or-workspace-environment-1772555117856-db6534e9.png?_wi=3"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARURmBxrejr64VtuPGs2xIm36h/a-modern-office-or-workspace-environment-1772555117856-db6534e9.png"
imageAlt="Team managing products efficiently"
logoText="StockFlow"
copyrightText="© 2025 StockFlow. All rights reserved."
columns={[
{
title: "Product",
items: [
title: "Product", items: [
{ label: "Features", href: "/" },
{ label: "Pricing", href: "/pricing" },
{ label: "Dashboard", href: "https://app.stockflow.example.com" },
@@ -212,8 +159,7 @@ export default function ProductsPage() {
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "/" },
{ label: "Blog", href: "/blog" },
{ label: "Careers", href: "/careers" },
@@ -221,18 +167,13 @@ export default function ProductsPage() {
],
},
{
title: "Support",
items: [
title: "Support", items: [
{ label: "Help Center", href: "/help" },
{ label: "Documentation", href: "/docs" },
{
label: "Contact",
href: "mailto:support@stockflow.example.com",
},
label: "Contact", href: "mailto:support@stockflow.example.com"},
{
label: "Status Page",
href: "https://status.stockflow.example.com",
},
label: "Status Page", href: "https://status.stockflow.example.com"},
],
},
]}