Richiesta Demo HopySuite<\/title>\r\n <style>\r\n :root {\r\n --pink: #e91e63;\r\n --teal: #16c1b3;\r\n --muted: #5b667a;\r\n --bd: #d9deea;\r\n --ok: #22c55e;\r\n --err: #ef4444;\r\n --w: 520px\r\n }\r\n\r\n html,\r\n body {\r\n height: 100%\r\n }\r\n\r\n body {\r\n margin: 0;\r\n font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;\r\n color: #0b1220;\r\n display: grid;\r\n place-items: center;\r\n min-height: 100dvh;\r\n overflow-y: auto;\r\n background: transparent\r\n }\r\n\r\n body::before {\r\n content: \"\";\r\n position: fixed;\r\n inset: 0;\r\n z-index: -1;\r\n background: linear-gradient(135deg, rgba(233, 30, 99, .92) 0%, rgba(233, 30, 99, .78) 30%, rgba(22, 193, 179, .78) 70%, rgba(22, 193, 179, .92) 100%)\r\n }\r\n\r\n .shell {\r\n width: min(980px, 96vw)\r\n }\r\n\r\n .split {\r\n display: grid;\r\n grid-template-columns: 1.1fr 1fr;\r\n background: #fff;\r\n border-radius: 16px;\r\n box-shadow: 0 16px 64px rgba(0, 0, 0, .2);\r\n overflow: hidden\r\n }\r\n\r\n @media(max-width:820px) {\r\n .split {\r\n grid-template-columns: 1fr\r\n }\r\n }\r\n\r\n .media {\r\n display: grid;\r\n place-items: center;\r\n background: radial-gradient(70% 70% at 30% 20%, rgba(247, 177, 200, .45), transparent 70%), radial-gradient(70% 70% at 70% 80%, rgba(183, 239, 233, .45), transparent 70%);\r\n min-height: 220px\r\n }\r\n\r\n .logoWrap,\r\n .logo {\r\n user-select: none;\r\n -webkit-touch-callout: none;\r\n -webkit-user-drag: none\r\n }\r\n\r\n .logo {\r\n pointer-events: none;\r\n width: min(280px, 40vw);\r\n height: auto;\r\n filter: drop-shadow(0 8px 22px rgba(233, 30, 99, .28));\r\n animation: logoPulse 2.8s ease-in-out infinite\r\n }\r\n\r\n @keyframes logoPulse {\r\n 0% {\r\n filter: drop-shadow(0 2px 0 rgba(255, 255, 255, .9)) drop-shadow(0 8px 22px rgba(233, 30, 99, .45))\r\n }\r\n\r\n 50% {\r\n filter: drop-shadow(0 2px 0 rgba(255, 255, 255, .95)) drop-shadow(0 12px 30px rgba(233, 30, 99, .40)) drop-shadow(0 0 18px rgba(22, 193, 179, .85))\r\n }\r\n\r\n 100% {\r\n filter: drop-shadow(0 2px 0 rgba(255, 255, 255, .9)) drop-shadow(0 8px 22px rgba(233, 30, 99, .45))\r\n }\r\n }\r\n\r\n @media (prefers-reduced-motion:reduce) {\r\n .logo {\r\n animation: none\r\n }\r\n }\r\n\r\n .content {\r\n padding: 12px;\r\n display: grid;\r\n gap: 10px;\r\n align-content: start\r\n }\r\n\r\n .content :where(h1, p, label, small, span, div) {\r\n user-select: none\r\n }\r\n\r\n .title {\r\n margin: 0;\r\n font-size: clamp(18px, 2.2vw, 24px)\r\n }\r\n\r\n .sub {\r\n margin: 0;\r\n color: var(--muted);\r\n font-size: 13px\r\n }\r\n\r\n .msg {\r\n position: relative;\r\n font-size: 13px;\r\n padding: 10px 12px;\r\n border-radius: 12px;\r\n border: 1px solid #eee;\r\n margin: 8px 0\r\n }\r\n\r\n .msg.err {\r\n background: #ffe9f0;\r\n color: #7b1236;\r\n border-color: #f5c3d3\r\n }\r\n\r\n .msg.ok {\r\n background: #e7fbf8;\r\n color: #0f6b64;\r\n border-color: #bfeee8\r\n }\r\n\r\n .msg.ok.pulse {\r\n animation: msgGlow 2.2s ease-in-out 3\r\n }\r\n\r\n @keyframes msgGlow {\r\n\r\n 0%,\r\n 100% {\r\n box-shadow: 0 0 0 rgba(0, 0, 0, .15)\r\n }\r\n\r\n 50% {\r\n box-shadow: 0 10px 34px rgba(34, 197, 94, .55)\r\n }\r\n }\r\n\r\n .msg-close {\r\n position: absolute;\r\n top: 6px;\r\n right: 8px;\r\n border: 0;\r\n background: transparent;\r\n color: inherit;\r\n font-size: 18px;\r\n cursor: pointer;\r\n opacity: .45\r\n }\r\n\r\n .msg-close:hover {\r\n opacity: .9\r\n }\r\n\r\n .msg.fade {\r\n opacity: 0;\r\n transform: translateY(-6px);\r\n transition: .22s ease all\r\n }\r\n\r\n form {\r\n display: grid;\r\n gap: 10px\r\n }\r\n\r\n .field {\r\n position: relative;\r\n width: 100%;\r\n max-width: var(--w)\r\n }\r\n\r\n .control {\r\n width: 100%;\r\n box-sizing: border-box;\r\n padding: 8px 14px 14px;\r\n border-radius: 12px;\r\n border: 1px solid var(--bd);\r\n background: #fff;\r\n font-size: 14px;\r\n outline: none;\r\n text-align: center\r\n }\r\n\r\n .control:focus {\r\n border-color: var(--teal);\r\n box-shadow: 0 0 0 3px rgba(22, 193, 179, .26)\r\n }\r\n\r\n .control.is-invalid {\r\n border-color: var(--err) !important;\r\n box-shadow: 0 0 0 3px rgba(185, 28, 28, .28) !important\r\n }\r\n\r\n .control.is-valid {\r\n border-color: var(--ok) !important;\r\n box-shadow: 0 0 0 3px rgba(21, 128, 61, .24) !important\r\n }\r\n\r\n .label {\r\n position: absolute;\r\n left: 12px;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n font-size: 14px;\r\n color: var(--muted);\r\n pointer-events: none;\r\n transition: .12s\r\n }\r\n\r\n .control:not(:placeholder-shown)+.label,\r\n .control:focus+.label {\r\n top: 0;\r\n transform: translateY(-50%);\r\n font-size: 11px;\r\n background: #fff;\r\n border-radius: 6px;\r\n padding: 0 4px\r\n }\r\n\r\n .err {\r\n font-size: 12px;\r\n color: #b91c1c;\r\n display: none;\r\n margin-top: 6px\r\n }\r\n\r\n .err.is-visible {\r\n display: block\r\n }\r\n\r\n .row {\r\n display: grid;\r\n gap: 8px\r\n }\r\n\r\n .row--2 {\r\n grid-template-columns: 140px 1fr\r\n }\r\n\r\n @media(max-width:560px) {\r\n .row--2 {\r\n grid-template-columns: 1fr\r\n }\r\n }\r\n\r\n select.control {\r\n padding-right: 28px\r\n }\r\n\r\n .cta {\r\n display: flex;\r\n gap: 10px;\r\n flex-wrap: wrap;\r\n margin-top: 6px\r\n }\r\n\r\n .btn {\r\n border: 0;\r\n border-radius: 14px;\r\n padding: 12px 18px;\r\n font-weight: 800;\r\n cursor: pointer;\r\n min-width: 140px;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center\r\n }\r\n\r\n .btnPrimary {\r\n background: var(--pink);\r\n color: #fff\r\n }\r\n\r\n .btn[disabled] {\r\n cursor: not-allowed\r\n }\r\n\r\n .btnPrimary:disabled {\r\n opacity: .6\r\n }\r\n\r\n .btnPrimary.is-ready {\r\n animation: btnReadyPulse 1.8s ease-in-out infinite\r\n }\r\n\r\n @keyframes btnReadyPulse {\r\n 0% {\r\n box-shadow: 0 10px 28px rgba(233, 30, 99, .28), 0 0 0 0 rgba(34, 197, 94, 0)\r\n }\r\n\r\n 50% {\r\n box-shadow: 0 14px 36px rgba(233, 30, 99, .40), 0 0 0 10px rgba(34, 197, 94, .26)\r\n }\r\n\r\n 100% {\r\n box-shadow: 0 10px 28px rgba(233, 30, 99, .28), 0 0 0 0 rgba(34, 197, 94, 0)\r\n }\r\n }\r\n\r\n @media (prefers-reduced-motion:reduce) {\r\n .btnPrimary.is-ready {\r\n animation: none\r\n }\r\n }\r\n\r\n .btnSecondary {\r\n background: #bfeee8;\r\n color: #0c5650;\r\n border: 1px solid #d9deea;\r\n text-decoration: none\r\n }\r\n\r\n .btnPrimary:hover:not(:disabled) {\r\n transform: translateY(-1px);\r\n box-shadow: 0 14px 36px rgba(233, 30, 99, .40)\r\n }\r\n\r\n .btnSecondary:hover {\r\n background: #0c5650;\r\n color: #f3fffd;\r\n border-color: #0c5650;\r\n transform: translateY(-1px);\r\n box-shadow: 0 8px 22px rgba(12, 86, 80, .25)\r\n }\r\n\r\n .spinner {\r\n width: 16px;\r\n height: 16px;\r\n border-radius: 50%;\r\n border: 2px solid rgba(255, 255, 255, .6);\r\n border-top-color: #fff;\r\n animation: spin .8s linear infinite;\r\n display: none\r\n }\r\n\r\n @keyframes spin {\r\n to {\r\n transform: rotate(360deg)\r\n }\r\n }\r\n\r\n .radio-group {\r\n display: flex;\r\n gap: 14px;\r\n align-items: center;\r\n justify-content: flex-start\r\n }\r\n\r\n .radio {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px\r\n }\r\n\r\n .radio input {\r\n transform: translateY(1px)\r\n }\r\n\r\n \/* Full-bleed *\/\r\n .hopy-fullbleed {\r\n width: 100vw;\r\n }\r\n\r\n .shell {\r\n width: 100%;\r\n max-width: 100% !important;\r\n }\r\n\r\n .split {\r\n grid-template-columns: 1fr 1fr;\r\n border-radius: 0;\r\n box-shadow: none;\r\n }\r\n\r\n @media (max-width: 900px) {\r\n .split {\r\n grid-template-columns: 1fr;\r\n }\r\n }\r\n\r\n :root {\r\n --w: 720px;\r\n }\r\n\r\n .elementor-section.stretch-demo,\r\n .elementor-container.stretch-demo {\r\n width: 100vw !important;\r\n }\r\n\r\n .stretch-demo>.elementor-container,\r\n .stretch-demo .elementor-widget-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n }\r\n\r\n .stretch-demo .elementor-shortcode {\r\n display: flex;\r\n justify-content: center;\r\n }\r\n <\/style>\r\n <script>\r\n window.HOPY_BANDS = [{\"min\":1,\"max\":9,\"plan\":\"Non attivabile\",\"lbl\":\"1\u20139 \u2014 Non attivabile\"},{\"min\":11,\"max\":30,\"plan\":\"Starter\",\"lbl\":\"11\u201330 \u2014 Starter\"},{\"min\":31,\"max\":80,\"plan\":\"Beginner\",\"lbl\":\"31\u201380 \u2014 Beginner\"},{\"min\":81,\"max\":250,\"plan\":\"Scaling\",\"lbl\":\"81\u2013250 \u2014 Scaling\"},{\"min\":250,\"max\":9223372036854775807,\"plan\":\"Enterprise\",\"lbl\":\"250+ \u2014 Enterprise\"}];\r\n <\/script>\r\n<\/head>\r\n\r\n<body>\r\n <div class=\"shell hopy-fullbleed\">\r\n <section class=\"split\" role=\"region\" aria-label=\"Richiesta demo\">\r\n <aside class=\"media\" aria-hidden=\"true\">\r\n <div class=\"logoWrap\"><img decoding=\"async\" class=\"logo\" src=\"https:\/\/hopysuite.com\/wp-content\/uploads\/HopySuite_logo.png\" alt=\"HopySuite Logo\"\r\n draggable=\"false\" tabindex=\"-1\" \/><\/div>\r\n <\/aside>\r\n <div class=\"content\">\r\n <header>\r\n <h1 class=\"title\">Richiedi una demo HopySuite<\/h1>\r\n <p class=\"sub\">Ti ricontatteremo nella lingua che preferisci.<\/p>\r\n <\/header>\r\n\r\n <div id=\"liveMessages\" aria-live=\"polite\" aria-atomic=\"true\">\r\n <\/div>\r\n\r\n <form id=\"f\" method=\"post\" action=\"\" novalidate data-rate-limit-ms=\"5000\">\r\n <input type=\"hidden\" name=\"_csrf\" value=\"d6bbf415020eec225ad10a80bf02f89b\" \/>\r\n \r\n <div class=\"field\">\r\n <input id=\"company\" name=\"company\" class=\"control\" type=\"text\" placeholder=\" \"\r\n value=\"\" required maxlength=\"150\" aria-describedby=\"e_company\">\r\n <label for=\"company\" class=\"label\">Company<\/label>\r\n <small id=\"e_company\" class=\"err\"><\/small>\r\n <\/div>\r\n\r\n <div class=\"field\">\r\n <div style=\"display:flex;gap:10px;\">\r\n \r\n <div style=\"flex:1;\">\r\n <div class=\"field\">\r\n <input id=\"first_name\" name=\"first_name\" class=\"control\" type=\"text\" placeholder=\" \"\r\n required maxlength=\"100\" value=\"\"\r\n aria-describedby=\"e_first\">\r\n <label for=\"first_name\" class=\"label\">First Name<\/label>\r\n <small id=\"e_first\" class=\"err\"><\/small>\r\n <\/div>\r\n <\/div>\r\n \r\n <div style=\"flex:1;\">\r\n <div class=\"field\">\r\n <input id=\"last_name\" name=\"last_name\" class=\"control\" type=\"text\" placeholder=\" \"\r\n required maxlength=\"100\" value=\"\" aria-describedby=\"e_last\">\r\n <label for=\"last_name\" class=\"label\">Last Name<\/label>\r\n <small id=\"e_last\" class=\"err\"><\/small>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"row row--2\">\r\n <div class=\"field\">\r\n <input id=\"phone_prefix\" name=\"prefisso\" class=\"control\" type=\"text\" inputmode=\"tel\"\r\n placeholder=\" \" value=\"\" required maxlength=\"6\"\r\n list=\"phone_prefix_list\" pattern=\"^\\+\\d{1,4}$\" aria-describedby=\"e_pref\">\r\n <label for=\"phone_prefix\" class=\"label\">Prefisso<\/label><small id=\"e_pref\"\r\n class=\"err\"><\/small>\r\n <datalist id=\"phone_prefix_list\"><option\r\n value=\"+00\">Caribbean - Czechia - Other +3 altri<\/option><option\r\n value=\"+1\">Barbados - Canada - Dominican Republic +5 altri<\/option><option\r\n value=\"+27\">South Africa<\/option><option\r\n value=\"+30\">Greece<\/option><option\r\n value=\"+31\">Netherlands<\/option><option\r\n value=\"+32\">Belgium<\/option><option\r\n value=\"+33\">France<\/option><option\r\n value=\"+34\">Spain<\/option><option\r\n value=\"+39\">Italy<\/option><option\r\n value=\"+40\">Romania<\/option><option\r\n value=\"+41\">Switzerland<\/option><option\r\n value=\"+44\">UK<\/option><option\r\n value=\"+45\">Denmark<\/option><option\r\n value=\"+46\">Sweden<\/option><option\r\n value=\"+47\">Norway<\/option><option\r\n value=\"+48\">Poland<\/option><option\r\n value=\"+49\">Germany<\/option><option\r\n value=\"+51\">Peru<\/option><option\r\n value=\"+52\">Mexico<\/option><option\r\n value=\"+53\">Cuba<\/option><option\r\n value=\"+55\">Brazil<\/option><option\r\n value=\"+56\">Chile<\/option><option\r\n value=\"+57\">Colombia<\/option><option\r\n value=\"+60\">Malaysia<\/option><option\r\n value=\"+61\">Australia<\/option><option\r\n value=\"+62\">Indonesia<\/option><option\r\n value=\"+63\">Philippines<\/option><option\r\n value=\"+64\">New Zealand<\/option><option\r\n value=\"+65\">Singapore<\/option><option\r\n value=\"+66\">Thailand<\/option><option\r\n value=\"+82\">South Korea<\/option><option\r\n value=\"+84\">Vietnam<\/option><option\r\n value=\"+86\">China<\/option><option\r\n value=\"+90\">Turkey<\/option><option\r\n value=\"+91\">India<\/option><option\r\n value=\"+230\">Mauritius<\/option><option\r\n value=\"+234\">Nigeria<\/option><option\r\n value=\"+297\">Aruba<\/option><option\r\n value=\"+351\">Portugal<\/option><option\r\n value=\"+353\">Ireland<\/option><option\r\n value=\"+357\">Cyprus<\/option><option\r\n value=\"+358\">Finland<\/option><option\r\n value=\"+359\">Bulgaria<\/option><option\r\n value=\"+370\">Lithuania<\/option><option\r\n value=\"+372\">Estonia<\/option><option\r\n value=\"+376\">Andorra<\/option><option\r\n value=\"+385\">Croatia<\/option><option\r\n value=\"+501\">Belize<\/option><option\r\n value=\"+504\">Honduras<\/option><option\r\n value=\"+506\">Costa Rica<\/option><option\r\n value=\"+507\">Panama<\/option><option\r\n value=\"+591\">Bolivia<\/option><option\r\n value=\"+966\">Saudi Arabia<\/option><option\r\n value=\"+971\">United Arab Emirates<\/option><option\r\n value=\"+972\">Israel<\/option><\/datalist>\r\n <\/div>\r\n <div class=\"field\">\r\n <input id=\"phone_number\" name=\"telefono\" class=\"control\" type=\"text\" inputmode=\"tel\"\r\n placeholder=\" \" value=\"\" required maxlength=\"24\"\r\n pattern=\"^(?:\\d\\s*){6,20}$\" aria-describedby=\"e_phone\">\r\n <label for=\"phone_number\" class=\"label\">Numero<\/label><small id=\"e_phone\"\r\n class=\"err\"><\/small>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"field\">\r\n <input id=\"email_address\" name=\"mail\" class=\"control\" type=\"email\" inputmode=\"email\"\r\n placeholder=\" \" value=\"\" required maxlength=\"150\" autocomplete=\"email\"\r\n aria-describedby=\"e_mail\">\r\n <label for=\"email_address\" class=\"label\">Email<\/label><small id=\"e_mail\" class=\"err\"><\/small>\r\n <\/div>\r\n\r\n <div class=\"field\">\r\n <select id=\"country_name\" name=\"paese\" class=\"control\" required aria-describedby=\"e_country\">\r\n <option value=\"\">Seleziona un paese<\/option>\r\n <option value=\"Andorra\" >Andorra<\/option>\r\n <option value=\"Aruba\" >Aruba<\/option>\r\n <option value=\"Australia\" >Australia<\/option>\r\n <option value=\"Barbados\" >Barbados<\/option>\r\n <option value=\"Belgium\" >Belgium<\/option>\r\n <option value=\"Belize\" >Belize<\/option>\r\n <option value=\"Bolivia\" >Bolivia<\/option>\r\n <option value=\"Brazil\" >Brazil<\/option>\r\n <option value=\"Bulgaria\" >Bulgaria<\/option>\r\n <option value=\"Canada\" >Canada<\/option>\r\n <option value=\"Caribbean\" >Caribbean<\/option>\r\n <option value=\"Chile\" >Chile<\/option>\r\n <option value=\"China\" >China<\/option>\r\n <option value=\"Colombia\" >Colombia<\/option>\r\n <option value=\"Costa Rica\" >Costa Rica<\/option>\r\n <option value=\"Croatia\" >Croatia<\/option>\r\n <option value=\"Cuba\" >Cuba<\/option>\r\n <option value=\"Cyprus\" >Cyprus<\/option>\r\n <option value=\"Czechia\" >Czechia<\/option>\r\n <option value=\"Denmark\" >Denmark<\/option>\r\n <option value=\"Dominican Republic\" >Dominican Republic<\/option>\r\n <option value=\"Estonia\" >Estonia<\/option>\r\n <option value=\"Finland\" >Finland<\/option>\r\n <option value=\"France\" >France<\/option>\r\n <option value=\"Germany\" >Germany<\/option>\r\n <option value=\"Greece\" >Greece<\/option>\r\n <option value=\"Honduras\" >Honduras<\/option>\r\n <option value=\"India\" >India<\/option>\r\n <option value=\"Indonesia\" >Indonesia<\/option>\r\n <option value=\"Ireland\" >Ireland<\/option>\r\n <option value=\"Israel\" >Israel<\/option>\r\n <option value=\"Italy\" >Italy<\/option>\r\n <option value=\"Lithuania\" >Lithuania<\/option>\r\n <option value=\"Malaysia\" >Malaysia<\/option>\r\n <option value=\"Mauritius\" >Mauritius<\/option>\r\n <option value=\"Mexico\" >Mexico<\/option>\r\n <option value=\"Montserrat\" >Montserrat<\/option>\r\n <option value=\"Netherlands\" >Netherlands<\/option>\r\n <option value=\"New Zealand\" >New Zealand<\/option>\r\n <option value=\"Nigeria\" >Nigeria<\/option>\r\n <option value=\"Norway\" >Norway<\/option>\r\n <option value=\"Other\" >Other<\/option>\r\n <option value=\"Panama\" >Panama<\/option>\r\n <option value=\"Peru\" >Peru<\/option>\r\n <option value=\"Philippines\" >Philippines<\/option>\r\n <option value=\"Poland\" >Poland<\/option>\r\n <option value=\"Portugal\" >Portugal<\/option>\r\n <option value=\"Puerto Rico\" >Puerto Rico<\/option>\r\n <option value=\"Romania\" >Romania<\/option>\r\n <option value=\"Saudi Arabia\" >Saudi Arabia<\/option>\r\n <option value=\"Scotland\" >Scotland<\/option>\r\n <option value=\"Singapore\" >Singapore<\/option>\r\n <option value=\"Sint Maarten\" >Sint Maarten<\/option>\r\n <option value=\"South Africa\" >South Africa<\/option>\r\n <option value=\"South Korea\" >South Korea<\/option>\r\n <option value=\"Spain\" >Spain<\/option>\r\n <option value=\"Sweden\" >Sweden<\/option>\r\n <option value=\"Switzerland\" >Switzerland<\/option>\r\n <option value=\"Thailand\" >Thailand<\/option>\r\n <option value=\"The Bahamas\" >The Bahamas<\/option>\r\n <option value=\"Turkey\" >Turkey<\/option>\r\n <option value=\"Turks and Caicos Islands\" >Turks and Caicos Islands<\/option>\r\n <option value=\"U.S. Virgin Islands\" >U.S. Virgin Islands<\/option>\r\n <option value=\"UK\" >UK<\/option>\r\n <option value=\"United Arab Emirates\" >United Arab Emirates<\/option>\r\n <option value=\"US\" >US<\/option>\r\n <option value=\"Vietnam\" >Vietnam<\/option>\r\n <\/select>\r\n <label for=\"country_name\" class=\"label\">Paese<\/label><small id=\"e_country\" class=\"err\"><\/small>\r\n <\/div>\r\n\r\n <div class=\"field\">\r\n <select id=\"channel_manager\" name=\"channel_manager\" class=\"control\" required\r\n aria-describedby=\"e_cm\">\r\n <option value=\"\">Seleziona il tuo PMS<\/option>\r\n <option value=\"365-villas\" >365-Villas<\/option>\r\n <option value=\"appfolio\" >AppFolio<\/option>\r\n <option value=\"avaibook\" >Avaibook<\/option>\r\n <option value=\"avantio\" >Avantio<\/option>\r\n <option value=\"beddy\" >Beddy<\/option>\r\n <option value=\"beds24\" >Beds24<\/option>\r\n <option value=\"bookingcenter\" >BookingCenter<\/option>\r\n <option value=\"bookingpal\" >BookingPal<\/option>\r\n <option value=\"boom\" >Boom<\/option>\r\n <option value=\"checkfront\" >Checkfront<\/option>\r\n <option value=\"ciirus\" >CiiRUS<\/option>\r\n <option value=\"cloudbeds\" >Cloudbeds<\/option>\r\n <option value=\"escapia\" >Escapia<\/option>\r\n <option value=\"eviivo\" >Eviivo<\/option>\r\n <option value=\"freetobook\" >Freetobook<\/option>\r\n <option value=\"futurestay\" >Futurestay<\/option>\r\n <option value=\"guesty\" >Guesty<\/option>\r\n <option value=\"hospitable\" >Hospitable<\/option>\r\n <option value=\"hostaway\" >Hostaway<\/option>\r\n <option value=\"hostfully\" >HostFully<\/option>\r\n <option value=\"i-rent\" >I-Rent<\/option>\r\n <option value=\"icnea\" >Icnea<\/option>\r\n <option value=\"intercoastal-net-designs\" >InterCoastal Net Designs<\/option>\r\n <option value=\"kigo\" >Kigo<\/option>\r\n <option value=\"kross-booking\" >Kross Booking<\/option>\r\n <option value=\"krossbooking\" >KrossBooking<\/option>\r\n <option value=\"liverez\" >LiveRez<\/option>\r\n <option value=\"lodgify\" >Lodgify<\/option>\r\n <option value=\"nightsbridge\" >NightsBridge<\/option>\r\n <option value=\"octorate\" >Octorate<\/option>\r\n <option value=\"olark\" >Olark<\/option>\r\n <option value=\"onerooftop\" >OneRooftop<\/option>\r\n <option value=\"operto\" >Operto<\/option>\r\n <option value=\"orbirental\" >Orbirental<\/option>\r\n <option value=\"other\" >Other<\/option>\r\n <option value=\"ownerrez\" >Ownerrez<\/option>\r\n <option value=\"rental-united\" >Rental United<\/option>\r\n <option value=\"rentlio\" >Rentlio<\/option>\r\n <option value=\"sabee-app\" >Sabee App<\/option>\r\n <option value=\"semper\" >Semper<\/option>\r\n <option value=\"smartness\" >Smartness<\/option>\r\n <option value=\"smoobu\" >Smoobu<\/option>\r\n <option value=\"stayintouch\" >Stayintouch<\/option>\r\n <option value=\"streamline\" >Streamline<\/option>\r\n <option value=\"supercontrol\" >Supercontrol<\/option>\r\n <option value=\"talkguest\" >Talkguest<\/option>\r\n <option value=\"track\" >Track<\/option>\r\n <option value=\"travel-tripper\" >Travel-Tripper<\/option>\r\n <option value=\"triptease\" >Triptease<\/option>\r\n <option value=\"uplisting\" >Uplisting<\/option>\r\n <option value=\"wubook\" >Wubook<\/option>\r\n <\/select>\r\n <label for=\"channel_manager\" class=\"label\">PMS<\/label><small id=\"e_cm\" class=\"err\"><\/small>\r\n <\/div>\r\n\r\n <div class=\"field\">\r\n <input id=\"prop_count\" name=\"prop_count\" class=\"control\" type=\"number\" min=\"0\" max=\"100000\"\r\n step=\"1\" placeholder=\" \" value=\"\" required\r\n aria-describedby=\"e_propcount\">\r\n <label for=\"prop_count\" class=\"label\">Numero di propriet\u00e0<\/label>\r\n <small id=\"e_propcount\" class=\"err\"><\/small>\r\n <\/div>\r\n\r\n \r\n <input type=\"hidden\" id=\"property_band\" name=\"property_band\" value=\"\">\r\n\r\n <div class=\"field\">\r\n <select id=\"source\" name=\"source\" class=\"control\" required aria-describedby=\"e_source\">\r\n <option value=\"\">Seleziona una opzione<\/option>\r\n <option value=\"Marketplace\" >Marketplace<\/option>\r\n <option value=\"Trade Show\" >Trade Show<\/option>\r\n <option value=\"Website\" >Website<\/option>\r\n <option value=\"Facebook\" >Facebook<\/option>\r\n <option value=\"Google Search\" >Google Search<\/option>\r\n <option value=\"LinkedIn\" >LinkedIn<\/option>\r\n <option value=\"Other\" >Other<\/option>\r\n <option value=\"Outbound\" >Outbound<\/option>\r\n <option value=\"Partner\" >Partner<\/option>\r\n <option value=\"Webinar\" >Webinar<\/option>\r\n <option value=\"Marketing\" >Marketing<\/option>\r\n <\/select>\r\n <label for=\"source\" class=\"label\">Come ci hai trovati?<\/label>\r\n <small id=\"e_source\" class=\"err\"><\/small>\r\n <\/div>\r\n\r\n \r\n <div class=\"field\">\r\n <div class=\"control\" style=\"text-align:left\">\r\n <div class=\"radio-group\" role=\"radiogroup\" aria-labelledby=\"wh_label\">\r\n <span id=\"wh_label\" class=\"label\"\r\n style=\"position:static;transform:none;font-size:13px;color:var(--muted)\">Usi gi\u00e0\r\n WhatsApp per comunicare con i tuoi clienti?<\/span>\r\n <label class=\"radio\"><input type=\"radio\" name=\"use_whatsapp\" value=\"yes\"\r\n required> S\u00ec<\/label>\r\n <label class=\"radio\"><input type=\"radio\" name=\"use_whatsapp\" value=\"no\"\r\n > No<\/label>\r\n <\/div>\r\n <\/div>\r\n <small id=\"e_wh\" class=\"err\"><\/small>\r\n <\/div>\r\n\r\n <div class=\"cta\">\r\n <button id=\"btnS\" class=\"btn btnPrimary\" type=\"submit\" disabled>\r\n <span class=\"spinner\" aria-hidden=\"true\"><\/span><span class=\"t\">Invia<\/span>\r\n <\/button>\r\n <a href=\"\/\" class=\"btn btnSecondary\" role=\"button\">Annulla<\/a>\r\n <\/div>\r\n <\/form>\r\n <\/div>\r\n <\/section>\r\n <\/div>\r\n\r\n <script>\r\n (function() {\r\n const $ = id => document.getElementById(id);\r\n\r\n const propCntI = $('prop_count'),\r\n propBandHidden = $('property_band'),\r\n ePropCnt = $('e_propcount');\r\n\r\n \/\/ Campo visivo del range rimosso: pu\u00f2 non esistere\r\n const propBandDisp = document.getElementById('prop_band_display');\r\n\r\n const BANDS = Array.isArray(window.HOPY_BANDS) ? window.HOPY_BANDS : [];\r\n\r\n const f = $('f'),\r\n btn = $('btnS'),\r\n spin = btn.querySelector('.spinner'),\r\n txt = btn.querySelector('.t');\r\n\r\n const prefI = $('phone_prefix'),\r\n numI = $('phone_number'),\r\n mailI = $('email_address'),\r\n countryI = $('country_name'),\r\n cmI = $('channel_manager');\r\n const eP = $('e_pref'),\r\n ePh = $('e_phone'),\r\n eM = $('e_mail'),\r\n eC = $('e_country'),\r\n eCM = $('e_cm'),\r\n eWH = $('e_wh');\r\n\r\n const LIM = Number(f.dataset.rateLimitMs || 5000),\r\n KEY = 'req:last';\r\n\r\n const firstI = $('first_name'),\r\n lastI = $('last_name'),\r\n sourceI = $('source');\r\n\r\n const eFirst = $('e_first'),\r\n eLast = $('e_last'),\r\n eSource = $('e_source');\r\n\r\n const V = {\r\n name: e => \/[\\p{L}]\/u.test(e.value || '') && \/^[\\p{L}\\s'.-]{2,100}$\/u.test((e.value || '').trim()) ?\r\n {\r\n ok: 1\r\n } : {\r\n ok: 0,\r\n msg: 'Min 2 lettere.'\r\n },\r\n prefix: e => \/^\\+\\d{1,4}$\/.test((e.value || '').trim()) ? {\r\n ok: 1\r\n } : {\r\n ok: 0,\r\n msg: '+ e 1\u20134 cifre.'\r\n },\r\n phone: e => {\r\n const r = (e.value || ''),\r\n d = r.replace(\/\\D+\/g, '');\r\n return (\/^(?:\\d\\s*)*$\/.test(r) && d.length >= 6 && d.length <= 20) ? {\r\n ok: 1\r\n } : {\r\n ok: 0,\r\n msg: 'Solo cifre\/spazi 6\u201320.'\r\n }\r\n },\r\n email: e => e.checkValidity() ? {\r\n ok: 1\r\n } : {\r\n ok: 0,\r\n msg: 'Email non valida.'\r\n },\r\n select: e => ((e.value || '').trim()) ? {\r\n ok: 1\r\n } : {\r\n ok: 0,\r\n msg: 'Seleziona un valore.'\r\n },\r\n whats: () => {\r\n const r = document.querySelectorAll('input[name=\"use_whatsapp\"]:checked');\r\n return r.length ? {\r\n ok: 1\r\n } : {\r\n ok: 0,\r\n msg: 'Seleziona S\u00ec o No.'\r\n };\r\n },\r\n intNonNeg: e => {\r\n const v = (e.value || '').trim();\r\n if (!\/^\\d+$\/.test(v)) return {\r\n ok: 0,\r\n msg: 'Inserisci un numero intero.'\r\n };\r\n const n = Number(v);\r\n if (n < 0) return {\r\n ok: 0,\r\n msg: 'Deve essere \u2265 0.'\r\n };\r\n if (n > 100000) return {\r\n ok: 0,\r\n msg: 'Numero troppo alto.'\r\n };\r\n return {\r\n ok: 1\r\n };\r\n },\r\n };\r\n\r\n function bandFromCount(n) {\r\n for (const b of BANDS)\r\n if (n >= b.min && n <= b.max) return b;\r\n return null;\r\n }\r\n\r\n function refreshBand() {\r\n const v = (propCntI.value || '').trim();\r\n if (!\/^\\d+$\/.test(v)) {\r\n if (propBandDisp) propBandDisp.value = '';\r\n propBandHidden.value = '';\r\n return;\r\n }\r\n const n = Number(v);\r\n const b = bandFromCount(n);\r\n if (b) {\r\n if (propBandDisp) propBandDisp.value = decodeEntities(b.lbl);\r\n propBandHidden.value = decodeEntities(b.plan);\r\n } else {\r\n if (propBandDisp) propBandDisp.value = 'Nothing';\r\n propBandHidden.value = '';\r\n }\r\n }\r\n\r\n function decodeEntities(s) {\r\n const t = document.createElement('textarea');\r\n t.innerHTML = s;\r\n return t.value;\r\n }\r\n\r\n function apply(el, res, er) {\r\n el.classList.remove('is-valid', 'is-invalid');\r\n el.setAttribute('aria-invalid', res.ok ? 'false' : 'true');\r\n if (res.ok) {\r\n el.classList.add('is-valid');\r\n if (er) {\r\n er.textContent = '';\r\n er.classList.remove('is-visible');\r\n }\r\n } else {\r\n if (er) {\r\n er.textContent = res.msg || 'Campo non valido.';\r\n er.classList.add('is-visible');\r\n el.classList.add('is-invalid');\r\n }\r\n }\r\n }\r\n\r\n function bind(el, er, val) {\r\n el.addEventListener('input', () => {\r\n apply(el, val(el), er);\r\n sync();\r\n });\r\n el.addEventListener('change', () => {\r\n apply(el, val(el), er);\r\n sync();\r\n });\r\n el.addEventListener('blur', () => {\r\n apply(el, val(el), er);\r\n sync();\r\n });\r\n }\r\n\r\n function applyRadio(errEl, res) {\r\n if (res.ok) {\r\n errEl.textContent = '';\r\n errEl.classList.remove('is-visible');\r\n } else {\r\n errEl.textContent = res.msg || 'Campo richiesto.';\r\n errEl.classList.add('is-visible');\r\n }\r\n }\r\n\r\n bind(propCntI, ePropCnt, V.intNonNeg);\r\n propCntI.addEventListener('input', () => {\r\n refreshBand();\r\n sync();\r\n });\r\n propCntI.addEventListener('change', () => {\r\n refreshBand();\r\n sync();\r\n });\r\n\r\n bind(firstI, eFirst, V.name);\r\n bind(lastI, eLast, V.name);\r\n bind(sourceI, eSource, V.select);\r\n bind(prefI, eP, V.prefix);\r\n bind(numI, ePh, V.phone);\r\n bind(mailI, eM, V.email);\r\n bind(countryI, eC, V.select);\r\n bind(cmI, eCM, V.select);\r\n document.addEventListener('change', e => {\r\n if (e.target && e.target.name === 'use_whatsapp') {\r\n applyRadio(eWH, V.whats());\r\n sync();\r\n }\r\n }, false);\r\n\r\n function allOk() {\r\n return V.name(firstI).ok && V.name(lastI).ok &&\r\n V.prefix(prefI).ok && V.phone(numI).ok &&\r\n V.email(mailI).ok && V.select(sourceI).ok &&\r\n V.select(countryI).ok && V.select(cmI).ok &&\r\n V.intNonNeg(propCntI).ok && (propBandHidden.value || '').trim() &&\r\n V.whats().ok;\r\n }\r\n\r\n document.addEventListener('DOMContentLoaded', () => {\r\n refreshBand();\r\n sync();\r\n });\r\n\r\n function sync() {\r\n const ready = allOk();\r\n btn.disabled = !ready;\r\n btn.classList.toggle('is-ready', ready);\r\n }\r\n\r\n f.addEventListener('submit', e => {\r\n const now = Date.now(),\r\n last = Number(sessionStorage.getItem(KEY) || 0);\r\n if (last && (now - last) < LIM) {\r\n e.preventDefault();\r\n return;\r\n }\r\n if (!allOk()) {\r\n e.preventDefault();\r\n applyRadio(eWH, V.whats());\r\n return;\r\n }\r\n numI.value = (numI.value || '').replace(\/\\D+\/g, '');\r\n btn.classList.remove('is-ready');\r\n btn.disabled = true;\r\n spin.style.display = 'inline-block';\r\n txt.textContent = 'Invio...';\r\n sessionStorage.setItem(KEY, String(now));\r\n });\r\n\r\n \/\/ chiusura messaggi + rimozione ?ok=1 dallo URL\r\n function stripOk() {\r\n try {\r\n const u = new URL(location.href);\r\n if (!u.searchParams.has('ok')) return;\r\n u.searchParams.delete('ok');\r\n const qs = u.searchParams.toString();\r\n history.replaceState(null, '', u.pathname + (qs ? ('?' + qs) : '') + u.hash);\r\n } catch {}\r\n }\r\n document.addEventListener('click', ev => {\r\n const b = ev.target.closest('.msg-close');\r\n if (!b) return;\r\n const msg = b.closest('.msg');\r\n if (!msg) return;\r\n msg.classList.add('fade');\r\n setTimeout(() => {\r\n msg.remove();\r\n if (msg.classList.contains('ok')) stripOk();\r\n }, 220);\r\n }, false);\r\n document.addEventListener('DOMContentLoaded', () => {\r\n const s = document.querySelector('.msg.ok');\r\n if (s) {\r\n try {\r\n s.scrollIntoView({\r\n behavior: 'smooth',\r\n block: 'start'\r\n });\r\n } catch {}\r\n }\r\n });\r\n\r\n })();\r\n <\/script>\r\n<\/body>\r\n\r\n<\/html>\r\n\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-section elementor-top-section elementor-element elementor-element-106a775c elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"106a775c\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-d81b28d\" data-id=\"d81b28d\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f43d1f0 elementor-widget elementor-widget-heading\" data-id=\"f43d1f0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Pronto a scoprire un nuovo modo di gestire la comunicazione?<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-49844df8 elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"49844df8\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_animation":"rotateInUpLeft","_animation_delay":450}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"flex-shrink-0 flex flex-col relative items-end\"><div><div class=\"pt-0\"><div class=\"gizmo-bot-avatar flex h-8 w-8 items-center justify-center overflow-hidden rounded-full\"><div class=\"relative p-1 rounded-sm flex items-center justify-center bg-token-main-surface-primary text-token-text-primary h-8 w-8\">Inserisci i tuoi dati e ti contatteremo per programmare una dimostrazione personalizzata.<\/div><\/div><\/div><\/div><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-107a870e elementor-tablet-align-center elementor-align-center elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-invisible elementor-widget elementor-widget-icon-list\" data-id=\"107a870e\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_animation":"rotateInUpLeft","_animation_delay":500}\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-far-envelope\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M464 64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zm0 48v40.805c-22.422 18.259-58.168 46.651-134.587 106.49-16.841 13.247-50.201 45.072-73.413 44.701-23.208.375-56.579-31.459-73.413-44.701C106.18 199.465 70.425 171.067 48 152.805V112h416zM48 400V214.398c22.914 18.251 55.409 43.862 104.938 82.646 21.857 17.205 60.134 55.186 103.062 54.955 42.717.231 80.509-37.199 103.053-54.947 49.528-38.783 82.032-64.401 104.947-82.653V400H48z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">sales@hopysuite.com<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-phone-alt\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M497.39 361.8l-112-48a24 24 0 0 0-28 6.9l-49.6 60.6A370.66 370.66 0 0 1 130.6 204.11l60.6-49.6a23.94 23.94 0 0 0 6.9-28l-48-112A24.16 24.16 0 0 0 122.6.61l-104 24A24 24 0 0 0 0 48c0 256.5 207.9 464 464 464a24 24 0 0 0 23.4-18.6l24-104a24.29 24.29 0 0 0-14.01-27.6z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">(+39) 0185 167 64 26<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-map-marker-alt\" viewBox=\"0 0 384 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M172.268 501.67C26.97 291.031 0 269.413 0 192 0 85.961 85.961 0 192 0s192 85.961 192 192c0 77.413-26.97 99.031-172.268 309.67-9.535 13.774-29.93 13.773-39.464 0zM192 272c44.183 0 80-35.817 80-80s-35.817-80-80-80-80 35.817-80 80 35.817 80 80 80z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Via Aurelia Occidentale 76 Rapallo<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Prenota una demo Pronto a scoprire un nuovo modo di gestire la comunicazione? Inserisci i tuoi dati e ti contatteremo per programmare […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-524","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hopysuite.com\/index.php\/wp-json\/wp\/v2\/pages\/524","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hopysuite.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hopysuite.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hopysuite.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hopysuite.com\/index.php\/wp-json\/wp\/v2\/comments?post=524"}],"version-history":[{"count":61,"href":"https:\/\/hopysuite.com\/index.php\/wp-json\/wp\/v2\/pages\/524\/revisions"}],"predecessor-version":[{"id":925,"href":"https:\/\/hopysuite.com\/index.php\/wp-json\/wp\/v2\/pages\/524\/revisions\/925"}],"wp:attachment":[{"href":"https:\/\/hopysuite.com\/index.php\/wp-json\/wp\/v2\/media?parent=524"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}