Hero 35 - Sign-up card on the rightPro

About Hero 35

Benefit-led copy with a short proof quote on the left, and an account-creation card with OAuth buttons and email/password on the right.

Hero 35 is a hero block for React and Tailwind CSS, included in Chocolate UI Pro. It ships as 129 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.

• signup
• form
• auth
• split
• oauth

Installation

1. Set up your project with npx chocolateui init and npx chocolateui login (see the installation guide).
2. Run the Chocolate UI CLI:

npx chocolateui add hero-35

Dependencies installed automatically: lucide-react.

Uses: button, input, label, reveal, separator, utils.

Usage

import Hero35 from "@/components/blocks/hero-35"

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

FAQ