New layouts

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

@@ -1,21 +1,15 @@
 <x-layouts::app :title="__('Edit Price')">
     <div class="space-y-6">
-        <section class="overflow-hidden rounded-3xl bg-gradient-to-br from-slate-950 via-slate-900 to-cyan-950 p-6 text-white shadow-xl sm:p-8">
-            <div class="flex flex-col gap-6 lg:flex-row lg:items-center lg:justify-between">
-                <div>
-                    <p class="text-sm font-semibold uppercase tracking-[0.3em] text-cyan-300">MPBA WMS</p>
-                    <h1 class="mt-3 text-3xl font-bold tracking-tight sm:text-4xl">Edit {{ $price->name }}</h1>
-                    <p class="mt-3 max-w-3xl text-base leading-7 text-slate-300">
-                        Update pricing, feature text and card visibility while keeping the platform pricing display consistent.
-                    </p>
-                </div>
-
-                <a href="{{ route('platform.prices.index') }}" wire:navigate class="w-fit rounded-xl bg-white/10 px-4 py-2 text-sm font-semibold text-white ring-1 ring-white/15 hover:bg-white/15">
-                    Back to prices
-                </a>
-            </div>
-        </section>
-
+        <x-wms.page-hero
+            eyebrow="Administration"
+            :title="'Edit ' . $price->name"
+            description="Update pricing, feature text and card visibility while keeping the platform pricing display consistent."
+            icon="fa-solid fa-pen-to-square"
+        >
+            <a href="{{ route('platform.prices.index') }}" wire:navigate class="rounded-xl bg-white px-4 py-3 text-sm font-bold text-slate-950 shadow-lg hover:bg-cyan-50">
+                Back to prices
+            </a>
+        </x-wms.page-hero>
         <section class="rounded-3xl border border-zinc-200 bg-white p-6 shadow-sm dark:border-zinc-800 dark:bg-zinc-900">
             <form method="POST" action="{{ route('platform.prices.update', $price) }}" class="space-y-6">
                 @csrf