Service 5 - Related case studies for this servicePro

A header with "all work" link above a layout of one large and two stacked case-study cards, each with image, client name, headline outcome metric and tags. Use it on a single-service page to prove the service with relevant past projects.

About Service 5

A header with "all work" link above a layout of one large and two stacked case-study cards, each with image, client name, headline outcome metric and tags. Use it on a single-service page to prove the service with relevant past projects.

Service 5 is a pro service block for React, built on shadcn/ui and Tailwind CSS. It ships as 90 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.

  • service
  • case-studies
  • portfolio
  • results
  • metrics
  • proof

Installation

  1. Add the Chocolate UI registry to your components.json (see the installation guide).
  2. Run the shadcn CLI:
npx shadcn@latest add @chocolate/service-05

Dependencies installed automatically: lucide-react.

Uses: reveal, utils.

Usage

import Service05 from "@/components/blocks/service-05"

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

FAQ