Hero Design 8

<div class="position-relative text-white py-5" style="background:linear-gradient(180deg,#0f172a,#1e293b);min-height:480px">
  <div class="container py-5 text-center"><span class="badge bg-warning text-dark mb-3">⚡ Trending</span>
    <h1 class="display-3 fw-bold">A dark hero with vibes</h1>
    <p class="lead text-white-50">Perfect for SaaS, dev tools and modern brands.</p><a class="btn btn-warning btn-lg px-4 fw-semibold" href="#">Get the kit</a>
  </div>
</div>