feat(ui): implement comprehensive dashboard and enhance frontend experience

This commit introduces a major overhaul of the user interface, transitioning from a basic structure to a feature-rich dashboard system. Key improvements include:

- **Dashboard Implementation**: Added a complete dashboard routing system with dedicated pages for Overview, Bookings, Customers, Zones, Billing, and Settings.
- **New UI Components**: Introduced a variety of high-quality components including `AnimatedList`, `FloatingDock`, `HoverFeatureCards`, `VideoPlayer` (with ambient glow effect), `PinnedList`, and `DashboardMockup`.
- **Enhanced Dashboard Features**:
    - Integrated real-time KPI cards and activity timelines.
    - Implemented a multi-view calendar system.
    - Added customer and booking management interfaces with filtering and search capabilities.
    - Added a zone/location management view with map integration.
- **Branding & Visuals**: Updated the application with new SVG logos (horizontal and vertical variants) and implemented dark/light mode optimized branding.
- **Internationalization**: Expanded i18n support with comprehensive Czech and English translations for the new dashboard and integration modules.
- **Integration Tools**: Added a new `IntegrationModal` allowing users to easily embed Bookra widgets via HTML, React, SolidJS, or PHP.
- **Backend Support**: Updated the booking service to provide comprehensive dashboard summary data, including historical booking records for charts.
This commit is contained in:
Tomas Dvorak
2026-05-18 14:31:20 +02:00
parent 9d63fa7620
commit da5ba13eab
41 changed files with 8761 additions and 184 deletions
+16
View File
@@ -25,6 +25,22 @@ module.exports = {
DEFAULT: "hsl(var(--border))",
subtle: "hsl(var(--border-subtle))",
},
info: {
DEFAULT: "hsl(var(--info))",
subtle: "hsl(var(--info-subtle))",
},
error: {
DEFAULT: "hsl(var(--error))",
subtle: "hsl(var(--error-subtle))",
},
warning: {
DEFAULT: "hsl(var(--warning))",
subtle: "hsl(var(--warning-subtle))",
},
success: {
DEFAULT: "hsl(var(--success))",
subtle: "hsl(var(--success-subtle))",
},
// Legacy compatibility
mist: "hsl(var(--canvas-muted))",
ember: "hsl(var(--accent))",