Hero 235 - Full-height split with nav inside the text halfPro
Viewport-tall split where the left half holds the navbar at the top and bottom-anchored headline, and the right half is an edge-to-edge photograph.
About Hero 235
Viewport-tall split where the left half holds the navbar at the top and bottom-anchored headline, and the right half is an edge-to-edge photograph.
Hero 235 is a hero block for React and Tailwind CSS, included in Chocolate UI Pro. It ships as 84 lines of TypeScript you own: every piece of copy is a prop with a sensible default, so you can drop it in and replace the content without touching the layout.
- full-viewport
- split
- navbar
- bottom-anchored
- image
Installation
- Set up your project with
npx chocolateui initandnpx chocolateui login(see the installation guide). - Run the Chocolate UI CLI:
npx chocolateui add hero-235Dependencies installed automatically: lucide-react.
Uses: button, reveal, utils.
Usage
import Hero235 from "@/components/blocks/hero-235"
export default function Page() {
return <Hero235 />
}