Hero Sections

Basic Hero

Hero with headline, subtext and CTA.

Build stunning UIs

Reusable components for your web projects.

HTML

        <section class="py-16">
<div class="max-w-4xl mx-auto text-center">
<h1 class="text-4xl font-bold">Build stunning UIs</h1>
<p class="mt-4 text-gray-600">Reusable components for your web projects.</p>
<div class="mt-6"><a class="px-5 py-3 bg-accent text-white rounded-lg" href="#">Get started</a></div>
</div>
</section>