diff --git a/src/app/page.tsx b/src/app/page.tsx
index fb587d8..de4d316 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -9,7 +9,8 @@ import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboard
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import ProductCardThree from '@/components/sections/product/ProductCardThree';
 import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
-import { Award, Heart, Phone, Star } from "lucide-react";
+import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
+import { Award, Heart, Phone, Star, Package, TrendingUp, RefreshCw } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -30,6 +31,7 @@ export default function LandingPage() {
           <NavbarLayoutFloatingOverlay
             navItems={[
               { name: "Collections", id: "products" },
+              { name: "Supplier Dashboard", id: "supplier-dashboard" },
               { name: "Our Story", id: "about" },
               { name: "Reviews", id: "testimonials" },
               { name: "Contact", id: "contact" },
@@ -54,6 +56,20 @@ export default function LandingPage() {
           />
         </div>
 
+        <div id="supplier-dashboard" data-section="supplier-dashboard">
+          <FeatureCardTwelve
+            title="Supplier Management"
+            description="Centralized control for your supply chain operations and inventory synchronization."
+            animationType="slide-up"
+            textboxLayout="split"
+            features={[
+              { id: "s1", label: "Inventory", title: "Real-time Sync", items: ["Automated stock updates", "Multi-warehouse tracking", "Low stock alerts"], buttons: [{ text: "Sync Now" }] },
+              { id: "s2", label: "Pricing", title: "Automated Updates", items: ["Dynamic margin rules", "Competitive monitoring", "Bulk price adjustments"], buttons: [{ text: "Configure Rules" }] },
+              { id: "s3", label: "Orders", title: "Status Monitoring", items: ["End-to-end tracking", "Supplier status feed", "Automated fulfillment status"], buttons: [{ text: "View Orders" }] }
+            ]}
+          />
+        </div>
+
         <div id="products" data-section="products">
           <ProductCardThree
             animationType="slide-up"