Home
isolde
Call to action banner

Call to action banner

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

Call to Action

Author isolde

5.2k

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

Call to Action section
CTA with clear message and big button

Author:
Curtis Bickler

1 year ago

1.9k
ArtoGallery
Explore a curated selection of contemporary and classic artwork, connecting collectors and creators in an inspiring online space.

Author:
ORGIN_DREAMS

6 months ago

959
Fancy call to action

Author:
Leon Bachmann

2 years ago

10.5k
Acode master
Welcome to Hamza's official portfolio — a creative developer blending modern design with powerful code. Explore animations, projects, and innovations crafted with HTML, Tailwind CSS, and passion.

Author:
Code Master(Mfuranziza Dusabe Hamza)

6 months ago

541
Get the app section
Play store and App store buttons

Author:
Sophia Baker

2 years ago

9.6k
CTA block

Author:
Samuel Dawson

2 years ago

11.7k
Tilted button on hover.
A simple button with a gradient and tilt on hover. Dark mode supported with same color.

Author:
András Szehofner

9 months ago

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

Author:
Prajwal Hallale

2 years ago

9.6k
Call to action

Author:
Sophia Baker

2 years ago

10.7k
Get it on Google play / App store section

Author:
Rajesh kulkarni

2 years ago

9.9k
Responsive About Section with Tailwind CSS
Built a sleek and fully responsive About Section for my portfolio using Tailwind CSS! 🚀 Designed for smooth adaptability across all screen sizes with a modern and minimal aesthetic. Perfect for showcasing skills, experience, and a personal touch!

Author:
Abdul Baset Bappy

8 months ago

1.3k
Call to action card with image
Responsive card with image

Author:
Noah Schmidt

2 years ago

16.1k

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components