Vancouver Is Awesome

<!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>Vancouver Is Awesome | 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="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 async src="https://www.googletagmanager.com/gtag/js?id=G-E625VS2E0M"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-E625VS2E0M'); </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"> <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 border-none 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"> <div class="outer-grid"> <section aria-label="Banner" class="relative overflow-hidden full-width banner"> <figure class="size-full absolute inset-0"> <picture> <source srcset=" /img/asset/d3BfdXBsb2Fkcy9nYi1oZXJvLWxvY2F0aW9ucy0yODgweDU3MC12YW5jb3V2ZXIuanBn?p=md 768w, /img/asset/d3BfdXBsb2Fkcy9nYi1oZXJvLWxvY2F0aW9ucy0yODgweDU3MC12YW5jb3V2ZXIuanBn?p=lg 1280w, /img/asset/d3BfdXBsb2Fkcy9nYi1oZXJvLWxvY2F0aW9ucy0yODgweDU3MC12YW5jb3V2ZXIuanBn?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/d3BfdXBsb2Fkcy9nYi1oZXJvLWxvY2F0aW9ucy0yODgweDU3MC12YW5jb3V2ZXIuanBn?p=sm" alt="Vancouver Is Awesome" 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-VancouverisAwesome-Logo.svg" alt="Vancouver Is Awesome"> <h1 class="my-2">Vancouver Is Awesome</h1> <p class="my-4">We publish Vancouver news, lifestyle and culture stories, keeping readers up to date on everything happening in their city.</p> </div> </div> </div> </div> </section> <section class="my-20 fluid-container"> <ul class="card-grid"> <li> <a href="/businesses/comox-valley-airport-yqq"> <div class="card"> <div class="card__image"> <figure class="size-454.61 KB w-full h-full"> <picture> <img class="w-full h-full object-cover transition-all duration-500 hover:scale-125" src="/img/asset/d3BfdXBsb2Fkcy9WVEMtSGVyby1DT01PWFZhbGxleUFpcnBvcnQucG5n?p=md" alt="GuidedBy" width="" height="" loading="lazy" > </picture> </figure> <div class="absolute bottom-1 left-1 px-2 py-1 text-sm text-white border-2 border-black bg-black rounded hover:bg-gray-700 hover:border-gray-700 transition-all duration-400 ease-in-out"> <a href="/businesses/locations/vancouver">Vancouver</a> </div> <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 20 20" class="absolute right-2 text-white top-2 p-1 bg-secondary ml-auto rounded-full h-6 w-6" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path></svg> </div> <div class="card__content"> <h3 class="text-[1.0625rem] mb-2 mb-0">COMOX Valley Airport, YQQ</h3> <p class="mb-0 bg-white text-neutral-dark line-clamp-4"></p> </div> </div> </a> </li> <li> <a href="/businesses/corliving-clearance-furniture"> <div class="card"> <div class="card__image"> <figure class="size-315.05 KB w-full h-full"> <picture> <img class="w-full h-full object-cover transition-all duration-500 hover:scale-125" src="/img/asset/d3BfdXBsb2Fkcy9WQ08tSGVyby1Db3JMaXZpbmcuanBn?p=md" alt="GuidedBy" width="" height="" loading="lazy" > </picture> </figure> <div class="absolute bottom-1 left-1 px-2 py-1 text-sm text-white border-2 border-black bg-black rounded hover:bg-gray-700 hover:border-gray-700 transition-all duration-400 ease-in-out"> <a href="/businesses/locations/surrey">Surrey</a> </div> <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 20 20" class="absolute right-2 text-white top-2 p-1 bg-secondary ml-auto rounded-full h-6 w-6" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path></svg> </div> <div class="card__content"> <h3 class="text-[1.0625rem] mb-2 mb-0">CorLiving Clearance Furniture</h3> <p class="mb-0 bg-white text-neutral-dark line-clamp-4"></p> </div> </div> </a> </li> <li> <a href="/businesses/dr-jon-sheridan"> <div class="card"> <div class="card__image"> <figure class="size-680.60 KB w-full h-full"> <picture> <img class="w-full h-full object-cover transition-all duration-500 hover:scale-125" src="/img/asset/d3BfdXBsb2Fkcy9WQ08tSm9uU2hlcmlkYW4tSGVyby5qcGc=?p=md" alt="GuidedBy" width="" height="" loading="lazy" > </picture> </figure> <div class="absolute bottom-1 left-1 px-2 py-1 text-sm text-white border-2 border-black bg-black rounded hover:bg-gray-700 hover:border-gray-700 transition-all duration-400 ease-in-out"> <a href="/businesses/locations/new-westminster">New Westminster</a> </div> <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 20 20" class="absolute right-2 text-white top-2 p-1 bg-secondary ml-auto rounded-full h-6 w-6" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path></svg> </div> <div class="card__content"> <h3 class="text-[1.0625rem] mb-2 mb-0">Dr. Jon Sheridan</h3> <p class="mb-0 bg-white text-neutral-dark line-clamp-4"></p> </div> </div> </a> </li> <li> <a href="/businesses/esr-home-staging"> <div class="card"> <div class="card__image"> <figure class="size-1.29 MB w-full h-full"> <picture> <img class="w-full h-full object-cover transition-all duration-500 hover:scale-125" src="/img/asset/d3BfdXBsb2Fkcy9WQ08tSGVyby1FU1ItSG9tZVN0YWdpbmcuanBn?p=md" alt="GuidedBy" width="" height="" loading="lazy" > </picture> </figure> <div class="absolute bottom-1 left-1 px-2 py-1 text-sm text-white border-2 border-black bg-black rounded hover:bg-gray-700 hover:border-gray-700 transition-all duration-400 ease-in-out"> <a href="/businesses/locations/north-vancouver">North Vancouver</a> </div> <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 20 20" class="absolute right-2 text-white top-2 p-1 bg-secondary ml-auto rounded-full h-6 w-6" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path></svg> </div> <div class="card__content"> <h3 class="text-[1.0625rem] mb-2 mb-0">ESR Home Staging</h3> <p class="mb-0 bg-white text-neutral-dark line-clamp-4"></p> </div> </div> </a> </li> <li> <a href="/businesses/fable-kitchen"> <div class="card"> <div class="card__image"> <figure class="size- w-full h-full"> <picture> <img class="w-full h-full object-cover transition-all duration-500 hover:scale-125" src="/img/asset/d3BfdXBsb2Fkcy9nYi1oZXJvLWxvY2F0aW9ucy0yODgweDU3MC12YW5jb3V2ZXIuanBn?p=md" alt="GuidedBy" width="2880" height="570" loading="lazy" > </picture> </figure> <div class="absolute bottom-1 left-1 px-2 py-1 text-sm text-white border-2 border-black bg-black rounded hover:bg-gray-700 hover:border-gray-700 transition-all duration-400 ease-in-out"> <a href="/businesses/locations/vancouver">Vancouver</a> </div> <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 20 20" class="absolute right-2 text-white top-2 p-1 bg-secondary ml-auto rounded-full h-6 w-6" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path></svg> </div> <div class="card__content"> <h3 class="text-[1.0625rem] mb-2 mb-0">Fable Kitchen</h3> <p class="mb-0 bg-white text-neutral-dark line-clamp-4"></p> </div> </div> </a> </li> <li> <a href="/businesses/fairmont-empress"> <div class="card"> <div class="card__image"> <figure class="size-1.08 MB w-full h-full"> <picture> <img class="w-full h-full object-cover transition-all duration-500 hover:scale-125" src="/img/asset/d3BfdXBsb2Fkcy9WVEMtSGVyby1GYWlybW9udEVtcHJlc3MucG5n?p=md" alt="GuidedBy" width="" height="" loading="lazy" > </picture> </figure> <div class="absolute bottom-1 left-1 px-2 py-1 text-sm text-white border-2 border-black bg-black rounded hover:bg-gray-700 hover:border-gray-700 transition-all duration-400 ease-in-out"> <a href="/businesses/locations/vancouver-island">Vancouver Island</a> </div> <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 20 20" class="absolute right-2 text-white top-2 p-1 bg-secondary ml-auto rounded-full h-6 w-6" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path></svg> </div> <div class="card__content"> <h3 class="text-[1.0625rem] mb-2 mb-0">Fairmont Empress</h3> <p class="mb-0 bg-white text-neutral-dark line-clamp-4"></p> </div> </div> </a> </li> <li> <a href="/businesses/fraserview-dental"> <div class="card"> <div class="card__image"> <figure class="size-601.59 KB w-full h-full"> <picture> <img class="w-full h-full object-cover transition-all duration-500 hover:scale-125" src="/img/asset/d3BfdXBsb2Fkcy9WQ08tSGVyby1GcmFzZXJ2aWV3RGVudGFsLnBuZw==?p=md" alt="GuidedBy" width="" height="" loading="lazy" > </picture> </figure> <div class="absolute bottom-1 left-1 px-2 py-1 text-sm text-white border-2 border-black bg-black rounded hover:bg-gray-700 hover:border-gray-700 transition-all duration-400 ease-in-out"> <a href="/businesses/locations/vancouver">Vancouver</a> </div> <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 20 20" class="absolute right-2 text-white top-2 p-1 bg-secondary ml-auto rounded-full h-6 w-6" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path></svg> </div> <div class="card__content"> <h3 class="text-[1.0625rem] mb-2 mb-0">Fraserview Dental</h3> <p class="mb-0 bg-white text-neutral-dark line-clamp-4"></p> </div> </div> </a> </li> <li> <a href="/businesses/freedom-capital"> <div class="card"> <div class="card__image"> <figure class="size-199.77 KB w-full h-full"> <picture> <img class="w-full h-full object-cover transition-all duration-500 hover:scale-125" src="/img/asset/d3BfdXBsb2Fkcy9WQ08tSGVyby1GcmVlZG9tQ2FwaXRhbC5qcGc=?p=md" alt="GuidedBy" width="" height="" loading="lazy" > </picture> </figure> <div class="absolute bottom-1 left-1 px-2 py-1 text-sm text-white border-2 border-black bg-black rounded hover:bg-gray-700 hover:border-gray-700 transition-all duration-400 ease-in-out"> <a href="/businesses/locations/surrey">Surrey</a> </div> <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 20 20" class="absolute right-2 text-white top-2 p-1 bg-secondary ml-auto rounded-full h-6 w-6" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path></svg> </div> <div class="card__content"> <h3 class="text-[1.0625rem] mb-2 mb-0">Freedom Capital</h3> <p class="mb-0 bg-white text-neutral-dark line-clamp-4"></p> </div> </div> </a> </li> <li> <a href="/businesses/garage-door-depot"> <div class="card"> <div class="card__image"> <figure class="size-446.10 KB w-full h-full"> <picture> <img class="w-full h-full object-cover transition-all duration-500 hover:scale-125" src="/img/asset/d3BfdXBsb2Fkcy9WQ08tSGVyby1HYXJhZ2UtRG9vci1EZXBvdC5qcGc=?p=md" alt="GuidedBy" width="" height="" loading="lazy" > </picture> </figure> <div class="absolute bottom-1 left-1 px-2 py-1 text-sm text-white border-2 border-black bg-black rounded hover:bg-gray-700 hover:border-gray-700 transition-all duration-400 ease-in-out"> <a href="/businesses/locations/pitt-meadows">Pitt Meadows</a> </div> <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 20 20" class="absolute right-2 text-white top-2 p-1 bg-secondary ml-auto rounded-full h-6 w-6" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path></svg> </div> <div class="card__content"> <h3 class="text-[1.0625rem] mb-2 mb-0">Garage Door Depot</h3> <p class="mb-0 bg-white text-neutral-dark line-clamp-4"></p> </div> </div> </a> </li> <li> <a href="/businesses/glo-restaurant-lounge"> <div class="card"> <div class="card__image"> <figure class="size-672.15 KB w-full h-full"> <picture> <img class="w-full h-full object-cover transition-all duration-500 hover:scale-125" src="/img/asset/d3BfdXBsb2Fkcy9WVEMtR2xvUmVzdGF1cmFudExvdW5nZS5wbmc=?p=md" alt="GuidedBy" width="" height="" loading="lazy" > </picture> </figure> <div class="absolute bottom-1 left-1 px-2 py-1 text-sm text-white border-2 border-black bg-black rounded hover:bg-gray-700 hover:border-gray-700 transition-all duration-400 ease-in-out"> <a href="/businesses/locations/vancouver-island">Vancouver Island</a> </div> <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 20 20" class="absolute right-2 text-white top-2 p-1 bg-secondary ml-auto rounded-full h-6 w-6" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path></svg> </div> <div class="card__content"> <h3 class="text-[1.0625rem] mb-2 mb-0">Glo Restaurant + Lounge</h3> <p class="mb-0 bg-white text-neutral-dark line-clamp-4"></p> </div> </div> </a> </li> <li> <a href="/businesses/granville-island-brewing"> <div class="card"> <div class="card__image"> <figure class="size-1.87 MB w-full h-full"> <picture> <img class="w-full h-full object-cover transition-all duration-500 hover:scale-125" src="/img/asset/d3BfdXBsb2Fkcy9SSU5XLUhlcm8tR3JhbnZpbGxlLUlzbGFuZC1CcmV3LTEuanBn?p=md" alt="GuidedBy" width="" height="" loading="lazy" > </picture> </figure> <div class="absolute bottom-1 left-1 px-2 py-1 text-sm text-white border-2 border-black bg-black rounded hover:bg-gray-700 hover:border-gray-700 transition-all duration-400 ease-in-out"> <a href="/businesses/locations/vancouver">Vancouver</a> </div> <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 20 20" class="absolute right-2 text-white top-2 p-1 bg-secondary ml-auto rounded-full h-6 w-6" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path></svg> </div> <div class="card__content"> <h3 class="text-[1.0625rem] mb-2 mb-0">Granville Island Brewing</h3> <p class="mb-0 bg-white text-neutral-dark line-clamp-4"></p> </div> </div> </a> </li> <li> <a href="/businesses/harbour-cruises"> <div class="card"> <div class="card__image"> <figure class="size-369.40 KB w-full h-full"> <picture> <img class="w-full h-full object-cover transition-all duration-500 hover:scale-125" src="/img/asset/d3BfdXBsb2Fkcy9WQ08tSGVyby1IYXJib3VyQ3J1aXNlcy5qcGc=?p=md" alt="GuidedBy" width="" height="" loading="lazy" > </picture> </figure> <div class="absolute bottom-1 left-1 px-2 py-1 text-sm text-white border-2 border-black bg-black rounded hover:bg-gray-700 hover:border-gray-700 transition-all duration-400 ease-in-out"> <a href="/businesses/locations/vancouver">Vancouver</a> </div> <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 20 20" class="absolute right-2 text-white top-2 p-1 bg-secondary ml-auto rounded-full h-6 w-6" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path></svg> </div> <div class="card__content"> <h3 class="text-[1.0625rem] mb-2 mb-0">Harbour Cruises</h3> <p class="mb-0 bg-white text-neutral-dark line-clamp-4"></p> </div> </div> </a> </li> <li> <a href="/businesses/henrys"> <div class="card"> <div class="card__image"> <figure class="size-142.85 KB w-full h-full"> <picture> <img class="w-full h-full object-cover transition-all duration-500 hover:scale-125" src="/img/asset/d3BfdXBsb2Fkcy9WQ08tSGVucnlzLUhlcm8uanBn?p=md" alt="GuidedBy" width="" height="" loading="lazy" > </picture> </figure> <div class="absolute bottom-1 left-1 px-2 py-1 text-sm text-white border-2 border-black bg-black rounded hover:bg-gray-700 hover:border-gray-700 transition-all duration-400 ease-in-out"> <a href="/businesses/locations/vancouver">Vancouver</a> </div> <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 20 20" class="absolute right-2 text-white top-2 p-1 bg-secondary ml-auto rounded-full h-6 w-6" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path></svg> </div> <div class="card__content"> <h3 class="text-[1.0625rem] mb-2 mb-0">Henry鈥檚</h3> <p class="mb-0 bg-white text-neutral-dark line-clamp-4"></p> </div> </div> </a> </li> <li> <a href="/businesses/inner-fire-apparel"> <div class="card"> <div class="card__image"> <figure class="size-188.38 KB w-full h-full"> <picture> <img class="w-full h-full object-cover transition-all duration-500 hover:scale-125" src="/img/asset/d3BfdXBsb2Fkcy9WQ08tSW5uZXJGaXJlLUhlcm8uanBn?p=md" alt="GuidedBy" width="" height="" loading="lazy" > </picture> </figure> <div class="absolute bottom-1 left-1 px-2 py-1 text-sm text-white border-2 border-black bg-black rounded hover:bg-gray-700 hover:border-gray-700 transition-all duration-400 ease-in-out"> <a href="/businesses/locations/new-westminster">New Westminster</a> </div> <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 20 20" class="absolute right-2 text-white top-2 p-1 bg-secondary ml-auto rounded-full h-6 w-6" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path></svg> </div> <div class="card__content"> <h3 class="text-[1.0625rem] mb-2 mb-0">Inner Fire Apparel</h3> <p class="mb-0 bg-white text-neutral-dark line-clamp-4"></p> </div> </div> </a> </li> <li> <a href="/businesses/kerrisdale-lumber"> <div class="card"> <div class="card__image"> <figure class="size-1.26 MB w-full h-full"> <picture> <img class="w-full h-full object-cover transition-all duration-500 hover:scale-125" src="/img/asset/d3BfdXBsb2Fkcy9WQ08tSGVyby1LZXJyaXNkYWxlTHVtYmVyLmpwZw==?p=md" alt="GuidedBy" width="" height="" loading="lazy" > </picture> </figure> <div class="absolute bottom-1 left-1 px-2 py-1 text-sm text-white border-2 border-black bg-black rounded hover:bg-gray-700 hover:border-gray-700 transition-all duration-400 ease-in-out"> <a href="/businesses/locations/vancouver">Vancouver</a> </div> <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 20 20" class="absolute right-2 text-white top-2 p-1 bg-secondary ml-auto rounded-full h-6 w-6" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path></svg> </div> <div class="card__content"> <h3 class="text-[1.0625rem] mb-2 mb-0">Kerrisdale Lumber</h3> <p class="mb-0 bg-white text-neutral-dark line-clamp-4"></p> </div> </div> </a> </li> <li> <a href="/businesses/kingston-taphouse-grille"> <div class="card"> <div class="card__image"> <figure class="size-550.45 KB w-full h-full"> <picture> <img class="w-full h-full object-cover transition-all duration-500 hover:scale-125" src="/img/asset/d3BfdXBsb2Fkcy9WQ08tSGVyby1LaW5nc3RvblRhcGhvdXNlLmpwZw==?p=md" alt="GuidedBy" width="" height="" loading="lazy" > </picture> </figure> <div class="absolute bottom-1 left-1 px-2 py-1 text-sm text-white border-2 border-black bg-black rounded hover:bg-gray-700 hover:border-gray-700 transition-all duration-400 ease-in-out"> <a href="/businesses/locations/vancouver">Vancouver</a> </div> <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 20 20" class="absolute right-2 text-white top-2 p-1 bg-secondary ml-auto rounded-full h-6 w-6" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path></svg> </div> <div class="card__content"> <h3 class="text-[1.0625rem] mb-2 mb-0">Kingston Taphouse & Grille</h3> <p class="mb-0 bg-white text-neutral-dark line-clamp-4"></p> </div> </div> </a> </li> </ul> <div class="col-span-12 my-20"> <div class="flex w-full justify-center items-center space-x-3 mt-base14x"> <a href="https://www.guidedby.ca/publications/vancouver-is-awesome?page=1"> <div class="w-10 h-10 border border-solid border-primary flex justify-center items-center text-primary"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-left" viewBox="0 0 16 16"> <path fill-rule="evenodd" d="M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z" /> </svg> </div> </a> <a href="https://www.guidedby.ca/publications/vancouver-is-awesome?page=1" class="no-underline hidden lg:flex w-10 h-10 border border-solid text-primary border-primary justify-center items-center "> 1 </a> <a href="https://www.guidedby.ca/publications/vancouver-is-awesome?page=2" class="no-underline w-10 h-10 bg-primary text-white border border-solid border-primary flex justify-center items-center "> 2 </a> <a href="https://www.guidedby.ca/publications/vancouver-is-awesome?page=3" class="no-underline hidden lg:flex w-10 h-10 border border-solid text-primary border-primary justify-center items-center "> 3 </a> <a href="https://www.guidedby.ca/publications/vancouver-is-awesome?page=4" class="no-underline hidden lg:flex w-10 h-10 border border-solid text-primary border-primary justify-center items-center "> 4 </a> <a href="https://www.guidedby.ca/publications/vancouver-is-awesome?page=5" class="no-underline hidden lg:flex w-10 h-10 border border-solid text-primary border-primary justify-center items-center "> 5 </a> <a href="https://www.guidedby.ca/publications/vancouver-is-awesome?page=6" class="no-underline hidden lg:flex w-10 h-10 border border-solid text-primary border-primary justify-center items-center "> 6 </a> <a href="https://www.guidedby.ca/publications/vancouver-is-awesome?page=7" class="no-underline hidden lg:flex w-10 h-10 border border-solid text-primary border-primary justify-center items-center "> 7 </a> <a href="https://www.guidedby.ca/publications/vancouver-is-awesome?page=8" class="no-underline hidden lg:flex w-10 h-10 border border-solid text-primary border-primary justify-center items-center "> 8 </a> <a href="https://www.guidedby.ca/publications/vancouver-is-awesome?page=9" class="no-underline hidden lg:flex w-10 h-10 border border-solid text-primary border-primary justify-center items-center "> 9 </a> <a href="https://www.guidedby.ca/publications/vancouver-is-awesome?page=10" class="no-underline hidden lg:flex w-10 h-10 border border-solid text-primary border-primary justify-center items-center "> 10 </a> <div class="hidden lg:block disabled text-primary"><span>...</span></div> <a href="https://www.guidedby.ca/publications/vancouver-is-awesome?page=27" class="no-underline hidden lg:flex w-10 h-10 border border-solid text-primary border-primary justify-center items-center "> 27 </a> <a href="https://www.guidedby.ca/publications/vancouver-is-awesome?page=28" class="no-underline hidden lg:flex w-10 h-10 border border-solid text-primary border-primary justify-center items-center "> 28 </a> <a href="https://www.guidedby.ca/publications/vancouver-is-awesome?page=3"> <div class="w-10 h-10 border border-solid border-primary flex justify-center items-center text-primary"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-right" viewBox="0 0 16 16"> <path fill-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z" /> </svg> </div> </a> </div> </div> </section> </main> </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 = 'iKR2h4iXcs66KbCs0CHTtGnvjEKKtgRfPhYTWa74';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=af2982e6bc944d0d54d6f918df5c4fe8" 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="iKR2h4iXcs66KbCs0CHTtGnvjEKKtgRfPhYTWa74"]')) { input.value = data.csrf; } for (const meta of document.querySelectorAll('meta[content="iKR2h4iXcs66KbCs0CHTtGnvjEKKtgRfPhYTWa74"]')) { meta.content = data.csrf; } for (const input of document.querySelectorAll('script[data-csrf="iKR2h4iXcs66KbCs0CHTtGnvjEKKtgRfPhYTWa74"]')) { 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

Vancouver Is Awesome | GuidedBy