SEction 9-10

frontend/src/pages/Sites/Dashboard.tsx

@@ -26,6 +26,7 @@ import {
   PageIcon,
   ArrowRightIcon,
   ArrowUpIcon,
+  ClockIcon,
 } from '../../icons';
 
 interface Site {
@@ -331,6 +332,20 @@ export default function SiteDashboard() {
             </div>
             <ArrowRightIcon className="h-5 w-5 text-gray-400 group-hover:text-[var(--color-primary)] transition" />
           </button>
+
+          <button
+            onClick={() => navigate(`/sites/${siteId}/publishing-queue`)}
+            className="flex items-center gap-4 p-6 rounded-xl border-2 border-gray-200 bg-white hover:border-amber-500 hover:shadow-lg transition-all group"
+          >
+            <div className="size-12 rounded-xl bg-gradient-to-br from-amber-500 to-amber-600 flex items-center justify-center text-white shadow-lg">
+              <ClockIcon className="h-6 w-6" />
+            </div>
+            <div className="flex-1 text-left">
+              <h4 className="font-semibold text-gray-900 mb-1">Publishing Queue</h4>
+              <p className="text-sm text-gray-600">View scheduled content</p>
+            </div>
+            <ArrowRightIcon className="h-5 w-5 text-gray-400 group-hover:text-amber-500 transition" />
+          </button>
         </div>
       </ComponentCard>