Hero 1

Heroes 1K

About

Centered hero with radial gradient background and announcement badge

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

Code

How Hero 1 is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

import { HeroSection, LogosSection } from "@/components/ui/hero-1";
import { Header } from "@/components/ui/header-1";

export default function DemoOne() {
	return (
		<div className= "flex w-full flex-col" >
		<Header />
		< main className = "grow" >
			<HeroSection />
			< LogosSection />
			</main>
			< /div>
		);
}