style: apply official stargas favicon to all dashboard layouts

src/resources/views/admin/layout.blade.php

@@ -5,6 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Admin Panel - Stargas Dashboards</title>
     @vite(['resources/css/app.css', 'resources/js/app.js'])
+    <link rel="icon" type="image/png" href="/favicon.png">
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
     
     <style>

src/resources/views/dashboard.blade.php

@@ -9,6 +9,7 @@
     <link href="https://fonts.bunny.net/css?family=inter:400,500,600,700,800" rel="stylesheet" />
 
     <script src="https://cdn.jsdelivr.net/npm/chart.js@4/dist/chart.umd.min.js"></script>
+    <link rel="icon" type="image/png" href="/favicon.png">
     <script src="https://cdn.tailwindcss.com"></script>
 
     <style>
@@ -105,7 +106,7 @@
             <div class="flex items-center gap-4">
                 <img src="/images/stargas-logo.svg" alt="Stargas Energies" class="h-12">
                 <div class="border-l border-white/10 pl-4">
-                    <h1 class="text-lg font-bold tracking-tight">Supplier Dashboard</h1>
+                    <h1 class="text-lg font-bold tracking-tight">Procurement Dashboard</h1>
                     <p class="text-xs text-slate-400">Performance Analytics</p>
                 </div>
             </div>

src/resources/views/ecommerce.blade.php

@@ -5,6 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>E-Commerce Dashboard - Stargas</title>
     @vite(['resources/css/app.css', 'resources/js/app.js'])
+    <link rel="icon" type="image/png" href="/favicon.png">
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
     <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
     
@@ -57,7 +58,7 @@
             <svg class="w-4 h-4 text-slate-400 shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"/></svg>
             
             <label class="text-xs text-slate-400">Financial Year</label>
-            <select id="filter-fy" onchange="applyFinancialYear()" class="bg-white/5 border border-white/10 rounded-lg px-3 py-1.5 text-xs text-white focus:border-purple-500 focus:outline-none focus:ring-1 focus:ring-purple-500/30">
+            <select id="filter-fy" onchange="applyFinancialYear()" class="bg-slate-900 border border-white/10 rounded-lg px-3 py-1.5 text-xs text-white focus:border-purple-500 focus:outline-none focus:ring-1 focus:ring-purple-500/30">
                 <option value="" class="bg-slate-900 text-white">Custom / YTD</option>
                 <script>
                     const currentYear = new Date().getFullYear();
@@ -71,9 +72,9 @@
             <div class="h-4 border-l border-white/10 mx-1"></div>
 
             <label class="text-xs text-slate-400">From</label>
-            <input type="date" id="filter-from" class="bg-white/5 border border-white/10 rounded-lg px-3 py-1.5 text-xs text-white focus:border-purple-500 focus:outline-none focus:ring-1 focus:ring-purple-500/30" />
+            <input type="date" id="filter-from" class="bg-slate-900 border border-white/10 rounded-lg px-3 py-1.5 text-xs text-white focus:border-purple-500 focus:outline-none focus:ring-1 focus:ring-purple-500/30" />
             <label class="text-xs text-slate-400">To</label>
-            <input type="date" id="filter-to" class="bg-white/5 border border-white/10 rounded-lg px-3 py-1.5 text-xs text-white focus:border-purple-500 focus:outline-none focus:ring-1 focus:ring-purple-500/30" />
+            <input type="date" id="filter-to" class="bg-slate-900 border border-white/10 rounded-lg px-3 py-1.5 text-xs text-white focus:border-purple-500 focus:outline-none focus:ring-1 focus:ring-purple-500/30" />
             <button onclick="loadAllData()" class="px-3 py-1.5 text-xs font-medium rounded-lg bg-purple-700/80 hover:bg-purple-600 transition-colors border border-purple-600/30">Apply</button>
             <button onclick="clearDateFilter()" class="px-3 py-1.5 text-xs font-medium rounded-lg bg-white/5 hover:bg-white/10 transition-colors border border-white/10">Clear</button>
             <span id="filter-status" class="text-xs text-slate-500 ml-auto"></span>

src/resources/views/landing.blade.php

@@ -6,6 +6,7 @@
     <title>Stargas Dashboards</title>
     <!-- Tailwind via Vite -->
     @vite(['resources/css/app.css', 'resources/js/app.js'])
+    <link rel="icon" type="image/png" href="/favicon.png">
     <!-- Inter Font -->
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
     
@@ -74,7 +75,7 @@
         
         <!-- Hero Section -->
         <div class="flex flex-col items-center justify-center text-center mb-16 fade-in" style="animation-delay: 100ms">
-            <div class="w-32 h-32 rounded-3xl glass flex items-center justify-center mb-8 p-4 bg-white/5 border-red-500/30 shadow-[0_0_50px_rgba(227,25,55,0.15)]">
+            <div class="w-32 h-32 rounded-3xl  flex items-center justify-center mb-8 p-4   shadow-[0_0_50px_rgba(227,25,55,0.15)]">
                 <img src="/images/stargas-logo.svg" alt="Stargas Energies" class="w-full h-auto drop-shadow-lg">
             </div>
             
@@ -127,6 +128,63 @@
                 </div>
             </a>
 
+            <!-- Coming Soon: Sales Dashboard -->
+            <div class="dashboard-card glass rounded-2xl p-6 flex flex-col group fade-in relative overflow-hidden block disabled-card" style="animation-delay: 400ms">
+                <div class="absolute top-0 right-0 p-4">
+                    <span class="inline-flex items-center rounded-md bg-slate-500/10 px-2 py-1 text-xs font-medium text-slate-400 ring-1 ring-inset ring-slate-500/20">Coming Soon</span>
+                </div>
+                
+                <div class="w-14 h-14 rounded-xl bg-slate-800 flex items-center justify-center mb-6 border border-white/5 group-hover:bg-slate-700 transition-colors duration-300">
+                    <svg class="w-7 h-7 text-slate-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/></svg>
+                </div>
+                
+                <h2 class="text-xl font-bold text-slate-300 mb-2 transition-colors">Sales & CRM</h2>
+                <p class="text-sm text-slate-500 mb-6 flex-grow">
+                    Track wholesale orders, manage B2B customer relationships, and monitor offline revenue targets.
+                </p>
+                
+                <div class="text-sm font-medium text-slate-600 flex items-center gap-1 mt-auto">
+                    In Development
+                </div>
+            </div>
+
+            <!-- Coming Soon: Marketing Dashboard -->
+            <div class="dashboard-card glass rounded-2xl p-6 flex flex-col group fade-in relative overflow-hidden block disabled-card" style="animation-delay: 500ms">
+                <div class="absolute top-0 right-0 p-4">
+                    <span class="inline-flex items-center rounded-md bg-slate-500/10 px-2 py-1 text-xs font-medium text-slate-400 ring-1 ring-inset ring-slate-500/20">Coming Soon</span>
+                </div>
+                
+                <div class="w-14 h-14 rounded-xl bg-slate-800 flex items-center justify-center mb-6 border border-white/5 group-hover:bg-slate-700 transition-colors duration-300">
+                    <svg class="w-7 h-7 text-slate-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M11 5.882V19.24a1.76 1.76 0 01-3.417.592l-2.147-6.15M18 13a3 3 0 100-6M5.436 13.683A4.001 4.001 0 017 6h1.832c4.1 0 7.625-1.234 9.168-3v14c-1.543-1.766-5.067-3-9.168-3H7a3.988 3.988 0 01-1.564-.317z"/></svg>
+                </div>
+                
+                <h2 class="text-xl font-bold text-slate-300 mb-2 transition-colors">Marketing</h2>
+                <p class="text-sm text-slate-500 mb-6 flex-grow">
+                    Consolidate campaign performance, SEO insights, and high-level marketing analytics in one view.
+                </p>
+                
+            </div>
+
+            <!-- Coming Soon: Division Task Performance -->
+            <div class="dashboard-card glass rounded-2xl p-6 flex flex-col group fade-in relative overflow-hidden block disabled-card" style="animation-delay: 600ms">
+                <div class="absolute top-0 right-0 p-4">
+                    <span class="inline-flex items-center rounded-md bg-slate-500/10 px-2 py-1 text-xs font-medium text-slate-400 ring-1 ring-inset ring-slate-500/20">Coming Soon</span>
+                </div>
+                
+                <div class="w-14 h-14 rounded-xl bg-slate-800 flex items-center justify-center mb-6 border border-white/5 group-hover:bg-slate-700 transition-colors duration-300">
+                    <svg class="w-7 h-7 text-slate-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"/></svg>
+                </div>
+                
+                <h2 class="text-xl font-bold text-slate-300 mb-2 transition-colors">Division Task Performance</h2>
+                <p class="text-sm text-slate-500 mb-6 flex-grow">
+                    Monitor staff KPIs, division output metrics, and project completion rates across the organization.
+                </p>
+                
+                <div class="text-sm font-medium text-slate-600 flex items-center gap-1 mt-auto">
+                    In Development
+                </div>
+            </div>
+
         </div>
 
         <div class="mt-24 text-center text-xs text-slate-600 fade-in" style="animation-delay: 500ms">