CINXE.COM
Bayfair Shopping Centre | The Bay's largest shopping centre under one roof - Bayfair
<!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0" /> <title>Bayfair Shopping Centre | The Bay's largest shopping centre under one roof - Bayfair</title> <meta content="Fashion, food and fun with more than 140 stores and restaurants." name="description" /> <!-- Open Graph and Twitter Card --> <meta property="og:title" content="Bayfair Shopping Centre | The Bay's largest shopping centre under one roof - Bayfair" /> <meta property="og:url" content="http://www.bayfair.co.nz/home/" /> <meta property="og:description" content="Fashion, food and fun with more than 140 stores and restaurants." /> <meta name="twitter:description" content="Fashion, food and fun with more than 140 stores and restaurants." /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:title" content="Bayfair Shopping Centre | The Bay's largest shopping centre under one roof - Bayfair" /> <link rel="canonical" href="http://www.bayfair.co.nz/home/" /> <script> window.website_google_maps_key = "AIzaSyB6oUH4vUotxIVdnqq0Fdoz9PR7kazll3w"; window.website_gtm_id = "GTM-WWXVR8H"; window.website_cinema_type = "None"; window.website_cinema_id = ""; window.website_name = "Bayfair"; window.website_display_name = "Bayfair"; window.website_header_logo = "/assets/images/logo--" + window.website_name + "-header.svg"; window.website_footer_logo = "/assets/images/logo--" + window.website_name + "-footer.svg"; window.website_tile_placeholder = "/assets/images/tile-" + window.website_name + "-placeholder.jpg"; window.google_recaptpcha_site_key = "6Lfx22YpAAAAAOk0qNL-SaPcsv8zBLwzU65LeQYF" window.website_favicon = "/assets/favicons/" + window.website_name + "--favicon.png"; window.website_favicon_ico = "/assets/favicons/" + window.website_name + "--favicon.ico"; window.website_favicon_16x16 = "/assets/favicons/" + window.website_name + "--favicon-16x16.png"; window.website_favicon_32x32 = "/assets/favicons/" + window.website_name + "--favicon-32x32.png"; window.website_favicon_apple_touch = "/assets/favicons/" + window.website_name + "--apple-touch-icon.png"; </script> <!-- For Favicons --> <link id="favicon_ico" rel="shortcut icon"> <script>document.getElementById("favicon_ico").href = window.website_favicon_ico</script> <link id="favicon_16x16" rel="icon" type="image/png" sizes="16x16"> <script>document.getElementById("favicon_16x16").href = window.website_favicon_16x16</script> <link id="favicon_32x32" rel="icon" type="image/png" sizes="32x32"> <script>document.getElementById("favicon_32x32").href = window.website_favicon_32x32</script> <link id="favicon_apple_touch" rel="apple-touch-icon" sizes="180x180"> <script>document.getElementById("favicon_apple_touch").href = window.website_favicon_apple_touch</script> <!-- Google Tag Manager --> <script> (function (w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ "gtm.start": new Date().getTime(), event: "gtm.js", }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != "dataLayer" ? "&l=" + l : ""; j.async = true; j.src = "https://www.googletagmanager.com/gtm.js?id=" + i + dl; f.parentNode.insertBefore(j, f); })( window, document, "script", "dataLayer", "GTM-WWXVR8H" ); </script> <!-- End Google Tag Manager --> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WWXVR8H" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,700&display=swap" rel="stylesheet"> <link href="/css/Bayfair.css?v2.4" rel="stylesheet"> <link href="/_content/Kentico.Content.Web.Rcl/Content/Bundles/Public/systemPageComponents.min.css" rel="stylesheet" /> </head> <body> <header class="page-header"> <div class="nav container"> <div class="nav__primary-nav"> <div class="nav__logo"> <a href="/" class="nav__logo__inner"> <img id="website_header_logo" alt="" /> <script>document.getElementById("website_header_logo").src = window.website_header_logo</script> </a> </div> <div class="nav__primary-nav__inner"> <div class="nav__primary-nav__link"> <a href="/whats-on/" >What's On</a> <div class="nav__primary-nav__link__dropdown"> <a href="/events" >Events</a> <a href="/offers" >Offers</a> <a href="/articles/" >Get Inspired</a> </div> </div> <div class="nav__primary-nav__link"> <a href="/food-and-drink/" >Food & Drink</a> </div> <div class="nav__primary-nav__link"> <a href="/gift-cards" >Gift Cards</a> </div> <div class="nav__primary-nav__link"> <a href="/christmas/" >Christmas</a> </div> <div class="nav__primary-nav__searchwrap" contenteditable="true"> <div class="nav__primary-nav__search"> <span id="global-search-open" class="icon icon-search"></span> </div> </div> </div> <div class="nav__primary-nav__extra"> <div class="nav__primary-nav__search"> <span class="nav__primary-nav__searchicon icon icon-search"></span> </div> <div class="nav__primary-nav__menu"> <span class="icon icon-menu"></span> </div> </div> </div> <div class="nav__secondary-nav"> <div class="nav__secondary-nav__opening-hours"> <a href="/opening-hours/" class="nav__secondary-nav__opening-hours__inner"> <div class="nav__secondary-nav__opening-hours__title">Open today</div> <div class="nav__secondary-nav__opening-hours__desc"> 9:00am - 6:00pm <span class="icon icon-chevron-right"></span> </div> </a> </div> <div class="nav__secondary-nav__links"> <div class="nav__secondary-nav__links__link"> <a class="nav__secondary-nav__links__link__inner" href="/centre-map/" > <span class="nav__secondary-nav__links__link__icon icon icon-location"></span> <span class="nav__secondary-nav__links__link__text">Map</span> </a> </div> <div class="nav__secondary-nav__links__link"> <a class="nav__secondary-nav__links__link__inner" href="/visit/" > <span class="nav__secondary-nav__links__link__icon icon icon-info"></span> <span class="nav__secondary-nav__links__link__text">Visit</span> <div class="nav__primary-nav__link__dropdown"> <a href="/visit/getting-here/" >Getting here</a> <a href="/visit/parking/" >Parking</a> <a href="/visit/centre-services/" >Centre Services</a> <a href="/visit/accessibility/" >Accessibility</a> <a href="/visit/kids-and-families/" >Kids and Families</a> <a href="/visit/google-street-view" >Google street view</a> </div> </a> </div> <div class="nav__secondary-nav__links__link"> <a class="nav__secondary-nav__links__link__inner" href="/stores/" > <span class="nav__secondary-nav__links__link__icon icon icon-store"></span> <span class="nav__secondary-nav__links__link__text">Stores</span> </a> </div> </div> </div> </div> <div class="mobile-menu" data-mobilemenu data-animate-height> <div class="nav__primary-nav__mobile__wrap"> <div class="nav__primary-nav__menuClose"> <span class="icon icon-close"></span> </div> <div class="mobile-menu-search"> <form class="mobile-menu-search-searchfield" action="/search"> <span class="mobile-menu-search-searchfield__icon icon icon-search"></span> <input id="mobile-search-autocomplete" type="search" name="searchText" class="mobile-menu-search-searchfield__input" placeholder="Search" value="" oninput="userAction(event)" /> </form> <div class="mobile-menu-search-dropdown"> <h4 class="mobile-menu-search-dropdown__title">Suggested Results</h4> <ul class="mobile-menu-search-dropdown__list"> </ul> </div> </div> <div class="nav__primary-nav__link"> <a href="/whats-on/">What's On</a> <span class="mobile-menu__dropdown__icon icon icon-chevron-down"></span> <div class="nav__primary-nav__link__dropdown mobile-menu__dropdown__content"> <a href="/events">Events</a> <a href="/offers">Offers</a> <a href="/articles/">Get Inspired</a> </div> </div> <div class="nav__primary-nav__link"> <a href="/food-and-drink/">Food & Drink</a> </div> <div class="nav__primary-nav__link"> <a href="/gift-cards">Gift Cards</a> </div> <div class="nav__primary-nav__link"> <a href="/christmas/">Christmas</a> </div> <div class="nav__primary-nav__link nav__secondary-nav__links"> <a href="/centre-map/"> <span class="nav__secondary-nav__links__link__icon icon icon-location"></span> <span class="nav__secondary-nav__links__link__text">Map</span> </a> </div> <div class="nav__primary-nav__link nav__secondary-nav__links"> <a href="/visit/"> <span class="nav__secondary-nav__links__link__icon icon icon-info"></span> <span class="nav__secondary-nav__links__link__text">Visit</span> </a> <span class="mobile-menu__dropdown__icon icon icon-chevron-down"></span> <div class="nav__primary-nav__link__dropdown mobile-menu__dropdown__content"> <a href="/visit/getting-here/">Getting here</a> <a href="/visit/parking/">Parking</a> <a href="/visit/centre-services/">Centre Services</a> <a href="/visit/accessibility/">Accessibility</a> <a href="/visit/kids-and-families/">Kids and Families</a> <a href="/visit/google-street-view">Google street view</a> </div> </div> <div class="nav__primary-nav__link nav__secondary-nav__links"> <a href="/stores/"> <span class="nav__secondary-nav__links__link__icon icon icon-store"></span> <span class="nav__secondary-nav__links__link__text">Stores</span> </a> </div> </div> </div> <div class="global-search"> <div class="global-search-overlay"></div> <span class="global-search__closeicon icon icon-close"></span> <div class="global-search-inner"> <form class="global-search__searchform" action="/search"> <span class="global-search__searchicon icon icon-search"></span> <input id="global-search__autocomplete" type="search" name="searchText" class="global-search__input" placeholder="Search" value="" oninput="userAction(event)" autofocus /> </form> <div class="global-search-dropdown"> <h4 class="global-search-dropdown__title">Suggested Results</h4> <ul class="global-search-dropdown__list"> </ul> <a class="global-search-dropdown__cta" href="?">Clear</a> </div> </div> </div> <script> let globalSearch = document.querySelector(".global-search"); let globalSearchCloseTriger = document.querySelector( ".global-search__closeicon" ); let mobileSearchCloseTriger = document.querySelector(".nav__primary-nav__menuClose") let searchDropdownList = document.querySelector( ".global-search-dropdown__list"); let mobileSearchDropdownList = document.querySelector( ".mobile-menu-search-dropdown__list"); let searchDropdownContainer = document.querySelector( ".global-search-dropdown"); let mobileSearchDropdownContainer = document.querySelector( ".mobile-menu-search-dropdown"); var resetInput = document.getElementById("global-search__autocomplete"); var resetInputMobile = document.getElementById("mobile-search-autocomplete"); globalSearchCloseTriger.addEventListener("click", function () { resetSearch() }); mobileSearchCloseTriger .addEventListener("click", function () { resetSearch() }); const resetSearch = () => { globalSearch.classList.remove("isOpen"); searchDropdownContainer.style.display = "none"; mobileSearchDropdownContainer.style.display = "none"; resetInput.value = ''; resetInputMobile.value = ''; while (searchDropdownList.hasChildNodes()) { searchDropdownList.removeChild(searchDropdownList.firstChild); } while (mobileSearchDropdownList.hasChildNodes()) { mobileSearchDropdownList.removeChild(mobileSearchDropdownList.firstChild); } } const userAction = async (event) => { var searchInput = event.target var searchQuery = searchInput.value; var searchDropdownContainer = searchInput.parentNode.nextElementSibling var getChildListElement = searchDropdownContainer.childNodes; var searchDropdownList; for (var i = 0; i < getChildListElement.length; i++) { if (getChildListElement[i].tagName == "UL") { searchDropdownList = getChildListElement[i]; break; } } if (searchQuery.length >= 3) { const response = await fetch('/api/v2/search?searchText=' + searchQuery); const myJson = await response.json(); //extract JSON from the http response while (searchDropdownList.hasChildNodes()) { searchDropdownList.removeChild(searchDropdownList.firstChild); } if (myJson.length) { searchDropdownContainer.style.display = "block"; } else { searchDropdownContainer.style.display = "none"; } Object.keys(myJson).map(function (key, index) { const li = document.createElement("li"); searchDropdownList.appendChild(li); const link = document.createElement("a") link.setAttribute("href", myJson[index].Link); link.setAttribute("class", "global-search-dropdown__item"); link.textContent = myJson[index].Label; li.appendChild(link); }); } else { searchDropdownContainer.style.display = "none"; while (searchDropdownList.hasChildNodes()) { searchDropdownList.removeChild(searchDropdownList.firstChild); } } } </script> </header> <section class="home-hero"> <div class="home-hero__content "> <div class="home-hero__content__left-content"> <div class="home-hero__content__left-content__wrap"> <div class="home-hero__content__left-content__slide heroLeftContent active " data-heroSlider-left-content="left-content-slide"> <div class="home-hero__content__left-content__eyebrow"> Kia ora - welcome </div> <h1 class="home-hero__content__left-content__title">It's the most wonderful time of the year</h1> <p class="home-hero__content__left-content__desc">Meet Santa and shop gifts, fashion and food this Christmas </p> <a class="home-hero__content__left-content__cta" href="/christmas/"> <span>All things festive</span> <span class="icon icon-chevron-right"></span> </a> </div> <div class="home-hero__content__left-content__slide heroLeftContent " data-heroSlider-left-content="left-content-slide"> <div class="home-hero__content__left-content__eyebrow"> Kia ora - welcome </div> <h1 class="home-hero__content__left-content__title">Here comes the sun!</h1> <p class="home-hero__content__left-content__desc"></p> <a class="home-hero__content__left-content__cta" href="/whats-on/"> <span>Fashion, Food and Fun</span> <span class="icon icon-chevron-right"></span> </a> </div> </div> </div> <div class="home-hero__content__image active heroSlides"> <img class="image-inner" src="/getmedia/3ae9062f-6932-4a18-9b22-d2e06ce9aa6c/Christmas-Mt1600x1067.jpg?width=1600&height=1067&ext=.jpg" alt="Christmas" /> <div class="home-hero__controller"> <button class="home-hero__button--prev" onclick="moveSlidePrev(-1)"> <span class="icon icon-arrow-left"></span> </button> <button class="home-hero__button--next" onclick="moveSlideNext(+1)"> <span class="icon icon-arrow-right"></span> </button> </div> </div> <div class="home-hero__content__image heroSlides"> <img class="image-inner" src="/getmedia/ee274ab4-0991-4875-a14e-a98955091265/Here-comes-the-sun!.png?width=1680&height=1120&ext=.png" alt="Here comes the sun!" /> <div class="home-hero__controller"> <button class="home-hero__button--prev" onclick="moveSlidePrev(-1)"> <span class="icon icon-arrow-left"></span> </button> <button class="home-hero__button--next" onclick="moveSlideNext(+1)"> <span class="icon icon-arrow-right"></span> </button> </div> </div> </div> </section> <script> var heroLeftContent = document.querySelector(".home-hero__content__left-content__slide"); var heroLeftSideContentWrap = document.querySelector(".home-hero__content__left-content__wrap") var heroLeftSideContentRef = heroLeftContent.getBoundingClientRect().height; heroLeftSideContentWrap.style.minHeight = heroLeftSideContentRef + "px" </script> <script> var slideIndex = 1; homeHeroSlider(slideIndex); function moveSlideNext(e) { homeHeroSlider(slideIndex += e); } function moveSlidePrev(e) { homeHeroSlider(slideIndex -= e); } function homeHeroSlider(e) { var i, j; var heroSlides = document.getElementsByClassName("heroSlides"); var heroLeftContent = document.getElementsByClassName("heroLeftContent"); var prev = document.querySelector(".home-hero__button--prev"); var next = document.querySelector(".home-hero__button--next"); if (e > heroSlides.length) {slideIndex = 1;} if (e == heroSlides.length) {next.disabled = true;} else {next.disabled = false;} if (e < 1) {slideIndex = x.length;}; if (e == 1) {prev.disabled = true;} else {prev.disabled = false;} for (i = 0; i < heroSlides.length; i++) { heroSlides[i].classList.remove('active') } for (j = 0; j < heroLeftContent.length; j++) { heroLeftContent[j].classList.remove('active') } var activeSlides = heroLeftContent[slideIndex - 1]; var heroLeftSideContentRef = activeSlides.getBoundingClientRect().height; var heroLeftSideContentWrap = document.querySelector(".home-hero__content__left-content__wrap") heroSlides[slideIndex - 1].classList.add('active') heroLeftContent[slideIndex - 1].classList.add('active') heroLeftSideContentWrap.style.minHeight = heroLeftSideContentRef + "px" } </script> <section class="home-hero-secondary"> <div class="container"> <div class="row"> <div class="col-xs-12 col-md-7"> <img class="home-hero-secondary__image" src="/getmedia/9b3491cf-feea-4a50-88a8-a6f274a6d7da/United-Cineams-1680x1120.jpg?width=1680&height=1120&ext=.jpg" alt="Secondary Home Hero Image" /> </div> <div class="col-xs-12 col-md-5"> <div class="home-hero-secondary__content"> <h3 class="home-hero-secondary__title"> Cinema At Its Finest </h3> <p class="home-hero-secondary__desc"> Enjoy world-class Dolby Atmos surround sound, digital laser picture quality and excellent food & beverage offerings. </p> <div class="home-hero-secondary__footer"> <a class="button button--primary home-hero-secondary__cta" href="https://www.unitedcinemas.co.nz/"> <span class="button__text"> Session times and tickets </span> </a> </div> </div> </div> </div> </div> </section> <div> <section class="featured-stores"> <div class="container"> <div class="row"> <div class="col-xs-12"> <div class="featured-section-header"> <div class="featured-section-header__title">Over 140 stores and restaurants </div> <div class="featured-section-header__desc"> <span>All under one roof in the Bay's largest shopping Centre</span> <a class="featured-section-header__cta" href="/stores">All stores</a> </div> </div> <div class="featured-stores__list row"> <div class="col-xs-4 col-md-3 col-lg-2"> <a class="featured-stores__store" href="/Stores/Country-Road"> <div class="featured-stores__store__logo"> <img class="featured-stores__store__logo__inner" src="/getmedia/bb3b102f-7499-4ef5-87be-87e396220427/Country-Road-Logo.jpg?width=144&height=144&ext=.jpg" alt="tile image" /> </div> </a> </div> <div class="col-xs-4 col-md-3 col-lg-2"> <a class="featured-stores__store" href="/Stores/Flo-Frankie"> <div class="featured-stores__store__logo"> <img class="featured-stores__store__logo__inner" src="/getmedia/6ecb276a-13fc-46e8-8b19-e10425c6df34/Flo-Frankie-Logo.jpg?width=144&height=144&ext=.jpg" alt="tile image" /> </div> </a> </div> <div class="col-xs-4 col-md-3 col-lg-2"> <a class="featured-stores__store" href="/Stores/Glassons"> <div class="featured-stores__store__logo"> <img class="featured-stores__store__logo__inner" src="/getmedia/098d8467-5439-494c-9322-f9d9e38b51e3/Glassons-Logo.jpg?width=144&height=144&ext=.jpg" alt="tile image" /> </div> </a> </div> <div class="col-xs-4 col-md-3 col-lg-2"> <a class="featured-stores__store" href="/Stores/Hallenstein-Brothers"> <div class="featured-stores__store__logo"> <img class="featured-stores__store__logo__inner" src="/getmedia/f99e1708-84b5-4c5b-a6e6-1ed356b55794/Hallensteins-Logo_1.jpg?width=144&height=144&ext=.jpg" alt="tile image" /> </div> </a> </div> <div class="col-xs-4 col-md-3 col-lg-2"> <a class="featured-stores__store" href="/Stores/JB-Hi-Fi"> <div class="featured-stores__store__logo"> <img class="featured-stores__store__logo__inner" src="/getmedia/fed09f22-1754-4d34-a8fe-467dd36a990c/JB-Hifi-Logo.png?width=144&height=144&ext=.png" alt="tile image" /> </div> </a> </div> <div class="col-xs-4 col-md-3 col-lg-2"> <a class="featured-stores__store" href="/Stores/Mecca-Maxima"> <div class="featured-stores__store__logo"> <img class="featured-stores__store__logo__inner" src="/getmedia/cf9138cd-144f-4da9-8fec-2dbf11c643a7/Mecca-Maxima-Logo.jpg?width=144&height=144&ext=.jpg" alt="tile image" /> </div> </a> </div> </div> </div> </div> </div> </section> </div> <div> <section class="featured-offers"> <div class="container"> <div class="row"> <div class="col-xs-12"> <div class="featured-section-header"> <div class="featured-section-header__title">Offers</div> <div class="featured-section-header__desc"> <span>Special offers on now </span> <a class="featured-section-header__cta" href="/offers">All offers</a> </div> </div> <div class="featured-offers__list row"> <!-- Check what part of link can be clicked for Tile and Store Link --> <div class=" col-xs-12 col-md-6"> <a class="tile tile--offer tile--featured" href="/offers/every-5th-coffee-free!"> <div class="tile__top-content"> <div class="tile__image img-landscape"> <img class="tile__image__inner" src="/getmedia/e9520ece-460b-49a5-8243-bf2ee01891bf/muffin-break-coffee-1680x1120.jpg?width=1680&height=1120&ext=.jpg" alt="tile image" /> </div> <div class="tile__logo"> <div class="image"> <img class="image__inner" src="/getmedia/073df9f1-5154-472a-89ec-201c68689b45/Muffin-Break-Logo.jpg?width=96&height=96&ext=.jpg" alt="tile image" /> </div> </div> </div> <object> <a class="tile__cta" href="/Stores/Muffin-Break">Muffin Break</a> </object> <div class="tile__title">Every 5th Coffee Free! </div> <div class="tile__eyebrow">Everyday </div> </a> </div> <div class=" col-xs-6 col-md-3"> <a class="tile tile--offer tile--featured" href="/offers/buy-one-fluffy,-get-a-free-one-on-your-next-visit!"> <div class="tile__top-content"> <div class="tile__image img-square"> <img class="tile__image__inner" src="/getmedia/7bfbd530-f5df-494c-aed9-f0fdd79bb5f3/kids-fluffy-1680x1120.jpg?width=1680&height=1120&ext=.jpg" alt="tile image" /> </div> <div class="tile__logo"> <div class="image"> <img class="image__inner" src="/getmedia/073df9f1-5154-472a-89ec-201c68689b45/Muffin-Break-Logo.jpg?width=96&height=96&ext=.jpg" alt="tile image" /> </div> </div> </div> <object> <a class="tile__cta" href="/Stores/Muffin-Break">Muffin Break</a> </object> <div class="tile__title">Buy one fluffy, get a free one on your next visit!</div> <div class="tile__eyebrow">Everyday </div> </a> </div> <div class=" col-xs-6 col-md-3"> <a class="tile tile--offer tile--featured" href="/offers/black-friday-sale"> <div class="tile__top-content"> <div class="tile__image img-square"> <img class="tile__image__inner" src="/getmedia/b42ca7b8-a367-46ff-aaf6-b4509e07a41c/up-to-60-off_720x720.jpg?width=720&height=720&ext=.jpg" alt="tile image" /> </div> <div class="tile__logo"> <div class="image"> <img class="image__inner" src="/getmedia/9150607b-c05c-4c2c-86a6-5d52cb333bc0/The-Cosmetic-Clinic-Logo.jpg?width=96&height=96&ext=.jpg" alt="tile image" /> </div> </div> </div> <object> <a class="tile__cta" href="/Stores/The-Cosmetic-Clinic">The Cosmetic Clinic</a> </object> <div class="tile__title">Black Friday Sale</div> <div class="tile__eyebrow">13 Nov - 01 Dec 2024</div> </a> </div> </div> </div> </div> </div> </section> </div> <div> <div class="subscribe-newsletter"> <div class="container"> <div class="subscribe-newsletter__inner"> <div class="subscribe-newsletter__text"> <div class="subscribe-newsletter__title">Hear it first</div> <div class="subscribe-newsletter__desc">Stay in the know and be the first to hear about upcoming events, offers and more.</div> </div> <a class="button button--primary subscribe-newsletter__cta" href="/subscribe" aria-label="Go to Events Page" data-back="Subscribe now" data-front="Subscribe now"> <span class="button__text"> Subscribe now </span> </a> </div> </div> </div> </div> <div> <section class="featured-events"> <div class="container"> <div class="row"> <div class="col-xs-12"> <div class="featured-section-header"> <div class="featured-section-header__title">What's On</div> <div class="featured-section-header__desc"> <span>Join us with your friends and family </span> <a class="featured-section-header__cta" href="/events">All events</a> </div> </div> <div class="featured-events__list row"> <!-- Check what part of link can be clicked for Tile and Store Link --> <div class="col-xs-6 col-md-3"> <a class="tile tile--event tile--featured" href="/events/golden-days-at-united-cinemas"> <div class="tile__top-content"> <div class="tile__image img-square"> <img class="tile__image__inner" src="/getmedia/e765e48f-efa6-48f3-9d9e-c9275efa5ac3/united-cinemas-golden-days-1680x1120.jpg?width=1680&height=1120&ext=.jpg" alt="tile image" /> </div> <div class="tile__logo"> <div class="image"> <img class="image__inner" src="/getmedia/358d4d1f-d9b4-4f62-9e85-4e829f25c000/United-Cinemas-Logo.jpg?width=96&height=96&ext=.jpg" alt="tile image" /> </div> </div> </div> <object> <a class="tile__cta" href="/Stores/United-Cinemas">United Cinemas</a> </object> <div class="tile__title">Golden Days at United Cinemas</div> <div class="tile__eyebrow">Every Wednesday before 12pm </div> </a> </div> <div class="col-xs-6 col-md-3"> <a class="tile tile--event tile--featured" href="/events/quiz-night-at-the-freeport"> <div class="tile__top-content"> <div class="tile__image img-square"> <img class="tile__image__inner" src="/getmedia/02de2d20-27ef-45eb-a911-5f483390efa5/freeport-quiz-night-1680x1120.jpg?width=1680&height=1120&ext=.jpg" alt="tile image" /> </div> <div class="tile__logo"> <div class="image"> <img class="image__inner" src="/getmedia/b54ac83f-3458-4a5b-8530-e910ee87259f/The-Freeport-Logo.jpg?width=96&height=96&ext=.jpg" alt="tile image" /> </div> </div> </div> <object> <a class="tile__cta" href="/Stores/The-Freeport-with-Cleaver-Co">The Freeport with Cleaver & Co</a> </object> <div class="tile__title">Quiz Night at The Freeport</div> <div class="tile__eyebrow">Every Wednesday at 7pm </div> </a> </div> <div class="col-xs-12 col-md-6"> <a class="tile tile--event tile--featured" href="/events/mums-bubs"> <div class="tile__top-content"> <div class="tile__image img-landscape"> <img class="tile__image__inner" src="/getmedia/9b3491cf-feea-4a50-88a8-a6f274a6d7da/united-cineams-1680x1120.jpg?width=1680&height=1120&ext=.jpg" alt="tile image" /> </div> <div class="tile__logo"> <div class="image"> <img class="image__inner" src="/getmedia/358d4d1f-d9b4-4f62-9e85-4e829f25c000/United-Cinemas-Logo.jpg?width=96&height=96&ext=.jpg" alt="tile image" /> </div> </div> </div> <object> <a class="tile__cta" href="/Stores/United-Cinemas">United Cinemas</a> </object> <div class="tile__title">Mums & Bubs</div> <div class="tile__eyebrow">Every Tuesday morning </div> </a> </div> </div> </div> </div> </div> </section> </div> <div> </div> <section class="socials-feed"> <div class="container"> <div class="row"> <div class="col-xs-12"> <div class="socials-feed__header"> <div class="socials-feed__title">Keep in touch</div> <div class="socials-feed__links"> <a class="socials-feed__links__link" href="https://www.facebook.com/bayfairshoppingcentre" target="_blank"> <span class="socials-feed__links__link__icon icon icon-facebook"></span> </a> <a class="socials-feed__links__link" href="https://www.instagram.com/bayfairshoppingcentre/" target="_blank"> <span class="socials-feed__links__link__icon icon icon-instagram"></span> </a> <a class="socials-feed__links__link" href="https://www.tiktok.com/@bayfairshoppingcentre" target="_blank"> <span class="socials-feed__links__link__icon icon icon-tiktok"></span> </a> </div> </div> </div> </div> <div class="row"> <div class="col-xs-12"> <div> <script src="https://apps.elfsight.com/p/platform.js" defer></script> <div class="elfsight-app-18ab6b5a-ea46-4ab0-aeba-b5ddf1890d3b"></div> </div> </div> </div> </div> </section> <footer class="footer"> <div class="container"> <div class="row"> <div class="col-xs-12 col-lg-7"> <div class="footer__left-content"> <div class="footer__logo logo-mobile"> <img id="website_footer_logo_mobile" alt="footer logo" /> <script>document.getElementById("website_footer_logo_mobile").src = window.website_footer_logo</script> </div> <div class="footer__copy"> </div> <div class="footer__bottom-content"> <div class="footer__logo logo-desktop"> <a href="/" class="nav__logo__inner"> <img id="website_footer_logo" alt="footer logo" /> <script>document.getElementById("website_footer_logo").src = window.website_footer_logo</script> </a> </div> <div class="footer__navigation"> <a class="footer__navigation__item" href="/Dynamic-Spaces/" aria-label="Footer Link"> Dynamic Spaces </a> <a class="footer__navigation__item" href="/contact-us/" aria-label="Footer Link"> Contact us </a> <a class="footer__navigation__item" href="https://www.dexus.com/terms-and-conditions" aria-label="Footer Link"> Disclaimer & Legal </a> </div> <div class="footer__navigation"> <a class="footer__navigation__item" href="https://www.dexus.com/leasing/retail/bayfair-shopping-centre" aria-label="Footer Link"> Leasing </a> <a class="footer__navigation__item" href="https://www.dexus.com/privacy-policy" aria-label="Footer Link"> Privacy </a> </div> </div> </div> </div> <div class="col-xs-12 col-lg-5"> <div class="footer__subscribe"> <div class="footer__subscribe-title">Hear it first</div> <div class="footer__subscribe-desc"> Stay in the know and be the first to hear about upcoming events, offers and more. </div> <a class="button button--footer-cta" href="/subscribe" aria-label="Go to Susbcribe Page"> <span class="button__text"> Subscribe </span> </a> <div class="footer__social-links"> <a class="footer__social-link" href="https://www.facebook.com/bayfairshoppingcentre" aria-label="Facebook Link" target="_blank"> <span class="footer__social-link__icon icon icon-facebook"></span> </a> <a class="footer__social-link" href="https://www.instagram.com/bayfairshoppingcentre/" aria-label="Instagram Link" target="_blank"> <span class="footer__social-link__icon icon icon-instagram"></span> </a> <a class="footer__social-link" href="https://www.tiktok.com/@bayfairshoppingcentre" aria-label="TikTok Link" target="_blank"> <span class="footer__social-link__icon icon icon-tiktok"></span> </a> </div> </div> </div> </div> </div> </footer> <script src="/static/js/main.js?v2.4"></script> <script src="/_content/Kentico.Content.Web.Rcl/Scripts/jquery-3.5.1.js"></script> <script src="/_content/Kentico.Content.Web.Rcl/Scripts/jquery.unobtrusive-ajax.js"></script> <script src="/_content/Kentico.Content.Web.Rcl/Content/Bundles/Public/systemFormComponents.min.js"></script> </body> </html>