{"id":1194,"date":"2026-03-28T12:34:46","date_gmt":"2026-03-28T11:34:46","guid":{"rendered":"https:\/\/hotelmassagebelgrade.com\/?page_id=1194"},"modified":"2026-07-05T14:35:08","modified_gmt":"2026-07-05T12:35:08","slug":"zakazite-masazu","status":"publish","type":"page","link":"https:\/\/hotelmassagebelgrade.com\/sr\/zakazite-masazu\/","title":{"rendered":"Zaka\u017eite masa\u017eu"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1194\" class=\"elementor elementor-1194 elementor-648\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f7b1095 e-flex e-con-boxed elementor-invisible e-con e-parent\" data-id=\"f7b1095\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f2c63bf elementor-widget elementor-widget-html\" data-id=\"f2c63bf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"wa-card-wrap\">\n  <div class=\"wa-card\">\n    <h1 class=\"wa-title\">Zaka\u017ei masa\u017eu<\/h1>\n    <p class=\"wa-subtitle\">\n      Nije potrebna uplata unapred. Terapeut sti\u017ee za manje od 2 sata.\n    <\/p>\n\n    <form id=\"wa-booking\" class=\"wa-form\" novalidate>\n      <!-- Your name -->\n      <div class=\"wa-field\">\n        <label for=\"wa-name\" class=\"wa-label\"><span style=\"color:#C0392B;\">*<\/span> Va\u0161e ime<\/label>\n        <input id=\"wa-name\" name=\"name\" type=\"text\" required autocomplete=\"name\" class=\"wa-input\" placeholder=\"npr. Aleksandar V.\" \/>\n      <\/div>\n\n      <!-- Where are you staying -->\n      <div class=\"wa-field\">\n        <label for=\"wa-location\" class=\"wa-label\"><span style=\"color:#C0392B;\">*<\/span> Gde odsedate?<\/label>\n        <input id=\"wa-location\" name=\"location\" type=\"text\" required class=\"wa-input\" placeholder=\"npr. Saint Ten Hotel\" \/>\n      <\/div>\n\n      <!-- Massage type -->\n      <div class=\"wa-field\">\n        <label for=\"wa-service\" class=\"wa-label\"><span style=\"color:#C0392B;\">*<\/span> Izaberite vrstu masa\u017ee koju \u017eelite<\/label>\n        <select id=\"wa-service\" name=\"service\" required class=\"wa-select\">\n          <option value=\"\" disabled selected>Izbor masa\u017ee<\/option>\n          <option>Relaks (50\u20ac)<\/option>\n          <option>\u0160vedska (65\u20ac - najpopularnija)<\/option>\n          <option>Dubinska masa\u017ea (60\u20ac)<\/option>\n          <option>Sportska (55\u20ac)<\/option>\n          <option>Terapeutska (55\u20ac)<\/option>\n          <option>Miks masa\u017ea (70\u20ac)<\/option>\n          <option>Limfna drena\u017ea (60\u20ac)<\/option>\n          <option>Tai masa\u017ea (65\u20ac)<\/option>\n          <option>Lomi Lomi masa\u017ea (55\u20ac)<\/option>\n          <option>Kozmeti\u010dki tretman (70\u20ac)<\/option>\n          <option> Rojal masa\u017ea sa 4 ruke (100\u20ac)<\/option>\n          <option>Magi\u010dna masa\u017ea (60\u20ac)<\/option>\n        <\/select>\n      <\/div>\n\n      <!-- Preferred time slot -->\n      <div class=\"wa-field\">\n        <label for=\"wa-timepref\" class=\"wa-label\"><span style=\"color:#C0392B;\">*<\/span> \u017deljeni termin<\/label>\n        <input id=\"wa-timepref\" name=\"timepref\" type=\"text\" required class=\"wa-input\" placeholder=\"npr. Danas u 18h\" \/>\n        <small class=\"wa-help\">Radimo od 10:00 do 22:00. Najbli\u017ei slobodan termin je za 2 sata.<\/small>\n      <\/div>\n\n      <!-- Notes -->\n      <div class=\"wa-field\">\n        <label for=\"wa-notes\" class=\"wa-label\">Imate li dodatne zahteve? (opciono)<\/label>\n        <textarea id=\"wa-notes\" name=\"notes\" rows=\"3\" class=\"wa-textarea\" placeholder=\"Povreda, preferencije, ulazak u zgradu itd.\"><\/textarea>\n      <\/div>\n\n      <button type=\"submit\" class=\"wa-submit\">Zaka\u017ei masa\u017eu<\/button>\n      <p class=\"wa-hint\">Unapred c\u0301emo popuniti WhatsApp poruku. Vi je samo po\u0161aljite.<\/p>\n    <\/form>\n  <\/div>\n<\/section>\n\n<style>\n\/* ===== Tokens ===== *\/\n:root{\n  --wa-green:#1A1A1B;          \/* accent for title *\/\n  --wa-text:#1A1A1B;           \/* body text *\/\n  --wa-border:#e0e0e0;\n  --wa-bg:#FFFFFF;\n--wa-shadow: 0px 0px 8px rgba(101, 101, 101, 0.5);\n  --wa-radius:20px;\n  --wa-pad-lg:28px;\n  --wa-pad-md:18px;\n}\n\n\/* ===== Shell \/ Card ===== *\/\n.wa-card-wrap{\n  display:flex; \n  justify-content:center; \n  align-items:flex-start;\n  box-shadow: --wa-shadow;\n}\n.wa-card{\n  width: 100%;\n  padding: 20px;\n  padding-top: 40px;\n  background:var(--wa-bg);\n  box-shadow:var(--wa-shadow);\n  border-radius:20px;\n  color:var(--wa-text);\n  \n}\n\n\/* ===== Typography ===== *\/\n.wa-title{\n  font-family:'Cormorant Garamond'; \n  font-weight:500;\n  font-size: 35px;\n  line-height:1.35;\n  margin:0 0 10px;\n}\n.wa-subtitle{\n  font-family:'Inter', sans-serif;\n  font-weight:300;\n  font-size: 16px;\n  line-height:1.6;\n  margin:0 0 var(--wa-pad-lg);\n  margin-left: 3px;\n  margin-bottom: 60px;\n  opacity:1;\n}\n\n\/* ===== Form ===== *\/\n.wa-form{ font-family: 'Inter', sans-serif; }\n.wa-field{ \n    border-radius:20px !important;\n    margin-bottom: 10px;\n    \n}\n.wa-label{\n  display:block;\n  font-weight:400;               \n  font-size:clamp(14px, 2.8vw, 16px);\n  margin:0 0 8px;\n}\n.wa-dropdown{\n  display:block;\n  font-weight:400;              \n  font-size:clamp(14px, 2.8vw, 16px);\n  margin:0 0 8px;\n}\n.wa-input, .wa-select, .wa-textarea{\n  width:100%;\n  background:#fff;\n  border:01px solid var(--wa-border);\n  border-radius:20px;\n  padding:12px 14px;\n  font-size:16px;\n  line-height:1.4;\n  font-family: 'Inter', sans-serif;\n  font-weight:300;               \n  color:var(--wa-text);\n  \n}\n.wa-select option {\n  font-weight: 300;\n  font-family: Inter, sans-serif;\n  color: black;\n  border-radius: 20px;\n  \n  \n}\n.wa-input::placeholder,\n.wa-textarea::placeholder{\n  color:#1A1A1B;\n  font-weight:300;\n\n}\n.wa-select{\n  appearance:none;\n  background-image: linear-gradient(45deg, transparent 50%, #999 50%),\n                    linear-gradient(135deg, #999 50%, transparent 50%);\n  background-position: calc(100% - 18px) 55%, calc(100% - 12px) 55%;\n  background-size: 6px 6px, 6px 6px;\n  background-repeat: no-repeat;\n  border-radius: 20px;\n}\n.wa-input:focus, .wa-select:focus, .wa-textarea:focus{\n  outline:1px solid #a76b2d;     \/* your brown focus ring *\/\n  outline-offset:1px;\n  border-radius: 20px;\n}\n.wa-help{\n  display:block;\n  margin-top:8px;\n  margin-left: 2px;\n  font-size:13px;\n  font-weight: 300;\n  line-height:1.8;\n  opacity:.75;\n  border-radius: 20px;\n}\n\n\/* Button *\/\n.wa-submit{\n    width: 100%;\n  display:inline-block;\n  border:none;\n  border-radius:40px;\n  padding:20px;\n  font-size:20px;\n  font-weight:400;\n  font-family: 'Inter', sans-serif;\n  color:#fff;\n  background:#4D7758;            \/* brand button *\/\n  cursor:pointer;\n  box-shadow:0 1px 4px #00000059;\n  transition:transform .06s ease, filter .2s ease;\n}\n.wa-submit:hover{ background: #1A1A1B;}\n.wa-submit:active{ transform: translateY(1px); }\n\n.wa-submit:focus:not(:active) {\n  background: #4D7758;\n}\n\n.wa-hint{\n  margin:10px 2px 0;\n  font-size:14px;\n  opacity:1;\n  font-weight: 400;\n}\n\n\/* Layout tweaks *\/\n@media (min-width: 680px){\n  \/* generous vertical rhythm on desktop *\/\n  .wa-field{ margin-bottom: 80px; }\n  .wa-card {\n      width: 78%;\n      padding: 40px;\n  }\n  .wa-card-wrap{\n      padding: min(6vw,56px) 16px;\n  }\n  .wa-title{\n      font-size: 40px;\n  }\n}\n\n\n\/* FORM LAYOUT *\/\n.wa-form{\n  display:flex;\n  flex-direction:column;\n  gap:18px; \/* glavni razmak izme\u0111u polja *\/\n}\n\n\/* FIELD RESET *\/\n.wa-field{ \n  margin-bottom:0;\n}\n\n\/* LABEL *\/\n.wa-label{\n  margin:0 0 10px; \/* manji razmak label \u2192 input *\/\n}\n\n\/* INPUTS *\/\n.wa-input, .wa-select, .wa-textarea{\n  padding:14px 16px; \/* malo ve\u0107i padding = premium feel *\/\n}\n\n\/* HELP TEXT *\/\n.wa-help{\n  margin-top:6px;\n  font-size:12.5px;\n}\n\n\/* SUBTITLE spacing (ovo ti je bilo preveliko) *\/\n.wa-subtitle{\n  margin-bottom:30px;\n}\n\n\/* DESKTOP fino pode\u0161avanje *\/\n@media (min-width: 680px){\n  .wa-form{\n    gap:20px;\n  }\n}\n<\/style>\n\n<script>\n\n\n    (function(w,d,s,l,i){\n      w[l]=w[l]||[];\n      w[l].push({'gtm.start': new Date().getTime(), event:'gtm.js'});\n      var f=d.getElementsByTagName(s)[0],\n          j=d.createElement(s),\n          dl=l!='dataLayer'?'&l='+l:'';\n      j.async=true;\n      j.src='https:\/\/www.googletagmanager.com\/gtm.js?id=GTM-TWWB9L7N'+dl;\n      f.parentNode.insertBefore(j,f);\n    })(window,document,'script','dataLayer','GTM-TWWB9L7N');\n\ndocument.addEventListener('DOMContentLoaded', function(){\n  const form = document.getElementById('wa-booking');\n  if(!form) return;\n\n  const WA_NUMBER = \"381631950036\";\n\n  form.addEventListener('submit', function(e){\n    e.preventDefault();\n\n    const fd = new FormData(form);\n    const data = {\n      name:   (fd.get('name')     || '').trim(),\n      loc:    (fd.get('location') || '').trim(),\n      service:(fd.get('service')  || '').trim(),\n      timepf: (fd.get('timepref') || '').trim(),\n      notes:  (fd.get('notes')    || '').trim()\n    };\n\n    \/\/ Minimal validation (keep it frictionless)\n    if(!data.name || !data.loc || !data.service || !data.timepf){\n      alert('Please fill out your name, where you\u2019re staying, massage type, and preferred time.');\n      return;\n    }\n\n    \/\/ Build WhatsApp message\n    const lines = [\n      `*New booking request*`,\n      ' ',\n      ' ',\n      `*Name*: ${data.name}`,\n      ' ',\n      `*Staying at*: ${data.loc}`,\n      ' ',\n      `*Massage*: ${data.service}`,\n      ' ',\n      `*Preferred time*: ${data.timepf}`,\n      ' ',\n      data.notes ? `*Notes*: ${data.notes}` : null,\n      `Source: hotelmassagebelgrade.com`\n    ].filter(Boolean);\n\n    const message = encodeURIComponent(lines.join('\\n'));\n    const isMobile = \/Android|iPhone|iPad|iPod|Windows Phone\/i.test(navigator.userAgent);\n    const waUrl = isMobile\n      ? `https:\/\/api.whatsapp.com\/send?phone=${WA_NUMBER}&text=${message}`\n      : `https:\/\/web.whatsapp.com\/send?phone=${WA_NUMBER}&text=${message}`;\n\n    \/\/ \u2705 Fire GTM only AFTER successful form input\n    window.dataLayer = window.dataLayer || [];\n    window.dataLayer.push({\n      event: 'custom_form_submit',\n      form_name: 'wa_booking',\n      service: data.service,\n      page_path: location.pathname\n    });\n\nsetTimeout(() => {\n  window.open(waUrl, '_blank'); \/\/ Open WA in new tab\n}, 250);\n  }, { passive:false });\n});\n<\/script>\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>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Zaka\u017ei masa\u017eu Nije potrebna uplata unapred. Terapeut sti\u017ee za manje od 2 sata. * Va\u0161e ime * Gde odsedate? * Izaberite vrstu masa\u017ee koju \u017eelite Izbor masa\u017eeRelaks (50\u20ac)\u0160vedska (65\u20ac &#8211; najpopularnija)Dubinska masa\u017ea (60\u20ac)Sportska (55\u20ac)Terapeutska (55\u20ac)Miks masa\u017ea (70\u20ac)Limfna drena\u017ea (60\u20ac)Tai masa\u017ea (65\u20ac)Lomi Lomi masa\u017ea (55\u20ac)Kozmeti\u010dki tretman (70\u20ac) Rojal masa\u017ea sa 4 ruke (100\u20ac)Magi\u010dna masa\u017ea (60\u20ac) * [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-1194","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hotelmassagebelgrade.com\/sr\/wp-json\/wp\/v2\/pages\/1194","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hotelmassagebelgrade.com\/sr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hotelmassagebelgrade.com\/sr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hotelmassagebelgrade.com\/sr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hotelmassagebelgrade.com\/sr\/wp-json\/wp\/v2\/comments?post=1194"}],"version-history":[{"count":13,"href":"https:\/\/hotelmassagebelgrade.com\/sr\/wp-json\/wp\/v2\/pages\/1194\/revisions"}],"predecessor-version":[{"id":1668,"href":"https:\/\/hotelmassagebelgrade.com\/sr\/wp-json\/wp\/v2\/pages\/1194\/revisions\/1668"}],"wp:attachment":[{"href":"https:\/\/hotelmassagebelgrade.com\/sr\/wp-json\/wp\/v2\/media?parent=1194"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}