Merge version_1 into main #2
172
src/app/page.tsx
172
src/app/page.tsx
@@ -30,21 +30,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Dashboard",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Dashboard", id: "hero"},
|
||||
{
|
||||
name: "Forecast",
|
||||
id: "forecast",
|
||||
},
|
||||
name: "Forecast", id: "forecast"},
|
||||
{
|
||||
name: "Decisions",
|
||||
id: "decisions",
|
||||
},
|
||||
name: "Decisions", id: "decisions"},
|
||||
{
|
||||
name: "Upload",
|
||||
id: "upload",
|
||||
},
|
||||
name: "Upload", id: "upload"},
|
||||
]}
|
||||
brandName="CAMS / Ink Clothings"
|
||||
/>
|
||||
@@ -53,32 +45,15 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="CAMS: Data-Driven Demand Prediction"
|
||||
description="Empowering Ink Clothings managers to make calm, evidence-based inventory decisions. Minimize risk, maximize efficiency with seasonal pattern detection."
|
||||
tag="Yellow Ink Division"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-holding-virtual-download-icon-progress-increasing-value-added-business-product-service-concept_616485-36.jpg?_wi=1",
|
||||
imageAlt: "CAMS Dashboard Overview",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-holding-virtual-download-icon-progress-increasing-value-added-business-product-service-concept_616485-36.jpg", imageAlt: "CAMS Dashboard Overview"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/graph-data-show-summary-analysis-icon-graphic_53876-64935.jpg?_wi=1",
|
||||
imageAlt: "Seasonal Trend Forecasting",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-accounting-sales-statistics-computer-display_482257-122982.jpg?_wi=1",
|
||||
imageAlt: "Decision Support Module",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-holding-virtual-download-icon-progress-increasing-value-added-business-product-service-concept_616485-36.jpg?_wi=2",
|
||||
imageAlt: "Inventory Analytics UI",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/graph-data-show-summary-analysis-icon-graphic_53876-64935.jpg?_wi=2",
|
||||
imageAlt: "Growth Projection Graph",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/graph-data-show-summary-analysis-icon-graphic_53876-64935.jpg", imageAlt: "Seasonal Trend Forecasting"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -94,49 +69,24 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "24%",
|
||||
title: "Growth Forecast",
|
||||
items: [
|
||||
"Expected Sep-Dec spike",
|
||||
"Seasonal shift detected",
|
||||
],
|
||||
id: "m1", value: "24%", title: "Growth Forecast", items: [
|
||||
"Expected Sep-Dec spike", "Seasonal shift detected"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "High",
|
||||
title: "Demand Level",
|
||||
items: [
|
||||
"Q4 inventory alert",
|
||||
"Strong market shift",
|
||||
],
|
||||
id: "m2", value: "High", title: "Demand Level", items: [
|
||||
"Q4 inventory alert", "Strong market shift"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "1.2k",
|
||||
title: "Units Predicted",
|
||||
items: [
|
||||
"September baseline",
|
||||
"October peak loading",
|
||||
],
|
||||
id: "m3", value: "1.2k", title: "Units Predicted", items: [
|
||||
"September baseline", "October peak loading"],
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
value: "98%",
|
||||
title: "Accuracy Rate",
|
||||
items: [
|
||||
"Historical model match",
|
||||
"Data fidelity high",
|
||||
],
|
||||
id: "m4", value: "98%", title: "Accuracy Rate", items: [
|
||||
"Historical model match", "Data fidelity high"],
|
||||
},
|
||||
{
|
||||
id: "m5",
|
||||
value: "15m",
|
||||
title: "Processing Time",
|
||||
items: [
|
||||
"Batch upload latency",
|
||||
"Real-time sync ready",
|
||||
],
|
||||
id: "m5", value: "15m", title: "Processing Time", items: [
|
||||
"Batch upload latency", "Real-time sync ready"],
|
||||
},
|
||||
]}
|
||||
title="Seasonal Demand Forecast"
|
||||
@@ -151,44 +101,19 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Restock Strategy",
|
||||
description: "Increase supply for high-growth items identified in trend analysis.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: TrendingUp,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-holding-virtual-download-icon-progress-increasing-value-added-business-product-service-concept_616485-36.jpg?_wi=3",
|
||||
imageAlt: "modern dark dashboard interface",
|
||||
title: "Restock Strategy", description: "Increase supply for high-growth items identified in trend analysis.", bentoComponent: "reveal-icon", icon: TrendingUp,
|
||||
},
|
||||
{
|
||||
title: "Promo Launch",
|
||||
description: "Trigger automated marketing campaigns based on seasonal shift.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Tag,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/graph-data-show-summary-analysis-icon-graphic_53876-64935.jpg?_wi=3",
|
||||
imageAlt: "sales forecast chart line graph",
|
||||
title: "Promo Launch", description: "Trigger automated marketing campaigns based on seasonal shift.", bentoComponent: "reveal-icon", icon: Tag,
|
||||
},
|
||||
{
|
||||
title: "Inventory Hold",
|
||||
description: "Pause non-essential stock to optimize cash flow and storage.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Package,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-accounting-sales-statistics-computer-display_482257-122982.jpg?_wi=2",
|
||||
imageAlt: "business decision dashboard UI",
|
||||
title: "Inventory Hold", description: "Pause non-essential stock to optimize cash flow and storage.", bentoComponent: "reveal-icon", icon: Package,
|
||||
},
|
||||
{
|
||||
title: "Supplier Alerts",
|
||||
description: "Automated notifications for critical lead-time adjustments.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Bell,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-holding-virtual-download-icon-progress-increasing-value-added-business-product-service-concept_616485-36.jpg?_wi=4",
|
||||
imageAlt: "modern dark dashboard interface",
|
||||
title: "Supplier Alerts", description: "Automated notifications for critical lead-time adjustments.", bentoComponent: "reveal-icon", icon: Bell,
|
||||
},
|
||||
{
|
||||
title: "Data Audit",
|
||||
description: "Verify integrity of ingested CSV files for reliable modeling.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: ShieldCheck,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/graph-data-show-summary-analysis-icon-graphic_53876-64935.jpg?_wi=4",
|
||||
imageAlt: "sales forecast chart line graph",
|
||||
title: "Data Audit", description: "Verify integrity of ingested CSV files for reliable modeling.", bentoComponent: "reveal-icon", icon: ShieldCheck,
|
||||
},
|
||||
]}
|
||||
title="Decision Support Actions"
|
||||
@@ -202,30 +127,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How does forecasting work?",
|
||||
content: "CAMS uses basic time-series analysis to detect historical seasonal patterns.",
|
||||
},
|
||||
id: "f1", title: "How does forecasting work?", content: "CAMS uses basic time-series analysis to detect historical seasonal patterns."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Why is Q4 so heavily weighted?",
|
||||
content: "Our system detects recurring September to December consumer activity spikes.",
|
||||
},
|
||||
id: "f2", title: "Why is Q4 so heavily weighted?", content: "Our system detects recurring September to December consumer activity spikes."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I rush decisions?",
|
||||
content: "CAMS is designed for calm, data-driven planning rather than reactive changes.",
|
||||
},
|
||||
id: "f3", title: "Can I rush decisions?", content: "CAMS is designed for calm, data-driven planning rather than reactive changes."},
|
||||
{
|
||||
id: "f4",
|
||||
title: "Which file formats are supported?",
|
||||
content: "The system currently accepts .csv files formatted for standard ERP exports.",
|
||||
},
|
||||
id: "f4", title: "Which file formats are supported?", content: "The system currently accepts .csv files formatted for standard ERP exports."},
|
||||
{
|
||||
id: "f5",
|
||||
title: "How do I clear the cache?",
|
||||
content: "Use the Settings dashboard to refresh your local data cache.",
|
||||
},
|
||||
id: "f5", title: "How do I clear the cache?", content: "Use the Settings dashboard to refresh your local data cache."},
|
||||
]}
|
||||
title="System Support"
|
||||
description="Clear answers for system operators."
|
||||
@@ -237,8 +147,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Data Ingestion"
|
||||
title="Upload Sales Data"
|
||||
description="Upload your monthly CSV sales files to begin processing insights."
|
||||
@@ -251,8 +160,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="System Admin"
|
||||
title="Get Operational Support"
|
||||
description="Contact the engineering team if you encounter data ingestion errors."
|
||||
@@ -265,29 +173,19 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Internal",
|
||||
items: [
|
||||
title: "Internal", items: [
|
||||
{
|
||||
label: "Dashboard",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Dashboard", href: "#hero"},
|
||||
{
|
||||
label: "Upload",
|
||||
href: "#upload",
|
||||
},
|
||||
label: "Upload", href: "#upload"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "System",
|
||||
items: [
|
||||
title: "System", items: [
|
||||
{
|
||||
label: "Support",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Support", href: "#contact"},
|
||||
{
|
||||
label: "FAQs",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQs", href: "#faq"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user