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

    <div class="py-12">
        <div class="mx-auto max-w-7xl sm:px-6 lg:px-8 justify-between">
            <div class="overflow-hidden bg-white shadow-xl sm:rounded-lg">
                <div class="border-b border-gray-200 mx-auto  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 profile.') }}
                        </div>


                    </div>
                    <div class="mb-12 mt-6">
                        <span class="text-xl font-bold text-gray-900">{{ __('This profile might be inactive, incomplete, or it may have been removed.') }}
                        </span>
                    </div>
                </div>
            </div>
        </div>
</x-app-layout>
