Sunshine Coast | GuidedBy

<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"> <title>Sunshine Coast | GuidedBy</title> <meta name="description" content="Whether you鈥檙e deciding where to dine, where to shop or which professional to hire, GuidedBy takes the guesswork out of consumer choices."> <link rel="icon" href="/assets/favicons/guidedby-icon.svg" type="image/svg+xml"> <link rel="mask-icon" href="/assets/favicons/guidedby-icon.svg" color="#ffffff"> <meta name="theme-color" content="#222222"> <link rel="apple-touch-icon" type="image/svg" href="/assets/favicons/guidedby-icon.svg"> <link rel="icon" type="image/svg" sizes="192x192" href="/assets/favicons/guidedby-icon.svg"> <link rel="manifest" href="/site.webmanifest"> <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=Lato:wght@100;400;700&family=Roboto:wght@100;400;700&display=swap" rel="stylesheet"> <link rel="stylesheet" href="/css/tailwind.css?id=812ea8e03025b0ffe5da349e211e3f2b"> <link rel="stylesheet" href="/vendor/leaflet/leaflet.css">  <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-WRX3NTS');</script>  <link rel="stylesheet" href="/vendor/socialize/css/buttons.css"> <style >[wire\:loading], [wire\:loading\.delay], [wire\:loading\.inline-block], [wire\:loading\.inline], [wire\:loading\.block], [wire\:loading\.flex], [wire\:loading\.table], [wire\:loading\.grid], [wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short], [wire\:loading\.delay\.long], [wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest] {display:none;}[wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}input:-webkit-autofill, select:-webkit-autofill, textarea:-webkit-autofill {animation-duration: 50000s;animation-name: livewireautofill;}@keyframes livewireautofill { from {} }</style> </head> <body class="selection:bg-primary bg-neutral">  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WRX3NTS" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <header class="fixed top-0 left-0 right-0 bg-white sticky" style="z-index: 500" x-data="{ mainNavOpen : false }"> <div id="main_nav_wrapper" class="flex items-center max-w-none px-2 py-3 lg:py-0"> <a class="motion-safe:transition-transform" title="GuidedBy Homepage" aria-label="GuidedBy Hompage Link" href="/" > <img src="/brand_assets/global/guidedby_logo.svg" width="115" alt="GuidedBy Logo" title="GuidedBy Logo"/> </a> <button @click.prevent="mainNavOpen = !mainNavOpen" class="ml-auto hamburger-button relative z-20 inline-block lg:!hidden lg:pointer-events-none w-[32px] h-[32px]" :aria-label="mainNavOpen ? 'Close sub navigation' : 'Open sub navigation'" :aria-expanded="mainNavOpen" > <span class="absolute bg-primary w-full h-[3px] rounded-sm top-[4px] left-1/2 -translate-x-1/2 transition-all duration-400 hamburger_line" :class="{ 'rotate-45 !top-1/2 -translate-y-1/2 bg-white' : mainNavOpen, 'rotate-0' : !mainNavOpen }"></span> <span class="absolute bg-primary w-full h-[3px] rounded-sm top-[14px] left-1/2 -translate-x-1/2 transition-all duration-300 hamburger_line" :class="{ 'opacity-0 bg-white' : mainNavOpen }"></span> <span class="absolute bg-primary w-full h-[3px] rounded-sm top-[24px] left-1/2 -translate-x-1/2 transition-all duration-400 hamburger_line" :class="{ '-rotate-45 !top-1/2 -translate-y-1/2 bg-white' : mainNavOpen, 'rotate-0' : !mainNavOpen }"></span> </button> <nav class="bg-primary fixed inset-0 flex-1 text-base flex flex-col justify-start items-center lg:relative lg:bg-transparent lg:!flex lg:flex-row lg:ml-2" aria-label="Main navigation" x-show="mainNavOpen" x-cloak x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="transition ease-in duration-200" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"> <ul class="flex flex-auto items-center justify-center m-0 list-none flex-col lg:flex-row"> <li class="my-2 lg:!hidden"><a class="motion-safe:transition-transform" title="GuidedBy Homepage" aria-label="GuidedBy Hompage Link" href="/" > <img src="/brand_assets/global/guidedby-logo-wht.svg" width="200" alt="GuidedBy Logo" title="GuidedBy Logo"/> </a> </li> <li class="relative leading-none lg:my-0 mx-2 lg:mx-4"> <a class="flex items-center capitalize tracking-wide text-white lg:text-neutral-medium border-none py-5 lg:py-4 " href="/topics" > Topics </a> </li> <li class="relative leading-none lg:my-0 mx-2 lg:mx-4"> <a class="flex items-center capitalize tracking-wide text-white lg:text-neutral-medium lg:border-t-2 lg:border-secondary py-5 lg:py-4 " href="/locations" > Locations </a> </li> <li class="relative leading-none lg:my-0 mx-2 lg:mx-4"> <a class="flex items-center capitalize tracking-wide text-white lg:text-neutral-medium border-none py-5 lg:py-4 " href="/spotlights" > Spotlights </a> </li> <li class="relative leading-none lg:my-0 mx-2 lg:mx-4"> <a class="flex items-center capitalize tracking-wide text-white lg:text-neutral-medium border-none py-5 lg:py-4 " href="/stories" > Stories </a> </li> <li class="relative leading-none lg:my-0 mx-2 lg:ml-auto"> <a class="flex items-center capitalize tracking-wide text-white text-white border-none py-5 lg:py-2 px-2 bg-primary rounded !border-t-0 " href="/applynow" > Business Owner </a> </li> <li class="lg:!hidden my-4"> <div class="flex items-center space-x-4"> <a class="w-12 h-12 inline-flex justify-center items-center bg-white" href="https://www.facebook.com/GuidedBy/" rel="noopener" aria-label="GuidedBy on Facebook" title="GuidedBy on Facebook" target="_blank"> <svg class="w-8 h-8 overflow-visible text-primary transition-all fill-current" aria-hidden="true" aria-hidden="true" focusable="false" data-prefix="fab" data-icon="facebook-f" class="svg-inline--fa fa-facebook-f fa-w-10" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="currentColor" d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"></path></svg> </a> <a class="w-12 h-12 inline-flex justify-center items-center bg-white" href="https://www.instagram.com/guidedby.ca/" rel="noopener" aria-label="GuidedBy on Instagram" title="GuidedBy on Instagram" target="_blank"> <svg class="w-8 h-8 overflow-visible text-primary transition-all fill-current" aria-hidden="true" aria-hidden="true" focusable="false" data-prefix="fab" data-icon="instagram" class="svg-inline--fa fa-instagram fa-w-14" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"></path></svg> </a> <a class="w-12 h-12 inline-flex justify-center items-center bg-white" href="https://twitter.com/glacier_digital" rel="noopener" aria-label="GuidedBy on Twitter" title="GuidedBy on Twitter" target="_blank"> <svg class="w-8 h-8 overflow-visible text-primary transition-all fill-current" aria-hidden="true" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000.78 936.69"> <defs> <style> .cls-1 { stroke-width: 0px; } </style> </defs> <g id="svg5"> <g id="layer1"> <path id="path1009" class="cls-1" d="m2.44,0l386.39,516.64L0,936.69h87.51l340.42-367.76,275.05,367.76h297.8l-408.13-545.7L954.57,0h-87.51l-313.51,338.7L300.24,0H2.44Zm128.69,64.46h136.81l604.13,807.76h-136.81L131.13,64.46Z"></path> </g> </g> </svg> </a> </div> </li> </ul> </nav> </div> </header> <main class="has_banner"> <article class="outer-grid overflow-x-hidden"> <section aria-label="Banner" class="relative overflow-hidden full-width banner"> <figure class="size-full absolute inset-0"> <picture> <source srcset=" /img/asset/d3BfdXBsb2Fkcy9TdW5zaGluZUNvYXN0LUdCLWxvY2F0aW9uLUJLRy5qcGc=?p=md 768w, /img/asset/d3BfdXBsb2Fkcy9TdW5zaGluZUNvYXN0LUdCLWxvY2F0aW9uLUJLRy5qcGc=?p=lg 1280w, /img/asset/d3BfdXBsb2Fkcy9TdW5zaGluZUNvYXN0LUdCLWxvY2F0aW9uLUJLRy5qcGc=?p=full 1680w" sizes="100vw" type="image/jpeg" > <img class="object-cover w-full h-full w-full" style="object-position: 50% 50%" src="/img/asset/d3BfdXBsb2Fkcy9TdW5zaGluZUNvYXN0LUdCLWxvY2F0aW9uLUJLRy5qcGc=?p=sm" alt="Sunshine Coast Sunset Publication BKG" width="2880" height="570" loading="lazy" > </picture> </figure> <div class="relative" style="background: radial-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.9));"> <div class="banner__content py-16 lg:py-24 text-white"> <div class="fluid-container flex justify-between items-center space-x-10"> <div> <img class="h-10" src="/wp_uploads/PublicationLogos-CoastReporter-Logo.svg" alt="Coast Reporter"> <h1 class="my-2">Sunshine Coast</h1> <p class="my-4">The Sunshine Coast has spectacular views of the sea and Vancouver Island. Experience the most beautiful sunset when at the Sunshine Coast. It has many outdoor activities that you can plan with your friends like hiking, biking, paddle boarding, or visit some local breweries. </p> </div> </div> </div> </div> </section> <div id="location-app" class="outer-grid"> <single-location location-slug="sunshine-coast"></single-location> </div> </article> </main> <footer class="w-full"> </footer> <script src="/livewire/livewire.js?id=90730a3b0e7144480175" data-turbo-eval="false" data-turbolinks-eval="false" ></script><script data-turbo-eval="false" data-turbolinks-eval="false" >window.livewire = new Livewire();window.Livewire = window.livewire;window.livewire_app_url = '';window.livewire_token = 'kh08gs2v5MO3sfGUUFPfAklXONkJHcUlXkZ0AU1e';window.deferLoadingAlpine = function (callback) {window.addEventListener('livewire:load', function () {callback();});};let started = false;window.addEventListener('alpine:initializing', function () {if (! started) {window.livewire.start();started = true;}});document.addEventListener("DOMContentLoaded", function () {if (! started) {window.livewire.start();started = true;}});</script> <script src="/js/site.js?id=28524754a22dff71386c594f88b1ca49" defer></script> <script type="text/javascript">(function() { var els = document.getElementsByClassName('nocache'); var map = {}; for (var i = 0; i < els.length; i++) { var section = els[i].getAttribute('data-nocache'); map[section] = els[i]; } fetch('/!/nocache', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ url: window.location.href, sections: Object.keys(map) }) }) .then((response) => response.json()) .then((data) => { const regions = data.regions; for (var key in regions) { if (map[key]) map[key].outerHTML = regions[key]; } for (const input of document.querySelectorAll('input[value="kh08gs2v5MO3sfGUUFPfAklXONkJHcUlXkZ0AU1e"]')) { input.value = data.csrf; } for (const meta of document.querySelectorAll('meta[content="kh08gs2v5MO3sfGUUFPfAklXONkJHcUlXkZ0AU1e"]')) { meta.content = data.csrf; } for (const input of document.querySelectorAll('script[data-csrf="kh08gs2v5MO3sfGUUFPfAklXONkJHcUlXkZ0AU1e"]')) { input.setAttribute('data-csrf', data.csrf); } if (window.hasOwnProperty('livewire_token')) { window.livewire_token = data.csrf } if (window.hasOwnProperty('livewireScriptConfig')) { window.livewireScriptConfig.csrf = data.csrf } document.dispatchEvent(new CustomEvent('statamic:nocache.replaced')); }); })();</script></body> </html>

CINXE.COM

Sunshine Coast | GuidedBy