<section class="py-12 py-lg-32 bg-black bg-gradient position-relative overflow-hidden"><img class="d-none d-lg-block position-absolute top-0 end-0 col-lg-6 col-xl-5 h-100 rounded-start" src="nightsable-assets/images/newsletter/man.png" alt="">
<div class="container position-relative">
<div class="mw-sm mw-lg-md mx-auto mx-lg-0 pe-lg-10"><span class="badge mb-4 text-primary">Nightsable Card</span>
<h1 class="font-heading h4 text-white mb-6" style="letter-spacing: -0.2rem;">Industry insights you wan`t delete. Delivered to your inbox weekly</h1>
<p class="text-secondary-light mb-10">Join 10,000 founders, get early access to Nightsable features, and learn how to squeeze every drop of revenue</p>
<form action="">
<input class="form-control bg-transparent" type="email" placeholder="E-mail">
</form>
<button class="btn mt-6 btn-primary fw-medium" type="submit">Subscribe</button>
</div>
</div><img class="d-block d-lg-none mt-16 img-fluid rounded-top w-100" style="max-height: 500px; object-fit: cover; object-position: top;" src="nightsable-assets/images/newsletter/man.png" alt="">
</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
