{"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-07-21T11:59:35","modified_gmt":"2026-07-21T11:59:35","slug":"home","status":"publish","type":"page","link":"https:\/\/hollibar.com.au\/","title":{"rendered":"Home"},"content":{"rendered":"\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@400;600;700&#038;family=Jost:wght@300;400;500;600&#038;display=swap\" rel=\"stylesheet\">\n<style>\n  :root{\n    --cream:#f4ecdb;\n    --gold:#c9a85e;\n    --black:#0c0c0c;\n  }\n  *{box-sizing:border-box;margin:0;padding:0;}\n  html,body{height:100%;}\n  body{\n    font-family:'Jost', sans-serif;\n    background:var(--black);\n    color:var(--cream);\n    overflow-x:hidden;\n  }\n  .stripes{\n    height:10px;\n    width:100%;\n    background:repeating-linear-gradient(\n      90deg,\n      var(--cream) 0px, var(--cream) 28px,\n      var(--black) 28px, var(--black) 56px\n    );\n  }\n  .hero{\n    position:relative;\n    min-height:100svh;\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    text-align:center;\n    background:url(\"https:\/\/hollibar.com.au\/wp-content\/uploads\/2026\/07\/hollibar-street-view.png\") center bottom \/ cover no-repeat;\n  }\n  .overlay{\n    position:absolute;\n    inset:0;\n    background:\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%);\n  }\n  .content{\n    position:relative;\n    z-index:2;\n    padding:2rem 1.5rem;\n    max-width:720px;\n  }\n  .eyebrow{\n    font-family:'Jost', sans-serif;\n    font-weight:500;\n    letter-spacing:0.45em;\n    text-transform:uppercase;\n    font-size:0.75rem;\n    color:var(--gold);\n    margin-bottom:1.5rem;\n  }\n  h1{\n    font-family:'Playfair Display', serif;\n    font-weight:700;\n    font-size:clamp(3.2rem, 11vw, 7rem);\n    letter-spacing:0.06em;\n    line-height:1;\n    color:var(--cream);\n    text-shadow:0 4px 30px rgba(0,0,0,0.4);\n  }\n  .divider{\n    width:80px;\n    height:2px;\n    background:var(--gold);\n    margin:1.75rem auto;\n  }\n  .tagline{\n    font-size:clamp(0.85rem, 2vw, 1.15rem);\n    letter-spacing:0.12em;\n    text-transform:uppercase;\n    color:var(--cream);\n    opacity:0.92;\n    margin-bottom:2.25rem;\n  }\n  .badge{\n    display:inline-block;\n    border:1px solid var(--gold);\n    color:var(--gold);\n    font-size:0.75rem;\n    letter-spacing:0.35em;\n    text-transform:uppercase;\n    padding:0.7em 1.6em;\n    margin-bottom:2rem;\n  }\n  .address{\n    font-size:0.95rem;\n    letter-spacing:0.05em;\n  }\n  .address a{\n    color:var(--cream);\n    text-decoration:none;\n    border-bottom:1px solid rgba(244,236,219,0.4);\n    padding-bottom:2px;\n    transition:border-color 0.2s ease, color 0.2s ease;\n  }\n  .address a:hover{\n    color:var(--gold);\n    border-color:var(--gold);\n  }\n  .foot{\n    position:relative;\n    z-index:2;\n    padding-bottom:2.5rem;\n    font-size:0.7rem;\n    letter-spacing:0.25em;\n    text-transform:uppercase;\n    color:rgba(244,236,219,0.55);\n  }\n  .hero-inner{\n    position:relative;\n    z-index:2;\n    display:flex;\n    flex-direction:column;\n    align-items:center;\n    justify-content:center;\n    min-height:100svh;\n    width:100%;\n  }\n\n\n.book-section{\n  position:relative;\n  background:#0c0c0c;\n  color:#f4ecdb;\n  padding:5rem 1.5rem 6rem;\n  text-align:center;\n}\n.book-section .stripes-top{\n  height:10px;width:100%;\n  background:repeating-linear-gradient(90deg,#f4ecdb 0px,#f4ecdb 28px,#0c0c0c 28px,#0c0c0c 56px);\n  position:absolute; top:0; left:0;\n}\n.book-inner{max-width:640px;margin:0 auto;}\n.book-eyebrow{\n  font-family:'Jost', sans-serif;font-weight:500;letter-spacing:0.4em;\n  text-transform:uppercase;font-size:0.72rem;color:#c9a85e;margin-bottom:1.25rem;\n}\n.book-inner h2{\n  font-family:'Playfair Display', serif;font-weight:700;\n  font-size:clamp(2.2rem,6vw,3.2rem);color:#f4ecdb;margin-bottom:1rem;\n}\n.book-blurb{\n  font-family:'Jost', sans-serif;font-size:0.95rem;line-height:1.6;\n  color:rgba(244,236,219,0.85);margin-bottom:2.5rem;\n}\n.hb-form{text-align:left;}\n.hb-row{display:flex;gap:1rem;}\n.hb-row .hb-field{flex:1;}\n.hb-field{margin-bottom:1.1rem;}\n.hb-field label{\n  display:block;font-family:'Jost', sans-serif;font-size:0.78rem;\n  letter-spacing:0.08em;text-transform:uppercase;color:#c9a85e;margin-bottom:0.5rem;\n}\n.hb-field input,\n.hb-field select,\n.hb-field textarea{\n  width:100%;padding:0.75em 0.9em;\n  background:rgba(244,236,219,0.06);\n  border:1px solid rgba(201,168,94,0.4);\n  color:#f4ecdb;font-family:'Jost', sans-serif;font-size:0.95rem;\n  border-radius:2px;\n}\n.hb-field textarea{min-height:110px;resize:vertical;}\n.hb-field input:focus,\n.hb-field select:focus,\n.hb-field textarea:focus{\n  outline:none;border-color:#c9a85e;background:rgba(244,236,219,0.1);\n}\n.hb-field select{\n  appearance:none;\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\");\n  background-repeat:no-repeat;\n  background-position:right 0.8em center;\n  background-size:1em;\n}\n.hb-field select option{background:#0c0c0c;color:#f4ecdb;}\n.hb-submit{\n  width:auto;margin-top:0.5rem;padding:0.85em 2.4em;\n  background:transparent;border:1px solid #c9a85e;color:#c9a85e;\n  letter-spacing:0.3em;text-transform:uppercase;font-size:0.75rem;\n  cursor:pointer;transition:background 0.2s ease, color 0.2s ease;\n  font-family:'Jost', sans-serif;\n}\n.hb-submit:hover{background:#c9a85e;color:#0c0c0c;}\n.hb-submit:disabled{opacity:0.5;cursor:default;}\n.hb-status{\n  margin-top:1.25rem;font-size:0.85rem;display:none;\n  border:1px solid rgba(201,168,94,0.4);padding:0.8em 1.1em;\n}\n.hb-status.show{display:block;}\n.hb-status.ok{border-color:#c9a85e;color:#f4ecdb;}\n.hb-status.err{border-color:#a85e5e;color:#f4ecdb;}\n@media (max-width:520px){\n  .hb-row{flex-direction:column;gap:0;}\n}\n\n.hb-closed{\n  font-family:'Jost', sans-serif;\n  font-size:0.95rem;\n  color:rgba(244,236,219,0.85);\n  border:1px solid rgba(201,168,94,0.4);\n  padding:1.4em 1.6em;\n  max-width:520px;\n  margin:0 auto;\n}\n\n.contact-section{border-top:1px solid rgba(201,168,94,0.25);}\n<\/style>\n\n  <div class=\"stripes\"><\/div>\n  <div class=\"hero\">\n    <div class=\"overlay\"><\/div>\n    <div class=\"hero-inner\">\n      <div class=\"content\">\n        <div class=\"eyebrow\">Opening 2026<\/div>\n        <h1>Hollibar<\/h1>\n        <div class=\"divider\"><\/div>\n        <p class=\"tagline\">Bar &nbsp;\u00b7&nbsp; Live Music &nbsp;\u00b7&nbsp; DJs &nbsp;\u00b7&nbsp; Functions &nbsp;\u00b7&nbsp; Food<\/p>\n        <div class=\"badge\">Coming Soon<\/div>\n        <p class=\"address\">\n          <a href=\"https:\/\/maps.google.com\/?q=36+Swan+St,+Cremorne+VIC+3121\" target=\"_blank\" rel=\"noopener\">\n            36 Swan St, Cremorne VIC 3121\n          <\/a>\n        <\/p>\n      <\/div>\n      <div class=\"foot\">Good Food &nbsp;\u00b7&nbsp; Cold Beer &nbsp;\u00b7&nbsp; Good Times<\/div>\n    <\/div>\n  <\/div>\n  <div class=\"stripes\"><\/div>\n\n<section class=\"book-section\">\n  <div class=\"stripes-top\"><\/div>\n  <div class=\"book-inner\">\n    <div class=\"book-eyebrow\">Functions &amp; Events<\/div>\n    <h2>Book Your Function<\/h2>\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>\n\n    <div class=\"hb-closed\">We&#8217;re not open yet \u2014 bookings will open closer to our opening date. Check back soon!<\/div>\n  <\/div>\n<\/section>\n<section class=\"book-section contact-section\">\n  <div class=\"book-inner\">\n    <div class=\"book-eyebrow\">Get In Touch<\/div>\n    <h2>Contact Us<\/h2>\n    <p class=\"book-blurb\">Questions about Hollibar? Send us a message and we&#8217;ll get back to you.<\/p>\n\n    <form class=\"hb-form\" id=\"hb-contact-form\">\n      <div class=\"hb-row\">\n        <div class=\"hb-field\">\n          <label for=\"hc-name\">Full name<\/label>\n          <input type=\"text\" id=\"hc-name\" required autocomplete=\"name\">\n        <\/div>\n        <div class=\"hb-field\">\n          <label for=\"hc-email\">Email<\/label>\n          <input type=\"email\" id=\"hc-email\" required autocomplete=\"email\">\n        <\/div>\n      <\/div>\n      <div class=\"hb-field\">\n        <label for=\"hc-phone\">Phone (optional)<\/label>\n        <input type=\"tel\" id=\"hc-phone\" autocomplete=\"tel\">\n      <\/div>\n      <div class=\"hb-field\">\n        <label for=\"hc-message\">Message<\/label>\n        <textarea id=\"hc-message\" required><\/textarea>\n      <\/div>\n            <div class=\"hb-field\">\n        <label for=\"hc-captcha\" id=\"hc-captcha-label\">What does 2 + 2 equal?<\/label>\n        <input type=\"text\" id=\"hc-captcha\" required inputmode=\"numeric\" autocomplete=\"off\">\n      <\/div>\n      <button type=\"submit\" class=\"hb-submit\" id=\"hc-submit-btn\">Send Message<\/button>\n      <div class=\"hb-status\" id=\"hc-status\"><\/div>\n    <\/form>\n  <\/div>\n<\/section>\n<script>\n(function(){\n  var form = document.getElementById('hb-contact-form');\n  var captchaA = 1 + Math.floor(Math.random() * 9);\n  var captchaB = 1 + Math.floor(Math.random() * 9);\n  var captchaAnswer = captchaA + captchaB;\n  document.getElementById('hc-captcha-label').textContent = 'What does ' + captchaA + ' + ' + captchaB + ' equal?';\n  var status = document.getElementById('hc-status');\n  var btn = document.getElementById('hc-submit-btn');\n  form.addEventListener('submit', function(e){\n    e.preventDefault();\n\n    var captchaInput = document.getElementById('hc-captcha');\n    if (parseInt(captchaInput.value, 10) !== captchaAnswer) {\n      status.className = 'hb-status show err';\n      status.textContent = 'That answer isn\\'t quite right \u2014 please try the math question again.';\n      captchaInput.value = '';\n      return;\n    }\n    btn.disabled = true;\n    btn.textContent = 'Sending...';\n    status.className = 'hb-status';\n\n    var phone = document.getElementById('hc-phone').value;\n    var message = document.getElementById('hc-message').value;\n    var body = (phone ? ('Phone: ' + phone + '\\n\\n') : '') + 'Message:\\n' + message;\n\n    var fd = new FormData();\n    fd.append('_wpcf7', '10');\n    fd.append('_wpcf7_version', '6.1.6');\n    fd.append('_wpcf7_locale', 'en_US');\n    fd.append('_wpcf7_unit_tag', 'wpcf7-f10-p8-o1');\n    fd.append('_wpcf7_container_post', '8');\n    fd.append('_wpcf7_posted_data_hash', '');\n    fd.append('your-name', document.getElementById('hc-name').value);\n    fd.append('your-email', document.getElementById('hc-email').value);\n    fd.append('your-subject', 'Website Contact Form');\n    fd.append('your-message', body);\n\n    fetch('\/?rest_route=\/contact-form-7\/v1\/contact-forms\/10\/feedback', {\n      method: 'POST',\n      body: fd\n    }).then(function(r){ return r.json(); }).then(function(data){\n      btn.disabled = false;\n      btn.textContent = 'Send Message';\n      status.classList.add('show');\n      if (data.status === 'mail_sent') {\n        status.classList.add('ok');\n        status.textContent = \"Thanks \u2014 we've received your message and will be in touch shortly.\";\n        form.reset();\n      } else {\n        status.classList.add('err');\n        status.textContent = (data.message || 'Something went wrong. Please try again or call us.');\n      }\n    }).catch(function(){\n      btn.disabled = false;\n      btn.textContent = 'Send Message';\n      status.classList.add('show', 'err');\n      status.textContent = 'Network error \u2014 please try again or call us.';\n    });\n  });\n})();\n<\/script>\n\n","protected":false},"excerpt":{"rendered":"<p>Opening 2026 Hollibar Bar &nbsp;\u00b7&nbsp; Live Music &nbsp;\u00b7&nbsp; DJs &nbsp;\u00b7&nbsp; Functions &nbsp;\u00b7&nbsp; Food Coming Soon 36 Swan St, Cremorne VIC 3121 Good Food &nbsp;\u00b7&nbsp; Cold Beer &nbsp;\u00b7&nbsp; Good Times 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 be [&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":5,"href":"https:\/\/hollibar.com.au\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":18,"href":"https:\/\/hollibar.com.au\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/18"}],"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}]}}