{"id":11309,"date":"2025-12-31T17:45:50","date_gmt":"2025-12-31T22:45:50","guid":{"rendered":"https:\/\/www.reservit.ca\/?p=11309"},"modified":"2025-12-31T18:07:59","modified_gmt":"2025-12-31T23:07:59","slug":"retro-2025","status":"publish","type":"post","link":"https:\/\/www.reservit.ca\/en\/retro-2025\/","title":{"rendered":""},"content":{"rendered":"<div class=\"vce-row-container\" data-vce-boxed-width=\"true\"><div class=\"vce-row vce-row--col-gap-30 vce-row-equal-height vce-row-content--top\" id=\"el-a74c56b4\" data-vce-do-apply=\"all el-a74c56b4\"><div class=\"vce-row-content\" data-vce-element-content=\"true\"><div class=\"vce-col vce-col--md-auto vce-col--xs-1 vce-col--xs-last vce-col--xs-first vce-col--sm-last vce-col--sm-first vce-col--md-last vce-col--lg-last vce-col--xl-last vce-col--md-first vce-col--lg-first vce-col--xl-first\" id=\"el-ed463507\"><div class=\"vce-col-inner\" data-vce-do-apply=\"border margin background  el-ed463507\"><div class=\"vce-col-content\" data-vce-element-content=\"true\" data-vce-do-apply=\"padding el-ed463507\"><div class=\"vce-raw-html\"><div class=\"vce-raw-html-wrapper\" id=\"el-e000ef4c\" data-vce-do-apply=\"all el-e000ef4c\">\n\n\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <meta name=\"robots\" content=\"index, follow\">\n\n    <!-- \u2705 Updated meta description (more natural EN-CA) -->\n    <meta name=\"description\" content=\"Discover everything Reservit Canada delivered in 2025: the mobile app, two-factor authentication, a new calendar, smart search, and more. Get ready for 2026.\">\n\n    <!-- \u2705 Updated title (more natural + clearer) -->\n    <title>2025 Canada Recap &amp; 2026 Vision | Reservit Canada<\/title>\n\n    <link rel=\"canonical\" href=\"https:\/\/www.reservit.ca\/en\/retro-2025\/\">\n\n    <link rel=\"alternate\" hreflang=\"fr-CA\" href=\"https:\/\/www.reservit.ca\/retro-2025\/\">\n    <link rel=\"alternate\" hreflang=\"en-CA\" href=\"https:\/\/www.reservit.ca\/en\/retro-2025\/\">\n    <link rel=\"alternate\" hreflang=\"x-default\" href=\"https:\/\/www.reservit.ca\/en\/retro-2025\/\">\n\n    <meta property=\"og:locale\" content=\"en_CA\">\n    <meta property=\"og:type\" content=\"website\">\n\n    <!-- \u2705 Updated OG title -->\n    <meta property=\"og:title\" content=\"2025 Canada Recap &amp; 2026 Vision | Reservit Canada\">\n\n    <!-- \u2705 Slightly adjusted OG description (\"released\" instead of \"shipped\") -->\n    <meta property=\"og:description\" content=\"Discover 40+ updates released in Canada in 2025. Mobile app, stronger security, a new calendar, and more.\">\n    <meta property=\"og:url\" content=\"https:\/\/www.reservit.ca\/en\/retro-2025\/\">\n    <meta property=\"og:site_name\" content=\"Reservit Canada\">\n    <meta name=\"twitter:card\" content=\"summary_large_image\">\n\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\">\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700;800&amp;display=swap\" rel=\"stylesheet\">\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&amp;display=swap\" rel=\"stylesheet\">\n\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n\n    <style>\n        :root {\n            --color-primary: #23bfd1;\n            --color-secondary: #f7951e;\n            --color-accent: #dd1667;\n            --color-green: #16a34a;\n            --color-purple: #7c3aed;\n            --color-text: #1d1d1f;\n            --color-text-light: #4b5563;\n            --color-background: #fbfbfd;\n            --color-surface: #ffffff;\n            --color-dark-surface: #111827;\n            --shadow-soft: 0 4px 6px -1px rgb(0 0 0 \/ 0.07);\n            --shadow-medium: 0 10px 15px -3px rgb(0 0 0 \/ 0.1);\n            --shadow-glow: 0 0 40px rgba(35, 191, 209, 0.15);\n            --transition-smooth: 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n        }\n\n        body {\n            font-family: 'Poppins', sans-serif;\n            background-color: var(--color-background);\n            color: var(--color-text);\n            overflow-x: hidden;\n            line-height: 1.6;\n        }\n\n        @media (prefers-reduced-motion: reduce) {\n            *, ::before, ::after {\n                animation-duration: 0.01ms !important;\n                animation-iteration-count: 1 !important;\n                transition-duration: 0.01ms !important;\n                scroll-behavior: auto !important;\n            }\n            .hero-section::before, .footer-cta::before {\n                animation: none !important;\n            }\n        }\n\n        @media (max-width: 768px) {\n            .sparkle:nth-child(even),\n            .confetti:nth-child(even),\n            .firework-particle:nth-child(even),\n            .light-ray:nth-child(even) {\n                display: none !important;\n            }\n            .hero-section::before {\n                animation: none;\n                background-attachment: scroll;\n            }\n        }\n\n        .material-symbols-outlined {\n            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 48;\n        }\n\n        .hero-section {\n            background: linear-gradient(135deg, #0c1929 0%, #1a3a5c 50%, #23bfd1 100%);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .hero-section::before {\n            content: '';\n            position: absolute;\n            inset: 0;\n            background-image: url('data:image\/svg+xml,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100\" height=\"100\" viewBox=\"0 0 100 100\"><g fill=\"%23ffffff\" opacity=\"0.03\"><circle cx=\"10\" cy=\"10\" r=\"1.5\"\/><circle cx=\"30\" cy=\"30\" r=\"1.5\"\/><circle cx=\"50\" cy=\"50\" r=\"1.5\"\/><circle cx=\"70\" cy=\"70\" r=\"1.5\"\/><circle cx=\"90\" cy=\"90\" r=\"1.5\"\/><circle cx=\"10\" cy=\"50\" r=\"1.5\"\/><circle cx=\"50\" cy=\"10\" r=\"1.5\"\/><circle cx=\"90\" cy=\"50\" r=\"1.5\"\/><circle cx=\"50\" cy=\"90\" r=\"1.5\"\/><\/g><\/svg>');\n            animation: pan 60s linear infinite;\n        }\n\n        @keyframes pan {\n            0% { background-position: 0% 0%; }\n            100% { background-position: 100% 100%; }\n        }\n\n        .aura-glow {\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            width: 700px;\n            height: 700px;\n            background: radial-gradient(circle, rgba(247, 149, 30, 0.2) 0%, rgba(35, 191, 209, 0.1) 40%, transparent 70%);\n            filter: blur(80px);\n            animation: aura-pulse 8s infinite alternate;\n            pointer-events: none;\n        }\n\n        @keyframes aura-pulse {\n            0% { transform: translate(-50%, -50%) scale(1); opacity: 0.5; }\n            100% { transform: translate(-50%, -50%) scale(1.2); opacity: 0.8; }\n        }\n\n        .floating-icon {\n            position: absolute;\n            opacity: 0.12;\n            animation: float 6s ease-in-out infinite;\n        }\n\n        @keyframes float {\n            0%, 100% { transform: translateY(0) rotate(0deg); }\n            50% { transform: translateY(-20px) rotate(5deg); }\n        }\n\n        .hero-title {\n            color: #ffffff;\n            text-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);\n        }\n\n        .highlight-text {\n            color: var(--color-secondary);\n            position: relative;\n        }\n\n        .counter-number {\n            font-size: 3.5rem;\n            font-weight: 800;\n            background: linear-gradient(135deg, var(--color-secondary), #fbbf24);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            line-height: 1;\n        }\n\n        .section-title { color: var(--color-text); }\n        .section-title .highlight { color: var(--color-primary); }\n\n        .btn {\n            padding: 0.875rem 2rem;\n            border-radius: 9999px;\n            font-weight: 600;\n            font-size: 1.125rem;\n            transition: transform var(--transition-smooth), box-shadow var(--transition-smooth), background-color var(--transition-smooth);\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            gap: 0.5rem;\n            text-align: center;\n            border: none;\n            text-decoration: none;\n        }\n\n        .btn:hover {\n            transform: translateY(-3px);\n            box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15);\n        }\n\n        .btn-primary { background-color: var(--color-primary); color: white; }\n        .btn-primary:hover { background-color: #1faab8; }\n        .btn-secondary { background-color: var(--color-secondary); color: white; }\n        .btn-secondary:hover { background-color: #e0851c; }\n        .btn-accent { background-color: var(--color-accent); color: white; }\n        .btn-accent:hover { background-color: #c4125c; }\n        .btn-outline {\n            background-color: transparent;\n            border: 2px solid var(--color-primary);\n            color: var(--color-primary);\n        }\n        .btn-outline:hover {\n            background-color: var(--color-primary);\n            color: white;\n        }\n\n        .scroll-animate {\n            opacity: 0;\n            transform: translateY(30px);\n            transition: opacity 0.6s ease-out, transform 0.6s ease-out;\n        }\n\n        .scroll-animate.is-visible {\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        .priority-card {\n            background: var(--color-surface);\n            border-radius: 1.5rem;\n            padding: 2rem;\n            border: 1px solid #e5e7eb;\n            transition: all var(--transition-smooth);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .priority-card::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            height: 4px;\n            background: linear-gradient(90deg, var(--card-color, var(--color-primary)), transparent);\n            opacity: 0;\n            transition: opacity var(--transition-smooth);\n        }\n\n        .priority-card:hover {\n            transform: translateY(-8px);\n            box-shadow: var(--shadow-glow), var(--shadow-medium);\n            border-color: transparent;\n        }\n\n        .priority-card:hover::before {\n            opacity: 1;\n        }\n\n        .priority-card .icon-wrapper {\n            width: 64px;\n            height: 64px;\n            border-radius: 1rem;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin-bottom: 1.25rem;\n            position: relative;\n        }\n\n        .priority-card .icon-wrapper::after {\n            content: '';\n            position: absolute;\n            inset: -4px;\n            border-radius: 1.25rem;\n            background: inherit;\n            opacity: 0.2;\n            filter: blur(8px);\n        }\n\n        .priority-card .icon-wrapper .material-symbols-outlined {\n            font-size: 32px;\n            color: white;\n            position: relative;\n            z-index: 1;\n        }\n\n        .priority-card .new-badge {\n            position: absolute;\n            top: 1rem;\n            right: 1rem;\n            background: linear-gradient(135deg, var(--color-accent), #f472b6);\n            color: white;\n            padding: 0.25rem 0.75rem;\n            border-radius: 9999px;\n            font-size: 0.7rem;\n            font-weight: 700;\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n        }\n\n        .priority-card .feature-list {\n            list-style: none;\n            padding: 0;\n            margin: 1rem 0 0;\n        }\n\n        .priority-card .feature-list li {\n            display: flex;\n            align-items: flex-start;\n            gap: 0.5rem;\n            font-size: 0.9rem;\n            color: var(--color-text-light);\n            margin-bottom: 0.5rem;\n        }\n\n        .priority-card .feature-list li .material-symbols-outlined {\n            font-size: 16px;\n            color: var(--color-green);\n            flex-shrink: 0;\n            margin-top: 2px;\n        }\n\n        .mini-card {\n            background: var(--color-surface);\n            border-radius: 1rem;\n            padding: 1.25rem;\n            border: 1px solid #e5e7eb;\n            transition: all var(--transition-smooth);\n            display: flex;\n            align-items: flex-start;\n            gap: 1rem;\n        }\n\n        .mini-card:hover {\n            transform: translateY(-3px);\n            box-shadow: var(--shadow-soft);\n            border-color: var(--color-primary);\n        }\n\n        .mini-card .mini-icon {\n            width: 44px;\n            height: 44px;\n            border-radius: 0.75rem;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            flex-shrink: 0;\n        }\n\n        .mini-card .mini-icon .material-symbols-outlined {\n            font-size: 22px;\n            color: white;\n        }\n\n        .mini-card .tutorial-link {\n            display: inline-flex;\n            align-items: center;\n            gap: 0.25rem;\n            font-size: 0.75rem;\n            color: var(--color-primary);\n            text-decoration: none;\n            font-weight: 600;\n            margin-top: 0.5rem;\n            transition: color var(--transition-smooth);\n        }\n\n        .mini-card .tutorial-link:hover {\n            color: #1faab8;\n            text-decoration: underline;\n        }\n\n        .mini-card .tutorial-link .material-symbols-outlined {\n            font-size: 14px;\n        }\n\n        .future-card {\n            background: var(--color-surface);\n            border-radius: 1.5rem;\n            padding: 2rem;\n            border: 1px solid #e5e7eb;\n            transition: transform var(--transition-smooth), box-shadow var(--transition-smooth);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .future-card:hover {\n            transform: translateY(-5px);\n            box-shadow: var(--shadow-medium);\n        }\n\n        .future-card.highlight {\n            background: linear-gradient(135deg, var(--color-dark-surface) 0%, #1e3a5f 100%);\n            color: white;\n            border: none;\n        }\n\n        .future-card.highlight h3,\n        .future-card.highlight p,\n        .future-card.highlight li,\n        .future-card.highlight strong,\n        .future-card.highlight span,\n        .future-card.highlight ul,\n        .future-card.highlight * {\n            color: #ffffff !important;\n        }\n\n        .future-card.highlight .perks-list li {\n            color: #ffffff !important;\n        }\n\n        .future-card.highlight .material-symbols-outlined {\n            color: #ffffff !important;\n        }\n\n        .future-card .badge-tag {\n            display: inline-flex;\n            align-items: center;\n            gap: 0.4rem;\n            padding: 0.4rem 0.8rem;\n            border-radius: 9999px;\n            font-size: 0.75rem;\n            font-weight: 700;\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n            margin-bottom: 1rem;\n        }\n\n        .badge-primary { background: rgba(35, 191, 209, 0.15); color: var(--color-primary); }\n        .badge-secondary { background: rgba(247, 149, 30, 0.15); color: var(--color-secondary); }\n        .badge-accent { background: rgba(221, 22, 103, 0.15); color: var(--color-accent); }\n        .badge-white { background: rgba(255, 255, 255, 0.15); color: white; }\n        .badge-green { background: rgba(22, 163, 74, 0.15); color: var(--color-green); }\n        .badge-purple { background: rgba(124, 58, 237, 0.15); color: var(--color-purple); }\n\n        .secret-badge {\n            position: absolute;\n            top: 1.25rem;\n            right: 1.25rem;\n            background: var(--color-accent);\n            color: white;\n            padding: 0.35rem 0.75rem;\n            border-radius: 0.5rem;\n            font-size: 0.7rem;\n            font-weight: 800;\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n            display: flex;\n            align-items: center;\n            gap: 0.3rem;\n        }\n\n        .perks-list {\n            list-style: none;\n            padding: 0;\n            margin: 1.25rem 0 0;\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 0.75rem;\n        }\n\n        .perks-list li {\n            display: flex;\n            align-items: center;\n            gap: 0.5rem;\n            font-size: 0.9rem;\n            opacity: 0.9;\n        }\n\n        .perks-list li .material-symbols-outlined {\n            font-size: 18px;\n            color: var(--color-secondary);\n        }\n\n        .cta-section {\n            background: linear-gradient(135deg, #fffbf5 0%, #fff4e0 100%);\n            border: 1px solid #ffedd5;\n            border-radius: 2rem;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .cta-section::before {\n            content: '';\n            position: absolute;\n            top: -50%;\n            right: -20%;\n            width: 400px;\n            height: 400px;\n            background: radial-gradient(circle, rgba(247, 149, 30, 0.1) 0%, transparent 70%);\n            pointer-events: none;\n        }\n\n        .stat-card {\n            background: rgba(255, 255, 255, 0.1);\n            backdrop-filter: blur(10px);\n            border: 1px solid rgba(255, 255, 255, 0.2);\n            border-radius: 1rem;\n            padding: 1.5rem 1rem;\n            text-align: center;\n        }\n\n        .stat-number {\n            font-size: 2rem;\n            font-weight: 800;\n            color: var(--color-secondary);\n            line-height: 1;\n        }\n\n        .stat-label {\n            font-size: 0.8rem;\n            opacity: 0.9;\n            margin-top: 0.5rem;\n        }\n\n        .timeline-section {\n            position: relative;\n        }\n\n        .timeline-section::before {\n            content: '';\n            position: absolute;\n            left: 50%;\n            top: 0;\n            bottom: 0;\n            width: 2px;\n            background: linear-gradient(180deg, var(--color-primary), var(--color-secondary));\n            opacity: 0.2;\n            transform: translateX(-50%);\n        }\n\n        .footer-cta {\n            background-color: var(--color-dark-surface);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .footer-cta::before {\n            content: '';\n            position: absolute;\n            inset: 0;\n            background-image: url('data:image\/svg+xml,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100\" height=\"100\" viewBox=\"0 0 100 100\"><g fill=\"%23222938\"><circle cx=\"10\" cy=\"10\" r=\"1.5\"\/><circle cx=\"30\" cy=\"30\" r=\"1.5\"\/><circle cx=\"50\" cy=\"50\" r=\"1.5\"\/><circle cx=\"70\" cy=\"70\" r=\"1.5\"\/><circle cx=\"90\" cy=\"90\" r=\"1.5\"\/><\/g><\/svg>');\n            opacity: 0.5;\n            animation: pan 60s linear infinite;\n        }\n\n        .tab-button {\n            padding: 0.75rem 1.5rem;\n            border-radius: 9999px;\n            font-weight: 600;\n            font-size: 0.9rem;\n            background: transparent;\n            color: var(--color-text-light);\n            border: 2px solid transparent;\n            cursor: pointer;\n            transition: all var(--transition-smooth);\n        }\n\n        .tab-button:hover {\n            color: var(--color-primary);\n        }\n\n        .tab-button.active {\n            background: var(--color-surface);\n            color: var(--color-primary);\n            border-color: var(--color-primary);\n            box-shadow: var(--shadow-soft);\n        }\n\n        .category-card {\n            background: var(--color-surface);\n            border: 2px solid #e5e7eb;\n            border-radius: 1.25rem;\n            padding: 1.25rem 1rem;\n            text-align: center;\n            cursor: pointer;\n            transition: all var(--transition-smooth);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .category-card::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            height: 4px;\n            background: linear-gradient(90deg, transparent, transparent);\n            transition: background var(--transition-smooth);\n        }\n\n        .category-card:hover {\n            transform: translateY(-4px);\n            box-shadow: var(--shadow-medium);\n            border-color: #d1d5db;\n        }\n\n        .category-card.active {\n            border-color: var(--color-primary);\n            box-shadow: 0 0 0 3px rgba(35, 191, 209, 0.15), var(--shadow-medium);\n        }\n\n        .category-card.active::before {\n            background: linear-gradient(90deg, var(--color-primary), var(--color-secondary));\n        }\n\n        .category-card[data-tab=\"integrations\"].active { border-color: #22c55e; box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.15), var(--shadow-medium); }\n        .category-card[data-tab=\"integrations\"].active::before { background: linear-gradient(90deg, #22c55e, #16a34a); }\n\n        .category-card[data-tab=\"operations\"].active { border-color: var(--color-secondary); box-shadow: 0 0 0 3px rgba(247, 149, 30, 0.15), var(--shadow-medium); }\n        .category-card[data-tab=\"operations\"].active::before { background: linear-gradient(90deg, var(--color-secondary), #ea580c); }\n\n        .category-card[data-tab=\"distribution\"].active { border-color: var(--color-primary); box-shadow: 0 0 0 3px rgba(35, 191, 209, 0.15), var(--shadow-medium); }\n        .category-card[data-tab=\"distribution\"].active::before { background: linear-gradient(90deg, var(--color-primary), #0891b2); }\n\n        .category-card[data-tab=\"rapports\"].active { border-color: var(--color-purple); box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.15), var(--shadow-medium); }\n        .category-card[data-tab=\"rapports\"].active::before { background: linear-gradient(90deg, var(--color-purple), #6d28d9); }\n\n        .category-icon {\n            width: 48px;\n            height: 48px;\n            border-radius: 12px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin: 0 auto 0.75rem;\n            color: white;\n        }\n\n        .category-icon .material-symbols-outlined {\n            font-size: 24px;\n        }\n\n        .category-count {\n            font-size: 2rem;\n            font-weight: 800;\n            color: var(--color-text);\n            line-height: 1;\n            margin-bottom: 0.25rem;\n        }\n\n        .category-name {\n            font-weight: 700;\n            font-size: 0.95rem;\n            color: var(--color-text);\n            margin-bottom: 0.15rem;\n        }\n\n        .category-desc {\n            font-size: 0.75rem;\n            color: var(--color-text-light);\n        }\n\n        .tab-content {\n            display: none;\n            animation: fadeIn 0.4s ease;\n        }\n\n        .tab-content.active {\n            display: block;\n        }\n\n        @keyframes fadeIn {\n            from { opacity: 0; transform: translateY(10px); }\n            to { opacity: 1; transform: translateY(0); }\n        }\n\n        @media (max-width: 768px) {\n            .perks-list {\n                grid-template-columns: 1fr;\n            }\n\n            .stat-card {\n                padding: 1rem;\n            }\n\n            .stat-number {\n                font-size: 1.5rem;\n            }\n\n            .counter-number {\n                font-size: 2.5rem;\n            }\n\n            .timeline-section::before {\n                display: none;\n            }\n        }\n\n        .celebration-section {\n            position: relative;\n            overflow: hidden;\n            background: linear-gradient(180deg, #fdf4ff 0%, #faf5ff 50%, #f5f3ff 100%);\n        }\n\n        .celebration-section.timeline-section::before {\n            display: none;\n        }\n\n        .sparkle {\n            position: absolute;\n            width: 20px;\n            height: 20px;\n            border-radius: 50%;\n            filter: blur(1px);\n            animation: sparkle-big 2.5s ease-in-out infinite;\n        }\n\n        .sparkle::before {\n            content: '\u2726';\n            position: absolute;\n            font-size: 24px;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n        }\n\n        @keyframes sparkle-big {\n            0%, 100% {\n                opacity: 0;\n                transform: scale(0) rotate(0deg);\n            }\n            25% {\n                opacity: 1;\n                transform: scale(1.2) rotate(90deg);\n            }\n            50% {\n                opacity: 1;\n                transform: scale(1) rotate(180deg);\n            }\n            75% {\n                opacity: 0.7;\n                transform: scale(0.8) rotate(270deg);\n            }\n        }\n\n        .celebration-section .sparkle:nth-child(1) { left: 5%; top: 15%; color: var(--color-secondary); animation-delay: 0s; font-size: 28px; }\n        .celebration-section .sparkle:nth-child(2) { left: 15%; top: 55%; color: var(--color-primary); animation-delay: 0.4s; font-size: 22px; }\n        .celebration-section .sparkle:nth-child(3) { left: 25%; top: 25%; color: var(--color-accent); animation-delay: 0.8s; font-size: 32px; }\n        .celebration-section .sparkle:nth-child(4) { left: 75%; top: 20%; color: var(--color-secondary); animation-delay: 1.2s; font-size: 26px; }\n        .celebration-section .sparkle:nth-child(5) { left: 85%; top: 45%; color: var(--color-primary); animation-delay: 0.2s; font-size: 30px; }\n        .celebration-section .sparkle:nth-child(6) { left: 92%; top: 65%; color: var(--color-accent); animation-delay: 1.6s; font-size: 24px; }\n        .celebration-section .sparkle:nth-child(7) { left: 10%; top: 75%; color: #8b5cf6; animation-delay: 0.6s; font-size: 28px; }\n        .celebration-section .sparkle:nth-child(8) { left: 88%; top: 12%; color: #10b981; animation-delay: 1s; font-size: 26px; }\n        .celebration-section .sparkle:nth-child(9) { left: 50%; top: 8%; color: var(--color-secondary); animation-delay: 1.4s; font-size: 34px; }\n        .celebration-section .sparkle:nth-child(10) { left: 35%; top: 80%; color: var(--color-primary); animation-delay: 0.3s; font-size: 22px; }\n\n        .firework-particle {\n            position: absolute;\n            width: 12px;\n            height: 12px;\n            border-radius: 50%;\n            animation: firework-explode 3s ease-out infinite;\n        }\n\n        .firework-particle::before,\n        .firework-particle::after {\n            content: '';\n            position: absolute;\n            border-radius: 50%;\n        }\n\n        .firework-particle::before {\n            width: 8px;\n            height: 8px;\n            background: inherit;\n            top: -25px;\n            left: 2px;\n            box-shadow:\n                20px 10px 0 currentColor,\n                -20px 10px 0 currentColor,\n                25px 25px 0 currentColor,\n                -25px 25px 0 currentColor,\n                0 30px 0 currentColor,\n                15px -15px 0 currentColor,\n                -15px -15px 0 currentColor;\n            animation: firework-rays 3s ease-out infinite;\n        }\n\n        @keyframes firework-explode {\n            0% {\n                opacity: 0;\n                transform: scale(0);\n            }\n            15% {\n                opacity: 1;\n                transform: scale(1);\n            }\n            30% {\n                opacity: 1;\n                transform: scale(1.5);\n            }\n            60% {\n                opacity: 0.8;\n                transform: scale(2);\n            }\n            100% {\n                opacity: 0;\n                transform: scale(2.5);\n            }\n        }\n\n        @keyframes firework-rays {\n            0% {\n                opacity: 0;\n                transform: scale(0);\n            }\n            15% {\n                opacity: 1;\n                transform: scale(0.5);\n            }\n            30% {\n                opacity: 1;\n                transform: scale(1);\n            }\n            60% {\n                opacity: 0.6;\n                transform: scale(1.8);\n            }\n            100% {\n                opacity: 0;\n                transform: scale(2.5);\n            }\n        }\n\n        .celebration-section .firework-particle:nth-child(11) { left: 20%; top: 35%; background: var(--color-accent); color: var(--color-accent); animation-delay: 0s; }\n        .celebration-section .firework-particle:nth-child(12) { left: 78%; top: 30%; background: var(--color-secondary); color: var(--color-secondary); animation-delay: 1s; }\n        .celebration-section .firework-particle:nth-child(13) { left: 45%; top: 55%; background: var(--color-primary); color: var(--color-primary); animation-delay: 2s; }\n        .celebration-section .firework-particle:nth-child(14) { left: 30%; top: 18%; background: #8b5cf6; color: #8b5cf6; animation-delay: 0.5s; }\n        .celebration-section .firework-particle:nth-child(15) { left: 68%; top: 70%; background: #10b981; color: #10b981; animation-delay: 1.5s; }\n\n        .confetti {\n            position: absolute;\n            width: 12px;\n            height: 12px;\n            animation: confetti-fall 4s ease-in-out infinite;\n        }\n\n        @keyframes confetti-fall {\n            0% {\n                opacity: 0;\n                transform: translateY(-20px) rotate(0deg);\n            }\n            10% {\n                opacity: 1;\n            }\n            90% {\n                opacity: 1;\n            }\n            100% {\n                opacity: 0;\n                transform: translateY(100px) rotate(720deg);\n            }\n        }\n\n        .celebration-section .confetti:nth-child(16) { left: 8%; top: 5%; background: var(--color-secondary); animation-delay: 0.2s; border-radius: 2px; }\n        .celebration-section .confetti:nth-child(17) { left: 22%; top: 10%; background: var(--color-primary); animation-delay: 0.7s; border-radius: 50%; }\n        .celebration-section .confetti:nth-child(18) { left: 42%; top: 3%; background: var(--color-accent); animation-delay: 1.2s; border-radius: 2px; }\n        .celebration-section .confetti:nth-child(19) { left: 58%; top: 8%; background: #8b5cf6; animation-delay: 0.4s; border-radius: 50%; }\n        .celebration-section .confetti:nth-child(20) { left: 72%; top: 5%; background: #10b981; animation-delay: 0.9s; border-radius: 2px; }\n        .celebration-section .confetti:nth-child(21) { left: 88%; top: 10%; background: var(--color-secondary); animation-delay: 1.4s; border-radius: 50%; }\n        .celebration-section .confetti:nth-child(22) { left: 95%; top: 3%; background: var(--color-primary); animation-delay: 0.1s; border-radius: 2px; }\n        .celebration-section .confetti:nth-child(23) { left: 3%; top: 8%; background: var(--color-accent); animation-delay: 1.7s; border-radius: 50%; }\n\n        .light-ray {\n            position: absolute;\n            width: 3px;\n            height: 80px;\n            background: linear-gradient(180deg, transparent, var(--color-secondary), transparent);\n            opacity: 0.4;\n            animation: ray-shine 2s ease-in-out infinite;\n            transform-origin: bottom center;\n        }\n\n        @keyframes ray-shine {\n            0%, 100% {\n                opacity: 0;\n                transform: scaleY(0) rotate(-15deg);\n            }\n            50% {\n                opacity: 0.6;\n                transform: scaleY(1) rotate(15deg);\n            }\n        }\n\n        .celebration-section .light-ray:nth-child(24) { left: 12%; top: 30%; animation-delay: 0.3s; }\n        .celebration-section .light-ray:nth-child(25) { left: 82%; top: 25%; animation-delay: 0.8s; background: linear-gradient(180deg, transparent, var(--color-primary), transparent); }\n        .celebration-section .light-ray:nth-child(26) { left: 55%; top: 20%; animation-delay: 1.3s; background: linear-gradient(180deg, transparent, var(--color-accent), transparent); }\n    <\/style>\n\n\n    <main>\n        <!-- Hero Section -->\n        <section class=\"hero-section min-h-[90vh] flex items-center justify-center text-white relative\" aria-label=\"Reservit 2025 recap\">\n            <div class=\"aura-glow\"><\/div>\n\n            <div class=\"floating-icon\" style=\"top: 10%; left: 8%; animation-delay: 0s;\">\n                <span class=\"material-symbols-outlined\" style=\"font-size: 48px;\">trending_up<\/span>\n            <\/div>\n            <div class=\"floating-icon\" style=\"top: 20%; right: 12%; animation-delay: 2s;\">\n                <span class=\"material-symbols-outlined\" style=\"font-size: 56px;\">smartphone<\/span>\n            <\/div>\n            <div class=\"floating-icon\" style=\"bottom: 25%; left: 5%; animation-delay: 4s;\">\n                <span class=\"material-symbols-outlined\" style=\"font-size: 44px;\">security<\/span>\n            <\/div>\n            <div class=\"floating-icon\" style=\"bottom: 15%; right: 8%; animation-delay: 1s;\">\n                <span class=\"material-symbols-outlined\" style=\"font-size: 52px;\">rocket_launch<\/span>\n            <\/div>\n            <div class=\"floating-icon\" style=\"top: 40%; left: 3%; animation-delay: 3s;\">\n                <span class=\"material-symbols-outlined\" style=\"font-size: 40px;\">notifications<\/span>\n            <\/div>\n\n            <div class=\"max-w-5xl mx-auto px-6 text-center relative z-10\">\n                <div class=\"inline-flex items-center gap-2 px-4 py-2 rounded-full bg-white\/10 backdrop-blur-sm border border-white\/20 text-sm font-semibold mb-6\">\n                    <span class=\"material-symbols-outlined text-lg text-[var(--color-secondary)]\">auto_awesome<\/span>\n                    2025 Canada Recap &amp; 2026 Vision\n                <\/div>\n\n                <h1 class=\"hero-title text-4xl md:text-5xl lg:text-6xl font-extrabold tracking-tight mb-6\">\n                    A year of <span class=\"highlight-text\">innovation<\/span> built for your success\n                <\/h1>\n\n                <p class=\"text-lg md:text-xl opacity-90 max-w-2xl mx-auto mb-8 leading-relaxed\">\n                    In 2025, we released <strong>40+ updates in Canada<\/strong> to simplify daily operations and boost revenue. With <strong>96% satisfaction<\/strong> across nearly 15,000 customer requests, Reservit keeps evolving with you.\n                <\/p>\n\n                <div class=\"grid grid-cols-2 md:grid-cols-4 gap-4 max-w-2xl mx-auto mb-10\">\n                    <div class=\"stat-card\">\n                        <div class=\"stat-number\" data-target=\"40\">0<\/div>\n                        <div class=\"stat-label\">Updates<\/div>\n                    <\/div>\n                    <div class=\"stat-card\">\n                        <div class=\"stat-number\" data-target=\"300\">0<\/div>\n                        <div class=\"stat-label\">New customers<\/div>\n                    <\/div>\n                    <div class=\"stat-card\">\n                        <div class=\"stat-number\" data-target=\"12\">0<\/div>\n                        <div class=\"stat-label\">Integrations<\/div>\n                    <\/div>\n                    <div class=\"stat-card\">\n                        <div class=\"stat-number\">96%<\/div>\n                        <div class=\"stat-label\">Customer satisfaction<\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"flex flex-col sm:flex-row gap-4 justify-center\">\n                    <a href=\"#priorites-2025\" class=\"btn btn-secondary\">\n                        <span class=\"material-symbols-outlined\">arrow_downward<\/span>\n                        Explore what's new\n                    <\/a>\n                    <a href=\"https:\/\/www.reservit.ca\/en\/request-a-quote\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"btn btn-outline\" style=\"border-color: white; color: white;\">\n                        <span class=\"material-symbols-outlined\">calendar_month<\/span>\n                        Book a demo\n                    <\/a>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- 2025 Highlights Section -->\n        <section id=\"priorites-2025\" class=\"py-20 md:py-28\" aria-label=\"2025 key features\">\n            <div class=\"max-w-screen-xl mx-auto px-6\">\n                <div class=\"text-center mb-16 scroll-animate\">\n                    <span class=\"inline-flex items-center gap-2 px-4 py-2 rounded-full bg-cyan-50 text-[var(--color-primary)] font-semibold text-sm mb-4\">\n                        <span class=\"material-symbols-outlined text-lg\">star<\/span>\n                        Must-haves\n                    <\/span>\n                    <h2 class=\"section-title text-4xl md:text-5xl font-bold tracking-tight\">\n                        6 innovations that <span class=\"highlight\">changed everything<\/span>\n                    <\/h2>\n                    <p class=\"mt-4 text-lg text-gray-600 max-w-2xl mx-auto\">\n                        These flagship features are already transforming day-to-day operations. Explore what makes the difference.\n                    <\/p>\n                <\/div>\n\n                <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-8\">\n\n                    <!-- Mobile App -->\n                    <div class=\"priority-card scroll-animate flex flex-col md:flex-row gap-6\" style=\"--card-color: var(--color-primary);\">\n                        <div class=\"flex-1\">\n                            <span class=\"new-badge\" style=\"position: static; display: inline-flex; margin-bottom: 1rem;\">New<\/span>\n                            <div class=\"icon-wrapper\" style=\"background: linear-gradient(135deg, var(--color-primary), #0891b2);\">\n                                <span class=\"material-symbols-outlined\">smartphone<\/span>\n                            <\/div>\n                            <h3 class=\"font-bold text-xl mb-2 text-gray-900\">Reservit Mobile App<\/h3>\n                            <p class=\"text-gray-600 text-sm leading-relaxed mb-3\">\n                                The power of Reservit in your pocket. Manage your property anywhere, anytime.\n                            <\/p>\n                            <ul class=\"feature-list\">\n                                <li>\n                                    <span class=\"material-symbols-outlined\">check_circle<\/span>\n                                    Real-time booking calendar\n                                <\/li>\n                                <li>\n                                    <span class=\"material-symbols-outlined\">check_circle<\/span>\n                                    Housekeeping tracking and management\n                                <\/li>\n                                <li>\n                                    <span class=\"material-symbols-outlined\">check_circle<\/span>\n                                    Instant rate updates\n                                <\/li>\n                                <li>\n                                    <span class=\"material-symbols-outlined\">check_circle<\/span>\n                                    Channel Manager controls\n                                <\/li>\n                            <\/ul>\n                            <div class=\"flex gap-3 mt-4 pt-4 border-t border-gray-100\">\n                                <a href=\"https:\/\/apps.apple.com\/fr\/app\/reservit-manager\/id6743842504\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"inline-flex items-center gap-1.5 px-3 py-1.5 bg-gray-900 text-white text-xs font-semibold rounded-lg hover:bg-gray-800 transition-colors\">\n                                    <svg class=\"w-4 h-4\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M18.71 19.5c-.83 1.24-1.71 2.45-3.05 2.47-1.34.03-1.77-.79-3.29-.79-1.53 0-2 .77-3.27.82-1.31.05-2.3-1.32-3.14-2.53C4.25 17 2.94 12.45 4.7 9.39c.87-1.52 2.43-2.48 4.12-2.51 1.28-.02 2.5.87 3.29.87.78 0 2.26-1.07 3.81-.91.65.03 2.47.26 3.64 1.98-.09.06-2.17 1.28-2.15 3.81.03 3.02 2.65 4.03 2.68 4.04-.03.07-.42 1.44-1.38 2.83M13 3.5c.73-.83 1.94-1.46 2.94-1.5.13 1.17-.34 2.35-1.04 3.19-.69.85-1.83 1.51-2.95 1.42-.15-1.15.41-2.35 1.05-3.11z\"><\/path><\/svg>\n                                    App Store\n                                <\/a>\n                                <a href=\"https:\/\/play.google.com\/store\/apps\/details?id=com.reservit.mobile&amp;pli=1\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"inline-flex items-center gap-1.5 px-3 py-1.5 bg-gray-900 text-white text-xs font-semibold rounded-lg hover:bg-gray-800 transition-colors\">\n                                    <svg class=\"w-4 h-4\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M3,20.5V3.5C3,2.91 3.34,2.39 3.84,2.15L13.69,12L3.84,21.85C3.34,21.6 3,21.09 3,20.5M16.81,15.12L6.05,21.34L14.54,12.85L16.81,15.12M20.16,10.81C20.5,11.08 20.75,11.5 20.75,12C20.75,12.5 20.53,12.9 20.18,13.18L17.89,14.5L15.39,12L17.89,9.5L20.16,10.81M6.05,2.66L16.81,8.88L14.54,11.15L6.05,2.66Z\"><\/path><\/svg>\n                                    Google Play\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                        <div class=\"flex-shrink-0 flex items-center justify-center\">\n                            <div class=\"relative\">\n                                <div class=\"w-36 h-72 bg-gray-900 rounded-[2rem] p-1.5 shadow-2xl\">\n                                    <div class=\"w-full h-full bg-white rounded-[1.6rem] overflow-hidden relative\">\n                                        <div class=\"absolute top-0 left-1\/2 transform -translate-x-1\/2 w-16 h-5 bg-gray-900 rounded-b-xl\"><\/div>\n                                        <img src=\"https:\/\/www.reservit.ca\/zeeptapo\/2025\/08\/Interface-calendrierplanning.png\" alt=\"Reservit mobile app\" class=\"w-full h-full object-cover\" width=\"300\" height=\"600\" loading=\"lazy\" decoding=\"async\">\n                                    <\/div>\n                                <\/div>\n                                <div class=\"absolute -top-3 -right-3 w-8 h-8 bg-[var(--color-primary)] rounded-full opacity-30 animate-pulse\"><\/div>\n                                <div class=\"absolute -bottom-2 -left-2 w-6 h-6 bg-[var(--color-secondary)] rounded-full opacity-25 animate-pulse\" style=\"animation-delay: 1s;\"><\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Two-Factor Authentication -->\n                    <div class=\"priority-card scroll-animate flex flex-col md:flex-row gap-6\" style=\"--card-color: var(--color-green); transition-delay: 100ms;\">\n                        <div class=\"flex-1\">\n                            <span class=\"new-badge\" style=\"position: static; display: inline-flex; margin-bottom: 1rem; background: linear-gradient(135deg, var(--color-green), #15803d);\">Security<\/span>\n                            <div class=\"icon-wrapper\" style=\"background: linear-gradient(135deg, var(--color-green), #15803d);\">\n                                <span class=\"material-symbols-outlined\">verified_user<\/span>\n                            <\/div>\n                            <h3 class=\"font-bold text-xl mb-2 text-gray-900\">Two-Factor Authentication &amp; Security<\/h3>\n                            <p class=\"text-gray-600 text-sm leading-relaxed mb-3\">\n                                Stronger protection for your data and your guests' information. Security is no longer optional.\n                            <\/p>\n                            <ul class=\"feature-list\">\n                                <li>\n                                    <span class=\"material-symbols-outlined\">check_circle<\/span>\n                                    Two-factor authentication on sensitive pages\n                                <\/li>\n                                <li>\n                                    <span class=\"material-symbols-outlined\">check_circle<\/span>\n                                    PCI DSS Level 1 certification renewed\n                                <\/li>\n                                <li>\n                                    <span class=\"material-symbols-outlined\">check_circle<\/span>\n                                    Customizable login templates per employee\n                                <\/li>\n                                <li>\n                                    <span class=\"material-symbols-outlined\">check_circle<\/span>\n                                    Simplified access-rights management\n                                <\/li>\n                            <\/ul>\n                        <\/div>\n                        <div class=\"flex-shrink-0 flex items-center justify-center\">\n                            <div class=\"relative w-40 h-40\">\n                                <div class=\"absolute inset-0 flex items-center justify-center\">\n                                    <div class=\"w-28 h-32 bg-gradient-to-b from-[var(--color-green)] to-emerald-700 rounded-t-full rounded-b-lg shadow-xl flex items-center justify-center\">\n                                        <span class=\"material-symbols-outlined text-white\" style=\"font-size: 48px; font-variation-settings: 'FILL' 1;\">lock<\/span>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"absolute top-2 right-0 w-10 h-10 bg-white rounded-full shadow-lg flex items-center justify-center animate-pulse\">\n                                    <span class=\"material-symbols-outlined text-[var(--color-green)]\" style=\"font-size: 20px;\">key<\/span>\n                                <\/div>\n                                <div class=\"absolute bottom-4 left-0 w-10 h-10 bg-white rounded-full shadow-lg flex items-center justify-center animate-pulse\" style=\"animation-delay: 0.5s;\">\n                                    <span class=\"material-symbols-outlined text-[var(--color-green)]\" style=\"font-size: 20px;\">fingerprint<\/span>\n                                <\/div>\n                                <div class=\"absolute top-1\/2 -right-2 w-8 h-8 bg-emerald-100 rounded-full flex items-center justify-center\">\n                                    <span class=\"material-symbols-outlined text-emerald-600\" style=\"font-size: 16px;\">check<\/span>\n                                <\/div>\n                                <div class=\"absolute -bottom-2 right-0 bg-gray-900 text-white text-[10px] font-bold px-2 py-1 rounded-md\">\n                                    PCI-DSS L1\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <!-- New Booking Experience -->\n                    <div class=\"priority-card scroll-animate flex flex-col md:flex-row gap-6\" style=\"--card-color: var(--color-secondary); transition-delay: 200ms;\">\n                        <div class=\"flex-1\">\n                            <span class=\"new-badge\" style=\"position: static; display: inline-flex; margin-bottom: 1rem; background: linear-gradient(135deg, var(--color-secondary), #ea580c);\">Game-changer<\/span>\n                            <div class=\"icon-wrapper\" style=\"background: linear-gradient(135deg, var(--color-secondary), #ea580c);\">\n                                <span class=\"material-symbols-outlined\">calendar_month<\/span>\n                            <\/div>\n                            <h3 class=\"font-bold text-xl mb-2 text-gray-900\">New Booking Experience<\/h3>\n                            <p class=\"text-gray-600 text-sm leading-relaxed mb-3\">\n                                A redesigned guest journey to maximize conversions and simplify every booking.\n                            <\/p>\n                            <ul class=\"feature-list\">\n                                <li>\n                                    <span class=\"material-symbols-outlined\">check_circle<\/span>\n                                    Next-gen availability calendar\n                                <\/li>\n                                <li>\n                                    <span class=\"material-symbols-outlined\">check_circle<\/span>\n                                    New flow for accommodations + activities\/restaurant add-ons\n                                <\/li>\n                                <li>\n                                    <span class=\"material-symbols-outlined\">check_circle<\/span>\n                                    Streamlined booking steps\n                                <\/li>\n                                <li>\n                                    <span class=\"material-symbols-outlined\">check_circle<\/span>\n                                    Modern, conversion-focused design\n                                <\/li>\n                            <\/ul>\n                        <\/div>\n                        <div class=\"flex-shrink-0 flex items-center justify-center\">\n                            <div class=\"relative\">\n                                <div class=\"w-48 rounded-xl overflow-hidden shadow-2xl border border-gray-200\">\n                                    <img src=\"https:\/\/www.reservit.ca\/zeeptapo\/2025\/12\/RBE-Cross-Selling-V2.png\" alt=\"New booking experience with cross-selling\" class=\"w-full h-auto\" width=\"800\" height=\"450\" loading=\"lazy\" decoding=\"async\">\n                                <\/div>\n                                <div class=\"absolute -top-2 -right-2 bg-[var(--color-secondary)] text-white text-[10px] font-bold px-2 py-1 rounded-full shadow-lg\">\n                                    NEW\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Smart Search -->\n                    <div class=\"priority-card scroll-animate flex flex-col md:flex-row gap-6\" style=\"--card-color: var(--color-purple); transition-delay: 300ms;\">\n                        <div class=\"flex-1\">\n                            <span class=\"new-badge\" style=\"position: static; display: inline-flex; margin-bottom: 1rem; background: linear-gradient(135deg, var(--color-purple), #6d28d9);\">Productivity<\/span>\n                            <div class=\"icon-wrapper\" style=\"background: linear-gradient(135deg, var(--color-purple), #6d28d9);\">\n                                <span class=\"material-symbols-outlined\">search<\/span>\n                            <\/div>\n                            <h3 class=\"font-bold text-xl mb-2 text-gray-900\">Smart Search Engine<\/h3>\n                            <p class=\"text-gray-600 text-sm leading-relaxed mb-3\">\n                                Find <strong>any booking or feature<\/strong> from a single search bar. Faster. More intuitive.\n                            <\/p>\n                            <ul class=\"feature-list\">\n                                <li>\n                                    <span class=\"material-symbols-outlined\">check_circle<\/span>\n                                    Universal keyword search\n                                <\/li>\n                                <li>\n                                    <span class=\"material-symbols-outlined\">check_circle<\/span>\n                                    Instant access to key features\n                                <\/li>\n                                <li>\n                                    <span class=\"material-symbols-outlined\">check_circle<\/span>\n                                    Booking status visible (new iconography)\n                                <\/li>\n                                <li>\n                                    <span class=\"material-symbols-outlined\">check_circle<\/span>\n                                    Personalized favourites\n                                <\/li>\n                            <\/ul>\n                        <\/div>\n                        <div class=\"flex-shrink-0 flex items-center justify-center\">\n                            <div class=\"relative w-44\">\n                                <div class=\"bg-white rounded-xl shadow-xl border border-gray-200 p-3\">\n                                    <div class=\"flex items-center gap-2 bg-gray-100 rounded-lg px-3 py-2 mb-3\">\n                                        <span class=\"material-symbols-outlined text-gray-400\" style=\"font-size: 18px;\">search<\/span>\n                                        <span class=\"text-xs text-gray-400\">Search...<\/span>\n                                    <\/div>\n                                    <div class=\"space-y-2\">\n                                        <div class=\"flex items-center gap-2 p-2 bg-purple-50 rounded-lg\">\n                                            <span class=\"w-2 h-2 bg-green-500 rounded-full\"><\/span>\n                                            <span class=\"text-[10px] font-medium text-gray-700\">Booking #12458<\/span>\n                                            <span class=\"text-[9px] text-green-600 ml-auto\">Confirmed<\/span>\n                                        <\/div>\n                                        <div class=\"flex items-center gap-2 p-2 bg-gray-50 rounded-lg\">\n                                            <span class=\"w-2 h-2 bg-orange-500 rounded-full\"><\/span>\n                                            <span class=\"text-[10px] font-medium text-gray-700\">Booking #12459<\/span>\n                                            <span class=\"text-[9px] text-orange-600 ml-auto\">Option<\/span>\n                                        <\/div>\n                                        <div class=\"flex items-center gap-2 p-2 bg-gray-50 rounded-lg\">\n                                            <span class=\"material-symbols-outlined text-purple-500\" style=\"font-size: 14px;\">settings<\/span>\n                                            <span class=\"text-[10px] font-medium text-gray-700\">Settings<\/span>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Notifications Feed -->\n                    <div class=\"priority-card scroll-animate flex flex-col md:flex-row gap-6\" style=\"--card-color: var(--color-accent); transition-delay: 400ms;\">\n                        <div class=\"flex-1\">\n                            <span class=\"new-badge\" style=\"position: static; display: inline-flex; margin-bottom: 1rem; background: linear-gradient(135deg, var(--color-accent), #be185d);\">Real-time<\/span>\n                            <div class=\"icon-wrapper\" style=\"background: linear-gradient(135deg, var(--color-accent), #be185d);\">\n                                <span class=\"material-symbols-outlined\">notifications_active<\/span>\n                            <\/div>\n                            <h3 class=\"font-bold text-xl mb-2 text-gray-900\">Enhanced Notifications Feed<\/h3>\n                            <p class=\"text-gray-600 text-sm leading-relaxed mb-3\">\n                                Stay informed at all times: bookings, changes, and <strong>technical incidents from connected partners<\/strong>.\n                            <\/p>\n                            <ul class=\"feature-list\">\n                                <li>\n                                    <span class=\"material-symbols-outlined\">check_circle<\/span>\n                                    Real-time booking notifications\n                                <\/li>\n                                <li>\n                                    <span class=\"material-symbols-outlined\">check_circle<\/span>\n                                    Incident alerts for distribution partners\n                                <\/li>\n                                <li>\n                                    <span class=\"material-symbols-outlined\">check_circle<\/span>\n                                    Enhanced home view (arrivals\/departures\/cancellations)\n                                <\/li>\n                                <li>\n                                    <span class=\"material-symbols-outlined\">check_circle<\/span>\n                                    Last 24 hours history\n                                <\/li>\n                            <\/ul>\n                        <\/div>\n                        <div class=\"flex-shrink-0 flex items-center justify-center\">\n                            <div class=\"relative w-44\">\n                                <div class=\"bg-white rounded-xl shadow-xl border border-gray-200 p-3\">\n                                    <div class=\"flex items-center gap-2 mb-3\">\n                                        <span class=\"material-symbols-outlined text-[var(--color-accent)]\" style=\"font-size: 20px;\">notifications<\/span>\n                                        <span class=\"text-xs font-bold text-gray-800\">Notifications<\/span>\n                                        <span class=\"ml-auto bg-[var(--color-accent)] text-white text-[10px] font-bold px-1.5 py-0.5 rounded-full\">5<\/span>\n                                    <\/div>\n                                    <div class=\"space-y-2\">\n                                        <div class=\"p-2 bg-green-50 rounded-lg border-l-2 border-green-500\">\n                                            <div class=\"text-[10px] font-semibold text-gray-800\">New booking<\/div>\n                                            <div class=\"text-[9px] text-gray-500\">Room 12 \u2022 2 nights<\/div>\n                                        <\/div>\n                                        <div class=\"p-2 bg-orange-50 rounded-lg border-l-2 border-orange-500\">\n                                            <div class=\"text-[10px] font-semibold text-gray-800\">Change<\/div>\n                                            <div class=\"text-[9px] text-gray-500\">Booking #12456 updated<\/div>\n                                        <\/div>\n                                        <div class=\"p-2 bg-red-50 rounded-lg border-l-2 border-red-500\">\n                                            <div class=\"text-[10px] font-semibold text-gray-800\">\u26a0\ufe0f Booking.com incident<\/div>\n                                            <div class=\"text-[9px] text-gray-500\">Sync temporarily interrupted<\/div>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Invoicing Redesign -->\n                    <div class=\"priority-card scroll-animate flex flex-col md:flex-row gap-6\" style=\"--card-color: #0ea5e9; transition-delay: 500ms;\">\n                        <div class=\"flex-1\">\n                            <span class=\"new-badge\" style=\"position: static; display: inline-flex; margin-bottom: 1rem; background: linear-gradient(135deg, #0ea5e9, #0284c7);\">Accounting<\/span>\n                            <div class=\"icon-wrapper\" style=\"background: linear-gradient(135deg, #0ea5e9, #0284c7);\">\n                                <span class=\"material-symbols-outlined\">receipt_long<\/span>\n                            <\/div>\n                            <h3 class=\"font-bold text-xl mb-2 text-gray-900\">Invoicing Redesign<\/h3>\n                            <p class=\"text-gray-600 text-sm leading-relaxed mb-3\">\n                                A clearer invoicing experience for smoother accounting\u2014without friction.\n                            <\/p>\n                            <ul class=\"feature-list\">\n                                <li>\n                                    <span class=\"material-symbols-outlined\">check_circle<\/span>\n                                    Invoicing integrated into the calendar\n                                <\/li>\n                                <li>\n                                    <span class=\"material-symbols-outlined\">check_circle<\/span>\n                                    New daily revenue reports\n                                <\/li>\n                                <li>\n                                    <span class=\"material-symbols-outlined\">check_circle<\/span>\n                                    Flexible accounting exports\n                                <\/li>\n                                <li>\n                                    <span class=\"material-symbols-outlined\">check_circle<\/span>\n                                    Summary dashboard\n                                <\/li>\n                            <\/ul>\n                        <\/div>\n                        <div class=\"flex-shrink-0 flex items-center justify-center\">\n                            <div class=\"relative w-40\">\n                                <div class=\"bg-white rounded-xl shadow-xl border border-gray-200 p-3\">\n                                    <div class=\"flex items-center justify-between mb-3\">\n                                        <span class=\"text-[10px] font-bold text-gray-800\">Invoice #2025-1234<\/span>\n                                        <span class=\"bg-green-100 text-green-700 text-[8px] font-bold px-1.5 py-0.5 rounded\">PAID<\/span>\n                                    <\/div>\n                                    <div class=\"space-y-1.5 mb-3\">\n                                        <div class=\"flex justify-between text-[9px]\">\n                                            <span class=\"text-gray-500\">Accommodation<\/span>\n                                            <span class=\"text-gray-700\">245.00 $<\/span>\n                                        <\/div>\n                                        <div class=\"flex justify-between text-[9px]\">\n                                            <span class=\"text-gray-500\">Breakfast<\/span>\n                                            <span class=\"text-gray-700\">35.00 $<\/span>\n                                        <\/div>\n                                        <div class=\"flex justify-between text-[9px]\">\n                                            <span class=\"text-gray-500\">Taxes<\/span>\n                                            <span class=\"text-gray-700\">41.86 $<\/span>\n                                        <\/div>\n                                    <\/div>\n                                    <div class=\"border-t pt-2 flex justify-between\">\n                                        <span class=\"text-[10px] font-bold text-gray-800\">Total<\/span>\n                                        <span class=\"text-[12px] font-bold text-[#0ea5e9]\">321.86 $<\/span>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"absolute -bottom-2 -right-2 w-10 h-10 bg-sky-100 rounded-full flex items-center justify-center shadow-lg\">\n                                    <span class=\"material-symbols-outlined text-sky-600\" style=\"font-size: 20px;\">bar_chart<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- All Updates Section -->\n        <section class=\"py-20 md:py-28 bg-gradient-to-b from-gray-50 to-white\" aria-label=\"All updates 2025\">\n            <div class=\"max-w-screen-xl mx-auto px-6\">\n                <div class=\"text-center mb-12 scroll-animate\">\n                    <span class=\"inline-flex items-center gap-2 px-4 py-2 rounded-full bg-orange-50 text-[var(--color-secondary)] font-semibold text-sm mb-4\">\n                        <span class=\"material-symbols-outlined text-lg\">inventory_2<\/span>\n                        40+ updates released in Canada\n                    <\/span>\n                    <h2 class=\"section-title text-4xl md:text-5xl font-bold tracking-tight\">\n                        And that's not <span style=\"color: var(--color-secondary);\">all...<\/span>\n                    <\/h2>\n                    <p class=\"mt-4 text-lg text-gray-600 max-w-2xl mx-auto\">\n                        Explore all improvements by category that make Reservit more powerful every day. These features are specifically built and deployed for our Canadian customers.\n                    <\/p>\n                <\/div>\n\n                <!-- Category Cards -->\n                <div class=\"grid grid-cols-2 md:grid-cols-4 gap-4 mb-10 scroll-animate\" style=\"transition-delay: 100ms;\">\n                    <button class=\"category-card active\" data-tab=\"integrations\">\n                        <div class=\"category-icon\" style=\"background: linear-gradient(135deg, #22c55e, #16a34a);\">\n                            <span class=\"material-symbols-outlined\">hub<\/span>\n                        <\/div>\n                        <div class=\"category-count\">12<\/div>\n                        <div class=\"category-name\">Integrations<\/div>\n                        <div class=\"category-desc\">Partners &amp; connectors<\/div>\n                    <\/button>\n                    <button class=\"category-card\" data-tab=\"operations\">\n                        <div class=\"category-icon\" style=\"background: linear-gradient(135deg, var(--color-secondary), #ea580c);\">\n                            <span class=\"material-symbols-outlined\">settings<\/span>\n                        <\/div>\n                        <div class=\"category-count\">20<\/div>\n                        <div class=\"category-name\">Operations<\/div>\n                        <div class=\"category-desc\">Daily management<\/div>\n                    <\/button>\n                    <button class=\"category-card\" data-tab=\"distribution\">\n                        <div class=\"category-icon\" style=\"background: linear-gradient(135deg, var(--color-primary), #0891b2);\">\n                            <span class=\"material-symbols-outlined\">share<\/span>\n                        <\/div>\n                        <div class=\"category-count\">10<\/div>\n                        <div class=\"category-name\">Connectivity Enhancements<\/div>\n                        <div class=\"category-desc\">Channels &amp; partners<\/div>\n                    <\/button>\n                    <button class=\"category-card\" data-tab=\"rapports\">\n                        <div class=\"category-icon\" style=\"background: linear-gradient(135deg, var(--color-purple), #6d28d9);\">\n                            <span class=\"material-symbols-outlined\">analytics<\/span>\n                        <\/div>\n                        <div class=\"category-count\">8<\/div>\n                        <div class=\"category-name\">Reports<\/div>\n                        <div class=\"category-desc\">Insights &amp; exports<\/div>\n                    <\/button>\n                <\/div>\n\n                <!-- Tab Content: Integrations -->\n                <div id=\"tab-integrations\" class=\"tab-content active\">\n                    <div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4\">\n                        <div class=\"mini-card bg-gradient-to-br from-emerald-50 to-white border-emerald-200\">\n                            <div class=\"mini-icon\" style=\"background: linear-gradient(135deg, #22c55e, #16a34a);\">\n                                <span class=\"material-symbols-outlined\">key<\/span>\n                            <\/div>\n                            <div>\n                                <h4 class=\"font-semibold text-gray-900 mb-1\">Connected Locks<\/h4>\n                                <p class=\"text-sm text-gray-500 mb-2\">Automatic booking sync and instant electronic key generation.<\/p>\n                                <div class=\"flex flex-wrap gap-1\">\n                                    <span class=\"text-[10px] bg-emerald-100 text-emerald-700 px-2 py-0.5 rounded-full font-medium\">Assa Abloy<\/span>\n                                    <span class=\"text-[10px] bg-emerald-100 text-emerald-700 px-2 py-0.5 rounded-full font-medium\">Salto<\/span>\n                                    <span class=\"text-[10px] bg-emerald-100 text-emerald-700 px-2 py-0.5 rounded-full font-medium\">Onity<\/span>\n                                    <span class=\"text-[10px] bg-emerald-100 text-emerald-700 px-2 py-0.5 rounded-full font-medium\">Dormakaba<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"mini-card bg-gradient-to-br from-amber-50 to-white border-amber-200\">\n                            <div class=\"mini-icon\" style=\"background: linear-gradient(135deg, #f59e0b, #d97706);\">\n                                <span class=\"material-symbols-outlined\">credit_card<\/span>\n                            <\/div>\n                            <div>\n                                <h4 class=\"font-semibold text-gray-900 mb-1\">PayFacto Terminals<\/h4>\n                                <p class=\"text-sm text-gray-500\">Integration of PayFacto in-person payment terminals for smoother collections.<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"mini-card bg-gradient-to-br from-violet-50 to-white border-violet-200\">\n                            <div class=\"mini-icon\" style=\"background: linear-gradient(135deg, #8b5cf6, #7c3aed);\">\n                                <span class=\"material-symbols-outlined\">psychology<\/span>\n                            <\/div>\n                            <div>\n                                <h4 class=\"font-semibold text-gray-900 mb-1\">AI Revenue Management<\/h4>\n                                <p class=\"text-sm text-gray-500 mb-2\">Get optimized pricing recommendations powered by AI algorithms analyzing your market in real time.<\/p>\n                                <div class=\"flex flex-wrap gap-1\">\n                                    <span class=\"text-[10px] bg-violet-100 text-violet-700 px-2 py-0.5 rounded-full font-medium\">Revbell<\/span>\n                                    <span class=\"text-[10px] bg-violet-100 text-violet-700 px-2 py-0.5 rounded-full font-medium\">Lighthouse<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"mini-card sm:col-span-2 lg:col-span-3 bg-gradient-to-br from-cyan-50 to-white border-cyan-200\">\n                            <div class=\"mini-icon\" style=\"background: linear-gradient(135deg, #06b6d4, #0891b2);\">\n                                <span class=\"material-symbols-outlined\">storefront<\/span>\n                            <\/div>\n                            <div class=\"flex-1\">\n                                <h4 class=\"font-semibold text-gray-900 mb-1\">New Canadian Distribution Channels<\/h4>\n                                <p class=\"text-sm text-gray-500 mb-2\">Increase visibility on the most popular local and national platforms.<\/p>\n                                <div class=\"flex flex-wrap gap-2\">\n                                    <span class=\"inline-flex items-center gap-1 text-xs bg-cyan-100 text-cyan-700 px-2.5 py-1 rounded-full font-medium\">\n                                        <span class=\"material-symbols-outlined\" style=\"font-size: 14px;\">cabin<\/span>\n                                        WeChalet\n                                    <\/span>\n                                    <span class=\"inline-flex items-center gap-1 text-xs bg-pink-100 text-pink-700 px-2.5 py-1 rounded-full font-medium\">\n                                        <span class=\"material-symbols-outlined\" style=\"font-size: 14px;\">local_offer<\/span>\n                                        Vie Urbaine\n                                    <\/span>\n                                    <span class=\"inline-flex items-center gap-1 text-xs bg-orange-100 text-orange-700 px-2.5 py-1 rounded-full font-medium\">\n                                        <span class=\"material-symbols-outlined\" style=\"font-size: 14px;\">percent<\/span>\n                                        Promo Rabais\n                                    <\/span>\n                                    <span class=\"inline-flex items-center gap-1 text-xs bg-purple-100 text-purple-700 px-2.5 py-1 rounded-full font-medium\">\n                                        <span class=\"material-symbols-outlined\" style=\"font-size: 14px;\">flight<\/span>\n                                        Escapade \u00e0 rabais\n                                    <\/span>\n                                    <span class=\"inline-flex items-center gap-1 text-xs bg-red-100 text-red-700 px-2.5 py-1 rounded-full font-medium\">\n                                        <span class=\"material-symbols-outlined\" style=\"font-size: 14px;\">favorite<\/span>\n                                        ILoveMTL\n                                    <\/span>\n                                    <span class=\"inline-flex items-center gap-1 text-xs bg-teal-100 text-teal-700 px-2.5 py-1 rounded-full font-medium\">\n                                        <span class=\"material-symbols-outlined\" style=\"font-size: 14px;\">kayaking<\/span>\n                                        \u00c9quinox Aventure\n                                    <\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Tab Content: Operations -->\n                <div id=\"tab-operations\" class=\"tab-content\">\n                    <div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4\">\n                        <div class=\"mini-card bg-gradient-to-br from-cyan-50 to-white border-cyan-200\">\n                            <div class=\"mini-icon\" style=\"background: linear-gradient(135deg, var(--color-primary), #0891b2);\">\n                                <span class=\"material-symbols-outlined\">door_front<\/span>\n                            <\/div>\n                            <div>\n                                <h4 class=\"font-semibold text-gray-900 mb-1\">Today's Bookings Module<\/h4>\n                                <p class=\"text-sm text-gray-500\">See arrivals, departures, and in-house stays at a glance for smoother day-to-day operations.<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"mini-card bg-gradient-to-br from-orange-50 to-white border-orange-200\">\n                            <div class=\"mini-icon\" style=\"background: linear-gradient(135deg, #f97316, #ea580c);\">\n                                <span class=\"material-symbols-outlined\">description<\/span>\n                            <\/div>\n                            <div>\n                                <h4 class=\"font-semibold text-gray-900 mb-1\">Enhanced Guest Registration Cards<\/h4>\n                                <p class=\"text-sm text-gray-500\">Access all key details instantly: assigned unit, room category, selected offers, and total booking amount.<\/p>\n                                <a href=\"https:\/\/help.reservit.com\/EN\/how-to-configure-and-customize-your-guest-registra\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"tutorial-link\">\n                                    <span class=\"material-symbols-outlined\">school<\/span>\n                                    View tutorial\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                        <div class=\"mini-card bg-gradient-to-br from-violet-50 to-white border-violet-200\">\n                            <div class=\"mini-icon\" style=\"background: linear-gradient(135deg, #a855f7, #9333ea);\">\n                                <span class=\"material-symbols-outlined\">manage_accounts<\/span>\n                            <\/div>\n                            <div>\n                                <h4 class=\"font-semibold text-gray-900 mb-1\">Simplified User Management<\/h4>\n                                <p class=\"text-sm text-gray-500\">Create custom login templates and easily assign specific access rights to each team member.<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"mini-card bg-gradient-to-br from-emerald-50 to-white border-emerald-200\">\n                            <div class=\"mini-icon\" style=\"background: linear-gradient(135deg, #10b981, #059669);\">\n                                <span class=\"material-symbols-outlined\">history<\/span>\n                            <\/div>\n                            <div>\n                                <h4 class=\"font-semibold text-gray-900 mb-1\">Full Extras History<\/h4>\n                                <p class=\"text-sm text-gray-500\">Track the full lifecycle of extras: creation date, changes, deletions, and every adjustment.<\/p>\n                                <a href=\"https:\/\/help.reservit.com\/EN\/access-your-extras-configuration-history-reservit-\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"tutorial-link\">\n                                    <span class=\"material-symbols-outlined\">school<\/span>\n                                    View tutorial\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                        <div class=\"mini-card bg-gradient-to-br from-indigo-50 to-white border-indigo-200\">\n                            <div class=\"mini-icon\" style=\"background: linear-gradient(135deg, #6366f1, #4f46e5);\">\n                                <span class=\"material-symbols-outlined\">category<\/span>\n                            <\/div>\n                            <div>\n                                <h4 class=\"font-semibold text-gray-900 mb-1\">Bulk Assignment of Amenities<\/h4>\n                                <p class=\"text-sm text-gray-500\">Assign amenities and services to multiple units at once to save valuable time.<\/p>\n                                <a href=\"https:\/\/help.reservit.com\/EN\/manage-your-equipment-and-services-reservit-accomm\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"tutorial-link\">\n                                    <span class=\"material-symbols-outlined\">school<\/span>\n                                    View tutorial\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                        <div class=\"mini-card bg-gradient-to-br from-rose-50 to-white border-rose-200\">\n                            <div class=\"mini-icon\" style=\"background: linear-gradient(135deg, #f43f5e, #e11d48);\">\n                                <span class=\"material-symbols-outlined\">timer<\/span>\n                            <\/div>\n                            <div>\n                                <h4 class=\"font-semibold text-gray-900 mb-1\">Custom Length of Stay<\/h4>\n                                <p class=\"text-sm text-gray-500\">Set minimum and maximum length-of-stay rules independently for each rate plan based on your needs.<\/p>\n                                <a href=\"https:\/\/help.reservit.com\/EN\/apply-length-of-stay-reservit-accommodation\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"tutorial-link\">\n                                    <span class=\"material-symbols-outlined\">school<\/span>\n                                    View tutorial\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                        <div class=\"mini-card bg-gradient-to-br from-teal-50 to-white border-teal-200\">\n                            <div class=\"mini-icon\" style=\"background: linear-gradient(135deg, #14b8a6, #0d9488);\">\n                                <span class=\"material-symbols-outlined\">mail<\/span>\n                            <\/div>\n                            <div>\n                                <h4 class=\"font-semibold text-gray-900 mb-1\">Personalized Confirmation Emails<\/h4>\n                                <p class=\"text-sm text-gray-500\">Automatically adapt your communications based on the type of accommodation booked for a tailored guest experience.<\/p>\n                                <a href=\"https:\/\/help.reservit.com\/EN\/customize-your-guest-communications-based-on-the-t\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"tutorial-link\">\n                                    <span class=\"material-symbols-outlined\">school<\/span>\n                                    View tutorial\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                        <div class=\"mini-card bg-gradient-to-br from-amber-50 to-white border-amber-200\">\n                            <div class=\"mini-icon\" style=\"background: linear-gradient(135deg, #eab308, #ca8a04);\">\n                                <span class=\"material-symbols-outlined\">policy<\/span>\n                            <\/div>\n                            <div>\n                                <h4 class=\"font-semibold text-gray-900 mb-1\">Aligned Privacy Policy<\/h4>\n                                <p class=\"text-sm text-gray-500\">Keep your website legal mentions aligned with what's displayed in your booking engine.<\/p>\n                                <a href=\"https:\/\/help.reservit.com\/EN\/link-your-website-s-privacy-policy-to-the-privacy-\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"tutorial-link\">\n                                    <span class=\"material-symbols-outlined\">school<\/span>\n                                    View tutorial\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                        <div class=\"mini-card bg-gradient-to-br from-slate-50 to-white border-slate-200\">\n                            <div class=\"mini-icon\" style=\"background: linear-gradient(135deg, #64748b, #475569);\">\n                                <span class=\"material-symbols-outlined\">help_center<\/span>\n                            <\/div>\n                            <div>\n                                <h4 class=\"font-semibold text-gray-900 mb-1\">Built-in Help Center<\/h4>\n                                <p class=\"text-sm text-gray-500\">Access our knowledge base and an interactive FAQ without leaving your workspace.<\/p>\n                            <\/div>\n                        <\/div>\n                        <!-- New Activities Features -->\n                        <div class=\"mini-card bg-gradient-to-br from-blue-50 to-white border-blue-200\">\n                            <div class=\"mini-icon\" style=\"background: linear-gradient(135deg, #3b82f6, #2563eb);\">\n                                <span class=\"material-symbols-outlined\">payments<\/span>\n                            <\/div>\n                            <div>\n                                <h4 class=\"font-semibold text-gray-900 mb-1\">Split payments (2 instalments) \u2014 Reservit Activities<\/h4>\n                                <p class=\"text-sm text-gray-500\">Let guests pay for activities in two instalments to make higher-value bookings easier.<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"mini-card bg-gradient-to-br from-purple-50 to-white border-purple-200\">\n                            <div class=\"mini-icon\" style=\"background: linear-gradient(135deg, #a855f7, #7c3aed);\">\n                                <span class=\"material-symbols-outlined\">comment<\/span>\n                            <\/div>\n                            <div>\n                                <h4 class=\"font-semibold text-gray-900 mb-1\">Internal Comments \u2014 Reservit Activities<\/h4>\n                                <p class=\"text-sm text-gray-500\">Add internal notes to activity bookings to improve team communication.<\/p>\n                                <a href=\"https:\/\/help.reservit.com\/EN\/leave-an-internal-commentary-for-your-team-members\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"tutorial-link\">\n                                    <span class=\"material-symbols-outlined\">school<\/span>\n                                    View tutorial\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                        <div class=\"mini-card bg-gradient-to-br from-sky-50 to-white border-sky-200\">\n                            <div class=\"mini-icon\" style=\"background: linear-gradient(135deg, #0ea5e9, #0284c7);\">\n                                <span class=\"material-symbols-outlined\">calendar_view_week<\/span>\n                            <\/div>\n                            <div>\n                                <h4 class=\"font-semibold text-gray-900 mb-1\">Enhanced Weekly View \u2014 Activities<\/h4>\n                                <p class=\"text-sm text-gray-500\">Customize your activities calendar display with an enriched weekly view for better planning.<\/p>\n                                <a href=\"https:\/\/help.reservit.com\/EN\/viewing-availability-in-week-view-reservit-activit\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"tutorial-link\">\n                                    <span class=\"material-symbols-outlined\">school<\/span>\n                                    View tutorial\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                        <div class=\"mini-card bg-gradient-to-br from-red-50 to-white border-red-200\">\n                            <div class=\"mini-icon\" style=\"background: linear-gradient(135deg, #ef4444, #dc2626);\">\n                                <span class=\"material-symbols-outlined\">restaurant<\/span>\n                            <\/div>\n                            <div>\n                                <h4 class=\"font-semibold text-gray-900 mb-1\">Restaurant Improvements<\/h4>\n                                <p class=\"text-sm text-gray-500\">No more retyping guest info. Once the room is identified, customer details are automatically pre-filled.<\/p>\n                                <a href=\"https:\/\/help.reservit.com\/EN\/auto-completion-of-restaurant-customer-details-whe\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"tutorial-link\">\n                                    <span class=\"material-symbols-outlined\">school<\/span>\n                                    View tutorial\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                        <div class=\"mini-card sm:col-span-2 bg-gradient-to-br from-amber-50 to-white border-amber-200\">\n                            <div class=\"mini-icon\" style=\"background: linear-gradient(135deg, #f59e0b, #d97706);\">\n                                <span class=\"material-symbols-outlined\">warning<\/span>\n                            <\/div>\n                            <div class=\"flex-1\">\n                                <h4 class=\"font-semibold text-gray-900 mb-1\">Risk Acceptance Form \u2014 Activities<\/h4>\n                                <p class=\"text-sm text-gray-500 mb-2\">Customize risk acceptance forms in a few clicks. Collect information per booking or participant, display activity-related risks, add your logo, then print or email.<\/p>\n                                <a href=\"https:\/\/help.reservit.com\/EN\/registration-form-configuration-reservit-activitie\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"tutorial-link\">\n                                    <span class=\"material-symbols-outlined\">school<\/span>\n                                    View tutorial\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Tab Content: Connectivity Enhancements -->\n                <div id=\"tab-distribution\" class=\"tab-content\">\n                    <div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4\">\n                        <div class=\"mini-card sm:col-span-2 lg:col-span-3 bg-gradient-to-br from-blue-50 to-white border-blue-200\">\n                            <div class=\"mini-icon\" style=\"background: linear-gradient(135deg, #3b82f6, #2563eb);\">\n                                <span class=\"material-symbols-outlined\">credit_card<\/span>\n                            <\/div>\n                            <div class=\"flex-1\">\n                                <h4 class=\"font-semibold text-gray-900 mb-1\">Booking.com Integration Improvements<\/h4>\n                                <p class=\"text-sm text-gray-500 mb-2\">More accurate and complete synchronization with the world's leading online booking platform.<\/p>\n                                <div class=\"flex flex-wrap gap-2\">\n                                    <span class=\"inline-flex items-center gap-1 text-xs bg-blue-100 text-blue-700 px-2.5 py-1 rounded-full font-medium\">\n                                        <span class=\"material-symbols-outlined\" style=\"font-size: 14px;\">credit_card<\/span>\n                                        Virtual cards with exact amounts\n                                    <\/span>\n                                    <span class=\"inline-flex items-center gap-1 text-xs bg-emerald-100 text-emerald-700 px-2.5 py-1 rounded-full font-medium\">\n                                        <span class=\"material-symbols-outlined\" style=\"font-size: 14px;\">receipt<\/span>\n                                        Canadian taxes on invoices\n                                    <\/span>\n                                    <span class=\"inline-flex items-center gap-1 text-xs bg-amber-100 text-amber-700 px-2.5 py-1 rounded-full font-medium\">\n                                        <span class=\"material-symbols-outlined\" style=\"font-size: 14px;\">schedule<\/span>\n                                        Automatic deadline transmission\n                                    <\/span>\n                                    <span class=\"inline-flex items-center gap-1 text-xs bg-violet-100 text-violet-700 px-2.5 py-1 rounded-full font-medium\">\n                                        <span class=\"material-symbols-outlined\" style=\"font-size: 14px;\">groups<\/span>\n                                        Age categories per room\n                                    <\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"mini-card bg-gradient-to-br from-pink-50 to-white border-pink-200\">\n                            <div class=\"mini-icon\" style=\"background: linear-gradient(135deg, #ec4899, #db2777);\">\n                                <span class=\"material-symbols-outlined\">hotel<\/span>\n                            <\/div>\n                            <div>\n                                <h4 class=\"font-semibold text-gray-900 mb-1\">Hotelbeds Occupancy-Based Pricing<\/h4>\n                                <p class=\"text-sm text-gray-500\">Manage rates by number of occupants with full support for Hotelbeds OBP (Occupancy Based Pricing).<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"mini-card bg-gradient-to-br from-teal-50 to-white border-teal-200\">\n                            <div class=\"mini-icon\" style=\"background: linear-gradient(135deg, #14b8a6, #0d9488);\">\n                                <span class=\"material-symbols-outlined\">corporate_fare<\/span>\n                            <\/div>\n                            <div>\n                                <h4 class=\"font-semibold text-gray-900 mb-1\">Improved Multi-Property Management<\/h4>\n                                <p class=\"text-sm text-gray-500\">Move between properties effortlessly with a new intuitive screen featuring smart auto-complete and advanced filters.<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"mini-card bg-gradient-to-br from-cyan-50 to-white border-cyan-200\">\n                            <div class=\"mini-icon\" style=\"background: linear-gradient(135deg, #06b6d4, #0891b2);\">\n                                <span class=\"material-symbols-outlined\">sync<\/span>\n                            <\/div>\n                            <div>\n                                <h4 class=\"font-semibold text-gray-900 mb-1\">Optimized Two-Way Sync<\/h4>\n                                <p class=\"text-sm text-gray-500\">Enjoy real-time updates of availability and rates across all connected distribution channels.<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"mini-card bg-gradient-to-br from-orange-50 to-white border-orange-200\">\n                            <div class=\"mini-icon\" style=\"background: linear-gradient(135deg, #f97316, #ea580c);\">\n                                <span class=\"material-symbols-outlined\">tune<\/span>\n                            <\/div>\n                            <div>\n                                <h4 class=\"font-semibold text-gray-900 mb-1\">Advanced Channel Settings<\/h4>\n                                <p class=\"text-sm text-gray-500\">Configure channel-specific rules: restrictions, rate markups, and custom selling conditions.<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"mini-card bg-gradient-to-br from-indigo-50 to-white border-indigo-200\">\n                            <div class=\"mini-icon\" style=\"background: linear-gradient(135deg, #6366f1, #4f46e5);\">\n                                <span class=\"material-symbols-outlined\">inventory<\/span>\n                            <\/div>\n                            <div>\n                                <h4 class=\"font-semibold text-gray-900 mb-1\">Centralized Inventory Management<\/h4>\n                                <p class=\"text-sm text-gray-500\">Control inventory allocation across sales channels from a single interface to maximize occupancy.<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Tab Content: Reports -->\n                <div id=\"tab-rapports\" class=\"tab-content\">\n                    <div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4\">\n                        <div class=\"mini-card sm:col-span-2 lg:col-span-2 bg-gradient-to-br from-cyan-50 to-white border-cyan-200\">\n                            <div class=\"mini-icon\" style=\"background: linear-gradient(135deg, #06b6d4, #0891b2);\">\n                                <span class=\"material-symbols-outlined\">bar_chart<\/span>\n                            <\/div>\n                            <div class=\"flex-1\">\n                                <h4 class=\"font-semibold text-gray-900 mb-1\">Daily Accommodation Revenue Analysis<\/h4>\n                                <p class=\"text-sm text-gray-500 mb-2\">Track revenue day-by-day with detailed comparisons between the current year and the previous year.<\/p>\n                                <div class=\"flex flex-wrap gap-2\">\n                                    <span class=\"inline-flex items-center gap-1 text-xs bg-cyan-100 text-cyan-700 px-2.5 py-1 rounded-full font-medium\">\n                                        <span class=\"material-symbols-outlined\" style=\"font-size: 14px;\">calendar_today<\/span>\n                                        Daily report\n                                    <\/span>\n                                    <span class=\"inline-flex items-center gap-1 text-xs bg-cyan-100 text-cyan-700 px-2.5 py-1 rounded-full font-medium\">\n                                        <span class=\"material-symbols-outlined\" style=\"font-size: 14px;\">compare_arrows<\/span>\n                                        Year-over-year comparison\n                                    <\/span>\n                                <\/div>\n                                <a href=\"https:\/\/help.reservit.com\/EN\/daily-accommodation-revenue-report-reservit-accomm\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"tutorial-link\">\n                                    <span class=\"material-symbols-outlined\">school<\/span>\n                                    View tutorial\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                        <div class=\"mini-card bg-gradient-to-br from-orange-50 to-white border-orange-200\">\n                            <div class=\"mini-icon\" style=\"background: linear-gradient(135deg, #f97316, #ea580c);\">\n                                <span class=\"material-symbols-outlined\">trending_up<\/span>\n                            <\/div>\n                            <div>\n                                <h4 class=\"font-semibold text-gray-900 mb-1\">Forecast Occupancy Report<\/h4>\n                                <p class=\"text-sm text-gray-500\">Plan ahead with a complete view of occupied, closed, and available units\u2014plus automatic forecast occupancy rate.<\/p>\n                                <a href=\"https:\/\/help.reservit.com\/EN\/forecast-activity-report-reservit-accommodation\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"tutorial-link\">\n                                    <span class=\"material-symbols-outlined\">school<\/span>\n                                    View tutorial\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                        <div class=\"mini-card bg-gradient-to-br from-violet-50 to-white border-violet-200\">\n                            <div class=\"mini-icon\" style=\"background: linear-gradient(135deg, #a855f7, #9333ea);\">\n                                <span class=\"material-symbols-outlined\">account_balance<\/span>\n                            <\/div>\n                            <div>\n                                <h4 class=\"font-semibold text-gray-900 mb-1\">Customizable Accounting Exports<\/h4>\n                                <p class=\"text-sm text-gray-500\">Generate export files tailored to your accounting system with advanced options and multiple formats.<\/p>\n                                <a href=\"https:\/\/help.reservit.com\/EN\/accounting-exports\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"tutorial-link\">\n                                    <span class=\"material-symbols-outlined\">school<\/span>\n                                    View tutorial\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                        <div class=\"mini-card bg-gradient-to-br from-emerald-50 to-white border-emerald-200\">\n                            <div class=\"mini-icon\" style=\"background: linear-gradient(135deg, #10b981, #059669);\">\n                                <span class=\"material-symbols-outlined\">dashboard<\/span>\n                            <\/div>\n                            <div>\n                                <h4 class=\"font-semibold text-gray-900 mb-1\">Invoicing Dashboard<\/h4>\n                                <p class=\"text-sm text-gray-500\">See a clear visual summary of revenue by period, sales channel, and product category.<\/p>\n                                <a href=\"https:\/\/help.reservit.com\/EN\/filter-your-dashboard-by-billing-date-reservit-acc\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"tutorial-link\">\n                                    <span class=\"material-symbols-outlined\">school<\/span>\n                                    View tutorial\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                        <div class=\"mini-card bg-gradient-to-br from-indigo-50 to-white border-indigo-200\">\n                            <div class=\"mini-icon\" style=\"background: linear-gradient(135deg, #6366f1, #4f46e5);\">\n                                <span class=\"material-symbols-outlined\">sell<\/span>\n                            <\/div>\n                            <div>\n                                <h4 class=\"font-semibold text-gray-900 mb-1\">Upsell Tracking<\/h4>\n                                <p class=\"text-sm text-gray-500\">Identify bookings with upsells using dedicated iconography by activity type: restaurant, spa, activities.<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"mini-card bg-gradient-to-br from-rose-50 to-white border-rose-200\">\n                            <div class=\"mini-icon\" style=\"background: linear-gradient(135deg, #f43f5e, #e11d48);\">\n                                <span class=\"material-symbols-outlined\">grid_view<\/span>\n                            <\/div>\n                            <div>\n                                <h4 class=\"font-semibold text-gray-900 mb-1\">Optimized Planning Grid<\/h4>\n                                <p class=\"text-sm text-gray-500\">Visualize unit occupancy on a clean grid with a simplified display for better everyday readability.<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"text-center mt-12 scroll-animate\">\n                    <a href=\"https:\/\/www.reservit.ca\/en\/reservit-updates\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"btn btn-outline\">\n                        <span class=\"material-symbols-outlined\">newspaper<\/span>\n                        View our product updates feed\n                    <\/a>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- 2026 Vision Section -->\n        <section class=\"py-20 md:py-28 timeline-section celebration-section\" aria-label=\"2026 vision\">\n            <div class=\"sparkle\"><\/div><div class=\"sparkle\"><\/div><div class=\"sparkle\"><\/div><div class=\"sparkle\"><\/div><div class=\"sparkle\"><\/div>\n            <div class=\"sparkle\"><\/div><div class=\"sparkle\"><\/div><div class=\"sparkle\"><\/div><div class=\"sparkle\"><\/div><div class=\"sparkle\"><\/div>\n            <div class=\"firework-particle\"><\/div><div class=\"firework-particle\"><\/div><div class=\"firework-particle\"><\/div><div class=\"firework-particle\"><\/div><div class=\"firework-particle\"><\/div>\n            <div class=\"confetti\"><\/div><div class=\"confetti\"><\/div><div class=\"confetti\"><\/div><div class=\"confetti\"><\/div><div class=\"confetti\"><\/div><div class=\"confetti\"><\/div><div class=\"confetti\"><\/div><div class=\"confetti\"><\/div>\n            <div class=\"light-ray\"><\/div><div class=\"light-ray\"><\/div><div class=\"light-ray\"><\/div>\n\n            <div class=\"max-w-screen-xl mx-auto px-6 relative z-10\">\n                <div class=\"text-center mb-16 scroll-animate\">\n                    <span class=\"inline-flex items-center gap-2 px-4 py-2 rounded-full bg-pink-50 text-[var(--color-accent)] font-semibold text-sm mb-4\">\n                        <span class=\"material-symbols-outlined text-lg\">celebration<\/span>\n                        2026 Vision\n                    <\/span>\n                    <h2 class=\"section-title text-4xl md:text-5xl font-bold tracking-tight\">\n                        The future is coming\u2026 <span style=\"color: var(--color-accent);\">and it's bright<\/span>\n                    <\/h2>\n                    <p class=\"mt-4 text-lg text-gray-600 max-w-2xl mx-auto\">\n                        Get ready for a year of major innovation. Here's a sneak peek of what's ahead.\n                    <\/p>\n                <\/div>\n\n                <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\n                    <div class=\"future-card scroll-animate\">\n                        <span class=\"badge-tag badge-primary\">\n                            <span class=\"material-symbols-outlined text-sm\">credit_card<\/span>\n                            Integrated Payments\n                        <\/span>\n                        <h3 class=\"font-bold text-2xl mb-3 text-gray-900\">PayFacto Virtual<\/h3>\n                        <p class=\"text-gray-600 leading-relaxed\">\n                            After in-person payments, we'll activate the virtual side with PayFacto in 2026 for <strong>full automation<\/strong> of online collections.\n                        <\/p>\n                    <\/div>\n\n                    <div class=\"future-card scroll-animate\" style=\"transition-delay: 100ms;\">\n                        <span class=\"badge-tag badge-secondary\">\n                            <span class=\"material-symbols-outlined text-sm\">card_giftcard<\/span>\n                            Gift Cards &amp; Certificates\n                        <\/span>\n                        <h3 class=\"font-bold text-2xl mb-3 text-gray-900\">Use gift cards at booking time<\/h3>\n                        <p class=\"text-gray-600 leading-relaxed\">\n                            Your teams will be able to <strong>apply gift cards directly during booking creation<\/strong> from the back office. Guests will also be able to <strong>use them online<\/strong> when completing their booking in your engine.\n                        <\/p>\n                    <\/div>\n\n                    <div class=\"future-card highlight md:col-span-2 scroll-animate\" style=\"transition-delay: 200ms; color: #ffffff !important;\">\n                        <div class=\"secret-badge\">\n                            <span class=\"material-symbols-outlined text-sm\" style=\"color: #ffffff !important;\">lock<\/span>\n                            CONFIDENTIAL\n                        <\/div>\n                        <span class=\"badge-tag badge-white\">\n                            <span class=\"material-symbols-outlined text-sm\" style=\"color: #ffffff !important;\">storefront<\/span>\n                            The big innovation\n                        <\/span>\n                        <h3 class=\"font-bold text-2xl md:text-3xl mb-4\" style=\"color: #ffffff !important;\">Something big is coming\u2026<\/h3>\n                        <p class=\"opacity-90 leading-relaxed mb-4 max-w-3xl\" style=\"color: #ffffff !important;\">\n                            We're working on an ambitious project that could <strong style=\"color: #ffffff !important;\">redefine how you manage on-site sales<\/strong>. A Point of Sale designed to integrate naturally into your Reservit ecosystem. We'll say more soon\u2026\n                        <\/p>\n                        <ul class=\"perks-list\" style=\"color: #ffffff !important;\">\n                            <li style=\"color: #ffffff !important;\">\n                                <span class=\"material-symbols-outlined\" style=\"color: #ffffff !important;\">check_circle<\/span>\n                                A 360\u00b0 guest view\n                            <\/li>\n                            <li style=\"color: #ffffff !important;\">\n                                <span class=\"material-symbols-outlined\" style=\"color: #ffffff !important;\">check_circle<\/span>\n                                A unified, seamless experience\n                            <\/li>\n                            <li style=\"color: #ffffff !important;\">\n                                <span class=\"material-symbols-outlined\" style=\"color: #ffffff !important;\">check_circle<\/span>\n                                Simplified daily processes\n                            <\/li>\n                            <li style=\"color: #ffffff !important;\">\n                                <span class=\"material-symbols-outlined\" style=\"color: #ffffff !important;\">check_circle<\/span>\n                                Stay tuned\u2026\n                            <\/li>\n                        <\/ul>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- CTA Section -->\n        <section class=\"py-16 md:py-20\" aria-label=\"Call to action\">\n            <div class=\"max-w-screen-xl mx-auto px-6\">\n                <div class=\"cta-section p-10 md:p-16 text-center scroll-animate\">\n                    <div class=\"relative z-10\">\n                        <span class=\"inline-flex items-center gap-2 px-4 py-2 rounded-full bg-orange-100 text-orange-700 font-semibold text-sm mb-6\">\n                            <span class=\"material-symbols-outlined text-lg\">celebration<\/span>\n                            Thank you for your trust\n                        <\/span>\n                        <h2 class=\"text-3xl md:text-4xl font-bold text-gray-900 mb-4\">\n                            Let's build your 2026 success\u2014together\n                        <\/h2>\n                        <p class=\"text-lg text-amber-800 mb-8 max-w-xl mx-auto\">\n                            You're at the heart of our innovation. Every update is designed to simplify operations and increase revenue.\n                        <\/p>\n                        <div class=\"flex flex-col sm:flex-row gap-4 justify-center\">\n                            <a href=\"https:\/\/www.reservit.ca\/en\/request-a-quote\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"btn btn-secondary text-lg px-8 py-4\">\n                                <span class=\"material-symbols-outlined\">calendar_month<\/span>\n                                Book a demo\n                            <\/a>\n                            <a href=\"mailto:support@reservit.ca\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"btn btn-outline text-lg px-8 py-4\">\n                                <span class=\"material-symbols-outlined\">mail<\/span>\n                                Contact an advisor\n                            <\/a>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n    <\/main>\n\n    <script>\n        document.addEventListener('DOMContentLoaded', function() {\n            \/\/ Scroll animations\n            const animatedElements = document.querySelectorAll('.scroll-animate');\n            const observer = new IntersectionObserver((entries) => {\n                entries.forEach(entry => {\n                    if (entry.isIntersecting) {\n                        entry.target.classList.add('is-visible');\n                        observer.unobserve(entry.target);\n                    }\n                });\n            }, { threshold: 0.1 });\n            animatedElements.forEach(el => observer.observe(el));\n\n            \/\/ Counter animation\n            const counters = document.querySelectorAll('.stat-number[data-target]');\n            const counterObserver = new IntersectionObserver((entries) => {\n                entries.forEach(entry => {\n                    if (entry.isIntersecting) {\n                        const target = parseInt(entry.target.dataset.target);\n                        let current = 0;\n                        const increment = target \/ 50;\n                        const timer = setInterval(() => {\n                            current += increment;\n                            if (current >= target) {\n                                entry.target.textContent = target + '+';\n                                clearInterval(timer);\n                            } else {\n                                entry.target.textContent = Math.floor(current);\n                            }\n                        }, 30);\n                        counterObserver.unobserve(entry.target);\n                    }\n                });\n            }, { threshold: 0.5 });\n            counters.forEach(counter => counterObserver.observe(counter));\n\n            \/\/ Tabs functionality - Category Cards\n            const tabButtons = document.querySelectorAll('.category-card');\n            const tabContents = document.querySelectorAll('.tab-content');\n\n            tabButtons.forEach(button => {\n                button.addEventListener('click', () => {\n                    const tabId = button.dataset.tab;\n\n                    \/\/ Remove active from all\n                    tabButtons.forEach(btn => btn.classList.remove('active'));\n                    tabContents.forEach(content => content.classList.remove('active'));\n\n                    \/\/ Add active to clicked\n                    button.classList.add('active');\n                    document.getElementById('tab-' + tabId).classList.add('active');\n                });\n            });\n\n            \/\/ Smooth scroll for anchor links\n            document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n                anchor.addEventListener('click', function(e) {\n                    e.preventDefault();\n                    const target = document.querySelector(this.getAttribute('href'));\n                    if (target) {\n                        target.scrollIntoView({ behavior: 'smooth', block: 'start' });\n                    }\n                });\n            });\n        });\n    <\/script>\n\n    <script type=\"application\/ld+json\">\n    {\n        \"@context\": \"https:\/\/schema.org\",\n        \"@type\": \"WebPage\",\n        \"name\": \"2025 Canada Recap & 2026 Vision | Reservit Canada\",\n        \"description\": \"Discover everything Reservit Canada delivered in 2025: the mobile app, two-factor authentication, a new booking calendar, smart search, and more. Get ready for 2026.\",\n        \"url\": \"https:\/\/www.reservit.ca\/en\/retro-2025\/\",\n        \"inLanguage\": \"en-CA\",\n        \"datePublished\": \"2025-12-01\",\n        \"dateModified\": \"2025-12-31\",\n        \"isPartOf\": {\n            \"@type\": \"WebSite\",\n            \"name\": \"Reservit Canada\",\n            \"url\": \"https:\/\/www.reservit.ca\/\"\n        },\n        \"about\": {\n            \"@type\": \"SoftwareApplication\",\n            \"name\": \"Reservit\",\n            \"applicationCategory\": \"BusinessApplication\",\n            \"operatingSystem\": \"Web, iOS, Android\",\n            \"softwareVersion\": \"2025\",\n            \"featureList\": [\n                \"Mobile app\",\n                \"Two-factor authentication\",\n                \"New booking calendar\",\n                \"Smart search engine\",\n                \"Real-time notifications\",\n                \"Integrated invoicing\",\n                \"Channel Manager\",\n                \"Connected locks integrations\",\n                \"PayFacto terminals\"\n            ]\n        },\n        \"publisher\": {\n            \"@type\": \"Organization\",\n            \"name\": \"Reservit Canada\",\n            \"url\": \"https:\/\/www.reservit.ca\/\",\n            \"logo\": {\n                \"@type\": \"ImageObject\",\n                \"url\": \"https:\/\/www.reservit.ca\/zeeptapo\/2021\/02\/logo1-300x173-1.png\"\n            },\n            \"contactPoint\": {\n                \"@type\": \"ContactPoint\",\n                \"telephone\": \"+1-514-906-0008\",\n                \"contactType\": \"sales\",\n                \"areaServed\": \"CA\",\n                \"availableLanguage\": [\"French\", \"English\"]\n            }\n        }\n    }\n    <\/script>\n\n<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>2025 Canada Recap &amp; 2026 Vision | Reservit Canada trending_up smartphone security rocket_launch notifications auto_awesome 2025 Canada Recap &amp; 2026 Vision A year of innovation built for your success In 2025, we released 40+ updates in Canada to simplify daily operations and boost revenue. With 96% satisfaction across nearly 15,000 customer requests, Reservit keeps evolving [&hellip;]<\/p>\n","protected":false},"author":13,"featured_media":11322,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[],"class_list":["post-11309","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>2025 Canada Recap &amp; 2026 Vision | Reservit Canada<\/title>\n<meta name=\"description\" content=\"Discover everything Reservit Canada delivered in 2025: the mobile app, two-factor authentication, a new calendar, smart search, and more. Get ready for 2026.\" \/>\n<meta name=\"robots\" content=\"noindex, follow\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"2025 Canada Recap &amp; 2026 Vision | Reservit Canada\" \/>\n<meta property=\"og:description\" content=\"Discover everything Reservit Canada delivered in 2025: the mobile app, two-factor authentication, a new calendar, smart search, and more. Get ready for 2026.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.reservit.ca\/en\/retro-2025\/\" \/>\n<meta property=\"og:site_name\" content=\"Reservit Canada\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/moteur.reservation.reservit\/\" \/>\n<meta property=\"article:published_time\" content=\"2025-12-31T22:45:50+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-31T23:07:59+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.reservit.ca\/zeeptapo\/2025\/12\/Blog-Retro-2025.jpeg\" \/>\n\t<meta property=\"og:image:width\" content=\"819\" \/>\n\t<meta property=\"og:image:height\" content=\"799\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Reservit Canada\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Reservit Canada\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.reservit.ca\/en\/retro-2025\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.reservit.ca\/en\/retro-2025\/\"},\"author\":{\"name\":\"Reservit Canada\",\"@id\":\"https:\/\/www.reservit.ca\/en\/#\/schema\/person\/e357d6c2b4251e700991bf2dbc4cbb55\"},\"headline\":\"No title\",\"datePublished\":\"2025-12-31T22:45:50+00:00\",\"dateModified\":\"2025-12-31T23:07:59+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.reservit.ca\/en\/retro-2025\/\"},\"wordCount\":1282,\"publisher\":{\"@id\":\"https:\/\/www.reservit.ca\/en\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.reservit.ca\/en\/retro-2025\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.reservit.ca\/zeeptapo\/2025\/12\/Blog-Retro-2025.jpeg\",\"inLanguage\":\"en-CA\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.reservit.ca\/en\/retro-2025\/\",\"url\":\"https:\/\/www.reservit.ca\/en\/retro-2025\/\",\"name\":\"2025 Canada Recap & 2026 Vision | Reservit Canada\",\"isPartOf\":{\"@id\":\"https:\/\/www.reservit.ca\/en\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.reservit.ca\/en\/retro-2025\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.reservit.ca\/en\/retro-2025\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.reservit.ca\/zeeptapo\/2025\/12\/Blog-Retro-2025.jpeg\",\"datePublished\":\"2025-12-31T22:45:50+00:00\",\"dateModified\":\"2025-12-31T23:07:59+00:00\",\"description\":\"Discover everything Reservit Canada delivered in 2025: the mobile app, two-factor authentication, a new calendar, smart search, and more. Get ready for 2026.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.reservit.ca\/en\/retro-2025\/#breadcrumb\"},\"inLanguage\":\"en-CA\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.reservit.ca\/en\/retro-2025\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-CA\",\"@id\":\"https:\/\/www.reservit.ca\/en\/retro-2025\/#primaryimage\",\"url\":\"https:\/\/www.reservit.ca\/zeeptapo\/2025\/12\/Blog-Retro-2025.jpeg\",\"contentUrl\":\"https:\/\/www.reservit.ca\/zeeptapo\/2025\/12\/Blog-Retro-2025.jpeg\",\"width\":819,\"height\":799},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.reservit.ca\/en\/retro-2025\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\/\/www.reservit.ca\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"2025 - A year of innovation built for your success\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.reservit.ca\/en\/#website\",\"url\":\"https:\/\/www.reservit.ca\/en\/\",\"name\":\"Reservit Canada\",\"description\":\"Logiciel de r\u00e9servation en ligne n\u00b01 au Canada\",\"publisher\":{\"@id\":\"https:\/\/www.reservit.ca\/en\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.reservit.ca\/en\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-CA\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.reservit.ca\/en\/#organization\",\"name\":\"Reservit Canada\",\"url\":\"https:\/\/www.reservit.ca\/en\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-CA\",\"@id\":\"https:\/\/www.reservit.ca\/en\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.reservit.ca\/zeeptapo\/2024\/04\/cropped-logo_pour_linkedin.jpg\",\"contentUrl\":\"https:\/\/www.reservit.ca\/zeeptapo\/2024\/04\/cropped-logo_pour_linkedin.jpg\",\"width\":512,\"height\":512,\"caption\":\"Reservit Canada\"},\"image\":{\"@id\":\"https:\/\/www.reservit.ca\/en\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/moteur.reservation.reservit\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.reservit.ca\/en\/#\/schema\/person\/e357d6c2b4251e700991bf2dbc4cbb55\",\"name\":\"Reservit Canada\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-CA\",\"@id\":\"https:\/\/www.reservit.ca\/en\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/1a3280123b5146102b74bbf2be4b8e6f?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/1a3280123b5146102b74bbf2be4b8e6f?s=96&d=mm&r=g\",\"caption\":\"Reservit Canada\"},\"url\":\"https:\/\/www.reservit.ca\/en\/author\/softbooker\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"2025 Canada Recap & 2026 Vision | Reservit Canada","description":"Discover everything Reservit Canada delivered in 2025: the mobile app, two-factor authentication, a new calendar, smart search, and more. Get ready for 2026.","robots":{"index":"noindex","follow":"follow"},"og_locale":"en_US","og_type":"article","og_title":"2025 Canada Recap & 2026 Vision | Reservit Canada","og_description":"Discover everything Reservit Canada delivered in 2025: the mobile app, two-factor authentication, a new calendar, smart search, and more. Get ready for 2026.","og_url":"https:\/\/www.reservit.ca\/en\/retro-2025\/","og_site_name":"Reservit Canada","article_publisher":"https:\/\/www.facebook.com\/moteur.reservation.reservit\/","article_published_time":"2025-12-31T22:45:50+00:00","article_modified_time":"2025-12-31T23:07:59+00:00","og_image":[{"width":819,"height":799,"url":"https:\/\/www.reservit.ca\/zeeptapo\/2025\/12\/Blog-Retro-2025.jpeg","type":"image\/jpeg"}],"author":"Reservit Canada","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Reservit Canada","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.reservit.ca\/en\/retro-2025\/#article","isPartOf":{"@id":"https:\/\/www.reservit.ca\/en\/retro-2025\/"},"author":{"name":"Reservit Canada","@id":"https:\/\/www.reservit.ca\/en\/#\/schema\/person\/e357d6c2b4251e700991bf2dbc4cbb55"},"headline":"No title","datePublished":"2025-12-31T22:45:50+00:00","dateModified":"2025-12-31T23:07:59+00:00","mainEntityOfPage":{"@id":"https:\/\/www.reservit.ca\/en\/retro-2025\/"},"wordCount":1282,"publisher":{"@id":"https:\/\/www.reservit.ca\/en\/#organization"},"image":{"@id":"https:\/\/www.reservit.ca\/en\/retro-2025\/#primaryimage"},"thumbnailUrl":"https:\/\/www.reservit.ca\/zeeptapo\/2025\/12\/Blog-Retro-2025.jpeg","inLanguage":"en-CA"},{"@type":"WebPage","@id":"https:\/\/www.reservit.ca\/en\/retro-2025\/","url":"https:\/\/www.reservit.ca\/en\/retro-2025\/","name":"2025 Canada Recap & 2026 Vision | Reservit Canada","isPartOf":{"@id":"https:\/\/www.reservit.ca\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.reservit.ca\/en\/retro-2025\/#primaryimage"},"image":{"@id":"https:\/\/www.reservit.ca\/en\/retro-2025\/#primaryimage"},"thumbnailUrl":"https:\/\/www.reservit.ca\/zeeptapo\/2025\/12\/Blog-Retro-2025.jpeg","datePublished":"2025-12-31T22:45:50+00:00","dateModified":"2025-12-31T23:07:59+00:00","description":"Discover everything Reservit Canada delivered in 2025: the mobile app, two-factor authentication, a new calendar, smart search, and more. Get ready for 2026.","breadcrumb":{"@id":"https:\/\/www.reservit.ca\/en\/retro-2025\/#breadcrumb"},"inLanguage":"en-CA","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.reservit.ca\/en\/retro-2025\/"]}]},{"@type":"ImageObject","inLanguage":"en-CA","@id":"https:\/\/www.reservit.ca\/en\/retro-2025\/#primaryimage","url":"https:\/\/www.reservit.ca\/zeeptapo\/2025\/12\/Blog-Retro-2025.jpeg","contentUrl":"https:\/\/www.reservit.ca\/zeeptapo\/2025\/12\/Blog-Retro-2025.jpeg","width":819,"height":799},{"@type":"BreadcrumbList","@id":"https:\/\/www.reservit.ca\/en\/retro-2025\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/www.reservit.ca\/en\/"},{"@type":"ListItem","position":2,"name":"2025 - A year of innovation built for your success"}]},{"@type":"WebSite","@id":"https:\/\/www.reservit.ca\/en\/#website","url":"https:\/\/www.reservit.ca\/en\/","name":"Reservit Canada","description":"Logiciel de r\u00e9servation en ligne n\u00b01 au Canada","publisher":{"@id":"https:\/\/www.reservit.ca\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.reservit.ca\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-CA"},{"@type":"Organization","@id":"https:\/\/www.reservit.ca\/en\/#organization","name":"Reservit Canada","url":"https:\/\/www.reservit.ca\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-CA","@id":"https:\/\/www.reservit.ca\/en\/#\/schema\/logo\/image\/","url":"https:\/\/www.reservit.ca\/zeeptapo\/2024\/04\/cropped-logo_pour_linkedin.jpg","contentUrl":"https:\/\/www.reservit.ca\/zeeptapo\/2024\/04\/cropped-logo_pour_linkedin.jpg","width":512,"height":512,"caption":"Reservit Canada"},"image":{"@id":"https:\/\/www.reservit.ca\/en\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/moteur.reservation.reservit\/"]},{"@type":"Person","@id":"https:\/\/www.reservit.ca\/en\/#\/schema\/person\/e357d6c2b4251e700991bf2dbc4cbb55","name":"Reservit Canada","image":{"@type":"ImageObject","inLanguage":"en-CA","@id":"https:\/\/www.reservit.ca\/en\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/1a3280123b5146102b74bbf2be4b8e6f?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/1a3280123b5146102b74bbf2be4b8e6f?s=96&d=mm&r=g","caption":"Reservit Canada"},"url":"https:\/\/www.reservit.ca\/en\/author\/softbooker\/"}]}},"_links":{"self":[{"href":"https:\/\/www.reservit.ca\/en\/wp-json\/wp\/v2\/posts\/11309","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.reservit.ca\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.reservit.ca\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.reservit.ca\/en\/wp-json\/wp\/v2\/users\/13"}],"replies":[{"embeddable":true,"href":"https:\/\/www.reservit.ca\/en\/wp-json\/wp\/v2\/comments?post=11309"}],"version-history":[{"count":0,"href":"https:\/\/www.reservit.ca\/en\/wp-json\/wp\/v2\/posts\/11309\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.reservit.ca\/en\/wp-json\/wp\/v2\/media\/11322"}],"wp:attachment":[{"href":"https:\/\/www.reservit.ca\/en\/wp-json\/wp\/v2\/media?parent=11309"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.reservit.ca\/en\/wp-json\/wp\/v2\/categories?post=11309"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.reservit.ca\/en\/wp-json\/wp\/v2\/tags?post=11309"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}