hero section fullpage

This tailwind example is contributed by Leon Bachmann, on 24-Jan-2023. Component is made with Tailwind v3.4. It is responsive.

Hero

Author Leon Bachmann

Tailwind v3.4 12k 20

Fork Fullscreen

<div class="px-4 mx-auto mt-16 mb-16 max-w-7xl sm:mt-24">
        <div class="text-center">
            <h1 class="text-4xl font-extrabold tracking-tight text-gray-200 sm:text-5xl md:text-6xl font-title">
                <span class="block">Leading US-Based cycle maker</span>
                <span class="block pt-2">New Product Launch</span>
            </h1>
            <p class="max-w-md mx-auto mt-3 text-base text-gray-300 sm:text-lg md:mt-5 md:text-xl md:max-w-3xl">
                Innovative technology to revolutionize industry standards,
                Available for pre-order now and shipping to customers in the coming months
            </p>
            <div class="max-w-md mx-auto mt-5 sm:flex sm:justify-center md:mt-8">

</div>

Related Examples

Carousel with Tailwind CSS and Alpine.js
Simple card Carousel

Brandon D

4 years ago

33.5k
Clean hero section
Hero template with buttons

Laurits

3 years ago

16.1k
Product Page
Showcase for the product.

Prem..

4 years ago

34.8k
Hero section with a gradient background
With text overlay, and a call-to-action button

Anonymous

3 years ago

21.2k
Typical SAAS hero section

Eamon Carter

3 years ago

9.7k
Landi page template
con un cuerpo libre

Raul antonio de la cruz hernandez

9 months ago

920
landi page template

Raul antonio de la cruz hernandez

9 months ago

647
Portfolio Hero Section 5

$$@(\/)(\/)¥$ $@(\/)(\/)¥

1 year ago

3.1k
The Free AI Tools Grid Section (210+ Tools, No Signup)
A responsive and SEO-optimized grid section showcasing over 210 free AI tools. Designed with Tailwind CSS, fully responsive, fast-loading, and built for high user engagement. No sign-up required, privacy-friendly, and optimized for performance and discoverability.https://www.thefreeaitools.com/

Hasan AlDoy (McDoy)

5 months ago

481
Hero section with Big Heading
Hero banner with a gradient background, ideal for showcasing products or services. I also support dark mode.

Mereani Waqa

3 years ago

9.4k
GreenLeaf
Transform Your Garden

ORGIN_DREAMS

1 year ago

1.8k
Extra large hero

Gbenga Adegoke

3 years ago

11k