About
A contact page hero section with staggered word-reveal animated heading, fade-in supporting text, and a fading-in workspace photo with a soft glow accent, for a "get in touch" landing section.
Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Contact Hero to your project and fits it to your theme.
Code
How Contact Hero is used: the demo's code. The component's own source comes with a free account.
Usage.tsx
import Contact20 from "@/components/ui/block-contact-20";
export default function Preview() {
return <Contact20 />;
}
















