New layouts

resources/views/components/wms/page-hero.blade.php

@@ -2,31 +2,40 @@
     'eyebrow' => 'MPBA WMS',
     'title',
     'description' => null,
+    'icon' => null,
     'stats' => [],
 ])
 
-<section class="wms-page-hero">
+<section {{ $attributes->merge(['class' => 'wms-page-hero']) }}>
     <div class="wms-page-hero-copy">
-        <p class="wms-page-hero-eyebrow">{{ $eyebrow }}</p>
+        <p class="wms-page-hero-kicker">{{ $eyebrow }}</p>
         <h1 class="wms-page-hero-title">{{ $title }}</h1>
         @if($description)
             <p class="wms-page-hero-description">{{ $description }}</p>
         @endif
     </div>
 
-    @if(count($stats))
-        <div class="wms-page-hero-stats">
-            @foreach($stats as $stat)
-                <article class="wms-page-hero-stat">
-                    <p class="wms-page-hero-stat-label">{{ $stat['label'] ?? '' }}</p>
-                    <p class="wms-page-hero-stat-value">
-                        @if(! empty($stat['icon']))
-                            <i class="{{ $stat['icon'] }}" aria-hidden="true"></i>
-                        @endif
-                        <span>{{ $stat['value'] ?? '' }}</span>
-                    </p>
-                </article>
-            @endforeach
-        </div>
-    @endif
+    <div class="wms-page-hero-actions">
+        @foreach($stats as $stat)
+            <article class="wms-page-hero-stat">
+                <span>{{ $stat['label'] ?? '' }}</span>
+                <strong>
+                    @if(! empty($stat['icon']))
+                        <i class="{{ $stat['icon'] }}" aria-hidden="true"></i>
+                    @endif
+                    {{ $stat['value'] ?? '' }}
+                </strong>
+            </article>
+        @endforeach
+
+        @if($icon && count($stats) === 0)
+            <article class="wms-page-hero-stat wms-page-hero-icon-card" aria-hidden="true">
+                <strong><i class="{{ $icon }}"></i></strong>
+            </article>
+        @endif
+
+        @if($slot->isNotEmpty())
+            {{ $slot }}
+        @endif
+    </div>
 </section>

resources/views/dashboard.blade.php

@@ -1,4 +1,11 @@
 <x-layouts::app :title="__('Dashboard')">
+    <x-wms.page-hero
+        eyebrow="Operations"
+        title="Warehouse Command Centre"
+        description="Open inventory, shipping, replenishment, analytics and administration workspaces from one clean operational dashboard."
+        icon="fa-solid fa-gauge-high"
+    />
+
     <div class="grid gap-6 lg:grid-cols-3">
         <section class="rounded-2xl border border-zinc-200 bg-white p-6 shadow-sm dark:border-zinc-800 dark:bg-zinc-900">
             <p class="text-sm font-semibold uppercase tracking-[0.2em] text-cyan-600 dark:text-cyan-300">Operations</p>

resources/views/layouts/app/sidebar.blade.php

@@ -34,6 +34,12 @@
                                 <i class="fa-solid fa-screwdriver-wrench wms-sidebar-icon" aria-hidden="true"></i>
                                 <span data-wms-sidebar-label>{{ __('Platform') }}</span>
                             </a>
+                            @if(Route::has('platform.pricing.index'))
+                                <a href="{{ route('platform.pricing.index') }}" wire:navigate class="wms-sidebar-link @if(request()->routeIs('platform.pricing.*')) is-active @endif" title="{{ __('Pricing') }}">
+                                    <i class="fa-solid fa-tags wms-sidebar-icon" aria-hidden="true"></i>
+                                    <span data-wms-sidebar-label>{{ __('Pricing') }}</span>
+                                </a>
+                            @endif
                         @elseif(Route::has('dashboard'))
                             <a href="{{ route('dashboard') }}" wire:navigate class="wms-sidebar-link @if(request()->routeIs('dashboard')) is-active @endif" title="{{ __('Dashboard') }}">
                                 <i class="fa-solid fa-gauge-high wms-sidebar-icon" aria-hidden="true"></i>