Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -32,21 +32,13 @@ export default function LandingPage() {
       <NavbarLayoutFloatingOverlay
       navItems={[
         {
-          name: "Dashboard",
+          name: "Dashboard",          id: "hero"},
-          id: "hero",
-        },
         {
-          name: "Products",
+          name: "Products",          id: "products"},
-          id: "products",
-        },
         {
-          name: "Shops",
+          name: "Shops",          id: "shops"},
-          id: "shops",
-        },
         {
-          name: "Payments",
+          name: "Payments",          id: "financial"},
-          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",
+          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"},
-          imageAlt: "warehouse distribution shelves food storage",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/data-analytics-dashboard_23-2152001529.jpg?_wi=1",
+          imageSrc: "http://img.b2bpic.net/free-photo/data-analytics-dashboard_23-2152001529.jpg?_wi=1",          imageAlt: "supply chain dashboard ui clean design"},
-          imageAlt: "supply chain dashboard ui clean design",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-bread-close-up_23-2149081073.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-bread-close-up_23-2149081073.jpg",          imageAlt: "fmcg products wholesale distribution"},
-          imageAlt: "fmcg products wholesale distribution",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/local-retailer-taking-care-his-business_23-2149349403.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/local-retailer-taking-care-his-business_23-2149349403.jpg",          imageAlt: "Local retailer taking care of his business"},
-          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",
+          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"},
-          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",
+          id: "m1",          value: "124",          description: "Active Shops"},
-          value: "124",
-          description: "Active Shops",
-        },
         {
-          id: "m2",
+          id: "m2",          value: "$85k",          description: "Outstanding Dues"},
-          value: "$85k",
-          description: "Outstanding Dues",
-        },
         {
-          id: "m3",
+          id: "m3",          value: "98%",          description: "Stock Accuracy"},
-          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",
+          id: "p1",          brand: "Premium",          name: "Long Grain Rice",          price: "$12.00",          rating: 5,
-          brand: "Premium",
+          reviewCount: "1.2k",          imageSrc: "http://img.b2bpic.net/free-photo/package-with-products-yellow_78492-3757.jpg"},
-          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",
+          id: "p2",          brand: "Sweet",          name: "Refined Sugar",          price: "$8.00",          rating: 5,
-          brand: "Sweet",
+          reviewCount: "890",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-sack-with-seeds-arrangement_23-2149050780.jpg"},
-          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",
+          id: "p3",          brand: "Pasta",          name: "Macaroni",          price: "$5.00",          rating: 4,
-          brand: "Pasta",
+          reviewCount: "450",          imageSrc: "http://img.b2bpic.net/free-photo/dry-pasta-shaped-like-narrow-tubes-pink-bowl_114579-82073.jpg"},
-          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",
+          id: "p4",          brand: "Grain",          name: "Wheat Flour",          price: "$9.00",          rating: 5,
-          brand: "Grain",
+          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"},
-          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",
+          id: "p5",          brand: "Brown",          name: "Organic Brown Rice",          price: "$15.00",          rating: 5,
-          brand: "Brown",
+          reviewCount: "320",          imageSrc: "http://img.b2bpic.net/free-photo/three-different-type-uncooked-rice-bowls-with-spiral-notepad-green-placemat-table_23-2147901677.jpg"},
-          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",
+          id: "p6",          brand: "Grain",          name: "Semolina",          price: "$7.00",          rating: 4,
-          brand: "Grain",
+          reviewCount: "210",          imageSrc: "http://img.b2bpic.net/free-photo/ingredient-bags-full-flour_23-2149482546.jpg"},
-          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.",
+        "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."]}
-        "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",
+          id: "pl1",          title: "Cash Payment",          price: "Instant",          period: "Full",          features: [
-          title: "Cash Payment",
+            "Deduct from Stock",            "Immediate Credit",            "No Dues Left"],
-          price: "Instant",
-          period: "Full",
-          features: [
-            "Deduct from Stock",
-            "Immediate Credit",
-            "No Dues Left",
-          ],
           button: {
-            text: "Get Started",
+            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"},
-          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",
+          id: "pl2",          title: "Partial Payment",          price: "Dynamic",          period: "Partial",          features: [
-          title: "Partial Payment",
+            "Track Balance",            "Credit Ledger",            "Dues Alert"],
-          price: "Dynamic",
-          period: "Partial",
-          features: [
-            "Track Balance",
-            "Credit Ledger",
-            "Dues Alert",
-          ],
           button: {
-            text: "Get Started",
+            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"},
-          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",
+          id: "pl3",          title: "Credit Sale",          price: "Deferred",          period: "Credit",          features: [
-          title: "Credit Sale",
+            "Set Credit Limit",            "Due Date Log",            "Repayment Tracking"],
-          price: "Deferred",
-          period: "Credit",
-          features: [
-            "Set Credit Limit",
-            "Due Date Log",
-            "Repayment Tracking",
-          ],
           button: {
-            text: "Get Started",
+            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"},
-          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",
+          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"},
-          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",
+          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"},
-          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",
+          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"},
-          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",
+          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"},
-          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",
+          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"},
-          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",
+          id: "f1",          title: "Can I track multiple users?",          content: "Yes, roles like Admin and Staff provide granular control over the ERP system."},
-          title: "Can I track multiple users?",
-          content: "Yes, roles like Admin and Staff provide granular control over the ERP system.",
-        },
         {
-          id: "f2",
+          id: "f2",          title: "Is inventory real-time?",          content: "Absolutely. Every sale automatically deducts from your warehouse stock database."},
-          title: "Is inventory real-time?",
-          content: "Absolutely. Every sale automatically deducts from your warehouse stock database.",
-        },
         {
-          id: "f3",
+          id: "f3",          title: "Can I export data?",          content: "Yes, all reports, payments, and sales logs can be exported to Excel and PDF formats."},
-          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",
+          title: "Platform",          items: [
-          items: [
             {
-              label: "Dashboard",
+              label: "Dashboard",              href: "#hero"},
-              href: "#hero",
-            },
             {
-              label: "Products",
+              label: "Products",              href: "#products"},
-              href: "#products",
-            },
             {
-              label: "Financials",
+              label: "Financials",              href: "#financial"},
-              href: "#financial",
-            },
           ],
         },
         {
-          title: "Legal",
+          title: "Legal",          items: [
-          items: [
             {
-              label: "Privacy Policy",
+              label: "Privacy Policy",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Terms of Service",
+              label: "Terms of Service",              href: "#"},
-              href: "#",
-            },
           ],
         },
       ]}