<x-layouts.site>
    <x-slot:title>My Profile</x-slot:title>

    <div class="bg-navy-50/40">
        <div class="container-site section max-w-3xl">
            <p class="eyebrow">Account</p>
            <h1 class="mt-2 font-display text-3xl font-bold text-navy-900">My profile</h1>

            <div class="mt-8 space-y-6">
                <div class="card p-8">
                    <livewire:profile.update-profile-information-form />
                </div>

                <div class="card p-8">
                    <livewire:profile.update-password-form />
                </div>

                <div class="card p-8">
                    <livewire:profile.delete-user-form />
                </div>
            </div>
        </div>
    </div>
</x-layouts.site>
