<x-app-layout>
    <x-slot name="header">
            {{ __('User not found') }}
    </x-slot>

    <div class="py-6">
        <div class="mx-auto max-w-7xl sm:px-6 lg:px-8">
            <div class="overflow-hidden bg-white shadow-xl sm:rounded-lg">
                <div class="border-b border-gray-200 bg-white p-6 sm:px-20">

                    <div class="mt-12">
                        <!-- TODO: insert not found image here -->

                        <div class="mt-8 text-5xl font-bold text-gray-900">
                            {{ __('Sorry, we can not find this user') }}
                        </div>


                    </div>
                    <div class="mb-12 mt-6">
                        <span class="text-xl font-bold text-gray-900">{{ __('placeholder text') }}
                        </span>
                    </div>
                </div>
            </div>
        </div>
</x-app-layout>
