New layouts

Modules/Platform/resources/views/prices/index.blade.php

@@ -1,22 +1,15 @@
 <x-layouts::app :title="__('Platform Prices')">
     <div class="space-y-6">
-        <div class="flex flex-wrap items-center justify-between gap-3">
-            <div>
-                <p class="text-sm font-semibold text-zinc-500 dark:text-zinc-400">
-                    Customer-facing plan cards managed from Platform.
-                </p>
-            </div>
-
-            <div class="flex flex-wrap gap-3">
-                <a href="{{ route('platform.dashboard') }}" wire:navigate class="rounded-xl border border-zinc-200 bg-white px-4 py-2 text-sm font-semibold text-zinc-700 shadow-sm hover:border-cyan-400 hover:text-cyan-700 dark:border-zinc-800 dark:bg-zinc-900 dark:text-zinc-200">
-                    Platform dashboard
-                </a>
-                <a href="{{ route('platform.prices.create') }}" wire:navigate class="rounded-xl bg-cyan-500 px-4 py-2 text-sm font-bold text-slate-950 shadow-lg shadow-cyan-950/20 hover:bg-cyan-400">
-                    Add price
-                </a>
-            </div>
-        </div>
-
+        <x-wms.page-hero
+            eyebrow="Administration"
+            title="Pricing Administration"
+            description="Create, edit and publish the platform pricing cards shown under Platform."
+            icon="fa-solid fa-tags"
+        >
+            <a href="{{ route('platform.prices.create') }}" wire:navigate class="rounded-xl bg-white px-4 py-3 text-sm font-bold text-slate-950 shadow-lg hover:bg-cyan-50">
+                Add price
+            </a>
+        </x-wms.page-hero>
         @if (session('status'))
             <div class="rounded-2xl border border-emerald-200 bg-emerald-50 px-5 py-4 text-sm font-semibold text-emerald-800 dark:border-emerald-900/60 dark:bg-emerald-950/40 dark:text-emerald-200">
                 {{ session('status') }}