bender/7bbe83ee-27ea-4adc-8a78-0a6a465d4bbd
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-03-09 19:59:41 +00:00
parent 39be8217e9
commit fa5f95042c
1 changed files with 60 additions and 60 deletions
Download Patch File Download Diff File Expand all files Collapse all files

120
src/app/page.tsx
View File

@@ -10,7 +10,7 @@ import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { Zap, Star, Award, DollarSign, Mail, Hexagon, House, ShoppingCart, BarChart3, Settings, CircleDollarSign, ShoppingBag, TrendingUp, CreditCard, Lock, CheckCircle, Gauge, Package, Bell, MoreVertical, Smartphone, Globe, Store, Users, HelpCircle } from "lucide-react";
import { Zap, Star, Award, DollarSign, Mail, Hexagon, House, ShoppingCart, BarChart3, Settings, CircleDollarSign, ShoppingBag, TrendingUp, CreditCard, Lock, CheckCircle, Gauge, Package, Bell, MoreVertical, Smartphone, Globe, Store, Users, HelpCircle, AlertCircle, TrendingDown, Activity, Box } from "lucide-react";
export default function LandingPage() {
return (
@@ -44,8 +44,8 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardDashboard
title="Next-Gen Tech Commerce"
description="Premium e-commerce platform for cutting-edge technology. Seamless checkout, real-time inventory tracking, and elite customer experience."
title="Next-Gen Tech Commerce with Inventory Management"
description="Premium e-commerce platform with advanced stock management, real-time inventory tracking, and automated reorder systems. Seamless checkout, intelligent stock alerts, and elite customer experience."
tag="Premium Tech Store"
tagIcon={Zap}
tagAnimation="slide-up"
@@ -56,27 +56,27 @@ export default function LandingPage() {
buttonAnimation="blur-reveal"
background={{ variant: "plain" }}
dashboard={{
title: "Real-Time Commerce Hub", logoIcon: Hexagon,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AiptcO4QrzBpwIQbUIl2kal97h/a-sleek-dark-tech-dashboard-interface-sh-1773085533392-c7e92339.png?_wi=1", searchPlaceholder: "Search products...", buttons: [
{ text: "Dashboard", href: "https://techvault.io/admin" },
{ text: "Export Reports", href: "#" }
title: "Real-Time Inventory Hub", logoIcon: Box,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AiptcO4QrzBpwIQbUIl2kal97h/a-sleek-dark-tech-dashboard-interface-sh-1773085533392-c7e92339.png?_wi=1", searchPlaceholder: "Search products or SKU...", buttons: [
{ text: "Inventory Dashboard", href: "https://techvault.io/admin" },
{ text: "Export Stock Report", href: "#" }
],
sidebarItems: [
{ icon: House, active: true },
{ icon: ShoppingCart },
{ icon: BarChart3 },
{ icon: Box },
{ icon: Activity },
{ icon: Settings }
],
stats: [
{ title: "Total Sales", values: [24580, 38920, 52450], valuePrefix: "$", description: "Revenue this month" },
{ title: "Orders", values: [125, 189, 234], description: "Active transactions" },
{ title: "Stock Items", values: [450, 425, 410], description: "Available products" }
{ title: "Total Stock Value", values: [24580, 38920, 52450], valuePrefix: "$", description: "Inventory worth this month" },
{ title: "Stock Levels", values: [125, 189, 234], description: "Active SKUs monitored" },
{ title: "Low Stock Alerts", values: [12, 8, 3], description: "Items needing reorder" }
],
chartTitle: "Sales Performance", chartData: [{ value: 45 }, { value: 60 }, { value: 75 }, { value: 90 }, { value: 85 }],
listTitle: "Recent Transactions", listItems: [
{ icon: CircleDollarSign, title: "$1,250 Premium Headphones", status: "Confirmed" },
{ icon: ShoppingBag, title: "Order #2847 Shipped", status: "In Transit" },
{ icon: TrendingUp, title: "Stock Alert: Low Inventory", status: "Alert" }
chartTitle: "Stock Level Trends", chartData: [{ value: 95 }, { value: 88 }, { value: 76 }, { value: 82 }, { value: 91 }],
listTitle: "Inventory Updates", listItems: [
{ icon: AlertCircle, title: "Stock Alert: Pro Earbuds", status: "Critical" },
{ icon: TrendingDown, title: "Smart Watch - 34 units sold", status: "Updated" },
{ icon: Package, title: "New shipment received - 500 items", status: "Confirmed" }
]
}}
className="min-h-screen"
@@ -88,8 +88,8 @@ export default function LandingPage() {
<div id="products" data-section="products">
<ProductCardTwo
title="Featured Tech Collection"
description="Curated selection of premium technology products with verified 5-star ratings from verified customers."
title="Featured Tech Collection with Stock Tracking"
description="Curated selection of premium technology products with real-time stock levels, verified ratings, and automated inventory updates. View availability and reserve items instantly."
tag="Top Sellers"
tagIcon={Star}
tagAnimation="slide-up"
@@ -102,15 +102,15 @@ export default function LandingPage() {
products={[
{
id: "1", brand: "TechVault", name: "Pro Wireless Earbuds", price: "$249.99", rating: 5,
reviewCount: "2.8k", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AiptcO4QrzBpwIQbUIl2kal97h/a-premium-tech-gadget-product-shot-sleek-1773085532843-b5a0598a.png", imageAlt: "Premium wireless earbuds"
reviewCount: "2.8k", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AiptcO4QrzBpwIQbUIl2kal97h/a-premium-tech-gadget-product-shot-sleek-1773085532843-b5a0598a.png", imageAlt: "Premium wireless earbuds - Stock: 156 units"
},
{
id: "2", brand: "TechVault", name: "Smart Watch Pro", price: "$399.99", rating: 5,
reviewCount: "4.2k", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AiptcO4QrzBpwIQbUIl2kal97h/a-professional-tech-device-modern-smartp-1773085532582-d0d141fe.png", imageAlt: "Advanced smartwatch device"
reviewCount: "4.2k", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AiptcO4QrzBpwIQbUIl2kal97h/a-professional-tech-device-modern-smartp-1773085532582-d0d141fe.png", imageAlt: "Advanced smartwatch device - Stock: 89 units"
},
{
id: "3", brand: "TechVault", name: "Portable Charger Elite", price: "$129.99", rating: 5,
reviewCount: "1.9k", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AiptcO4QrzBpwIQbUIl2kal97h/a-cutting-edge-tech-accessory-or-wearabl-1773085532779-cc3fe295.png", imageAlt: "High-capacity portable charger"
reviewCount: "1.9k", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AiptcO4QrzBpwIQbUIl2kal97h/a-cutting-edge-tech-accessory-or-wearabl-1773085532779-cc3fe295.png", imageAlt: "High-capacity portable charger - Stock: 342 units"
}
]}
containerClassName="max-w-7xl mx-auto"
@@ -120,8 +120,8 @@ export default function LandingPage() {
<div id="features" data-section="features">
<FeatureBento
title="Powerful Commerce Features"
description="Everything you need to run a successful tech e-commerce business with intelligent inventory management and seamless payment processing."
title="Powerful Inventory Management Features"
description="Everything you need to run a successful tech e-commerce business with intelligent stock management, automated reorder points, supply chain visibility, and real-time stock synchronization across all channels."
tag="Platform Capabilities"
tagIcon={Zap}
tagAnimation="slide-up"
@@ -132,44 +132,44 @@ export default function LandingPage() {
animationType="slide-up"
features={[
{
title: "Real-Time Inventory", description: "Track stock levels instantly across all channels", bentoComponent: "animated-bar-chart"
title: "Real-Time Stock Tracking", description: "Monitor inventory levels across all warehouses and channels instantly", bentoComponent: "animated-bar-chart"
},
{
title: "Smart Pricing Engine", description: "Automated discount management and promotional campaigns", bentoComponent: "line-chart"
title: "Automated Reorder Management", description: "Set minimum stock levels and auto-trigger purchase orders", bentoComponent: "line-chart"
},
{
title: "Payment Integration", description: "Stripe and PayPal integration for secure transactions", bentoComponent: "icon-info-cards", items: [
{ icon: CreditCard, label: "Payment Methods", value: "12+" },
{ icon: Lock, label: "Security Level", value: "SSL" },
{ icon: CheckCircle, label: "Transactions", value: "100%" }
title: "Stock Analytics & Insights", description: "Track inventory turnover, forecast demand, and optimize stock allocation", bentoComponent: "icon-info-cards", items: [
{ icon: Activity, label: "Turnover Rate", value: "8.5x" },
{ icon: TrendingUp, label: "Forecast", value: "92%" },
{ icon: Box, label: "SKU Count", value: "2,847" }
]
},
{
title: "Admin Tasks", description: "Comprehensive sales and customer behavior insights", bentoComponent: "3d-task-list", items: [
{ icon: ShoppingCart, label: "Process Orders", time: "2 min" },
{ icon: Package, label: "Update Stock", time: "5 min" },
{ icon: TrendingUp, label: "Review Analytics", time: "10 min" }
title: "Inventory Tasks", description: "Manage stock updates, reconciliation, and audits", bentoComponent: "3d-task-list", items: [
{ icon: Package, label: "Count Inventory", time: "2 hrs" },
{ icon: AlertCircle, label: "Reorder Stock", time: "30 min" },
{ icon: Activity, label: "Audit Records", time: "1 hr" }
]
},
{
title: "Multi-Channel Sync", description: "Unified product catalog across platforms", bentoComponent: "orbiting-icons", centerIcon: Globe,
title: "Multi-Channel Sync", description: "Unified inventory catalog across all sales channels", bentoComponent: "orbiting-icons", centerIcon: Box,
items: [
{ icon: ShoppingBag, ring: 1 },
{ icon: Store, ring: 2 },
{ icon: Users, ring: 3 }
{ icon: Store, ring: 1 },
{ icon: Globe, ring: 2 },
{ icon: ShoppingBag, ring: 3 }
]
},
{
title: "Admin Dashboard", description: "One-click product and pricing modifications", bentoComponent: "phone", statusIcon: Smartphone,
alertIcon: Bell,
alertTitle: "Stock Alert", alertMessage: "Inventory low for Product ID #247", apps: [
{ name: "Dashboard", icon: Gauge },
{ name: "Products", icon: Package },
title: "Mobile Inventory App", description: "Update stock levels and check availability on the go", bentoComponent: "phone", statusIcon: Box,
alertIcon: AlertCircle,
alertTitle: "Stock Alert", alertMessage: "Earbuds inventory below threshold", apps: [
{ name: "Stock Count", icon: Package },
{ name: "Locations", icon: Globe },
{ name: "Shipments", icon: TrendingUp },
{ name: "Orders", icon: ShoppingCart },
{ name: "Analytics", icon: BarChart3 },
{ name: "Settings", icon: Settings },
{ name: "Wallet", icon: CreditCard },
{ name: "Support", icon: HelpCircle },
{ name: "Analytics", icon: Activity },
{ name: "Alerts", icon: AlertCircle },
{ name: "Reports", icon: BarChart3 },
{ name: "More", icon: MoreVertical }
]
}
@@ -180,8 +180,8 @@ export default function LandingPage() {
<div id="metrics" data-section="metrics">
<MetricCardSeven
title="Proven Business Impact"
description="Real results from successful tech e-commerce stores using our platform"
title="Proven Inventory Impact"
description="Real results from successful tech e-commerce stores using our advanced stock management platform"
tag="Success Stories"
tagIcon={Award}
tagAnimation="slide-up"
@@ -190,16 +190,16 @@ export default function LandingPage() {
animationType="slide-up"
metrics={[
{
id: "1", value: "45%", title: "Average Revenue Growth", items: ["Within first 90 days", "Optimized checkout flow", "Real-time analytics"]
id: "1", value: "68%", title: "Stock Accuracy Improvement", items: ["Reduced shrinkage", "Real-time tracking", "Automated reconciliation"]
},
{
id: "2", value: "99.9%", title: "Uptime Guarantee", items: ["Reliable infrastructure", "24/7 support team", "Automatic backups"]
id: "2", value: "42%", title: "Inventory Cost Reduction", items: ["Optimized stock levels", "Reduced overstock", "Better forecasting"]
},
{
id: "3", value: "2.3s", title: "Average Page Load", items: ["Optimized performance", "CDN integrated", "Fast checkout"]
id: "3", value: "3.2s", title: "Stock Update Latency", items: ["Real-time synchronization", "Instant availability checks", "Live dashboards"]
},
{
id: "4", value: "$0", title: "Setup Fees", items: ["Transparent pricing", "No hidden costs", "Pay only commissions"]
id: "4", value: "99.7%", title: "Order Fulfillment Rate", items: ["Accurate stock data", "Reduced backorders", "Customer satisfaction"]
}
]}
containerClassName="max-w-7xl mx-auto"
@@ -209,7 +209,7 @@ export default function LandingPage() {
<div id="pricing" data-section="pricing">
<PricingCardFive
title="Transparent Pricing Plans"
description="Choose the plan that fits your business needs. All plans include core features with transparent commission rates."
description="Choose the plan that fits your business needs. All plans include inventory management with transparent pricing and no hidden fees."
tag="Flexible Options"
tagIcon={DollarSign}
tagAnimation="slide-up"
@@ -219,15 +219,15 @@ export default function LandingPage() {
plans={[
{
id: "starter", tag: "Starter Plan", price: "Free", period: "forever", description: "Perfect for small tech shops getting started.", button: { text: "Get Started", href: "#" },
featuresTitle: "What's Included:", features: ["Up to 50 products", "Basic analytics", "Email support", "Payment processing", "1 admin account"]
featuresTitle: "What's Included:", features: ["Up to 50 products", "Basic inventory tracking", "Email support", "Payment processing", "1 admin account", "Stock alerts"]
},
{
id: "professional", tag: "Professional Plan", price: "$49", period: "/month", description: "Ideal for growing tech e-commerce businesses.", button: { text: "Start Free Trial", href: "#" },
featuresTitle: "What's Included:", features: ["Unlimited products", "Advanced analytics", "Priority support", "Stripe integration", "5 admin accounts", "Marketing tools", "API access"]
featuresTitle: "What's Included:", features: ["Unlimited products", "Advanced inventory management", "Multi-warehouse support", "Priority support", "5 admin accounts", "Automated reorder systems", "API access", "Stock forecasting"]
},
{
id: "enterprise", tag: "Enterprise Plan", price: "$199", period: "/month", description: "For large-scale tech retailers with custom needs.", button: { text: "Schedule Demo", href: "#" },
featuresTitle: "What's Included:", features: ["Everything in Professional", "White-label solution", "Dedicated account manager", "Custom integrations", "Unlimited admin accounts", "Advanced security", "99.9% SLA", "Phone support"]
featuresTitle: "What's Included:", features: ["Everything in Professional", "Custom inventory workflows", "Dedicated account manager", "Real-time analytics", "Unlimited admin accounts", "Advanced security", "99.9% SLA", "Phone support"]
}
]}
containerClassName="max-w-7xl mx-auto"
@@ -237,7 +237,7 @@ export default function LandingPage() {
<div id="testimonials" data-section="testimonials">
<TestimonialCardOne
title="Trusted by Tech Leaders"
description="Hear from successful e-commerce merchants who transformed their businesses with our platform."
description="Hear from successful e-commerce merchants who transformed their businesses with our inventory management platform."
tag="Customer Reviews"
tagIcon={Star}
tagAnimation="slide-up"
@@ -271,7 +271,7 @@ export default function LandingPage() {
<ContactSplit
tag="Stay Connected"
title="Join Our Tech Community"
description="Subscribe to receive exclusive product launches, special discounts, and insider tips for maximizing your e-commerce success."
description="Subscribe to receive exclusive product launches, inventory management tips, stock optimization strategies, and insider insights for maximizing your e-commerce success."
tagIcon={Mail}
tagAnimation="slide-up"
background={{ variant: "sparkles-gradient" }}
@@ -297,7 +297,7 @@ export default function LandingPage() {
title: "Product", items: [
{ label: "Features", href: "#features" },
{ label: "Pricing", href: "#pricing" },
{ label: "Security", href: "#" },
{ label: "Inventory", href: "#" },
{ label: "Updates", href: "#" }
]
},