Hero

HTML + Tailwind only code snippets

A simple hero component.


    <section
      class="w-full h-full flex justify-center items-center p-20 flex-col gap-10">
      <h1
        class="text-transparent bg-clip-text bg-gradient-to-br from-emerald-600 to-teal-600 font-bold text-5xl text-center max-w-[500px]">
        HTML + Tailwind only code snippets
      </h1>
      <button
        class="bg-gradient-to-br from-emerald-600 to-teal-700 font-semibold text-2xl px-3 py-2 rounded-lg">
        <a href="">Components</a>
      </button>
    </section>