<section class="bg-gradient-radial-dark overflow-hidden">
<div class="flex flex-wrap md:-m-8">
<div class="w-full md:w-1/2 md:p-8">
<div class="flex flex-col justify-center h-full">
<div class="py-20 px-4 md:max-w-lg mx-auto">
<span class="inline-block mb-4 text-sm text-green-400 font-medium tracking-tighter">Nightsable Card</span>
<h2 class="font-heading mb-6 text-5xl text-white tracking-5xl">Industry insights you wan`t delete. Delivered to your inbox weekly</h2>
<p class="mb-12 text-gray-300">Join 10,000 founders, get early access to Nightsable features, and learn how to squeeze every drop of revenue</p>
<div class="mb-6 md:max-w-sm border border-gray-900 focus-within:border-white overflow-hidden rounded-3xl">
<input class="px-6 py-4 text-gray-300 w-full placeholder-gray-300 outline-none bg-transparent" type="text" placeholder="E-mail">
</div>
<a class="inline-block px-8 py-4 text-center font-medium tracking-2xl border-2 border-green-400 bg-green-400 hover:bg-green-500 text-black focus:ring-4 focus:ring-green-500 focus:ring-opacity-40 rounded-full transition duration-300" href="#">Subscribe</a>
</div>
</div>
</div>
<div class="w-full md:w-1/2 md:p-8">
<div class="h-full">
<img class="h-full mx-auto md:mr-0 object-cover rounded-tl-5xl rounded-bl-5xl" src="nightsable-assets/images/newsletter/man.png" alt="">
</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
