Hero Section

A landing page hero section with an optional eyebrow badge, a page title, description, call-to-action buttons and an optional media slot.

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

import Hero from "@/components/ui/hero";

export default function HeroDemo() {
  return <Hero />;
}