<section class="relative p-5 sm:p-10 bg-neutral-50">
<div class="py-40 md:py-72 rounded-4xl bg-orange-500">
<img class="absolute top-0 left-0 w-full h-full mix-blend-screen rounded-3xl" src="mirga-assets/images/cta/gradient1.png" alt="">
<div class="container mx-auto px-4">
<div class="relative z-10 flex flex-col justify-center items-center h-full">
<span class="inline-block text-center text-xl font-semibold mb-6 tracking-tight">Design room</span>
<h1 class="mb-16 text-6xl sm:text-9xl xl:text-11xl font-semibold text-center max-w-sm md:max-w-xl xl:max-w-2xl mx-auto font-heading">Turn inspiration into reality</h1>
<a class="inline-flex justify-center items-center text-center h-20 p-5 font-semibold tracking-tight text-2xl text-white bg-neutral-900 hover:bg-neutral-800 focus:bg-neutral-800 rounded-lg focus:ring-4 focus:ring-neutral-400 transition duration-200" href="#">Sign up</a>
</div>
</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
