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

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

Responsive call to action

Author:
Leon Bachmann

2 years ago

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

Author:
Noah Schmidt

2 years ago

15.4k
Subscribe to our newsletter section

Author:
Conan Hilton

2 years ago

11k
Take a Survey CTA section

Author:
JaxStone

2 years ago

10.6k
Sign In Form
Clean and modern Sign In form with email, password, and "Forgot password" link. Fully responsive and styled with Tailwind CSS, perfect for SaaS platforms.

Author:
Lekhraj Ghimire

5 days ago

13
Modern CTA section
CTA banner

Author:
Pixel Perfect

11 months ago

1.5k
Survey CTA

Author:
JaxStone

2 years ago

13.7k
Minimalistic hero section

Author:
Sophia Baker

2 years ago

11k
SliceHeaven
delivering pizza

Author:
INGRIDE MUZIRANENGE

1 week ago

202
Highlighted Important section with button

Author:
Amit Pachange

2 years ago

9k
Hero Section
Responsive Hero Section for you Project Background Image: A stunning, high-quality Unsplash photo that creates a unique visual impact. Overlay: Semi-transparent black overlay with blur effect for readability and a modern aesthetic. Content Area: Centered with a gradient background overlay for contrast, bold headline, engaging subtext. Buttons: Vibrant gradient and clean border with smooth hover animations to draw attention. Responsive Design: Looks great on all screen sizes with adaptable padding and font sizes.

Author:
KULDEEP

3 days ago

45
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

2 months ago

269

Explore components by Tags

Didn't find component you were looking for?

Search from 2400+ components