Hero Banner

A full-bleed photo promo card with a bottom gradient scrim, headline, and a glass CTA — for hero sections and homepage carousel slides.

New Season

Autumn Collection is here

Cardscardherocarouselpromomarketing

Stack: React + Tailwind CSS + shadcn/ui — every prompt is written for this stack and is most accurate in it.

Dependencies: lucide-react

Overview

Layout

Full-bleed photo, content overlaid at the bottom

Scrim

bg-gradient-to-t from-black/85 — legibility, not theme color

CTA

True-glass pill button — self-contrasting over any photo

Accessibility

Scrim is aria-hidden; photo alt describes the scene