<section class="relative py-24 md:py-32 xl:py-52 overflow-hidden">
<img class="absolute top-0 left-0 h-full w-full" src="flow-assets/http-codes/waves-lines.png" alt="">
<img class="absolute top-0 left-0" src="flow-assets/http-codes/lime-shadow.png" alt="">
<div class="container mx-auto px-4 relative">
<div class="text-center">
<img class="block w-full max-w-sm md:max-w-lg lg:max-w-2xl md:h-96 mb-5 mx-auto" src="flow-assets/http-codes/numbers.svg" alt="">
<p class="max-w-md mx-auto mb-12 text-lg text-gray-700">The page you are looking for was moved, removed, renamed or might have never existed!</p>
<a href="#" class="inline-flex py-4 px-6 items-center justify-center text-lg font-medium text-white hover:text-teal-900 border border-teal-900 hover:border-lime-500 bg-teal-900 hover:bg-lime-500 rounded-full transition duration-200">Back to home</a>
</div>
</div>
</section>
Can't find the right component?
Describe it and Shuffle AI builds it in seconds, ready to edit and export.
Free to start
Generate with AI
