{"id":8,"date":"2026-07-21T09:46:51","date_gmt":"2026-07-21T09:46:51","guid":{"rendered":"https:\/\/hollibar.com.au\/?page_id=8"},"modified":"2026-08-18T00:17:37","modified_gmt":"2026-08-18T00:17:37","slug":"home","status":"publish","type":"page","link":"https:\/\/hollibar.com.au\/","title":{"rendered":"Home"},"content":{"rendered":"\r\n<p><style>\r\n  :root{\r\n    --cream:#f4ecdb;\r\n    --gold:#c9a85e;\r\n    --black:#0c0c0c;\r\n  }\r\n  *{box-sizing:border-box;margin:0;padding:0;}\r\n  html,body{height:100%;}\r\n  body{\r\n    font-family:'Jost', sans-serif;\r\n    background:var(--black);\r\n    color:var(--cream);\r\n    overflow-x:hidden;\r\n  }\r\n  .stripes{\r\n    height:10px;\r\n    width:100%;\r\n    background:repeating-linear-gradient(\r\n      90deg,\r\n      var(--cream) 0px, var(--cream) 28px,\r\n      var(--black) 28px, var(--black) 56px\r\n    );\r\n  }\r\n  .hero{\r\n    position:relative;\r\n    min-height:100svh;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    text-align:center;\r\n    background:url(\"https:\/\/hollibar.com.au\/wp-content\/uploads\/2026\/07\/hollibar-street-view.png\") center bottom \/ cover no-repeat;\r\n  }\r\n  .overlay{\r\n    position:absolute;\r\n    inset:0;\r\n    background:\r\n      linear-gradient(180deg, rgba(0,0,0,0.55) 0%, rgba(0,0,0,0.55) 35%, rgba(0,0,0,0.85) 100%);\r\n  }\r\n  .content{\r\n    position:relative;\r\n    z-index:2;\r\n    padding:2rem 1.5rem;\r\n    max-width:720px;\r\n  }\r\n  .eyebrow{\r\n    font-family:'Jost', sans-serif;\r\n    font-weight:500;\r\n    letter-spacing:0.45em;\r\n    text-transform:uppercase;\r\n    font-size:0.75rem;\r\n    color:var(--gold);\r\n    margin-bottom:1.5rem;\r\n  }\r\n  h1{\r\n    font-family:'Playfair Display', serif;\r\n    font-weight:700;\r\n    font-size:clamp(3.2rem, 11vw, 7rem);\r\n    letter-spacing:0.06em;\r\n    line-height:1;\r\n    color:var(--cream);\r\n    text-shadow:0 4px 30px rgba(0,0,0,0.4);\r\n  }\r\n  .divider{\r\n    width:80px;\r\n    height:2px;\r\n    background:var(--gold);\r\n    margin:1.75rem auto;\r\n  }\r\n  .tagline{\r\n    font-size:clamp(0.85rem, 2vw, 1.15rem);\r\n    letter-spacing:0.12em;\r\n    text-transform:uppercase;\r\n    color:var(--cream);\r\n    opacity:0.92;\r\n    margin-bottom:2.25rem;\r\n  }\r\n  .badge{\r\n    display:inline-block;\r\n    border:1px solid var(--gold);\r\n    color:var(--gold);\r\n    font-size:0.75rem;\r\n    letter-spacing:0.35em;\r\n    text-transform:uppercase;\r\n    padding:0.7em 1.6em;\r\n    margin-bottom:2rem;\r\n  }\r\n  .address{\r\n    font-size:0.95rem;\r\n    letter-spacing:0.05em;\r\n  }\r\n  .address a{\r\n    color:var(--cream);\r\n    text-decoration:none;\r\n    border-bottom:1px solid rgba(244,236,219,0.4);\r\n    padding-bottom:2px;\r\n    transition:border-color 0.2s ease, color 0.2s ease;\r\n  }\r\n  .address a:hover{\r\n    color:var(--gold);\r\n    border-color:var(--gold);\r\n  }\r\n  .foot{\r\n    position:relative;\r\n    z-index:2;\r\n    padding-bottom:2.5rem;\r\n    font-size:0.7rem;\r\n    letter-spacing:0.25em;\r\n    text-transform:uppercase;\r\n    color:rgba(244,236,219,0.55);\r\n  }\r\n  .hero-inner{\r\n    position:relative;\r\n    z-index:2;\r\n    display:flex;\r\n    flex-direction:column;\r\n    align-items:center;\r\n    justify-content:center;\r\n    min-height:100svh;\r\n    width:100%;\r\n  }\r\n\r\n\r\n.book-section{\r\n  position:relative;\r\n  background:#0c0c0c;\r\n  color:#f4ecdb;\r\n  padding:5rem 1.5rem 6rem;\r\n  text-align:center;\r\n}\r\n.book-section .stripes-top{\r\n  height:10px;width:100%;\r\n  background:repeating-linear-gradient(90deg,#f4ecdb 0px,#f4ecdb 28px,#0c0c0c 28px,#0c0c0c 56px);\r\n  position:absolute; top:0; left:0;\r\n}\r\n.book-inner{max-width:640px;margin:0 auto;}\r\n.book-eyebrow{\r\n  font-family:'Jost', sans-serif;font-weight:500;letter-spacing:0.4em;\r\n  text-transform:uppercase;font-size:0.72rem;color:#c9a85e;margin-bottom:1.25rem;\r\n}\r\n.book-inner h2{\r\n  font-family:'Playfair Display', serif;font-weight:700;\r\n  font-size:clamp(2.2rem,6vw,3.2rem);color:#f4ecdb;margin-bottom:1rem;\r\n}\r\n.book-blurb{\r\n  font-family:'Jost', sans-serif;font-size:0.95rem;line-height:1.6;\r\n  color:rgba(244,236,219,0.85);margin-bottom:2.5rem;\r\n}\r\n.hb-form{text-align:left;}\r\n.hb-row{display:flex;gap:1rem;}\r\n.hb-row .hb-field{flex:1;}\r\n.hb-field{margin-bottom:1.1rem;}\r\n.hb-field label{\r\n  display:block;font-family:'Jost', sans-serif;font-size:0.78rem;\r\n  letter-spacing:0.08em;text-transform:uppercase;color:#c9a85e;margin-bottom:0.5rem;\r\n}\r\n.hb-field input,\r\n.hb-field select,\r\n.hb-field textarea{\r\n  width:100%;padding:0.75em 0.9em;\r\n  background:rgba(244,236,219,0.06);\r\n  border:1px solid rgba(201,168,94,0.4);\r\n  color:#f4ecdb;font-family:'Jost', sans-serif;font-size:0.95rem;\r\n  border-radius:2px;\r\n}\r\n.hb-field textarea{min-height:110px;resize:vertical;}\r\n.hb-field input:focus,\r\n.hb-field select:focus,\r\n.hb-field textarea:focus{\r\n  outline:none;border-color:#c9a85e;background:rgba(244,236,219,0.1);\r\n}\r\n.hb-field select{\r\n  appearance:none;\r\n  background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 20 20' fill='%23c9a85e'%3E%3Cpath d='M5.5 7.5l4.5 4.5 4.5-4.5'\/%3E%3C\/svg%3E\");\r\n  background-repeat:no-repeat;\r\n  background-position:right 0.8em center;\r\n  background-size:1em;\r\n}\r\n.hb-field select option{background:#0c0c0c;color:#f4ecdb;}\r\n.hb-submit{\r\n  width:auto;margin-top:0.5rem;padding:0.85em 2.4em;\r\n  background:transparent;border:1px solid #c9a85e;color:#c9a85e;\r\n  letter-spacing:0.3em;text-transform:uppercase;font-size:0.75rem;\r\n  cursor:pointer;transition:background 0.2s ease, color 0.2s ease;\r\n  font-family:'Jost', sans-serif;\r\n}\r\n.hb-submit:hover{background:#c9a85e;color:#0c0c0c;}\r\n.hb-submit:disabled{opacity:0.5;cursor:default;}\r\n.hb-status{\r\n  margin-top:1.25rem;font-size:0.85rem;display:none;\r\n  border:1px solid rgba(201,168,94,0.4);padding:0.8em 1.1em;\r\n}\r\n.hb-status.show{display:block;}\r\n.hb-status.ok{border-color:#c9a85e;color:#f4ecdb;}\r\n.hb-status.err{border-color:#a85e5e;color:#f4ecdb;}\r\n@media (max-width:520px){\r\n  .hb-row{flex-direction:column;gap:0;}\r\n}\r\n\r\n.hb-closed{\r\n  font-family:'Jost', sans-serif;\r\n  font-size:0.95rem;\r\n  color:rgba(244,236,219,0.85);\r\n  border:1px solid rgba(201,168,94,0.4);\r\n  padding:1.4em 1.6em;\r\n  max-width:520px;\r\n  margin:0 auto;\r\n}\r\n\r\n.contact-section{border-top:1px solid rgba(201,168,94,0.25);}\r\n\r\n.social-links{margin-top:1.75rem;}\r\n.social-links a{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  width:2.4rem;\r\n  height:2.4rem;\r\n  border:1px solid rgba(201,168,94,0.5);\r\n  border-radius:50%;\r\n  color:#c9a85e;\r\n  transition:background 0.2s ease, color 0.2s ease, border-color 0.2s ease;\r\n}\r\n.social-links a:hover{\r\n  background:#c9a85e;\r\n  color:#0c0c0c;\r\n  border-color:#c9a85e;\r\n}\r\n.social-links svg{width:1.15rem;height:1.15rem;fill:currentColor;}\r\n<\/style><\/p>\r\n<div class=\"stripes\">\u00a0<\/div>\r\n<div class=\"hero\">\r\n<div class=\"overlay\">\u00a0<\/div>\r\n<div class=\"hero-inner\">\r\n<div class=\"content\">\r\n<div class=\"eyebrow\">Opening 2026<\/div>\r\n<h1>Hollibar<\/h1>\r\n<div class=\"divider\">\u00a0<\/div>\r\n<p class=\"tagline\">Bar\u00a0 \u00b7\u00a0 Functions \u00a0\u00b7\u00a0 Food<\/p>\r\n<div class=\"badge\">Coming Soon<\/div>\r\n<p class=\"address\"><a href=\"https:\/\/maps.google.com\/?q=36+Swan+St,+Cremorne+VIC+3121\" target=\"_blank\" rel=\"noopener\"> 36 Swan St, Cremorne VIC 3121 <\/a><\/p>\r\n<div class=\"social-links\">\u00a0<\/div>\r\n<\/div>\r\n<div class=\"foot\">Good Food \u00a0\u00b7\u00a0 Cold Beer \u00a0\u00b7\u00a0 Good Times<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"stripes\">\u00a0<\/div>\r\n<section class=\"book-section\">\r\n<div class=\"stripes-top\">\u00a0<\/div>\r\n<div class=\"book-inner\">\r\n<div class=\"book-eyebrow\">Functions &amp; Events<\/div>\r\n<h2>Book Your Function<\/h2>\r\n<p class=\"book-blurb\">Planning a function, private event or just want to lock in a table? Send us the details and we&#8217;ll be in touch.<\/p>\r\n<div class=\"hb-closed\">We&#8217;re not open yet \u2014 bookings will open closer to our opening date. Check back soon!<\/div>\r\n<\/div>\r\n<\/section>\r\n<section class=\"book-section contact-section\">\r\n<div class=\"book-inner\">\r\n<div class=\"book-eyebrow\">Get In Touch<\/div>\r\n<h2>Contact Us<\/h2>\r\n<p class=\"book-blurb\">Questions about Hollibar? Send us a message and we&#8217;ll get back to you.<\/p>\r\n<form id=\"hb-contact-form\" class=\"hb-form\">\r\n<div class=\"hb-row\">\r\n<div class=\"hb-field\"><label for=\"hc-name\">Full name<\/label> <input id=\"hc-name\" autocomplete=\"name\" required=\"\" type=\"text\" \/><\/div>\r\n<div class=\"hb-field\"><label for=\"hc-email\">Email<\/label> <input id=\"hc-email\" autocomplete=\"email\" required=\"\" type=\"email\" \/><\/div>\r\n<\/div>\r\n<div class=\"hb-field\"><label for=\"hc-phone\">Phone (optional)<\/label> <input id=\"hc-phone\" autocomplete=\"tel\" type=\"tel\" \/><\/div>\r\n<div class=\"hb-field\"><label for=\"hc-message\">Message<\/label> <textarea id=\"hc-message\" required=\"\"><\/textarea><\/div>\r\n<div class=\"hb-field\"><label id=\"hc-captcha-label\" for=\"hc-captcha\">What does 2 + 2 equal?<\/label> <input id=\"hc-captcha\" autocomplete=\"off\" required=\"\" type=\"text\" \/><\/div>\r\n<button id=\"hc-submit-btn\" class=\"hb-submit\" type=\"submit\">Send Message<\/button>\r\n<div id=\"hc-status\" class=\"hb-status\">\u00a0<\/div>\r\n<\/form><\/div>\r\n<\/section>\r\n<p><script>\r\n(function(){\r\n  var form = document.getElementById('hb-contact-form');\r\n  var captchaA = 1 + Math.floor(Math.random() * 9);\r\n  var captchaB = 1 + Math.floor(Math.random() * 9);\r\n  var captchaAnswer = captchaA + captchaB;\r\n  document.getElementById('hc-captcha-label').textContent = 'What does ' + captchaA + ' + ' + captchaB + ' equal?';\r\n  var status = document.getElementById('hc-status');\r\n  var btn = document.getElementById('hc-submit-btn');\r\n  form.addEventListener('submit', function(e){\r\n    e.preventDefault();\r\n\r\n    var captchaInput = document.getElementById('hc-captcha');\r\n    if (parseInt(captchaInput.value, 10) !== captchaAnswer) {\r\n      status.className = 'hb-status show err';\r\n      status.textContent = 'That answer isn\\'t quite right \u2014 please try the math question again.';\r\n      captchaInput.value = '';\r\n      return;\r\n    }\r\n    btn.disabled = true;\r\n    btn.textContent = 'Sending...';\r\n    status.className = 'hb-status';\r\n\r\n    var phone = document.getElementById('hc-phone').value;\r\n    var message = document.getElementById('hc-message').value;\r\n    var body = (phone ? ('Phone: ' + phone + '\\n\\n') : '') + 'Message:\\n' + message;\r\n\r\n    var fd = new FormData();\r\n    fd.append('_wpcf7', '10');\r\n    fd.append('_wpcf7_version', '6.1.6');\r\n    fd.append('_wpcf7_locale', 'en_US');\r\n    fd.append('_wpcf7_unit_tag', 'wpcf7-f10-p8-o1');\r\n    fd.append('_wpcf7_container_post', '8');\r\n    fd.append('_wpcf7_posted_data_hash', '');\r\n    fd.append('your-name', document.getElementById('hc-name').value);\r\n    fd.append('your-email', document.getElementById('hc-email').value);\r\n    fd.append('your-subject', 'Website Contact Form');\r\n    fd.append('your-message', body);\r\n\r\n    fetch('\/?rest_route=\/contact-form-7\/v1\/contact-forms\/10\/feedback', {\r\n      method: 'POST',\r\n      body: fd\r\n    }).then(function(r){ return r.json(); }).then(function(data){\r\n      btn.disabled = false;\r\n      btn.textContent = 'Send Message';\r\n      status.classList.add('show');\r\n      if (data.status === 'mail_sent') {\r\n        status.classList.add('ok');\r\n        status.textContent = \"Thanks \u2014 we've received your message and will be in touch shortly.\";\r\n        form.reset();\r\n      } else {\r\n        status.classList.add('err');\r\n        status.textContent = (data.message || 'Something went wrong. Please try again or call us.');\r\n      }\r\n    }).catch(function(){\r\n      btn.disabled = false;\r\n      btn.textContent = 'Send Message';\r\n      status.classList.add('show', 'err');\r\n      status.textContent = 'Network error \u2014 please try again or call us.';\r\n    });\r\n  });\r\n})();\r\n<\/script><\/p>\r\n","protected":false},"excerpt":{"rendered":"<p>\u00a0 \u00a0 Opening 2026 Hollibar \u00a0 Bar\u00a0 \u00b7\u00a0 Functions \u00a0\u00b7\u00a0 Food Coming Soon 36 Swan St, Cremorne VIC 3121 \u00a0 Good Food \u00a0\u00b7\u00a0 Cold Beer \u00a0\u00b7\u00a0 Good Times \u00a0 \u00a0 Functions &amp; Events Book Your Function Planning a function, private event or just want to lock in a table? Send us the details and we&#8217;ll [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-coming-soon","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hollibar.com.au\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hollibar.com.au\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hollibar.com.au\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hollibar.com.au\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hollibar.com.au\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":8,"href":"https:\/\/hollibar.com.au\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":22,"href":"https:\/\/hollibar.com.au\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/22"}],"wp:attachment":[{"href":"https:\/\/hollibar.com.au\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}