PPromptuiComponents
Back to Sections

Hero

A restrained, Linear/Vercel-grade landing hero — announcement badge, gradient-finished headline, CTA pair, and a social-proof avatar strip over a quietly alive dotted-grid background.

Ship interfaces
your AI can build

Copy a prompt precise enough for your AI assistant to build it exactly right — no generic scaffolding, no guesswork.

Trusted by 2,000+ frontend developers
Sectionssectionherolandingmarketinggradient
Stack: React + Tailwind CSS + shadcn/ui — every prompt is written for this stack and is most accurate in it.
Dependencies: lucide-react, next/image

Overview

Gradient headline

Neutral bg-linear-to-b from-foreground to-foreground/40

One-accent discipline

Primary appears only on the badge dot and the solid CTA

Background

Masked dot grid + two-layer breathing glow, both aria-hidden

Social proof

Avatar stack ringed in the section's own background color

Prompt