<section class="py-10 bg-gray-50 overflow-hidden">
<div class="container mx-auto px-4">
<div class="py-20 px-8 bg-white rounded-3xl">
<div class="pt-20 pb-32 md:pt-36 md:pb-64 max-w-7xl mx-auto">
<div class="md:max-w-md"><img class="mb-20" src="zanrly-assets/logos/zanrly-logo-small.svg" alt=""/>
<h3 class="font-heading text-2xl text-blue-500 font-black tracking-tight">404</h3>
<h2 class="font-heading mb-6 text-4xl md:text-5xl lg:text-6xl text-gray-900 font-black tracking-tight">Page not found</h2>
<p class="mb-6 text-gray-500 font-bold">We’re sorry, the page you requested could not be found. Please go back to the homepage</p>
<div class="flex flex-wrap -m-2">
<div class="w-full md:w-auto p-2"><a class="block w-full px-4 py-2.5 text-sm text-center text-white font-bold bg-blue-500 hover:bg-blue-600 focus:ring-4 focus:ring-blue-200 rounded-full" href="#">Go back to Homepage</a></div>
<div class="w-full md:w-auto p-2"><a class="block w-full px-4 py-2.5 text-sm text-center text-gray-900 font-bold bg-gray-50 hover:bg-gray-200 focus:ring-4 focus:ring-gray-200 rounded-full" href="#">Try Again</a></div>
</div>
</div>
</div>
</div>
</div>
</section>