{"id":25436,"date":"2025-03-12T16:49:33","date_gmt":"2025-03-12T15:49:33","guid":{"rendered":"https:\/\/corahospitality.com\/calcolatore-roi\/"},"modified":"2026-07-14T17:06:46","modified_gmt":"2026-07-14T15:06:46","slug":"roi-calculator","status":"publish","type":"page","link":"https:\/\/corahospitality.com\/en\/roi-calculator\/","title":{"rendered":"ROI Calculator"},"content":{"rendered":"<div>\n<p>    <!DOCTYPE html><br \/>\n<html lang=\"en\"><br \/>\n<head><br \/>\n    <meta charset=\"UTF-8\"><br \/>\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no\"><br \/>\n    <title>Hotel Savings Calculator<\/title>\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&#038;display=swap\" rel=\"stylesheet\">\n<style>\n        \/* Inline styles to ensure layout works properly *\/\n        body, html {\n            margin: 0;\n            padding: 0;\n            height: auto;\n            overflow-y: auto;\n            overflow-x: hidden;\n        }<\/p>\n<p>        .container {\n            width: 100%;\n            height: auto;\n            display: flex;\n            flex-direction: column;\n        }<\/p>\n<p>        .calculator-card {\n            flex: 0 1 auto;\n        }<\/p>\n<p>        .features-section {\n            margin-top: 20px;\n            padding: 20px;\n            position: relative;\n            background: #f7f9fc;\n            border-radius: 10px;\n            box-shadow: 0 3px 10px rgba(0,0,0,0.05);\n            z-index: 1;\n        }<\/p>\n<p>        .loading {\n            animation: pulse 1.2s infinite;\n        }<\/p>\n<p>        .success-indicator {\n            color: #28a745;\n            margin-top: 10px;\n            font-weight: 500;\n        }<\/p>\n<p>        .btn-primary {\n            background: linear-gradient(135deg, #0056b3, #007bff);\n            color: white;\n            border: none;\n            padding: 12px 24px;\n            border-radius: 25px;\n            font-weight: 600;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            box-shadow: 0 4px 6px rgba(0,0,0,0.1);\n        }<\/p>\n<p>        .btn-primary:hover {\n            background: linear-gradient(135deg, #004494, #0062cc);\n            transform: translateY(-2px);\n            box-shadow: 0 6px 8px rgba(0,0,0,0.15);\n        }<\/p>\n<p>        .btn-primary.disabled {\n            opacity: 0.6;\n            cursor: not-allowed;\n        }<\/p>\n<p>        .btn-secondary {\n            display: inline-block;\n            margin-left: 10px;\n            padding: 12px 24px;\n            background-color: transparent;\n            color: #007bff;\n            border: 1px solid #007bff;\n            border-radius: 25px;\n            font-weight: 600;\n            text-decoration: none;\n            transition: all 0.3s ease;\n        }<\/p>\n<p>        .btn-secondary:hover {\n            background-color: rgba(0, 123, 255, 0.1);\n            transform: translateY(-2px);\n        }<\/p>\n<p>        .savings-card {\n            color: white;\n            background: var(--gradient);\n            border-radius: 10px;\n            padding: 20px;\n            box-shadow: 0 4px 8px rgba(0,0,0,0.1);\n        }<\/p>\n<p>        .savings-title {\n            color: white;\n            font-size: 1.2rem;\n            font-weight: 600;\n            text-align: center;\n        }<\/p>\n<p>        .savings-amount {\n            transition: all 0.3s ease;\n            font-size: 2.5rem;\n            font-weight: 700;\n            color: white;\n            padding: 15px;\n            text-align: center;\n            margin: 15px 0;\n        }<\/p>\n<p>        .savings-description {\n            color: white;\n            text-align: center;\n        }<\/p>\n<p>        \/* CTA Button Styles *\/\n        .cta-demo-button {\n            display: block;\n            margin-top: 20px;\n            padding: 12px 20px;\n            background: linear-gradient(135deg, #0056b3, #007bff);\n            color: white;\n            text-align: center;\n            border-radius: 25px;\n            font-weight: 600;\n            text-decoration: none;\n            transition: all 0.3s ease;\n            box-shadow: 0 4px 6px rgba(0,0,0,0.1);\n        }<\/p>\n<p>        .cta-demo-button:hover {\n            background: linear-gradient(135deg, #004494, #0062cc);\n            transform: translateY(-2px);\n            box-shadow: 0 6px 8px rgba(0,0,0,0.15);\n        }<\/p>\n<p>        .cta-demo-button i {\n            margin-right: 8px;\n        }<\/p>\n<p>        \/* Benefits section always visible *\/\n        #benefits {\n            display: block !important;\n            visibility: visible !important;\n            margin-top: 20px;\n            padding: 15px;\n            background: #f8f9fa;\n            border-radius: 8px;\n            box-shadow: 0 2px 5px rgba(0,0,0,0.05);\n        }<\/p>\n<p>        .benefit-item {\n            display: flex;\n            align-items: center;\n            margin-bottom: 15px;\n        }<\/p>\n<p>        .benefit-item i {\n            font-size: 24px;\n            color: #007bff;\n            margin-right: 15px;\n            width: 30px;\n            text-align: center;\n        }<\/p>\n<p>        .benefit-item h3 {\n            margin: 0 0 5px 0;\n            font-size: 18px;\n        }<\/p>\n<p>        .benefit-item p {\n            margin: 0;\n            color: #666;\n        }<\/p>\n<p>        @keyframes pulse {\n            0% { opacity: 0.4; }\n            50% { opacity: 1; }\n            100% { opacity: 0.4; }\n        }<\/p>\n<p>        @media (max-width: 768px) {\n            .calculator-content {\n                flex-direction: column;\n            }<\/p>\n<p>            .input-section, .results-section {\n                width: 100%;\n            }<\/p>\n<p>            .features-section {\n                margin-top: 10px;\n                padding: 15px;\n            }<\/p>\n<p>            .btn-secondary {\n                margin-left: 0;\n                margin-top: 10px;\n                width: 100%;\n                text-align: center;\n            }\n        }<\/p>\n<p>        @media (max-width: 480px) {\n            .header h1 {\n                font-size: 1.6rem;\n            }<\/p>\n<p>            .tagline {\n                font-size: 0.9rem;\n            }<\/p>\n<p>            .feature-card {\n                padding: 15px;\n                margin-bottom: 15px;\n            }<\/p>\n<p>            .benefit-item {\n                flex-direction: column;\n                text-align: center;\n                margin-bottom: 20px;\n            }<\/p>\n<p>            .benefit-item i {\n                margin-right: 0;\n                margin-bottom: 10px;\n                font-size: 28px;\n            }<\/p>\n<p>            .input-with-icon i {\n                font-size: 14px;\n            }<\/p>\n<p>            .calculator-card {\n                padding: 10px;\n            }<\/p>\n<p>            .savings-amount {\n                font-size: 2rem;\n                padding: 10px;\n            }\n        }<\/p>\n<p>        .calculator-content {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 20px;\n            margin-bottom: 20px;\n        }<\/p>\n<p>        .input-section {\n            flex: 1;\n            min-width: 300px;\n        }<\/p>\n<p>        .results-section {\n            flex: 1;\n            min-width: 300px;\n        }<\/p>\n<p>        .cta-section {\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            margin-top: 20px;\n            flex-wrap: wrap;\n            gap: 10px;\n        }<\/p>\n<p>        .email-capture .btn-primary,\n        .email-capture .btn-secondary {\n            width: 100%;\n            margin-top: 10px;\n            text-align: center;\n            margin-left: 0;\n            box-sizing: border-box;\n        }<\/p>\n<p>        .email-capture .btn-primary {\n            padding-top: 15px;\n            padding-bottom: 15px;\n            font-size: 1.1rem;\n        }\n    <\/style>\n<p><\/head><br \/>\n<body><\/p>\n<div class=\"container\">\n<header class=\"header\">\n<h1>Discover how much Cora can save you<\/h1>\n<\/header>\n<div class=\"calculator-card\">\n<div class=\"calculator-content\">\n<div class=\"input-section\">\n<div class=\"input-group\">\n                        <label for=\"numRooms\">Number of Rooms<\/label><\/p>\n<div class=\"input-with-icon\">\n                            <i class=\"fas fa-hotel\"><\/i><br \/>\n                            <input type=\"number\" id=\"numRooms\" min=\"1\" value=\"50\" required>\n                        <\/div>\n<div class=\"slider-container\">\n                            <input type=\"range\" id=\"roomSlider\" min=\"1\" max=\"500\" value=\"50\" class=\"slider\"><\/p>\n<div class=\"slider-values\">\n                                <span>1<\/span><br \/>\n                                <span>500<\/span>\n                            <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"input-group\">\n                        <label for=\"openDays\">Days Open per Year<\/label><\/p>\n<div class=\"input-with-icon\">\n                            <i class=\"fas fa-calendar-alt\"><\/i><br \/>\n                            <input type=\"number\" id=\"openDays\" min=\"1\" max=\"365\" value=\"365\" required>\n                        <\/div>\n<div class=\"slider-container\">\n                            <input type=\"range\" id=\"daysSlider\" min=\"1\" max=\"365\" value=\"365\" class=\"slider\"><\/p>\n<div class=\"slider-values\">\n                                <span>1<\/span><br \/>\n                                <span>365<\/span>\n                            <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"email-capture\">\n<div class=\"input-group\">\n                            <label for=\"userEmail\">Your Email to See Your Estimated Annual Savings<\/label><\/p>\n<div class=\"input-with-icon\">\n                                <i class=\"fas fa-envelope\"><\/i><br \/>\n                                <input type=\"email\" id=\"userEmail\" placeholder=\"Enter your business email\" required>\n                            <\/div>\n<div class=\"consent-checkbox\">\n                                <input type=\"checkbox\" id=\"consent\" checked><br \/>\n                                <label for=\"consent\" class=\"checkbox-label\">I agree to receive the free savings analysis and occasional updates<\/label>\n                            <\/div>\n<\/p><\/div>\n<p>                        <button id=\"calculateBtn\" class=\"btn-primary\">Calculate Savings<\/button><br \/>\n                        <a href=\"https:\/\/corahospitality.com\/en\/request-demo\/\" class=\"btn-secondary\">Request a Detailed Demo<\/a>\n                    <\/div>\n<\/p><\/div>\n<div class=\"results-section\">\n<div id=\"results-container\" class=\"hidden\">\n<div class=\"savings-card\">\n<div class=\"savings-title\">Estimated Annual Savings<\/div>\n<div class=\"savings-amount\">\u20ac<span id=\"savingsResult\">0<\/span><\/div>\n<div class=\"savings-description\">\n<p>Optimize your operations and reduce costs with Cora&#8217;s AI-powered platform.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div id=\"email-teaser\" class=\"email-teaser\">\n                        <i class=\"fas fa-lock\"><\/i><\/p>\n<h3>Discover Your Personalized Savings<\/h3>\n<p>Enter your email address to see how much you could save with Cora.<\/p>\n<p class=\"guarantee\">We respect your privacy. Your report will be sent immediately.<\/p>\n<\/p><\/div>\n<div id=\"benefits\" class=\"benefits\">\n<div class=\"benefit-item\">\n                            <i class=\"fas fa-clock\"><\/i><\/p>\n<div>\n<h3>Time Saved<\/h3>\n<p>Automate repetitive tasks and optimize operations<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"benefit-item\">\n                            <i class=\"fas fa-chart-line\"><\/i><\/p>\n<div>\n<h3>Increased Efficiency<\/h3>\n<p>Improve staff productivity and guest satisfaction<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"benefit-item\">\n                            <i class=\"fas fa-euro-sign\"><\/i><\/p>\n<div>\n<h3>Cost Reduction<\/h3>\n<p>Lower operational expenses and increase profitability<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <script>\n    function initCoraCalculatorEN() {\n        const numRoomsInput = document.getElementById('numRooms');\n        const openDaysInput = document.getElementById('openDays');\n        const roomSlider = document.getElementById('roomSlider');\n        const daysSlider = document.getElementById('daysSlider');\n        const calculateBtn = document.getElementById('calculateBtn');\n        const savingsResult = document.getElementById('savingsResult');\n        const userEmail = document.getElementById('userEmail');\n        const resultsContainer = document.getElementById('results-container');\n        const emailTeaser = document.getElementById('email-teaser');\n        const benefits = document.getElementById('benefits');\n        const consentCheckbox = document.getElementById('consent');<\/p>\n<p>        let numRooms = parseInt(numRoomsInput.value);\n        let openDays = parseInt(openDaysInput.value);\n        let emailProvided = false;<\/p>\n<p>        function animateNumber(element, finalValue, duration = 2000) {\n            const startTime = Date.now();\n            const endTime = startTime + duration;\n            const maxValue = finalValue * 2;<\/p>\n<p>            let currentValue = Math.round(Math.random() * finalValue);\n            element.textContent = formatCurrency(currentValue);<\/p>\n<p>            function updateNumber() {\n                const now = Date.now();<\/p>\n<p>                if (now >= endTime) {\n                    element.textContent = formatCurrency(finalValue);\n                    return;\n                }<\/p>\n<p>                const progress = (now - startTime) \/ duration;\n                const timeLeft = 1 - progress;\n                const randomFactor = Math.random() * timeLeft * maxValue * 0.5;\n                const targetValue = finalValue * progress + randomFactor;<\/p>\n<p>                if (Math.abs(currentValue - targetValue) < 1000) {\n                    currentValue = Math.round(targetValue + (Math.random() * 2000 - 1000));\n                } else {\n                    currentValue = Math.round(targetValue);\n                }\n                \n                element.textContent = formatCurrency(currentValue);\n                requestAnimationFrame(updateNumber);\n            }\n            \n            requestAnimationFrame(updateNumber);\n        }\n        \n        function createCtaButton() {\n            if (document.querySelector('.cta-demo-button')) {\n                return;\n            }\n            \n            const ctaButton = document.createElement('a');\n            ctaButton.href = \"https:\/\/corahospitality.com\/richiedi-una-demo\/\"; \n            ctaButton.className = \"cta-demo-button\";\n            ctaButton.innerHTML = '<i class=\"fas fa-calendar-check\"><\/i> Request a Demo';<\/p>\n<p>            const savingsCard = document.querySelector('.savings-card');\n            if (savingsCard) {\n                savingsCard.appendChild(ctaButton);\n            }\n        }<\/p>\n<p>        function submitForm() {\n            const emailInput = document.querySelector(\"#wpcf7-f26624-o1 > form > div.uk-grid-medium.uk-form.uk-grid.uk-grid-stack > div:nth-child(1) > p > span > input\");\n            const submitButton = document.querySelector(\"#wpcf7-f26624-o1 > form > div.uk-grid-medium.uk-form.uk-grid.uk-grid-stack > div:nth-child(2) > p > input\");<\/p>\n<p>            if (emailInput && submitButton) {\n                emailInput.value = userEmail.value;\n                submitButton.click();\n                console.log(\"Form submitted successfully\");\n            } else {\n                console.log(\"Form not found on page - continuing with calculation only\");\n            }\n        }<\/p>\n<p>        function calculateSavings(numRooms, openDays) {\n            submitForm();\n            const dailySaving1 = (((numRooms * 0.1) * 10) * 0.33) * 0.7;\n            const dailySaving2 = ((numRooms * 4) * 0.33) * 0.3;\n            const dailySaving3 = (((numRooms) * 0.33) * 3 ) * 3;<\/p>\n<p>            const totalDailySavings = dailySaving1 + dailySaving2 + dailySaving3;\n            const totalAnnualSavings = totalDailySavings * openDays;<\/p>\n<p>            return totalAnnualSavings;\n        }<\/p>\n<p>        let hasAttemptedCalculation = false;<\/p>\n<p>        function formatCurrency(amount) {\n            return Math.round(amount).toString().replace(\/\\B(?=(\\d{3})+(?!\\d))\/g, \",\");\n        }<\/p>\n<p>        function isValidEmail(email) {\n            const regex = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/;\n            return regex.test(email);\n        }<\/p>\n<p>        function showEmailError() {\n            userEmail.classList.add('error');<\/p>\n<p>            let tooltip = userEmail.parentElement.querySelector('.error-tooltip');\n            if (!tooltip) {\n                tooltip = document.createElement('div');\n                tooltip.className = 'error-tooltip';\n                tooltip.innerText = 'Please enter a valid email to see your savings';\n                userEmail.parentElement.appendChild(tooltip);\n            }<\/p>\n<p>            setTimeout(() => {\n                tooltip.classList.add('show');\n            }, 10);<\/p>\n<p>            setTimeout(() => {\n                tooltip.classList.remove('show');\n            }, 3000);\n        }<\/p>\n<p>        function updateCalculation() {\n            if (!userEmail.value || !isValidEmail(userEmail.value)) {\n                hasAttemptedCalculation = true;\n                showEmailError();\n                userEmail.focus();\n                return;\n            }<\/p>\n<p>            emailProvided = true;\n            localStorage.setItem('userEmail', userEmail.value);<\/p>\n<p>            resultsContainer.classList.remove('hidden');\n            emailTeaser.classList.add('hidden');<\/p>\n<p>            const savings = calculateSavings(numRooms, openDays);<\/p>\n<p>            animateNumber(savingsResult, Math.round(savings), 1500);\n            benefits.classList.remove('hidden');<\/p>\n<p>            if (true) { \n                const resultsElement = document.querySelector('.savings-amount');\n                if (resultsElement) {\n                    setTimeout(() => {\n                        resultsElement.scrollIntoView({ behavior: 'smooth', block: 'center' });\n                    }, 100);\n                }\n            }<\/p>\n<p>            trackEvent('lead_captured', {\n                email: userEmail.value,\n                rooms: numRooms,\n                days: openDays,\n                savings: savings\n            });\n        }<\/p>\n<p>        function trackEvent(eventName, data) {\n            console.log(`Event tracked: ${eventName}`, data);\n        }<\/p>\n<p>        function syncInputValues() {\n            numRoomsInput.value = roomSlider.value;\n            numRooms = parseInt(roomSlider.value);<\/p>\n<p>            openDaysInput.value = daysSlider.value;\n            openDays = parseInt(daysSlider.value);\n        }<\/p>\n<p>        roomSlider.addEventListener('input', function() {\n            numRoomsInput.value = this.value;\n            numRooms = parseInt(this.value);\n        });<\/p>\n<p>        daysSlider.addEventListener('input', function() {\n            openDaysInput.value = this.value;\n            openDays = parseInt(this.value);\n        });<\/p>\n<p>        numRoomsInput.addEventListener('input', function() {\n            const value = parseInt(this.value);\n            if (value >= 1 && value <= 500) {\n                roomSlider.value = value;\n                numRooms = value;\n            }\n        });\n        \n        openDaysInput.addEventListener('input', function() {\n            const value = parseInt(this.value);\n            if (value >= 1 && value <= 365) {\n                daysSlider.value = value;\n                openDays = value;\n            }\n        });\n        \n        calculateBtn.addEventListener('click', function() {\n            updateCalculation();\n        });\n        \n        consentCheckbox.addEventListener('change', function() {\n            if (this.checked) {\n                calculateBtn.removeAttribute('disabled');\n                calculateBtn.classList.remove('disabled');\n            } else {\n                calculateBtn.setAttribute('disabled', 'disabled');\n                calculateBtn.classList.add('disabled');\n            }\n        });\n        \n        const savedEmail = localStorage.getItem('userEmail');\n        if (savedEmail) {\n            userEmail.value = savedEmail;\n        }\n        \n        syncInputValues();\n        \n        document.querySelectorAll('button').forEach(button => {\n            button.addEventListener('mousedown', function() {\n                this.style.transform = 'scale(0.95)';\n            });<\/p>\n<p>            button.addEventListener('mouseup', function() {\n                this.style.transform = '';\n            });<\/p>\n<p>            button.addEventListener('mouseleave', function() {\n                this.style.transform = '';\n            });\n        });<\/p>\n<p>        function optimizeLayout() {\n            const featuresSection = document.querySelector('.features-section');\n            if (featuresSection) {\n                featuresSection.style.display = 'block';\n                featuresSection.style.visibility = 'visible';\n            }<\/p>\n<p>            if (benefits) {\n                benefits.classList.remove('hidden');\n                benefits.style.display = 'block';\n                benefits.style.visibility = 'visible';\n            }<\/p>\n<p>            const container = document.querySelector('.container');\n            if (container) {\n                container.style.minHeight = '100vh';\n                container.style.display = 'flex';\n                container.style.flexDirection = 'column';\n                container.style.justifyContent = 'space-between';\n            }\n        }<\/p>\n<p>        optimizeLayout();\n        window.addEventListener('resize', optimizeLayout);\n    }<\/p>\n<p>    if (document.readyState === 'loading') {\n        document.addEventListener('DOMContentLoaded', initCoraCalculatorEN);\n    } else {\n        initCoraCalculatorEN();\n    }\n    <\/script><br \/>\n<\/body><br \/>\n<\/html>\n<\/div>\n<div>\n\n<div class=\"wpcf7 no-js\" id=\"wpcf7-f26624-o1\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"26624\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/en\/wp-json\/wp\/v2\/pages\/25436#wpcf7-f26624-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"26624\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.2.2\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f26624-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/><input type=\"hidden\" name=\"_wpcf7_recaptcha_response\" value=\"\" \/>\n<\/fieldset>\n<div class=\"uk-grid-medium uk-form\" uk-grid>\n\t<div class=\"uk-width-1-1@m uk-width-1-1@s\">\n\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email uk-input\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Email address *\" value=\"\" type=\"email\" name=\"email\" \/><\/span>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"uk-width-1-1@m uk-width-1-1@s\">\n\t\t<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner uk-button\" type=\"submit\" value=\"Submit\" \/>\n\t\t<\/p>\n\t<\/div>\n<\/div><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n<\/div>\n<p><!--more--><br \/>\n<!-- {\"type\":\"layout\",\"children\":[{\"type\":\"section\",\"props\":{\"image_position\":\"center-center\",\"padding_remove_top\":true,\"style\":\"default\",\"title_breakpoint\":\"xl\",\"title_position\":\"top-left\",\"title_rotation\":\"left\",\"vertical_align\":\"\",\"width\":\"default\"},\"children\":[{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\"},\"children\":[{\"type\":\"html\",\"props\":{\"content\":\"<!DOCTYPE html>\\n<html lang=\\\"en\\\">\\n<head>\\n    <meta charset=\\\"UTF-8\\\">\\n    <meta name=\\\"viewport\\\" content=\\\"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no\\\">\\n    <title>Hotel Savings Calculator<\\\/title>\\n    <link rel=\\\"stylesheet\\\" href=\\\"https:\\\/\\\/cdnjs.cloudflare.com\\\/ajax\\\/libs\\\/font-awesome\\\/6.4.0\\\/css\\\/all.min.css\\\">\\n    <link href=\\\"https:\\\/\\\/fonts.googleapis.com\\\/css2?family=Poppins:wght@300;400;500;600;700&display=swap\\\" rel=\\\"stylesheet\\\">\\n    \n\n<style>\\n        \\\/* Inline styles to ensure layout works properly *\\\/\\n        body, html {\\n            margin: 0;\\n            padding: 0;\\n            height: auto;\\n            overflow-y: auto;\\n            overflow-x: hidden;\\n        }\\n        \\n        .container {\\n            width: 100%;\\n            height: auto;\\n            display: flex;\\n            flex-direction: column;\\n        }\\n        \\n        .calculator-card {\\n            flex: 0 1 auto;\\n        }\\n        \\n        .features-section {\\n            margin-top: 20px;\\n            padding: 20px;\\n            position: relative;\\n            background: #f7f9fc;\\n            border-radius: 10px;\\n            box-shadow: 0 3px 10px rgba(0,0,0,0.05);\\n            z-index: 1;\\n        }\\n        \\n        .loading {\\n            animation: pulse 1.2s infinite;\\n        }\\n        \\n        .success-indicator {\\n            color: #28a745;\\n            margin-top: 10px;\\n            font-weight: 500;\\n        }\\n        \\n        .btn-primary {\\n            background: linear-gradient(135deg, #0056b3, #007bff);\\n            color: white;\\n            border: none;\\n            padding: 12px 24px;\\n            border-radius: 25px;\\n            font-weight: 600;\\n            cursor: pointer;\\n            transition: all 0.3s ease;\\n            box-shadow: 0 4px 6px rgba(0,0,0,0.1);\\n        }\\n        \\n        .btn-primary:hover {\\n            background: linear-gradient(135deg, #004494, #0062cc);\\n            transform: translateY(-2px);\\n            box-shadow: 0 6px 8px rgba(0,0,0,0.15);\\n        }\\n        \\n        .btn-primary.disabled {\\n            opacity: 0.6;\\n            cursor: not-allowed;\\n        }\\n        \\n        .btn-secondary {\\n            display: inline-block;\\n            margin-left: 10px;\\n            padding: 12px 24px;\\n            background-color: transparent;\\n            color: #007bff;\\n            border: 1px solid #007bff;\\n            border-radius: 25px;\\n            font-weight: 600;\\n            text-decoration: none;\\n            transition: all 0.3s ease;\\n        }\\n        \\n        .btn-secondary:hover {\\n            background-color: rgba(0, 123, 255, 0.1);\\n            transform: translateY(-2px);\\n        }\\n        \\n        .savings-card {\\n            color: white;\\n            background: var(--gradient);\\n            border-radius: 10px;\\n            padding: 20px;\\n            box-shadow: 0 4px 8px rgba(0,0,0,0.1);\\n        }\\n        \\n        .savings-title {\\n            color: white;\\n            font-size: 1.2rem;\\n            font-weight: 600;\\n            text-align: center;\\n        }\\n        \\n        .savings-amount {\\n            transition: all 0.3s ease;\\n            font-size: 2.5rem;\\n            font-weight: 700;\\n            color: white;\\n            padding: 15px;\\n            text-align: center;\\n            margin: 15px 0;\\n        }\\n        \\n        .savings-description {\\n            color: white;\\n            text-align: center;\\n        }\\n        \\n        \\\/* CTA Button Styles *\\\/\\n        .cta-demo-button {\\n            display: block;\\n            margin-top: 20px;\\n            padding: 12px 20px;\\n            background: linear-gradient(135deg, #0056b3, #007bff);\\n            color: white;\\n            text-align: center;\\n            border-radius: 25px;\\n            font-weight: 600;\\n            text-decoration: none;\\n            transition: all 0.3s ease;\\n            box-shadow: 0 4px 6px rgba(0,0,0,0.1);\\n        }\\n        \\n        .cta-demo-button:hover {\\n            background: linear-gradient(135deg, #004494, #0062cc);\\n            transform: translateY(-2px);\\n            box-shadow: 0 6px 8px rgba(0,0,0,0.15);\\n        }\\n        \\n        .cta-demo-button i {\\n            margin-right: 8px;\\n        }\\n        \\n        \\\/* Benefits section always visible *\\\/\\n        #benefits {\\n            display: block !important;\\n            visibility: visible !important;\\n            margin-top: 20px;\\n            padding: 15px;\\n            background: #f8f9fa;\\n            border-radius: 8px;\\n            box-shadow: 0 2px 5px rgba(0,0,0,0.05);\\n        }\\n        \\n        .benefit-item {\\n            display: flex;\\n            align-items: center;\\n            margin-bottom: 15px;\\n        }\\n        \\n        .benefit-item i {\\n            font-size: 24px;\\n            color: #007bff;\\n            margin-right: 15px;\\n            width: 30px;\\n            text-align: center;\\n        }\\n        \\n        .benefit-item h3 {\\n            margin: 0 0 5px 0;\\n            font-size: 18px;\\n        }\\n        \\n        .benefit-item p {\\n            margin: 0;\\n            color: #666;\\n        }\\n        \\n        @keyframes pulse {\\n            0% { opacity: 0.4; }\\n            50% { opacity: 1; }\\n            100% { opacity: 0.4; }\\n        }\\n        \\n        @media (max-width: 768px) {\\n            .calculator-content {\\n                flex-direction: column;\\n            }\\n            \\n            .input-section, .results-section {\\n                width: 100%;\\n            }\\n            \\n            .features-section {\\n                margin-top: 10px;\\n                padding: 15px;\\n            }\\n            \\n            .btn-secondary {\\n                margin-left: 0;\\n                margin-top: 10px;\\n                width: 100%;\\n                text-align: center;\\n            }\\n        }\\n        \\n        @media (max-width: 480px) {\\n            .header h1 {\\n                font-size: 1.6rem;\\n            }\\n            \\n            .tagline {\\n                font-size: 0.9rem;\\n            }\\n            \\n            .feature-card {\\n                padding: 15px;\\n                margin-bottom: 15px;\\n            }\\n            \\n            .benefit-item {\\n                flex-direction: column;\\n                text-align: center;\\n                margin-bottom: 20px;\\n            }\\n            \\n            .benefit-item i {\\n                margin-right: 0;\\n                margin-bottom: 10px;\\n                font-size: 28px;\\n            }\\n            \\n            .input-with-icon i {\\n                font-size: 14px;\\n            }\\n            \\n            .calculator-card {\\n                padding: 10px;\\n            }\\n            \\n            .savings-amount {\\n                font-size: 2rem;\\n                padding: 10px;\\n            }\\n        }\\n        \\n        .calculator-content {\\n            display: flex;\\n            flex-wrap: wrap;\\n            gap: 20px;\\n            margin-bottom: 20px;\\n        }\\n        \\n        .input-section {\\n            flex: 1;\\n            min-width: 300px;\\n        }\\n        \\n        .results-section {\\n            flex: 1;\\n            min-width: 300px;\\n        }\\n        \\n        .cta-section {\\n            display: flex;\\n            justify-content: center;\\n            align-items: center;\\n            margin-top: 20px;\\n            flex-wrap: wrap;\\n            gap: 10px;\\n        }\\n\\n        .email-capture .btn-primary,\\n        .email-capture .btn-secondary {\\n            width: 100%;\\n            margin-top: 10px;\\n            text-align: center;\\n            margin-left: 0;\\n            box-sizing: border-box;\\n        }\\n\\n        .email-capture .btn-primary {\\n            padding-top: 15px;\\n            padding-bottom: 15px;\\n            font-size: 1.1rem;\\n        }\\n    <\\\/style>\\n<\\\/head>\\n<body>\\n    \n\n<div class=\\\"container\\\">\\n        \n\n<header class=\\\"header\\\">\\n            \n\n<h1>Discover how much Cora can save you<\\\/h1>\\n        <\\\/header>\\n        \\n        \n\n<div class=\\\"calculator-card\\\">\\n            \n\n<div class=\\\"calculator-content\\\">\\n                \n\n<div class=\\\"input-section\\\">\\n                    \n\n<div class=\\\"input-group\\\">\\n                        <label for=\\\"numRooms\\\">Number of Rooms<\\\/label>\\n                        \n\n<div class=\\\"input-with-icon\\\">\\n                            <i class=\\\"fas fa-hotel\\\"><\\\/i>\\n                            <input type=\\\"number\\\" id=\\\"numRooms\\\" min=\\\"1\\\" value=\\\"50\\\" required>\\n                        <\\\/div>\\n                        \n\n<div class=\\\"slider-container\\\">\\n                            <input type=\\\"range\\\" id=\\\"roomSlider\\\" min=\\\"1\\\" max=\\\"500\\\" value=\\\"50\\\" class=\\\"slider\\\">\\n                            \n\n<div class=\\\"slider-values\\\">\\n                                <span>1<\\\/span>\\n                                <span>500<\\\/span>\\n                            <\\\/div>\\n                        <\\\/div>\\n                    <\\\/div>\\n                    \\n                    \n\n<div class=\\\"input-group\\\">\\n                        <label for=\\\"openDays\\\">Days Open per Year<\\\/label>\\n                        \n\n<div class=\\\"input-with-icon\\\">\\n                            <i class=\\\"fas fa-calendar-alt\\\"><\\\/i>\\n                            <input type=\\\"number\\\" id=\\\"openDays\\\" min=\\\"1\\\" max=\\\"365\\\" value=\\\"365\\\" required>\\n                        <\\\/div>\\n                        \n\n<div class=\\\"slider-container\\\">\\n                            <input type=\\\"range\\\" id=\\\"daysSlider\\\" min=\\\"1\\\" max=\\\"365\\\" value=\\\"365\\\" class=\\\"slider\\\">\\n                            \n\n<div class=\\\"slider-values\\\">\\n                                <span>1<\\\/span>\\n                                <span>365<\\\/span>\\n                            <\\\/div>\\n                        <\\\/div>\\n                    <\\\/div>\\n                    \\n                    \n\n<div class=\\\"email-capture\\\">\\n                        \n\n<div class=\\\"input-group\\\">\\n                            <label for=\\\"userEmail\\\">Your Email to See Your Estimated Annual Savings<\\\/label>\\n                            \n\n<div class=\\\"input-with-icon\\\">\\n                                <i class=\\\"fas fa-envelope\\\"><\\\/i>\\n                                <input type=\\\"email\\\" id=\\\"userEmail\\\" placeholder=\\\"Enter your business email\\\" required>\\n                            <\\\/div>\\n                            \n\n<div class=\\\"consent-checkbox\\\">\\n                                <input type=\\\"checkbox\\\" id=\\\"consent\\\" checked>\\n                                <label for=\\\"consent\\\" class=\\\"checkbox-label\\\">I agree to receive the free savings analysis and occasional updates<\\\/label>\\n                            <\\\/div>\\n                        <\\\/div>\\n                        <button id=\\\"calculateBtn\\\" class=\\\"btn-primary\\\">Calculate Savings<\\\/button>\\n                        <a href=\\\"https:\\\/\\\/corahospitality.com\\\/richiedi-una-demo\\\/\\\" class=\\\"btn-secondary\\\">Request a Detailed Demo<\\\/a>\\n                    <\\\/div>\\n                <\\\/div>\\n                \\n                \n\n<div class=\\\"results-section\\\">\\n                    \n\n<div id=\\\"results-container\\\" class=\\\"hidden\\\">\\n                        \n\n<div class=\\\"savings-card\\\">\\n                            \n\n<div class=\\\"savings-title\\\">Estimated Annual Savings<\\\/div>\\n                            \n\n<div class=\\\"savings-amount\\\">\\u20ac<span id=\\\"savingsResult\\\">0<\\\/span><\\\/div>\\n                            \n\n<div class=\\\"savings-description\\\">\\n                                \n\n<p>Optimize your operations and reduce costs with Cora's AI-powered platform.<\\\/p>\\n                            <\\\/div>\\n                        <\\\/div>\\n                    <\\\/div>\\n                    \\n                    \n\n<div id=\\\"email-teaser\\\" class=\\\"email-teaser\\\">\\n                        <i class=\\\"fas fa-lock\\\"><\\\/i>\\n                        \n\n<h3>Discover Your Personalized Savings<\\\/h3>\\n                        \n\n<p>Enter your email address to see how much you could save with Cora.<\\\/p>\\n                        \n\n<p class=\\\"guarantee\\\">We respect your privacy. Your report will be sent immediately.<\\\/p>\\n                    <\\\/div>\\n                    \\n                    \n\n<div id=\\\"benefits\\\" class=\\\"benefits\\\">\\n                        \n\n<div class=\\\"benefit-item\\\">\\n                            <i class=\\\"fas fa-clock\\\"><\\\/i>\\n                            \n\n<div>\\n                                \n\n<h3>Time Saved<\\\/h3>\\n                                \n\n<p>Automate repetitive tasks and optimize operations<\\\/p>\\n                            <\\\/div>\\n                        <\\\/div>\\n                        \n\n<div class=\\\"benefit-item\\\">\\n                            <i class=\\\"fas fa-chart-line\\\"><\\\/i>\\n                            \n\n<div>\\n                                \n\n<h3>Increased Efficiency<\\\/h3>\\n                                \n\n<p>Improve staff productivity and guest satisfaction<\\\/p>\\n                            <\\\/div>\\n                        <\\\/div>\\n                        \n\n<div class=\\\"benefit-item\\\">\\n                            <i class=\\\"fas fa-euro-sign\\\"><\\\/i>\\n                            \n\n<div>\\n                                \n\n<h3>Cost Reduction<\\\/h3>\\n                                \n\n<p>Lower operational expenses and increase profitability<\\\/p>\\n                            <\\\/div>\\n                        <\\\/div>\\n                    <\\\/div>\\n                <\\\/div>\\n            <\\\/div>\\n        <\\\/div>\\n    <\\\/div>\\n    <script>\\n    function initCoraCalculatorEN() {\\n        const numRoomsInput = document.getElementById('numRooms');\\n        const openDaysInput = document.getElementById('openDays');\\n        const roomSlider = document.getElementById('roomSlider');\\n        const daysSlider = document.getElementById('daysSlider');\\n        const calculateBtn = document.getElementById('calculateBtn');\\n        const savingsResult = document.getElementById('savingsResult');\\n        const userEmail = document.getElementById('userEmail');\\n        const resultsContainer = document.getElementById('results-container');\\n        const emailTeaser = document.getElementById('email-teaser');\\n        const benefits = document.getElementById('benefits');\\n        const consentCheckbox = document.getElementById('consent');\\n        \\n        let numRooms = parseInt(numRoomsInput.value);\\n        let openDays = parseInt(openDaysInput.value);\\n        let emailProvided = false;\\n        \\n        function animateNumber(element, finalValue, duration = 2000) {\\n            const startTime = Date.now();\\n            const endTime = startTime + duration;\\n            const maxValue = finalValue * 2;\\n            \\n            let currentValue = Math.round(Math.random() * finalValue);\\n            element.textContent = formatCurrency(currentValue);\\n            \\n            function updateNumber() {\\n                const now = Date.now();\\n                \\n                if (now >= endTime) {\\n                    element.textContent = formatCurrency(finalValue);\\n                    return;\\n                }\\n                \\n                const progress = (now - startTime) \\\/ duration;\\n                const timeLeft = 1 - progress;\\n                const randomFactor = Math.random() * timeLeft * maxValue * 0.5;\\n                const targetValue = finalValue * progress + randomFactor;\\n                \\n                if (Math.abs(currentValue - targetValue) < 1000) {\\n                    currentValue = Math.round(targetValue + (Math.random() * 2000 - 1000));\\n                } else {\\n                    currentValue = Math.round(targetValue);\\n                }\\n                \\n                element.textContent = formatCurrency(currentValue);\\n                requestAnimationFrame(updateNumber);\\n            }\\n            \\n            requestAnimationFrame(updateNumber);\\n        }\\n        \\n        function createCtaButton() {\\n            if (document.querySelector('.cta-demo-button')) {\\n                return;\\n            }\\n            \\n            const ctaButton = document.createElement('a');\\n            ctaButton.href = \\\"https:\\\/\\\/corahospitality.com\\\/richiedi-una-demo\\\/\\\"; \\n            ctaButton.className = \\\"cta-demo-button\\\";\\n            ctaButton.innerHTML = '<i class=\\\"fas fa-calendar-check\\\"><\\\/i> Request a Demo';\\n            \\n            const savingsCard = document.querySelector('.savings-card');\\n            if (savingsCard) {\\n                savingsCard.appendChild(ctaButton);\\n            }\\n        }\\n\\n        function submitForm() {\\n            const emailInput = document.querySelector(\\\"#wpcf7-f26624-o1 > form > div.uk-grid-medium.uk-form.uk-grid.uk-grid-stack > div:nth-child(1) > p > span > input\\\");\\n            const submitButton = document.querySelector(\\\"#wpcf7-f26624-o1 > form > div.uk-grid-medium.uk-form.uk-grid.uk-grid-stack > div:nth-child(2) > p > input\\\");\\n            \\n            if (emailInput && submitButton) {\\n                emailInput.value = userEmail.value;\\n                submitButton.click();\\n                console.log(\\\"Form submitted successfully\\\");\\n            } else {\\n                console.log(\\\"Form not found on page - continuing with calculation only\\\");\\n            }\\n        }\\n        \\n        function calculateSavings(numRooms, openDays) {\\n            submitForm();\\n            const dailySaving1 = (((numRooms * 0.1) * 10) * 0.33) * 0.7;\\n            const dailySaving2 = ((numRooms * 4) * 0.33) * 0.3;\\n            const dailySaving3 = (((numRooms) * 0.33) * 3 ) * 3;\\n            \\n            const totalDailySavings = dailySaving1 + dailySaving2 + dailySaving3;\\n            const totalAnnualSavings = totalDailySavings * openDays;\\n            \\n            return totalAnnualSavings;\\n        }\\n        \\n        let hasAttemptedCalculation = false;\\n        \\n        function formatCurrency(amount) {\\n            return Math.round(amount).toString().replace(\\\/\\\\B(?=(\\\\d{3})+(?!\\\\d))\\\/g, \\\",\\\");\\n        }\\n        \\n        function isValidEmail(email) {\\n            const regex = \\\/^[^\\\\s@]+@[^\\\\s@]+\\\\.[^\\\\s@]+$\\\/;\\n            return regex.test(email);\\n        }\\n        \\n        function showEmailError() {\\n            userEmail.classList.add('error');\\n            \\n            let tooltip = userEmail.parentElement.querySelector('.error-tooltip');\\n            if (!tooltip) {\\n                tooltip = document.createElement('div');\\n                tooltip.className = 'error-tooltip';\\n                tooltip.innerText = 'Please enter a valid email to see your savings';\\n                userEmail.parentElement.appendChild(tooltip);\\n            }\\n            \\n            setTimeout(() => {\\n                tooltip.classList.add('show');\\n            }, 10);\\n            \\n            setTimeout(() => {\\n                tooltip.classList.remove('show');\\n            }, 3000);\\n        }\\n        \\n        function updateCalculation() {\\n            if (!userEmail.value || !isValidEmail(userEmail.value)) {\\n                hasAttemptedCalculation = true;\\n                showEmailError();\\n                userEmail.focus();\\n                return;\\n            }\\n            \\n            emailProvided = true;\\n            localStorage.setItem('userEmail', userEmail.value);\\n            \\n            resultsContainer.classList.remove('hidden');\\n            emailTeaser.classList.add('hidden');\\n            \\n            const savings = calculateSavings(numRooms, openDays);\\n            \\n            animateNumber(savingsResult, Math.round(savings), 1500);\\n            benefits.classList.remove('hidden');\\n\\n            if (true) { \\n                const resultsElement = document.querySelector('.savings-amount');\\n                if (resultsElement) {\\n                    setTimeout(() => {\\n                        resultsElement.scrollIntoView({ behavior: 'smooth', block: 'center' });\\n                    }, 100);\\n                }\\n            }\\n            \\n            trackEvent('lead_captured', {\\n                email: userEmail.value,\\n                rooms: numRooms,\\n                days: openDays,\\n                savings: savings\\n            });\\n        }\\n        \\n        function trackEvent(eventName, data) {\\n            console.log(`Event tracked: ${eventName}`, data);\\n        }\\n        \\n        function syncInputValues() {\\n            numRoomsInput.value = roomSlider.value;\\n            numRooms = parseInt(roomSlider.value);\\n            \\n            openDaysInput.value = daysSlider.value;\\n            openDays = parseInt(daysSlider.value);\\n        }\\n        \\n        roomSlider.addEventListener('input', function() {\\n            numRoomsInput.value = this.value;\\n            numRooms = parseInt(this.value);\\n        });\\n        \\n        daysSlider.addEventListener('input', function() {\\n            openDaysInput.value = this.value;\\n            openDays = parseInt(this.value);\\n        });\\n        \\n        numRoomsInput.addEventListener('input', function() {\\n            const value = parseInt(this.value);\\n            if (value >= 1 && value <= 500) {\\n                roomSlider.value = value;\\n                numRooms = value;\\n            }\\n        });\\n        \\n        openDaysInput.addEventListener('input', function() {\\n            const value = parseInt(this.value);\\n            if (value >= 1 && value <= 365) {\\n                daysSlider.value = value;\\n                openDays = value;\\n            }\\n        });\\n        \\n        calculateBtn.addEventListener('click', function() {\\n            updateCalculation();\\n        });\\n        \\n        consentCheckbox.addEventListener('change', function() {\\n            if (this.checked) {\\n                calculateBtn.removeAttribute('disabled');\\n                calculateBtn.classList.remove('disabled');\\n            } else {\\n                calculateBtn.setAttribute('disabled', 'disabled');\\n                calculateBtn.classList.add('disabled');\\n            }\\n        });\\n        \\n        const savedEmail = localStorage.getItem('userEmail');\\n        if (savedEmail) {\\n            userEmail.value = savedEmail;\\n        }\\n        \\n        syncInputValues();\\n        \\n        document.querySelectorAll('button').forEach(button => {\\n            button.addEventListener('mousedown', function() {\\n                this.style.transform = 'scale(0.95)';\\n            });\\n            \\n            button.addEventListener('mouseup', function() {\\n                this.style.transform = '';\\n            });\\n            \\n            button.addEventListener('mouseleave', function() {\\n                this.style.transform = '';\\n            });\\n        });\\n        \\n        function optimizeLayout() {\\n            const featuresSection = document.querySelector('.features-section');\\n            if (featuresSection) {\\n                featuresSection.style.display = 'block';\\n                featuresSection.style.visibility = 'visible';\\n            }\\n            \\n            if (benefits) {\\n                benefits.classList.remove('hidden');\\n                benefits.style.display = 'block';\\n                benefits.style.visibility = 'visible';\\n            }\\n            \\n            const container = document.querySelector('.container');\\n            if (container) {\\n                container.style.minHeight = '100vh';\\n                container.style.display = 'flex';\\n                container.style.flexDirection = 'column';\\n                container.style.justifyContent = 'space-between';\\n            }\\n        }\\n        \\n        optimizeLayout();\\n        window.addEventListener('resize', optimizeLayout);\\n    }\\n\\n    if (document.readyState === 'loading') {\\n        document.addEventListener('DOMContentLoaded', initCoraCalculatorEN);\\n    } else {\\n        initCoraCalculatorEN();\\n    }\\n    <\\\/script>\\n<\\\/body>\\n<\\\/html>\",\"css\":\":root {\\n    --primary-light: #8FDDEA;\\n    --primary: #6AC5D1;\\n    --primary-dark: #47A8B5;\\n    --secondary-light: #AF8FE9;\\n    --secondary: #8C6CD7;\\n    --secondary-dark: #6D4EC0;\\n    --white: #FFFFFF;\\n    --gray-light: #F5F7FA;\\n    --gray: #E2E8F0;\\n    --gray-dark: #94A3B8;\\n    --text-dark: #334155;\\n    --text-light: #64748B;\\n    --gradient: linear-gradient(120deg, var(--primary), var(--secondary));\\n    --shadow: 0 10px 30px rgba(108, 108, 229, 0.1);\\n    --radius: 12px;\\n}\\n\\n* {\\n    box-sizing: border-box;\\n    margin: 0;\\n    padding: 0;\\n}\\n\\nbody {\\n    font-family: 'Poppins', sans-serif;\\n    color: #334155;\\n    background-color: #F5F7FA;\\n    line-height: 1.6;\\n}\\n\\n.container {\\n    max-width: 1200px;\\n    margin: 0 auto;\\n    padding: 40px 20px;\\n}\\n\\n\\\/* Header Styles *\\\/\\n.header {\\n    text-align: center;\\n    margin-bottom: 40px;\\n}\\n\\n.logo {\\n    display: inline-block;\\n    font-size: 2.5rem;\\n    font-weight: 700;\\n    margin-bottom: 20px;\\n    background: linear-gradient(120deg, #6AC5D1, #8C6CD7);\\n    -webkit-background-clip: text;\\n    -webkit-text-fill-color: transparent;\\n    background-clip: text;\\n}\\n\\n.logo-text {\\n    font-weight: 700;\\n}\\n\\nh1 {\\n    font-size: 2.2rem;\\n    font-weight: 600;\\n    margin-bottom: 10px;\\n    color: #334155;\\n}\\n\\n.tagline {\\n    font-size: 1.2rem;\\n    color: #64748B;\\n}\\n\\n\\\/* Calculator Card Styles *\\\/\\n.calculator-card {\\n    background-color: #FFFFFF;\\n    border-radius: 12px;\\n    box-shadow: 0 10px 30px rgba(108, 108, 229, 0.1);\\n    overflow: hidden;\\n    margin-bottom: 40px;\\n}\\n\\n.calculator-content {\\n    display: flex;\\n    flex-wrap: wrap;\\n    padding: 30px;\\n}\\n\\n.input-section {\\n    flex: 1;\\n    min-width: 300px;\\n    padding-right: 30px;\\n}\\n\\n.results-section {\\n    flex: 1;\\n    min-width: 300px;\\n}\\n\\n\\\/* Input Styles *\\\/\\n.input-group {\\n    margin-bottom: 25px;\\n}\\n\\nlabel {\\n    display: block;\\n    font-weight: 500;\\n    margin-bottom: 10px;\\n    color: #334155;\\n}\\n\\n.input-with-icon {\\n    position: relative;\\n    margin-bottom: 15px;\\n}\\n\\n.input-with-icon i {\\n    position: absolute;\\n    left: 15px;\\n    top: 50%;\\n    transform: translateY(-50%);\\n    color: #6AC5D1;\\n}\\n\\ninput[type=\\\"number\\\"], input[type=\\\"email\\\"] {\\n    width: 100%;\\n    padding: 12px 15px 12px 45px;\\n    border: 2px solid #E2E8F0;\\n    border-radius: 12px;\\n    font-size: 1rem;\\n    transition: border-color 0.3s;\\n}\\n\\ninput[type=\\\"number\\\"]:focus, input[type=\\\"email\\\"]:focus {\\n    border-color: #6AC5D1;\\n    outline: none;\\n}\\n\\n\\\/* Email and Consent Styles *\\\/\\n.email-capture {\\n    margin-top: 30px;\\n    padding-top: 15px;\\n    border-top: 1px dashed #E2E8F0;\\n}\\n\\n.consent-checkbox {\\n    display: flex;\\n    align-items: flex-start;\\n    margin-top: 10px;\\n}\\n\\n.consent-checkbox input[type=\\\"checkbox\\\"] {\\n    margin-right: 10px;\\n    margin-top: 5px;\\n}\\n\\n.checkbox-label {\\n    font-size: 0.85rem;\\n    color: #64748B;\\n    font-weight: 400;\\n    line-height: 1.4;\\n}\\n\\n\\\/* Email Teaser Styles *\\\/\\n.email-teaser {\\n    background: linear-gradient(120deg, #6AC5D1, #8C6CD7);\\n    border: 1px dashed #8FDDEA;\\n    border-radius: 12px;\\n    padding: 25px;\\n    text-align: center;\\n    margin-bottom: 25px;\\n}\\n\\n.email-teaser i {\\n    font-size: 2.5rem;\\n    color: #8FDDEA;\\n    margin-bottom: 15px;\\n}\\n\\n.email-teaser h3 {\\n    font-size: 1.3rem;\\n    margin-bottom: 10px;\\n    color: #FFFFFF;\\n}\\n\\n.email-teaser p {\\n    color: #FFFFFF;\\n    margin-bottom: 10px;\\n}\\n\\n.guarantee {\\n    font-size: 0.85rem;\\n    opacity: 0.8;\\n    color: #FFFFFF;\\n}\\n\\n\\\/* Hide\\\/Show Elements *\\\/\\n.hidden {\\n    display: none;\\n}\\n\\n.slider-container {\\n    position: relative;\\n    margin-top: 10px;\\n}\\n\\n.slider {\\n    width: 100%;\\n    height: 6px;\\n    background: #E2E8F0;\\n    border-radius: 3px;\\n    outline: none;\\n    -webkit-appearance: none;\\n    cursor: pointer;\\n}\\n\\n.slider::-webkit-slider-thumb {\\n    -webkit-appearance: none;\\n    width: 20px;\\n    height: 20px;\\n    border-radius: 50%;\\n    background: linear-gradient(120deg, #6AC5D1, #8C6CD7);\\n    cursor: pointer;\\n}\\n\\n.slider-values {\\n    display: flex;\\n    justify-content: space-between;\\n    margin-top: 5px;\\n    font-size: 0.8rem;\\n    color: #64748B;\\n}\\n\\n\\\/* Results Styles *\\\/\\n.savings-card {\\n    background: linear-gradient(120deg, #6AC5D1, #8C6CD7);\\n    color: #FFFFFF;\\n    border-radius: 12px;\\n    padding: 25px;\\n    text-align: center;\\n    margin-bottom: 25px;\\n}\\n\\n.savings-title {\\n    font-size: 1.2rem;\\n    font-weight: 500;\\n    margin-bottom: 15px;\\n}\\n\\n.savings-amount {\\n    font-size: 3rem;\\n    font-weight: 700;\\n    margin-bottom: 15px;\\n}\\n\\n.savings-description {\\n    font-size: 0.9rem;\\n    opacity: 0.9;\\n}\\n\\n.benefits {\\n    margin-top: 30px;\\n}\\n\\n.benefit-item {\\n    display: flex;\\n    align-items: flex-start;\\n    margin-bottom: 20px;\\n}\\n\\n.benefit-item i {\\n    font-size: 1.5rem;\\n    color: #8C6CD7;\\n    margin-right: 15px;\\n    margin-top: 5px;\\n}\\n\\n.benefit-item h3 {\\n    font-size: 1.1rem;\\n    font-weight: 600;\\n    margin-bottom: 5px;\\n}\\n\\n.benefit-item p {\\n    font-size: 0.9rem;\\n    color: #64748B;\\n}\\n\\n\\\/* CTA Section *\\\/\\n.cta-section {\\n    background-color: #F5F7FA;\\n    padding: 25px 30px;\\n    display: flex;\\n    justify-content: space-between;\\n    flex-wrap: wrap;\\n    gap: 15px;\\n}\\n\\n.btn-primary, .btn-secondary {\\n    padding: 12px 25px;\\n    font-size: 1rem;\\n    font-weight: 500;\\n    border-radius: 30px;\\n    cursor: pointer;\\n    transition: transform 0.3s, box-shadow 0.3s;\\n    border: none;\\n}\\n\\n.btn-primary {\\n    background: linear-gradient(120deg, #6AC5D1, #8C6CD7);\\n    color: #FFFFFF;\\n    flex: 1;\\n    min-width: 200px;\\n}\\n\\n.btn-secondary {\\n    background-color: #FFFFFF;\\n    color: #8C6CD7;\\n    border: 2px solid #8C6CD7;\\n    flex: 1;\\n    min-width: 200px;\\n}\\n\\n.btn-primary:hover, .btn-secondary:hover {\\n    transform: translateY(-3px);\\n    box-shadow: 0 5px 15px rgba(108, 108, 229, 0.2);\\n}\\n\\n\\\/* Email validation styling *\\\/\\ninput:invalid {\\n    border-color: #ff8f8f;\\n}\\n\\n\\\/* Success indicator *\\\/\\n.success-indicator {\\n    color: #4caf50;\\n    font-size: 0.9rem;\\n    display: flex;\\n    align-items: center;\\n    margin-top: 10px;\\n}\\n\\n.success-indicator i {\\n    margin-right: 5px;\\n}\\n\\n\\\/* Features Section *\\\/\\n.features-section {\\n    margin-top: 40px;\\n    text-align: center;\\n}\\n\\n.features-section h2 {\\n    font-size: 1.8rem;\\n    margin-bottom: 30px;\\n}\\n\\n.features-grid {\\n    display: grid;\\n    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\\n    gap: 25px;\\n}\\n\\n.feature-card {\\n    background-color: #FFFFFF;\\n    border-radius: 12px;\\n    padding: 30px;\\n    box-shadow: 0 10px 30px rgba(108, 108, 229, 0.1);\\n    transition: transform 0.3s;\\n}\\n\\n.feature-card:hover {\\n    transform: translateY(-5px);\\n}\\n\\n.feature-card i {\\n    font-size: 2.5rem;\\n    color: #6AC5D1;\\n    margin-bottom: 20px;\\n}\\n\\n.feature-card h3 {\\n    font-size: 1.3rem;\\n    margin-bottom: 15px;\\n}\\n\\n.feature-card p {\\n    color: #64748B;\\n}\\n\\n\\\/* Footer *\\\/\\n.footer {\\n    background: linear-gradient(120deg, #6AC5D1, #8C6CD7);\\n    color: #FFFFFF;\\n    padding: 30px 0;\\n    margin-top: 60px;\\n    text-align: center;\\n}\\n\\n.footer-content {\\n    max-width: 1200px;\\n    margin: 0 auto;\\n    padding: 0 20px;\\n}\\n\\n.footer .logo {\\n    font-size: 2rem;\\n    margin-bottom: 10px;\\n    -webkit-text-fill-color: white;\\n}\\n\\n.footer-tagline {\\n    font-size: 1.2rem;\\n    opacity: 0.9;\\n}\\n\\n\\\/* Responsive *\\\/\\n@media (max-width: 1024px) {\\n    .container {\\n        max-width: 95%;\\n        padding: 30px 15px;\\n    }\\n    \\n    h1 {\\n        font-size: 2rem;\\n    }\\n    \\n    .tagline {\\n        font-size: 1.1rem;\\n    }\\n}\\n\\n@media (max-width: 768px) {\\n    .calculator-content {\\n        flex-direction: column;\\n        padding: 20px;\\n    }\\n    \\n    .input-section {\\n        padding-right: 0;\\n        margin-bottom: 30px;\\n        min-width: 100%;\\n    }\\n    \\n    .results-section {\\n        min-width: 100%;\\n    }\\n    \\n    .cta-section {\\n        flex-direction: column;\\n        align-items: stretch;\\n    }\\n    \\n    .cta-section .btn-primary,\\n    .cta-section .btn-secondary {\\n        width: 100%;\\n        margin: 5px 0;\\n        text-align: center;\\n    }\\n    \\n    .features-grid {\\n        grid-template-columns: 1fr;\\n        gap: 15px;\\n    }\\n    \\n    .feature-card {\\n        padding: 15px;\\n    }\\n    \\n    .savings-amount {\\n        font-size: 2.5rem;\\n    }\\n}\\n\\n@media (max-width: 480px) {\\n    h1 {\\n        font-size: 1.8rem;\\n    }\\n    \\n    .tagline {\\n        font-size: 1rem;\\n    }\\n    \\n    .calculator-content {\\n        padding: 15px;\\n    }\\n    \\n    input[type=\\\"number\\\"], \\n    input[type=\\\"email\\\"] {\\n        padding: 10px 10px 10px 40px;\\n        font-size: 0.9rem;\\n    }\\n    \\n    .input-with-icon i {\\n        left: 12px;\\n    }\\n    \\n    .savings-title {\\n        font-size: 1.1rem;\\n    }\\n    \\n    .savings-amount {\\n        font-size: 2.2rem;\\n        padding: 10px;\\n        margin: 10px 0;\\n    }\\n    \\n    .savings-description p {\\n        font-size: 0.9rem;\\n    }\\n    \\n    .benefit-item h3 {\\n        font-size: 1rem;\\n    }\\n    \\n    .benefit-item p {\\n        font-size: 0.85rem;\\n    }\\n    \\n    .benefit-item i {\\n        font-size: 20px;\\n        margin-right: 10px;\\n    }\\n    \\n    .feature-card i {\\n        font-size: 24px;\\n    }\\n    \\n    .feature-card h3 {\\n        font-size: 1rem;\\n    }\\n    \\n    .feature-card p {\\n        font-size: 0.85rem;\\n    }\\n    \\n    .btn-primary, \\n    .btn-secondary {\\n        padding: 10px 20px;\\n        font-size: 0.9rem;\\n    }\\n    \\n    .cta-demo-button {\\n        padding: 10px 15px;\\n        font-size: 0.9rem;\\n    }\\n}\\n\\n\\\/* Animation Effects - Keep fade in but remove pulse *\\\/\\n@keyframes fadeIn {\\n    from { opacity: 0; transform: translateY(20px); }\\n    to { opacity: 1; transform: translateY(0); }\\n}\\n\\n.savings-amount, .benefit-item, .feature-card {\\n    animation: fadeIn 0.5s ease-out forwards;\\n}\\n\\n\\\/* Error tooltip for email validation *\\\/\\n.error-tooltip {\\n    position: absolute;\\n    background: #ff8f8f;\\n    color: white;\\n    padding: 5px 10px;\\n    border-radius: 4px;\\n    font-size: 0.8rem;\\n    bottom: -30px;\\n    left: 0;\\n    z-index: 10;\\n    opacity: 0;\\n    transition: opacity 0.3s;\\n}\\n\\n.error-tooltip.show {\\n    opacity: 1;\\n}\"}},{\"type\":\"html\",\"props\":{\"content\":\"[contact-form-7 id=\\\"fc490d3\\\" title=\\\"FORM CALCOLATORE ROI ENG\\\"]\",\"css\":\".el-element {\\n    display: none;\\n}\",\"id\":\"form-invisibile\"}}]}]}]}],\"version\":\"4.5.33\"} --><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Hotel Savings Calculator Discover how much Cora can save you Number of Rooms 1 500 Days Open per Year 1 365 Your Email to See Your Estimated Annual Savings I [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-25436","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/corahospitality.com\/en\/wp-json\/wp\/v2\/pages\/25436","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/corahospitality.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/corahospitality.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/corahospitality.com\/en\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/corahospitality.com\/en\/wp-json\/wp\/v2\/comments?post=25436"}],"version-history":[{"count":0,"href":"https:\/\/corahospitality.com\/en\/wp-json\/wp\/v2\/pages\/25436\/revisions"}],"wp:attachment":[{"href":"https:\/\/corahospitality.com\/en\/wp-json\/wp\/v2\/media?parent=25436"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}