Hero Dummy
harshkanjiya/hero-dummyFreeBlock
A minimal hero section block.
Install it
npx shadcn@latest add https://harshkanjiya.com/r/hero-dummy.jsonSource
1import Link from "next/link"23export function HeroDummy() {4 return (5 <section className="flex min-h-[480px] flex-col items-center justify-center gap-6 px-6 py-20 text-center">6 <h1 className="max-w-2xl text-4xl font-bold tracking-tight sm:text-5xl">7 Build.{" "}8 <span className="text-muted-foreground">Ship.</span>{" "}9 Repeat.10 </h1>11 <p className="max-w-lg text-base text-muted-foreground">12 Indie developer building products in public. This is a dummy hero block13 — install it via the shadcn CLI.14 </p>15 <div className="flex flex-wrap items-center justify-center gap-3">16 <Link17 href="#"18 className="rounded-md bg-foreground px-5 py-2.5 text-sm font-medium text-background transition hover:opacity-80"19 >20 Get Started21 </Link>22 <Link23 href="#"24 className="rounded-md border border-border px-5 py-2.5 text-sm font-medium text-foreground transition hover:bg-muted"25 >26 Learn More27 </Link>28 </div>29 </section>30 )31}
