{"id":2,"date":"2026-06-03T12:29:08","date_gmt":"2026-06-03T12:29:08","guid":{"rendered":"http:\/\/delivery.gi\/?page_id=2"},"modified":"2026-06-03T13:23:06","modified_gmt":"2026-06-03T13:23:06","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/delivery.gi\/","title":{"rendered":""},"content":{"rendered":"\n<!-- DELIVERY.GI maintenance overlay. Paste this whole snippet into a WordPress Custom HTML block.\n     Background image = bird + blue only. Logo, button and icon are real elements.\n     The script moves the overlay to the body so it fills the true viewport (the theme traps fixed elements otherwise).\n     EDIT: the two background URLs, the three image URLs, and DGI_PHONE in the script. -->\n\n<div id=\"dgi-maintenance\" class=\"dgi-root\">\n\n  <img decoding=\"async\" class=\"dgi-logo\"\n       src=\"https:\/\/delivery.gi\/wp-content\/uploads\/2026\/06\/Logo-color-yellow.png\"\n       alt=\"DELIVERY.GI\">\n\n  <div class=\"dgi-content\">\n    <h1 class=\"dgi-h1\">we&rsquo;ll be<br>back soon<\/h1>\n    <p class=\"dgi-sub\">For all queries and orders please message us directly on WhatsApp<\/p>\n    <a id=\"dgi-wa\" class=\"dgi-wa\"\n       href=\"https:\/\/wa.me\/35054096909\"\n       target=\"_blank\" rel=\"noopener noreferrer\"\n       aria-label=\"Message us on WhatsApp\">\n      <img decoding=\"async\" src=\"https:\/\/delivery.gi\/wp-content\/uploads\/2026\/06\/Bottom-whatsapp.png\"\n           alt=\"Message us on WhatsApp +350 54096909\">\n    <\/a>\n  <\/div>\n\n  <a id=\"dgi-wa-float\" class=\"dgi-wa-float\"\n     href=\"https:\/\/wa.me\/35054096909\"\n     target=\"_blank\" rel=\"noopener noreferrer\"\n     aria-label=\"Chat on WhatsApp\">\n    <img decoding=\"async\" src=\"https:\/\/delivery.gi\/wp-content\/uploads\/2026\/06\/Whatsapp-icon-32.png\"\n         alt=\"Chat on WhatsApp\">\n  <\/a>\n\n<\/div>\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@600;700;800&display=swap');\n\n#dgi-maintenance.dgi-root,\n#dgi-maintenance.dgi-root * { box-sizing: border-box; margin: 0; padding: 0; }\n\n#dgi-maintenance.dgi-root {\n  \/* background images: bird plus blue only. desktop = wide 1280x720, mobile = tall portrait *\/\n  --dgi-bg-desktop: url('https:\/\/delivery.gi\/wp-content\/uploads\/2026\/06\/web-back-soon-desktop-1.png');\n  --dgi-bg-mobile:  url('https:\/\/delivery.gi\/wp-content\/uploads\/2026\/06\/web-back-soon-mobile.png');\n\n  position: fixed;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 99999;\n  overflow: hidden;\n\n  background-color: #0e4e98;\n  background-image: var(--dgi-bg-desktop),\n                    radial-gradient(circle at 72% 45%, #2a7fd0 0%, #0e4e98 72%);\n  background-size: cover;\n  background-position: right center;\n  background-repeat: no-repeat;\n\n  font-family: 'Montserrat', system-ui, -apple-system, \"Segoe UI\", Roboto, Arial, sans-serif;\n  color: #ffffff;\n}\n\n\/* logo *\/\n.dgi-root .dgi-logo {\n  position: absolute;\n  left: 6%; top: 12%;\n  width: clamp(190px, 23vw, 360px);\n  height: auto;\n}\n\n\/* content column: headline, subtext, button. flex so they never overlap *\/\n.dgi-root .dgi-content {\n  position: absolute;\n  left: 6%; top: 26%;\n  width: 48%;\n  max-width: 760px;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: clamp(18px, 2.6vh, 34px);\n}\n.dgi-root .dgi-h1 {\n  order: 1;\n  font-weight: 800;\n  font-size: clamp(40px, 7.2vw, 120px);\n  line-height: 0.92;\n  letter-spacing: -0.01em;\n  text-shadow: 0 2px 14px rgba(0,0,0,.18);\n}\n.dgi-root .dgi-sub {\n  order: 2;\n  font-weight: 700;\n  font-size: clamp(15px, 1.7vw, 28px);\n  line-height: 1.25;\n  max-width: 17em;\n  text-shadow: 0 2px 12px rgba(0,0,0,.18);\n}\n.dgi-root .dgi-wa {\n  order: 3;\n  width: clamp(230px, 22vw, 330px);\n  display: block;\n  line-height: 0;\n  transition: transform .15s ease, filter .15s ease;\n}\n.dgi-root .dgi-wa img { width: 100%; height: auto; display: block; }\n.dgi-root .dgi-wa:hover { transform: translateY(-2px); filter: brightness(1.05); }\n\n\/* optional floating bubble. delete the matching anchor in the markup to remove it *\/\n.dgi-root .dgi-wa-float {\n  position: absolute;\n  right: 22px; bottom: 22px;\n  width: clamp(42px, 6vw, 54px);\n  display: block; line-height: 0;\n  filter: drop-shadow(0 4px 12px rgba(0,0,0,.3));\n  transition: transform .15s ease;\n}\n.dgi-root .dgi-wa-float img { width: 100%; height: auto; display: block; }\n.dgi-root .dgi-wa-float:hover { transform: scale(1.08); }\n\n\/* MOBILE: portrait background plus centred layout *\/\n@media (max-width: 768px) {\n  #dgi-maintenance.dgi-root {\n    background-image: var(--dgi-bg-mobile),\n                      radial-gradient(circle at 50% 60%, #2a7fd0 0%, #0e4e98 78%);\n    background-size: cover;\n    background-position: center bottom;\n  }\n  .dgi-root .dgi-logo {\n    left: 50%; transform: translateX(-50%);\n    top: 5%;\n    width: clamp(130px, 42vw, 210px);\n  }\n  .dgi-root .dgi-content {\n    left: 50%; transform: translateX(-50%);\n    top: 14%; width: 90%;\n    max-width: 480px;\n    align-items: center;\n    text-align: center;\n    gap: clamp(16px, 2.4vh, 28px);\n  }\n  .dgi-root .dgi-h1  { font-size: clamp(40px, 13.5vw, 70px); line-height: 0.95; }\n  .dgi-root .dgi-sub { order: 3; font-size: clamp(15px, 4.3vw, 21px); max-width: none; }\n  .dgi-root .dgi-wa  { order: 2; width: min(88%, 380px); }\n  .dgi-root .dgi-wa:hover { transform: none; }\n  .dgi-root .dgi-wa-float { right: 16px; bottom: 16px; }\n}\n<\/style>\n\n<script>\n(function () {\n  \/* move the overlay out to the body so fixed positioning fills the whole viewport *\/\n  var root = document.getElementById('dgi-maintenance');\n  if (root && document.body && root.parentNode !== document.body) {\n    document.body.appendChild(root);\n  }\n  document.documentElement.style.overflow = 'hidden';\n  if (document.body) document.body.style.overflow = 'hidden';\n\n  var DGI_PHONE   = '35054096909'; \/* digits only, no plus sign, no spaces *\/\n  var DGI_MESSAGE = '';            \/* optional pre-filled text *\/\n  var url = 'https:\/\/wa.me\/' + DGI_PHONE + (DGI_MESSAGE ? '?text=' + encodeURIComponent(DGI_MESSAGE) : '');\n  ['dgi-wa', 'dgi-wa-float'].forEach(function (id) {\n    var el = document.getElementById(id);\n    if (!el) return;\n    el.setAttribute('href', url);\n    el.addEventListener('click', function (e) {\n      e.preventDefault();\n      window.open(url, '_blank', 'noopener');\n    });\n  });\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>we&rsquo;ll beback soon For all queries and orders please message us directly on WhatsApp<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"full-page-coming-soon","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/delivery.gi\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/delivery.gi\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/delivery.gi\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/delivery.gi\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/delivery.gi\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":8,"href":"https:\/\/delivery.gi\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":25,"href":"https:\/\/delivery.gi\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/25"}],"wp:attachment":[{"href":"https:\/\/delivery.gi\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}