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.4k

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

Clean CTA

Author:
Kofi Osei

3 years ago

11.6k
Call to action

Author:
Leon Bachmann

3 years ago

8.8k
Basic CTA
Simple and straightforward call to action section

Author:
Dipti narayan

2 years ago

7.8k
Modern CTA section
CTA with background patterns

Author:
Nomthandazo Mhlongo

1 year ago

2.4k
Call to Action (for app stores)
Download app section with Playstore and Appstore button

Author:
Ron Hicks

3 years ago

11.6k
Animated Gradient Button Component
Button component with smooth hover effects and glass-morphism design. Features expanding gradient animation, rotating icon, and responsive layout. Perfect for call-to-action buttons, landing pages, and web applications. Easy copy-paste Tailwind CSS code ready for integration.

Author:
Homayoun

4 months ago

741
Greeting Card with CTA
card with two actions with greeting msg according to time

Author:
Amit Pachange

2 years ago

7.9k
Simple call to action

Author:
Laurits

3 years ago

10.1k
Clean & Responsive Footer Design with Tailwind CSS With CTA Button
modern and responsive footer built with Tailwind CSS to enhance website navigation, accessibility, and user experience. Featuring quick links, social media icons, copyright info, and a sleek layout, this SEO-friendly footer improves engagement and usability across all devices. Perfect for portfolios, business websites, and eCommerce stores!

Author:
Abdul Baset Bappy

10 months ago

1.1k
CTA - call to action section

Author:
ABDO-SY

10 months ago

995
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

10 months ago

1.5k
Responsive Hero Section
Get this professional hero section for your website. Includes a gradient text effect, stylish background blurs, and a perfectly aligned image section. Easy to integrate and fully customizable for any project.

Author:
Homayoun

4 months ago

171

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components