Block

Split Hero

A hero section with split layout for text and image

Installation

npx shadcn add @mylo-ui/hero-split

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

Product Image

import { HeroSplit } from "@/components/blocks/hero-split"

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

lucide-react

button

More hero blocks you might like

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

A hero section with gradient background and centered content