hero9

FREE
hero
Your tagline

Medium length display headline.

Free and Premium themes, UI Kit's, templates and landing pages built with Tailwind CSS, HTML & Next.js.

<section>
  <div class="container relative py-24">
    <div class="mx-auto flex max-w-7xl flex-wrap items-center">
      <div class="w-full rounded-xl lg:w-1/2 lg:max-w-lg">
        <div>
          <div class="relative w-full max-w-lg">
            <div class="relative">
              <img class="mx-auto rounded-lg object-cover object-center" alt="hero"
                src="/images/placeholders/original/1000x1000.webp" />
            </div>
          </div>
        </div>
      </div>
      <div class="mb-16 mt-12 flex flex-col items-start text-left md:mb-0 lg:w-1/2 lg:grow lg:pl-6 xl:mt-0 xl:pl-24">
        <span class="mb-8 text-xs font-bold uppercase tracking-widest text-blue-600">
          Your tagline
        </span>
        <h1 class="mb-8 text-4xl font-semibold leading-none tracking-tight text-gray-800 md:text-7xl lg:text-5xl">
          Medium length display headline.
        </h1>
        <p class="mb-8 text-lg leading-relaxed text-gray-500">
          Free and Premium themes, UI Kit's, templates and landing pages built
          with Tailwind CSS, HTML & Next.js.
        </p>
        <div class="mt-0 max-w-7xl sm:flex lg:mt-6">
          <div class="mt-3 rounded-lg sm:mt-0">
            <button
              class="block items-center rounded-xl bg-blue-600 px-10 py-4 text-center text-base font-medium text-white transition duration-500 ease-in-out hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2">Get
              bundle</button>
          </div>
          <div class="mt-3 rounded-lg sm:ml-3 sm:mt-0">
            <button
              class="flex items-center rounded-xl border border-gray-600 px-5 py-4 text-center font-medium text-gray-600 transition duration-500 ease-in-out hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-gray-500 focus:ring-offset-2 lg:px-8">See
              Features<svg width="24" height="24" viewBox="0 0 24 24" class="ml-1 size-6">
                <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                  d="M5 12h14m-4 4l4-4m-4-4l4 4"></path>
              </svg></button>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

Want More?

Shadcnblocks.com

A beautiful collection of premium block components for Shadcn UI & Tailwind. Try the free blocks.

Wicked Templates

3 Massive Tailwind UI Kits; Shadow, Harmony & Monotone versions. From $99. Demo the UI Kits

Built At Lightspeed

The worlds largest marketplace of themes for the modern stack. Browse 4000+ free templates.