Home
Pixel Perfect
Clean CTA section

Clean CTA section

This tailwind example is contributed by Pixel Perfect, on 07-Feb-2024. 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 Pixel Perfect

3.4k

Fork Fullscreen

<div class="bg-slate-50 dark:bg-gray-800 border-b">
    <div class="py-8 px-6 sm:px-6 sm:py-20">
        <div class="mx-auto max-w-2xl text-center">
            <h2 class="text-center text-2xl font-semibold tracking-tight text-black dark:text-white sm:text-4xl">
                Transform your business
                with AI solutions
            </h2>
            <p class="mx-auto mt-3 sm:mt-6 max-w-xl text-md sm:text-lg sm:leading-snug text-gray-600 dark:text-gray-300">
                Experience the
                power of artificial intelligence to streamline your operations and drive growth with AI Pro Solutions!
            </p>
            <div class="mt-6 sm:mt-10 flex items-center justify-center gap-x-6">
                <a class="flex flex-row items-center justify-center min-w-[130px] px-4 rounded-full font-medium tracking-wide border disabled:cursor-not-allowed disabled:opacity-50 transition ease-in-out duration-150 text-base bg-black text-white font-medium tracking-wide border-transparent py-1.5 h-[38px] text-sm py-6 px-8"
                    href="">
                    Discover AI Solutions
                </a>
            </div>
        </div>
    </div>
</div>

Related Examples

Subscribe to our newsletter section

Author:
Conan Hilton

3 years ago

11.2k
Call ya
Simple Call-to-Action

Author:
Matti

6 months ago

854
Get the app section
Play store and App store buttons

Author:
Sophia Baker

2 years ago

9.2k
stepper
The Stepper Component is a versatile and user-friendly tool designed to guide users through a sequence of steps. Whether you're building a multi-step form, a tutorial, or any process that requires sequential navigation, this component makes it easy to implement and customize.

Author:
Abhiraj

6 months ago

1.1k
Modern responsive Newsletter form
Responsive newsletter subscriber form

Author:
Emdadul Islam

1 year ago

2k
Call to action

Author:
Leon Bachmann

2 years ago

9.2k
YouTube subscription section

Author:
Leif99

2 years ago

14.1k
Basic CTA card

Author:
kishan pc

1 year ago

2.1k
Call to Action (CTA with Background Image)
A Call to Action (CTA) is an essential element in marketing and web design that prompts users to take a specific desired action. When combined with a compelling background image, it can significantly enhance user engagement and conversion rates.

Author:
Eliyanto Sarage

1 year ago

2.1k
Call-to-Action Card
Early Access Signup Card

Author:
Santiago Hernandez

1 year ago

1.7k
Hero section

Author:
Mohit Prajapati

2 years ago

11.9k
Modern Contact Section with Responsive Grid and Glassmorphic Form
A clean, professional contact section with a dual-column layout featuring contact details and a sleek glassmorphism-inspired form. Fully responsive with Tailwind CSS, supporting both light and dark modes.

Author:
Muhammad Umair Arshad

2 weeks ago

45

Explore components by Tags

Didn't find component you were looking for?

Search from 2400+ components