Merge version_3 into main #2
254
src/app/page.tsx
254
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Dashboard",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Dashboard", id: "hero"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "Shops",
|
||||
id: "shops",
|
||||
},
|
||||
name: "Shops", id: "shops"},
|
||||
{
|
||||
name: "Payments",
|
||||
id: "financial",
|
||||
},
|
||||
name: "Payments", id: "financial"},
|
||||
]}
|
||||
brandName="DistroERP"
|
||||
/>
|
||||
@@ -55,31 +47,20 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Modern Distribution ERP"
|
||||
description="Streamline your inventory, manage shop credits, and automate your FMCG distribution workflow in one powerful dashboard."
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/verification-young-long-haired-woman-white-protective-helmet-with-tablet-hands-looking-attentively-shelves-with-goods-warehouse-walking-aisle_259150-56884.jpg?_wi=1",
|
||||
imageAlt: "warehouse distribution shelves food storage",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/verification-young-long-haired-woman-white-protective-helmet-with-tablet-hands-looking-attentively-shelves-with-goods-warehouse-walking-aisle_259150-56884.jpg?_wi=1", imageAlt: "warehouse distribution shelves food storage"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/data-analytics-dashboard_23-2152001529.jpg?_wi=1",
|
||||
imageAlt: "supply chain dashboard ui clean design",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/data-analytics-dashboard_23-2152001529.jpg?_wi=1", imageAlt: "supply chain dashboard ui clean design"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-bread-close-up_23-2149081073.jpg",
|
||||
imageAlt: "fmcg products wholesale distribution",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-bread-close-up_23-2149081073.jpg", imageAlt: "fmcg products wholesale distribution"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/local-retailer-taking-care-his-business_23-2149349403.jpg",
|
||||
imageAlt: "Local retailer taking care of his business",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/local-retailer-taking-care-his-business_23-2149349403.jpg", imageAlt: "Local retailer taking care of his business"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-protecting-herself-against-corona-virus-while-shopping-supermarket_342744-1150.jpg",
|
||||
imageAlt: "Woman protecting herself against corona virus while shopping in supermarket",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-protecting-herself-against-corona-virus-while-shopping-supermarket_342744-1150.jpg", imageAlt: "Woman protecting herself against corona virus while shopping in supermarket"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -93,20 +74,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "124",
|
||||
description: "Active Shops",
|
||||
},
|
||||
id: "m1", value: "124", description: "Active Shops"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "$85k",
|
||||
description: "Outstanding Dues",
|
||||
},
|
||||
id: "m2", value: "$85k", description: "Outstanding Dues"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "98%",
|
||||
description: "Stock Accuracy",
|
||||
},
|
||||
id: "m3", value: "98%", description: "Stock Accuracy"},
|
||||
]}
|
||||
title="Business Performance"
|
||||
description="Real-time insights into your distribution business health."
|
||||
@@ -121,59 +93,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Premium",
|
||||
name: "Long Grain Rice",
|
||||
price: "$12.00",
|
||||
rating: 5,
|
||||
reviewCount: "1.2k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/package-with-products-yellow_78492-3757.jpg",
|
||||
},
|
||||
id: "p1", brand: "Premium", name: "Long Grain Rice", price: "$12.00", rating: 5,
|
||||
reviewCount: "1.2k", imageSrc: "http://img.b2bpic.net/free-photo/package-with-products-yellow_78492-3757.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Sweet",
|
||||
name: "Refined Sugar",
|
||||
price: "$8.00",
|
||||
rating: 5,
|
||||
reviewCount: "890",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-sack-with-seeds-arrangement_23-2149050780.jpg",
|
||||
},
|
||||
id: "p2", brand: "Sweet", name: "Refined Sugar", price: "$8.00", rating: 5,
|
||||
reviewCount: "890", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-sack-with-seeds-arrangement_23-2149050780.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Pasta",
|
||||
name: "Macaroni",
|
||||
price: "$5.00",
|
||||
rating: 4,
|
||||
reviewCount: "450",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dry-pasta-shaped-like-narrow-tubes-pink-bowl_114579-82073.jpg",
|
||||
},
|
||||
id: "p3", brand: "Pasta", name: "Macaroni", price: "$5.00", rating: 4,
|
||||
reviewCount: "450", imageSrc: "http://img.b2bpic.net/free-photo/dry-pasta-shaped-like-narrow-tubes-pink-bowl_114579-82073.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Grain",
|
||||
name: "Wheat Flour",
|
||||
price: "$9.00",
|
||||
rating: 5,
|
||||
reviewCount: "670",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/big-blank-bulky-sealed-package-with-product-isolated-wooden-table-front-unfocused-smiling_346278-581.jpg",
|
||||
},
|
||||
id: "p4", brand: "Grain", name: "Wheat Flour", price: "$9.00", rating: 5,
|
||||
reviewCount: "670", imageSrc: "http://img.b2bpic.net/free-photo/big-blank-bulky-sealed-package-with-product-isolated-wooden-table-front-unfocused-smiling_346278-581.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Brown",
|
||||
name: "Organic Brown Rice",
|
||||
price: "$15.00",
|
||||
rating: 5,
|
||||
reviewCount: "320",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/three-different-type-uncooked-rice-bowls-with-spiral-notepad-green-placemat-table_23-2147901677.jpg",
|
||||
},
|
||||
id: "p5", brand: "Brown", name: "Organic Brown Rice", price: "$15.00", rating: 5,
|
||||
reviewCount: "320", imageSrc: "http://img.b2bpic.net/free-photo/three-different-type-uncooked-rice-bowls-with-spiral-notepad-green-placemat-table_23-2147901677.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Grain",
|
||||
name: "Semolina",
|
||||
price: "$7.00",
|
||||
rating: 4,
|
||||
reviewCount: "210",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ingredient-bags-full-flour_23-2149482546.jpg",
|
||||
},
|
||||
id: "p6", brand: "Grain", name: "Semolina", price: "$7.00", rating: 4,
|
||||
reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/ingredient-bags-full-flour_23-2149482546.jpg"},
|
||||
]}
|
||||
title="FMCG Inventory"
|
||||
description="Manage your stock levels for essential goods."
|
||||
@@ -185,9 +121,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Smart Shop Management"
|
||||
description={[
|
||||
"Easily manage all your customer shops. Track owner details, locations, and set custom credit limits to maintain business safety.",
|
||||
"Our system automatically prevents over-credit scenarios and keeps a detailed log of every shop's interaction.",
|
||||
]}
|
||||
"Easily manage all your customer shops. Track owner details, locations, and set custom credit limits to maintain business safety.", "Our system automatically prevents over-credit scenarios and keeps a detailed log of every shop's interaction."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -198,53 +132,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "pl1",
|
||||
title: "Cash Payment",
|
||||
price: "Instant",
|
||||
period: "Full",
|
||||
features: [
|
||||
"Deduct from Stock",
|
||||
"Immediate Credit",
|
||||
"No Dues Left",
|
||||
],
|
||||
id: "pl1", title: "Cash Payment", price: "Instant", period: "Full", features: [
|
||||
"Deduct from Stock", "Immediate Credit", "No Dues Left"],
|
||||
button: {
|
||||
text: "Get Started",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/industrial-warehouse-stacking-packages-with-order-invoices_482257-83355.jpg",
|
||||
imageAlt: "Industrial warehouse stacking packages with order invoices",
|
||||
},
|
||||
text: "Get Started"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/industrial-warehouse-stacking-packages-with-order-invoices_482257-83355.jpg", imageAlt: "Industrial warehouse stacking packages with order invoices"},
|
||||
{
|
||||
id: "pl2",
|
||||
title: "Partial Payment",
|
||||
price: "Dynamic",
|
||||
period: "Partial",
|
||||
features: [
|
||||
"Track Balance",
|
||||
"Credit Ledger",
|
||||
"Dues Alert",
|
||||
],
|
||||
id: "pl2", title: "Partial Payment", price: "Dynamic", period: "Partial", features: [
|
||||
"Track Balance", "Credit Ledger", "Dues Alert"],
|
||||
button: {
|
||||
text: "Get Started",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/verification-young-long-haired-woman-white-protective-helmet-with-tablet-hands-looking-attentively-shelves-with-goods-warehouse-walking-aisle_259150-56884.jpg?_wi=2",
|
||||
imageAlt: "Industrial warehouse stacking packages with order invoices",
|
||||
},
|
||||
text: "Get Started"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/verification-young-long-haired-woman-white-protective-helmet-with-tablet-hands-looking-attentively-shelves-with-goods-warehouse-walking-aisle_259150-56884.jpg?_wi=2", imageAlt: "Industrial warehouse stacking packages with order invoices"},
|
||||
{
|
||||
id: "pl3",
|
||||
title: "Credit Sale",
|
||||
price: "Deferred",
|
||||
period: "Credit",
|
||||
features: [
|
||||
"Set Credit Limit",
|
||||
"Due Date Log",
|
||||
"Repayment Tracking",
|
||||
],
|
||||
id: "pl3", title: "Credit Sale", price: "Deferred", period: "Credit", features: [
|
||||
"Set Credit Limit", "Due Date Log", "Repayment Tracking"],
|
||||
button: {
|
||||
text: "Get Started",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/data-analytics-dashboard_23-2152001529.jpg?_wi=2",
|
||||
imageAlt: "Industrial warehouse stacking packages with order invoices",
|
||||
},
|
||||
text: "Get Started"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/data-analytics-dashboard_23-2152001529.jpg?_wi=2", imageAlt: "Industrial warehouse stacking packages with order invoices"},
|
||||
]}
|
||||
title="Financial Controls"
|
||||
description="Keep track of payments, dues, and transaction histories."
|
||||
@@ -258,40 +162,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Miller",
|
||||
handle: "@smiller",
|
||||
testimonial: "This system transformed our wholesale management. Credits are tracked accurately.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-businessman-with-beard-smiling-camera-generated-by-ai_188544-33152.jpg",
|
||||
},
|
||||
id: "t1", name: "Sarah Miller", handle: "@smiller", testimonial: "This system transformed our wholesale management. Credits are tracked accurately.", imageSrc: "http://img.b2bpic.net/free-photo/confident-businessman-with-beard-smiling-camera-generated-by-ai_188544-33152.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "James Chen",
|
||||
handle: "@jchen",
|
||||
testimonial: "Real-time stock alerts are a game changer for our business.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-artist-dressed-casually-working-her-sketch-while-drawing-something-sitting-her-workshop-creative-woman-being-involved-painting-people-hobby-creative-process-concept_273609-336.jpg",
|
||||
},
|
||||
id: "t2", name: "James Chen", handle: "@jchen", testimonial: "Real-time stock alerts are a game changer for our business.", imageSrc: "http://img.b2bpic.net/free-photo/female-artist-dressed-casually-working-her-sketch-while-drawing-something-sitting-her-workshop-creative-woman-being-involved-painting-people-hobby-creative-process-concept_273609-336.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily Davis",
|
||||
handle: "@edavis",
|
||||
testimonial: "Simple to use, even my field staff learned it in an afternoon.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-volunteers-with-donations_23-2149142797.jpg",
|
||||
},
|
||||
id: "t3", name: "Emily Davis", handle: "@edavis", testimonial: "Simple to use, even my field staff learned it in an afternoon.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-volunteers-with-donations_23-2149142797.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Mark Wilson",
|
||||
handle: "@mwilson",
|
||||
testimonial: "Financial tracking and outstanding dues are finally automated.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/i-m-waiting-delivery-fresh-ingredients_329181-2910.jpg",
|
||||
},
|
||||
id: "t4", name: "Mark Wilson", handle: "@mwilson", testimonial: "Financial tracking and outstanding dues are finally automated.", imageSrc: "http://img.b2bpic.net/free-photo/i-m-waiting-delivery-fresh-ingredients_329181-2910.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Linda Garcia",
|
||||
handle: "@lgarcia",
|
||||
testimonial: "Highly recommended for any FMCG wholesale business.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/company-director-showing-shareholders-data-notebook_482257-112210.jpg",
|
||||
},
|
||||
id: "t5", name: "Linda Garcia", handle: "@lgarcia", testimonial: "Highly recommended for any FMCG wholesale business.", imageSrc: "http://img.b2bpic.net/free-photo/company-director-showing-shareholders-data-notebook_482257-112210.jpg"},
|
||||
]}
|
||||
title="Trusted by Distributors"
|
||||
description="Hear from successful shop owners and wholesale distributors."
|
||||
@@ -304,20 +183,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Can I track multiple users?",
|
||||
content: "Yes, roles like Admin and Staff provide granular control over the ERP system.",
|
||||
},
|
||||
id: "f1", title: "Can I track multiple users?", content: "Yes, roles like Admin and Staff provide granular control over the ERP system."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Is inventory real-time?",
|
||||
content: "Absolutely. Every sale automatically deducts from your warehouse stock database.",
|
||||
},
|
||||
id: "f2", title: "Is inventory real-time?", content: "Absolutely. Every sale automatically deducts from your warehouse stock database."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I export data?",
|
||||
content: "Yes, all reports, payments, and sales logs can be exported to Excel and PDF formats.",
|
||||
},
|
||||
id: "f3", title: "Can I export data?", content: "Yes, all reports, payments, and sales logs can be exported to Excel and PDF formats."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/call-center-agent-laughing-while-talking-with-funny-customer-using-headset-mic_482257-125082.jpg"
|
||||
title="Common Questions"
|
||||
@@ -330,11 +200,11 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Contact"
|
||||
title="Schedule a Demo"
|
||||
description="Ready to digitize your distribution business? Contact our team today."
|
||||
buttonText="Request Demo"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -342,33 +212,21 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
title: "Platform", items: [
|
||||
{
|
||||
label: "Dashboard",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Dashboard", href: "#hero"},
|
||||
{
|
||||
label: "Products",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Products", href: "#products"},
|
||||
{
|
||||
label: "Financials",
|
||||
href: "#financial",
|
||||
},
|
||||
label: "Financials", href: "#financial"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -378,4 +236,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user