About
Marketing hero section with sticky header, AI badge, gradient-underlined headline, CTA and full-width dish image.
Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Hero Section 01 to your project and fits it to your theme.
Code
How Hero Section 01 is used: the demo's code. The component's own source comes with a free account.
Usage.tsx
import PublishedComponent from "@/components/ui/hero-section-01"
export default function Demo() {
return <PublishedComponent />
}















