Header Section

A centered page header block with a small tagline label, a large heading, and a supporting paragraph, used at the top of a landing page section.

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

import HeaderSection1 from "@/components/ui/header-section-1";

export default function HeaderSection1Demo() {
  return <HeaderSection1 />;
}