Clean CTA section

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

Tailwind v3.4 4.1k 3

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

gaming profile.
gaming profile.

Bonimater

1 year ago

1.2k
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!

Abdul Baset Bappy

1 year ago

1.5k
Domain For Sale Template
Domain For Sale Template

Geoffrey Callaghan

2 years ago

5.1k
CTA Responsive
Gradient Style CTA

KULDEEP

1 year ago

1k
SaaS Feature Section
It has a Gradient text headline and CTA buttons

Junclarkaizen Pagu

3 years ago

10.1k
Hero Section
Full width hero section for landing pages

Manon Daniel

4 years ago

15k
Footer
A footer is a critical part of any professional website. A footer ensures your website is complete, professional, user-friendly, and legally compliant. It's where users go for answers when they're done scrolling.

KULDEEP

1 year ago

1.5k
Contact us Form with Responsive

KULDEEP

1 year ago

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

ORGIN_DREAMS

1 year ago

2.1k
Call to action banner

isolde

2 years ago

6.1k
CTA block
with user avatars and 2 buttons

Carla Hoffman

2 years ago

3.2k
Beautiful CTA w/ large buttons
This CTA card also has a features list

Carla Hoffman

2 years ago

3.2k