Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -5,7 +5,7 @@ import ReactLenis from "lenis/react";
 import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FaqDouble from '@/components/sections/faq/FaqDouble';
 import FeatureBento from '@/components/sections/feature/FeatureBento';
-import FooterSimple from '@/components/sections/footer/FooterSimple';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
 import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
 import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
@@ -29,14 +29,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
+        { name: "Dashboard", id: "hero" },
-          name: "Dashboard",          id: "hero"},
+        { name: "Forecast", id: "forecast" },
-        {
+        { name: "Decisions", id: "decisions" },
-          name: "Forecast",          id: "forecast"},
+        { name: "Upload", id: "upload" },
-        {
-          name: "Decisions",          id: "decisions"},
-        {
-          name: "Upload",          id: "upload"},
       ]}
       brandName="CAMS / Ink Clothings"
     />
@@ -44,16 +40,13 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroSplitDualMedia
-      background={{
+      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", 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/graph-data-show-summary-analysis-icon-graphic_53876-64935.jpg",          imageAlt: "Seasonal Trend Forecasting"}
       ]}
       mediaAnimation="slide-up"
       rating={5}
@@ -68,26 +61,11 @@ export default function LandingPage() {
       textboxLayout="split"
       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: [
+        { id: "m2", value: "High", title: "Demand Level", items: ["Q4 inventory alert", "Strong market shift"] },
-            "Expected Sep-Dec spike",            "Seasonal shift detected"],
+        { 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: "m5", value: "15m", title: "Processing Time", items: ["Batch upload latency", "Real-time sync ready"] },
-          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: "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"],
-        },
       ]}
       title="Seasonal Demand Forecast"
       description="Predicting Q4 market activity with historical precision."
@@ -100,21 +78,11 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       features={[
-        {
+        { title: "Restock Strategy", description: "Increase supply for high-growth items identified in trend analysis.", bentoComponent: "reveal-icon", icon: TrendingUp },
-          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 },
-        },
+        { 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 },
-          title: "Promo Launch",          description: "Trigger automated marketing campaigns based on seasonal shift.",          bentoComponent: "reveal-icon",          icon: Tag,
+        { title: "Data Audit", description: "Verify integrity of ingested CSV files for reliable modeling.", bentoComponent: "reveal-icon", icon: ShieldCheck },
-        },
-        {
-          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,
-        },
-        {
-          title: "Data Audit",          description: "Verify integrity of ingested CSV files for reliable modeling.",          bentoComponent: "reveal-icon",          icon: ShieldCheck,
-        },
       ]}
       title="Decision Support Actions"
       description="Actionable recommendations for controlled response."
@@ -126,16 +94,11 @@ export default function LandingPage() {
       textboxLayout="split"
       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: "f3", title: "Can I rush decisions?", content: "CAMS is designed for calm, data-driven planning rather than reactive changes." },
-          id: "f2",          title: "Why is Q4 so heavily weighted?",          content: "Our system detects recurring September to December consumer activity spikes."},
+        { 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: "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: "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."
@@ -146,8 +109,7 @@ export default function LandingPage() {
   <div id="upload" data-section="upload">
       <ContactCenter
       useInvertedBackground={false}
-      background={{
+      background={{ variant: "plain" }}
-        variant: "plain"}}
       tag="Data Ingestion"
       title="Upload Sales Data"
       description="Upload your monthly CSV sales files to begin processing insights."
@@ -159,8 +121,7 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCenter
       useInvertedBackground={false}
-      background={{
+      background={{ variant: "plain" }}
-        variant: "plain"}}
       tag="System Admin"
       title="Get Operational Support"
       description="Contact the engineering team if you encounter data ingestion errors."
@@ -170,30 +131,17 @@ export default function LandingPage() {
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterSimple
+      <FooterMedia
+      imageSrc="http://img.b2bpic.net/free-photo/graph-data-show-summary-analysis-icon-graphic_53876-64935.jpg?_wi=2"
       columns={[
-        {
+        { title: "Internal", items: [{ label: "Dashboard", href: "#hero" }, { label: "Upload", href: "#upload" }] },
-          title: "Internal",          items: [
+        { title: "System", items: [{ label: "Support", href: "#contact" }, { label: "FAQs", href: "#faq" }] },
-            {
-              label: "Dashboard",              href: "#hero"},
-            {
-              label: "Upload",              href: "#upload"},
-          ],
-        },
-        {
-          title: "System",          items: [
-            {
-              label: "Support",              href: "#contact"},
-            {
-              label: "FAQs",              href: "#faq"},
-          ],
-        },
       ]}
-      bottomLeftText="© 2024 Ink Clothings - Yellow Ink"
+      logoText="Ink Clothings"
-      bottomRightText="Internal System V1"
+      copyrightText="© 2025 | Ink Clothings"
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}