Calendar 26 - Schedule a demo sectionPro
Marketing split with headline, benefit checklist and testimonial on the left and an embedded compact booking calendar with slots and confirmation on the right.
About Calendar 26
Marketing split with headline, benefit checklist and testimonial on the left and an embedded compact booking calendar with slots and confirmation on the right.
Calendar 26 is a pro calendar block for React, built on shadcn/ui and Tailwind CSS with motion animations that respect reduced-motion settings. It ships as 135 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.
- demo
- marketing
- booking
- split
- sales
Installation
- Add the Chocolate UI registry to your
components.json(see the installation guide). - Run the shadcn CLI:
npx shadcn@latest add @chocolate/calendar-26Dependencies installed automatically: lucide-react, motion.
Uses: avatar, button, reveal, utils.
Usage
import Calendar26 from "@/components/blocks/calendar-26"
export default function Page() {
return <Calendar26 />
}