Tailwind CSS landing page sections

31 professionally designed sections built with daisyUI. Mix them into any page and export clean code.

Navigation

Navbar

top navigation bar

Announcement bar

thin announcement bar above the navbar (optional, only for a launch or offer)

Hero

Hero split

split hero: headline and buttons left, product visual right

Hero centered

centered hero with a large product visual below

Hero with signup

centered hero with an email signup form (great for waitlists, newsletters, early access)

Social proof

Logo cloud

row of customer company names

Stats

3-4 big impressive numbers

Testimonials

testimonial cards

Wall of love

masonry wall of 6-9 short testimonials with a rating summary

Founder quote

one large founder or customer quote

Features

Feature grid

grid of feature cards with icons

Bento grid

bento grid of exactly 4 product highlights with visuals

Feature rows

alternating feature rows with text, checklist points and a visual (2-4 rows)

Feature accordion

how-it-works accordion next to a product visual

Before / after

before vs after comparison

Comparison table

feature comparison table: us vs competitors (values yes, no or short text)

Integrations

grid of 4-8 integrations or tools it connects to

Steps

3 numbered steps

Video demo

video demo

Pricing

Two plans

2 pricing plans

Three plans

3 pricing plans (middle one is featured)

Price list

list of one-time packages

Guarantee

money-back guarantee / risk reversal, best right after pricing

Call to action

Call to action

bold call-to-action panel near the end

CTA with image

call-to-action panel with benefits and a product visual

Newsletter

email newsletter signup band

Support

FAQ

frequently asked questions

Contact form

contact form

Company

Team

team members grid (4 people)

Footer

Simple footer

simple footer with links

Footer with columns

footer with newsletter signup and link columns