Service 4 - FAQ for the servicePro
A two-column FAQ for a single service with heading and a "talk to a human" contact card on the left and a single-open accordion of service-specific questions on the right. Use it near the bottom of a service detail page to handle objections before the booking CTA.
About Service 4
A two-column FAQ for a single service with heading and a "talk to a human" contact card on the left and a single-open accordion of service-specific questions on the right. Use it near the bottom of a service detail page to handle objections before the booking CTA.
Service 4 is a pro service block for React, built on shadcn/ui and Tailwind CSS. It ships as 82 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
- faq
- accordion
- questions
- contact
- support
Installation
- Add the Chocolate UI registry to your
components.json(see the installation guide). - Run the shadcn CLI:
npx shadcn@latest add @chocolate/service-04Dependencies installed automatically: lucide-react.
Uses: accordion, button, reveal, utils.
Usage
import Service04 from "@/components/blocks/service-04"
export default function Page() {
return <Service04 />
}