24-6: booking page and booking success — implemented, QA Review

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>

resources/views/livewire/pages/booking-success.blade.php

@@ -8,20 +8,13 @@ new #[Layout('components.layouts.public')] class extends Component
     //
 }; ?>
 
-<div class="wrap py-8">
-<div class="max-w-2xl mx-auto py-16 px-4 text-center">
-    <flux:icon name="check-circle" class="w-16 h-16 mx-auto text-green-500 mb-6" />
-
-    <flux:heading size="xl" class="mb-4 text-body">
-        {{ __('booking.success_title') }}
-    </flux:heading>
-
-    <p class="text-zinc-600 mb-6">
-        {{ __('booking.success_message') }}
-    </p>
-
-    <flux:button href="{{ route('home') }}">
-        {{ __('navigation.home') }}
-    </flux:button>
-</div>
-</div>
+<section class="sec">
+    <div class="wrap">
+        <div class="success-card">
+            <x-site.balance mode="static" style="width:120px;height:120px;margin:0 auto 18px" />
+            <h1>{{ __('booking.success_title') }}</h1>
+            <p>{{ __('booking.success_message') }}</p>
+            <a class="btn btn-ghost" href="{{ route('home') }}" wire:navigate>{{ __('site.nav_home') }}</a>
+        </div>
+    </div>
+</section>