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
+54 -4
View File
@@ -78,7 +78,7 @@ const dictionaries = {
// Hero Section
"home.badge": "Nyní zdarma pro začátečníky",
"home.hero.title": "Klidný rezervační software pro lokální služby",
"home.hero.title": "Jednoduchý rezervační software pro lokální služby",
"home.hero.subtitle": "Spravujte rezervace, zákazníky a tým na jednom místě. Bez zbytečné složitosti — jen spolehlivý systém, který funguje.",
"home.hero.cta.primary": "Začít zdarma",
"home.hero.cta.secondary": "Otevřít rezervaci",
@@ -211,6 +211,10 @@ const dictionaries = {
"widget.type.floating.title": "Plovoucí bublina",
"widget.type.floating.desc": "Plovoucí tlačítko v rohu obrazovky",
"widget.type.floating.preview": "Nejlepší pro: E-shopy, kontinuální dostupnost",
"widget.type.map.title": "Mapa lokace",
"widget.type.map.desc": "Vložte stylizovanou mapu s vaší reálnou adresou.",
"widget.map.noLocation": "Lokace nenalezena. Vložte odkaz Google Maps/Mapy.cz, souřadnice nebo celou adresu.",
"widget.map.resolved": "Lokace nalezena",
"widget.button.text": "Rezervovat termín",
"widget.modal.trigger": "Otevřít rezervaci",
"widget.styling.title": "Vzhled",
@@ -248,11 +252,32 @@ const dictionaries = {
"common.copy": "Kopírovat",
"common.copied": "Zkopírováno!",
// Integration Modal
"integration.title": "Přidat Bookra na váš web",
"integration.subtitle": "Vyberte, jak chcete Bookra integrovat. Sdílejte odkaz nebo vložte přímo na web.",
"integration.tab.hosted": "Váš odkaz",
"integration.tab.embed": "Vložit widget",
"integration.hosted.title": "Vaše rezervační stránka",
"integration.hosted.desc": "Sdílejte tento odkaz zákazníkům. Rezervují bez jakéhokoli nastavení.",
"integration.hosted.hint": "Ideální pro sociální sítě, podpis e-mailu nebo přímé sdílení",
"integration.share.facebook": "Sdílet na Facebooku",
"integration.share.x": "Sdílet na X",
"integration.embed.title": "Vložit na web",
"integration.embed.desc": "Přidejte rezervační widget přímo na váš web. Vyberte platformu:",
"integration.embed.html": "HTML/JS",
"integration.embed.react": "React",
"integration.embed.solid": "SolidJS",
"integration.embed.php": "PHP/WordPress",
"integration.help.title": "Potřebujete pomoc s instalací?",
"integration.help.desc": "Napište nám na",
"integration.demo.title": "Rezervační stránka",
"integration.demo.desc": "Zákazníci rezervují přes váš odkaz. Žádná instalace.",
// Footer
"footer.copyright": "© 2026 Bookra. Všechna práva vyhrazena.",
"footer.privacy": "Ochrana soukromí",
"footer.terms": "Podmínky použití",
"footer.description": "Klidný rezervační software pro lokální služby. Spravujte rezervace, zákazníky a tým na jednom místě.",
"footer.description": "Jednoduchý rezervační software pro lokální služby. Spravujte rezervace, zákazníky a tým na jednom místě.",
"footer.links.title": "Navigace",
"footer.legal.title": "Právní informace",
@@ -558,7 +583,7 @@ const dictionaries = {
// Hero Section
"home.badge": "Now free for starters",
"home.hero.title": "Calm booking software for local services",
"home.hero.title": "Simple booking software for local services",
"home.hero.subtitle": "Manage bookings, customers, and your team in one place. No unnecessary complexity — just a reliable system that works.",
"home.hero.cta.primary": "Get started free",
"home.hero.cta.secondary": "Open booking page",
@@ -691,6 +716,10 @@ const dictionaries = {
"widget.type.floating.title": "Floating bubble",
"widget.type.floating.desc": "Floating button in the corner of the screen",
"widget.type.floating.preview": "Best for: E-commerce, continuous availability",
"widget.type.map.title": "Location map",
"widget.type.map.desc": "Embed a styled map for your real address.",
"widget.map.noLocation": "No location found. Paste a Google Maps/Mapy.cz link, coordinates, or full address.",
"widget.map.resolved": "Location resolved",
"widget.button.text": "Book appointment",
"widget.modal.trigger": "Open booking",
"widget.styling.title": "Appearance",
@@ -728,11 +757,32 @@ const dictionaries = {
"common.copy": "Copy",
"common.copied": "Copied!",
// Integration Modal
"integration.title": "Add Bookra to Your Website",
"integration.subtitle": "Choose how you want to integrate Bookra. Share a link or embed directly on your website.",
"integration.tab.hosted": "Your Link",
"integration.tab.embed": "Embed Widget",
"integration.hosted.title": "Your Booking Page",
"integration.hosted.desc": "Share this link with customers. They can book directly without any setup.",
"integration.hosted.hint": "Perfect for social media, email signatures, or direct sharing",
"integration.share.facebook": "Share on Facebook",
"integration.share.x": "Share on X",
"integration.embed.title": "Embed on Your Website",
"integration.embed.desc": "Add the booking widget directly to your website. Choose your platform:",
"integration.embed.html": "HTML/JS",
"integration.embed.react": "React",
"integration.embed.solid": "SolidJS",
"integration.embed.php": "PHP/WordPress",
"integration.help.title": "Need help with installation?",
"integration.help.desc": "Contact us at",
"integration.demo.title": "Booking Page",
"integration.demo.desc": "Customers book through your link. No installation needed.",
// Footer
"footer.copyright": "© 2026 Bookra. All rights reserved.",
"footer.privacy": "Privacy",
"footer.terms": "Terms",
"footer.description": "Calm booking software for local services. Manage bookings, customers, and your team in one place.",
"footer.description": "Simple booking software for local services. Manage bookings, customers, and your team in one place.",
"footer.links.title": "Navigation",
"footer.legal.title": "Legal",