Here's the HTML code, implemented as a Next.js application using React components, Tailwind CSS, and shadcn/ui.
This code provides a comprehensive recreation of the dashboard layout and styling from the image. It includes a responsive header, a collapsible sidebar, and a dynamic calendar-like table for services and pricing.
To use this code:
lucide-react for icons: npm install lucide-reactInput, Button, DropdownMenu, Card, Badge, and Switch. You can add them using the shadcn CLI (e.g., npx shadcn@latest add input button dropdown-menu card badge switch).app/page.tsx, components/header.tsx, components/sidebar.tsx, components/calendar-table.tsx).