Service 2 - What's included checklist with pricing cardPro

A grouped "what's included" checklist in four phases plus a short "not included" list, paired with a sticky pricing card showing fixed price, payment terms and a book button. Use it on a single-service page right after the hero to set scope and price expectations.

About Service 2

A grouped "what's included" checklist in four phases plus a short "not included" list, paired with a sticky pricing card showing fixed price, payment terms and a book button. Use it on a single-service page right after the hero to set scope and price expectations.

Service 2 is a service block for React and Tailwind CSS, included in Chocolate UI Pro. It ships as 113 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
  • included
  • checklist
  • pricing
  • scope
  • sticky

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 service-02

Dependencies installed automatically: lucide-react.

Uses: button, reveal, utils.

Usage

import Service02 from "@/components/blocks/service-02"

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

FAQ