Animated Gradient Hero

A full-screen hero section with a pill-shaped navbar, an animated gradient-text headline, call-to-action buttons, and a grid-patterned preview panel.

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

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

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