Call to action banner

This tailwind example is contributed by isolde, on 04-Dec-2023. Component is made with Tailwind v3.4. It is responsive. It supports dark mode. similar terms for this example are CTA,banner

Call to Action

Author isolde

Tailwind v3.4 6.1k 8

Fork Fullscreen

<div class="relative flex-1 bg-blue-600 px-5 py-24 lg:px-8">
  <div class="mx-auto max-w-3xl text-center">
    <h2 class="text-center text-4xl font-bold leading-tight text-white md:text-5xl">Automate customer support in under
      2 weeks</h2>
    <div class="mt-10 flex flex-col items-center justify-center space-y-5 sm:flex-row sm:gap-x-6 sm:space-y-0">
      <a href="/" target="_blank" rel="nofollow noreferrer"
        class="w-full rounded-3xl border border-gray-900 bg-gray-900 px-7 py-3 text-center text-base font-bold text-white transition-colors duration-150 ease-in-out hover:border-gray-800 hover:bg-gray-800 sm:w-auto sm:border-2">Get
        a demo</a>
      <a class="relative inline-flex w-full items-center justify-center rounded-3xl border border-white px-7 py-3 sm:w-auto sm:border-2"
        href="/pricing">
        <p class="text-base font-bold text-white">Get started</p>
        <span class="absolute inset-0 z-0 overflow-hidden rounded-3xl opacity-0 transition-colors duration-150 ease-in-out hover:bg-[#f5f7fc] hover:opacity-5"></span>
      </a>
    </div>
  </div>
</div>

Related Examples

Modern CTA section
CTA with background patterns

Nomthandazo Mhlongo

2 years ago

3k
CTA block for "Take our survey"
Get users attention to he survey form

Prajwal Hallale

3 years ago

9.7k
CTA Responsive
Gradient Style CTA

KULDEEP

1 year ago

936
Brutalist Hero

threehymns

1 year ago

3k
Login page
Login and register page, you can reuse both

Abhiraj

1 year ago

2.6k
Chat Bot
Simulation of a chat bot that can be used for conversations as a sketch idea

Ameth Galarcio

2 years ago

4.2k
Call to action section

Odessa Young

3 years ago

13.5k
call-to-action button

Elijah Davis

3 years ago

9.7k
Call to action section with image

Emily Tan

3 years ago

12.4k
Floating Call Widget
Floating Call Widget - Pure CSS + HTML + JS

Sayista Yazdani

1 month ago

24
Banner for app download
Show App Download Buttons for the App Store and Play Store

Pixel Perfect

2 years ago

2.1k
Tailwind CTA section

Moriba Traore

3 years ago

14.1k