Block

Centered Hero

A centered hero section with headline, subheadline, and dual CTAs

Installation

npx shadcn add @mylo-ui/hero-centered

Copy-paste ready components built with shadcn/ui and Tailwind CSS. Create stunning landing pages in minutes, not hours.

import { HeroCentered } from "@/components/blocks/hero-centered"

export default function Page() {
  return <HeroCentered />
}

lucide-react

button

badge

More hero blocks you might like

A hero section with split layout for text and image

A hero section with gradient background and centered content