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