Home
Pixel Perfect
Modern CTA section

Modern CTA section

CTA banner

This tailwind example is contributed by Pixel Perfect, on 03-Jul-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

1.5k

Fork Fullscreen

<div class="bg-slate-50 dark:bg-gray-800 border-b my-20">
    <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">
                Start creating AI
                Arts today
            </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">
                Automate your
                workflow with our state of the art tools. Let Your Imagination Run Wild.
            </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 dark:bg-white text-white dark:text-black font-medium tracking-wide border-transparent py-1.5 h-[38px] text-sm py-6 px-8"
                    href="/#navbar">
                    Get Started Now
                </a>
            </div>
        </div>
    </div>
</div>

Related Examples

SliceHeaven
delivering pizza

Author:
INGRIDE MUZIRANENGE

2 months ago

218
Call ya
Simple Call-to-Action

Author:
Matti

7 months ago

964
Call to Action section
CTA with clear message and big button

Author:
Curtis Bickler

10 months ago

1.4k
Minimal CTA section

Author:
Laurits

2 years ago

9.1k
Contact us Form with Responsive

Author:
KULDEEP

1 month ago

142
Drinkware landing page

Author:
Maxim

4 months ago

956
Product Page
Showcase for the product.

Author:
muhamadrofii911

1 year ago

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

Author:
András Szehofner

6 months ago

700
Call to action banner

Author:
isolde

1 year ago

5k
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

1 month ago

440
CTA block
with user avatars and 2 buttons

Author:
Carla Hoffman

1 year ago

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

Author:
Junclarkaizen Pagu

1 year ago

8.8k

Explore components by Tags

Didn't find component you were looking for?

Search from 2400+ components