@extends('layouts.public')

@section('content')
    <section class="container-shell section-gap">
        <div class="max-w-3xl">
            <div class="eyebrow">{{ __('common.appointment') }}</div>
            <h1 class="mt-5 text-4xl font-semibold tracking-[-0.04em] text-slate-950 dark:text-white sm:text-5xl">{{ __('messages.appointment_cta_title') }}</h1>
            <p class="mt-4 body-lg">{{ __('messages.appointment_cta_body') }}</p>
        </div>
        <div class="mt-10">
            @livewire('public.appointment-booking', ['chambers' => $chambers])
        </div>
    </section>
@endsection