Hero Banner with Image Backdrop

Full-bleed image-banner hero with a dark scrim, a slim nav, a serif headline and dual CTA aligned to the bottom.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Hero Banner with Image Backdrop to your project and fits it to your theme.

import Hero04 from "@/components/ui/hero-04";

export default function Hero04Demo() {
  return <Hero04 />;
}