Case Study 3 - Long-form single storyPro
Long-form single story: a full-width hero image, challenge/approach/result narrative with a pull quote, and a sticky facts-and-stats card.
About Case Study 3
Long-form single story: a full-width hero image, challenge/approach/result narrative with a pull quote, and a sticky facts-and-stats card.
Case Study 3 is a pro case study block for React, built on shadcn/ui and Tailwind CSS. It ships as 132 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.
Installation
- Add the Chocolate UI registry to your
components.json(see the installation guide). - Run the shadcn CLI:
npx shadcn@latest add @chocolate/casestudy-03Dependencies installed automatically: lucide-react.
Uses: button, number-ticker, reveal, utils.
Usage
import Casestudy03 from "@/components/blocks/casestudy-03"
export default function Page() {
return <Casestudy03 />
}