Hero 147 - Gym with today's class schedulePro

About Hero 147

Fitness studio hero with full-height photo, intro offer and a live "today" class list showing time, coach and remaining spots.

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

• fitness
• gym
• schedule
• classes
• local

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-147

Dependencies installed automatically: lucide-react.

Uses: button, reveal, utils.

Usage

import Hero147 from "@/components/blocks/hero-147"

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

FAQ