Hero Section

A dual-column landing page hero with a tagline badge, heading, supporting copy, two call-to-action buttons, and a square image, for introducing a product above the fold.

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 HeroSection1 from "@/components/ui/hero-section-1";

export default function HeroSection1Demo() {
  return <HeroSection1 />;
}