<section class="min-h-[70vh] flex items-center justify-center bg-gray-950 relative overflow-hidden px-4">
  <div class="absolute inset-0 bg-[radial-gradient(ellipse_at_center,_rgba(99,102,241,0.15)_0%,_transparent_70%)]"></div>
  <div class="relative text-center max-w-3xl">
    <h1 class="text-5xl md:text-7xl font-extrabold text-white mb-6 leading-tight">The Future is <span class="text-transparent bg-clip-text bg-gradient-to-r from-cyan-400 to-purple-500">Here</span></h1>
    <p class="text-lg text-gray-400 mb-8 max-w-xl mx-auto">Experience next-generation tools designed for modern developers.</p>
    <a href="#" class="inline-block px-8 py-4 bg-gradient-to-r from-cyan-500 to-blue-600 text-white font-bold rounded-xl hover:shadow-lg hover:shadow-cyan-500/25 transition-all">Start Building</a>
  </div>
</section>