Minimal Centered Hero

A zero-decoration hero section with an eyebrow label, a large tracking-tight headline, a subline, and a pill call-to-action button, for landing page tops.

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

import Hero24 from "@/components/ui/hero-24";

export default function Hero24Demo() {
  return <Hero24 />;
}