CINXE.COM
Burnaby business reaping big growth in oat milk | 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>Burnaby business reaping big growth in oat milk | GuidedBy</title> <meta name="description" content="Whether you’re 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"> <!-- 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-WRX3NTS');</script> <!-- End Google Tag Manager --> <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"> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WRX3NTS" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (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 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 lg:border-t-2 lg:border-secondary 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=""> <article class=" outer-grid overflow-hidden"> <div class="grid gap-y-20 grid-cols-12 fluid-container"> <section class="col-span-12 md:col-span-8 lg:col-span-7"> <a href="/stories" class="cursor-pointer flex items-center"> <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" class=" text-2xl text-primary transition duration-500 ease-in-out " height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M217.9 256L345 129c9.4-9.4 9.4-24.6 0-33.9-9.4-9.4-24.6-9.3-34 0L167 239c-9.1 9.1-9.3 23.7-.7 33.1L310.9 417c4.7 4.7 10.9 7 17 7s12.3-2.3 17-7c9.4-9.4 9.4-24.6 0-33.9L217.9 256z"></path></svg> <p class="px-3 text-primary bg-transparent text-md font-bold mb-0">Back</p> </a> <div class="my-6 flex flex-inline flex-wrap"> <div class="mr-1 mb-3"> <span class="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="/topics/specialty-food-food-drink">Specialty Food</a> </span> </div> </div> <h1 class="text-primary text-[2rem] md:text-5xl ">Burnaby business reaping big growth in oat milk</h1> <button id="share_button" class="my-2 text-primary text-base flex flex-wrap justify-between items-center rounded px-2 py-1 border-2 border-primary cursor-pointer bg-white hover:bg-gray-100 hover:border-gray-100 transition-all duration-400 ease-in-out "> <span>Share</span> <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 16 16" class="mx-2 text-primary" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M11 2.5a2.5 2.5 0 1 1 .603 1.628l-6.718 3.12a2.499 2.499 0 0 1 0 1.504l6.718 3.12a2.5 2.5 0 1 1-.488.876l-6.718-3.12a2.5 2.5 0 1 1 0-3.256l6.718-3.12A2.5 2.5 0 0 1 11 2.5z"></path></svg> </button> <div id="share_button__socials" class="text-right flex justify-end hidden"> <div class="socialize"> <div class="socialize-container layout-inline space-x-2"> <a class="socialize-btn text-white bg-social-twitter" href="https://twitter.com/intent/tweet/?url=https%3A%2F%2Fwww.guidedby.ca%2Fstories%2Fburnaby-business-reaping-big-growth-in-oat-milk&text=&hashtags=&related=" target="_blank"> <span class="transition-all hidden group-hover:inline-block duration-300">Twitter</span> <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-twitter"><path d="M23 3a10.9 10.9 0 0 1-3.14 1.53 4.48 4.48 0 0 0-7.86 3v1A10.66 10.66 0 0 1 3 4s-4 9 5 13a11.64 11.64 0 0 1-7 2c9 5 20 0 20-11.5a4.5 4.5 0 0 0-.08-.83A7.72 7.72 0 0 0 23 3z"></path></svg> </a> <a class="socialize-btn text-white bg-social-facebook" href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.guidedby.ca%2Fstories%2Fburnaby-business-reaping-big-growth-in-oat-milk" target="_blank"> <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-facebook"><path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"></path></svg> </a> <a class="socialize-btn text-white bg-gray-900" href="mailto:?&subject=Check+this+article+out%21&body=Here%27s+an+article+I+thought+you+would+be+interested+in%3A" target="_blank"> <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-mail"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path><polyline points="22,6 12,13 2,6"></polyline></svg> </a> </div> </div> </div> <hr class="my-4 border-t-2 border-primary"> <div class="single_story_content"> <figure class="size-md "> <picture> <source srcset=" /img/asset/d3BfdXBsb2Fkcy9vYXQtbWlsay5qcGc=?p=md 768w, /img/asset/d3BfdXBsb2Fkcy9vYXQtbWlsay5qcGc=?p=lg 1280w, /img/asset/d3BfdXBsb2Fkcy9vYXQtbWlsay5qcGc=?p=full 1680w" sizes="min-width: 1024px) 600px, (min-width: 768px) 55vw, 90vw" type="image/jpeg" > <img class="object-cover w-full h-full w-full" style="object-position: 50% 50%" src="/img/asset/d3BfdXBsb2Fkcy9vYXQtbWlsay5qcGc=?p=sm" alt="Burnaby business reaping big growth in oat milk" width="804" height="603" loading="lazy" > </picture> </figure> <p><!-- wp:paragraph --></p> <p>If you’ve heard of oat milk, you may be part of a minority of Canadians. If you’ve tried the dairy-alternative, you’re part of a small but rapidly growing group of consumers.</p> <p><!-- /wp:paragraph --></p> <p><!-- wp:paragraph --></p> <p>And that number is, indeed, growing fast. Earth’s Own director of marketing, Brittany Hull, said the Burnaby-based business has seen its oat milk products flying off the shelves – sales in the last year grew 250 per cent over the year prior.</p> <p><!-- /wp:paragraph --></p> <p><!-- wp:paragraph --></p> <p>Earth’s Own was ahead of the curve in Canada, bringing an oat milk product to stores in 2017 with a slow start. But around September 2018, Hull said, it really took off.</p> <p><!-- /wp:paragraph --></p> <p><!-- wp:quote --></p> <blockquote class="wp-block-quote"> <p>“It’s reaching a bit of this tipping point, especially with some of the changes we’re seeing in Canada’s Food Guide, where even the regulations are talking about looking at plant-based options,” Hull said. “We actually have the biggest challenge to keep it on shelves.”</p> </blockquote> <p><!-- /wp:quote --></p> <p><!-- wp:paragraph --></p> <p>But Earth’s Own’s oat milk product comes about two decades behind the original. Oatly was founded in the 1990s in Sweden, but it only crossed the Atlantic in the past few years.</p> <p><!-- /wp:paragraph --></p> <p><!-- wp:paragraph --></p> <p>Now, that 250 per cent growth means it is the “growth engine” of the milk-alternative industry, Hull said, but it still hardly holds a candle to some of the other milk alternatives.</p> <p><!-- /wp:paragraph --></p> <p><!-- wp:paragraph --></p> <p>Almond milk, which Hull called the “behemoth” in the milk-alternative industry, grew six per cent year-over-year industry-wide (nine per cent for Earth's Own), but it still makes up about 60 per cent of the roughly $250-million milk-alternative industry.</p> <p><!-- /wp:paragraph --></p> <p><!-- wp:paragraph --></p> <p>The rapid growth of oat milk isn’t affecting almond milk or soy milk sales, Hull said, even though the latter has been shrinking over the past few years. Instead, she sees oat milk digging at the traditional milk customer base, converting new devotees to the counter-milk movement.</p> <p><!-- /wp:paragraph --></p> <p><!-- wp:paragraph --></p> <p>The new food guide’s emphasis on plant-based diets is part of that, but Hull said it also helps that oat milk emulates dairy milk better than most other alternatives in baking and in coffee or tea.</p> <p><!-- /wp:paragraph --></p> <p><!-- wp:paragraph --></p> <p>In fact, a new product introduced in April – a “barista” oat milk – is foaming up lattes in 250 cafes throughout Canada. That product has been seeing 50 per cent growth every month since it kicked off, Hull said.</p> <p><!-- /wp:paragraph --></p> <p><!-- wp:paragraph --></p> <p>But the intention isn’t to pull customers away from dairy, Hull said – Earth’s Own is owned by dairy farmers.</p> <p><!-- /wp:paragraph --></p> <p><!-- wp:quote --></p> <blockquote class="wp-block-quote"> <p>“Our company, we’ve got the most progressive dairy farmers around that actually decided to go and buy a plant-based milk brand as a way to insulate their business,” Hull said. “Ninety per cent of our consumers have both dairy and plant-based milk in the fridge.”</p> </blockquote> <p><!-- /wp:quote --></p> <p><!-- wp:paragraph --></p> <p>With the growth of oat milk come some environmental advantages, Hull said.</p> <p><!-- /wp:paragraph --></p> <p><!-- wp:paragraph --></p> <p>For one, while almond milk uses about half the water that dairy uses, oat milk uses around one-seventh of the water that goes into dairy, making it “by far the best,” Hull said. That’s because when oats grow in the Prairies, they typically just need rainwater and proper irrigation.</p> <p><!-- /wp:paragraph --></p> <p><!-- wp:paragraph --></p> <p>Oats do use up more land than almonds, and it’s about on par with dairy, which requires land for cows to graze, Hull said. But the land being used by oats are in the Prairies, which she said typically requires little in the way of removing carbon sinks like forests.</p> <p><!-- /wp:paragraph --></p> <p><!-- wp:quote --></p> <blockquote class="wp-block-quote"> <p>“We’re not out to say dairy is bad,” Hull said. “It’s more about getting more people to eat more plants, and we think that the way we currently eat isn’t sustainable, and there’s a much better way to do it.”</p> </blockquote> <p><!-- /wp:quote --></p> <p>By: Burnaby Now</p> <p class="text-xs"> GuidedBy is a community builder and part of the Glacier Media news network. This article originally appeared on a Glacier Media publication.</p> </div> </section> <section class="col-span-12 md:col-span-4 md:col-start-9 text-primary"> <div class="mb-10"> <h2 class="mb-0">Guided By</h2> <a href="/publications/burnaby-now" class="py-5 inline-block"> <img src="/wp_uploads/PublicationLogos-BurnabyNow-Logo.svg" alt="Burnaby Now"> </a> </div> <div class="mb-10"> <h2 class="mb-0">Location</h2> <ul class="list-none ml-0"> <li><a href="/locations/burnaby">Burnaby</a></li> </ul> </div> <div class="mb-10"> <h2 class="mb-0">Topics</h2> <ul class="list-none ml-0"> <li><a href="/topics/food-drink">Food & Drink</a></li> <li><a href="/topics/specialty-food-food-drink">Specialty Food</a></li> </ul> </div> </section> <section class="col-span-12"> <h2>Related Stories</h2> <ul class="card-grid"> <li class=""><a href="/stories/healthy-meal-prep-ideas"> <div class="card h-full " > <div class="card__image"> <figure class="size-sm w-full h-full"> <picture> <img class="w-full h-full object-cover transition-all duration-500 hover:scale-125" src="/img/asset/d3BfdXBsb2Fkcy80LWZlYXR1cmUtSGVhbHRoeS1NZWFsLVByZXAtSWRlYXMtLmpwZw==?p=md" alt="GuidedBy" width="" height="" loading="lazy" > </picture> </figure> <div class="absolute bottom-1 left-1 flex flex-col space-y-1 items-start"> <span class="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"> Beauty & Wellness </span> </div> </div> <svg stroke="currentColor" fill="currentColor" stroke-width="0" version="1.1" viewBox="0 0 16 16" class="bookmark absolute right-2 text-white top-2 p-1 bg-primary ml-auto rounded-full h-6 w-6" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg" > <path d="M3 0v16l5-5 5 5v-16z"></path> </svg> <div class="card__content"> <h3 class="text-[1.0625rem] mb-2">Healthy Meal Prep Ideas</h3> <p class="mb-0 text-base leading-5 bg-white text-neutral-dark">Salad Plate Healthy meal prep saves time and money and lets you fully enjoy cooking without feeling guilty about eating out....</p> </div> </div> </a> </li> <li class=""><a href="/stories/amazing-and-easy-cocktail-recipes-for-spring-summer"> <div class="card h-full " > <div class="card__image"> <figure class="size-sm w-full h-full"> <picture> <img class="w-full h-full object-cover transition-all duration-500 hover:scale-125" src="/img/asset/d3BfdXBsb2Fkcy83LWZlYXR1cmUtNS1BbWF6aW5nLWFuZC1FYXN5LUNvY2t0YWlsLVJlY2lwZXMuanBn?p=md" alt="GuidedBy" width="" height="" loading="lazy" > </picture> </figure> <div class="absolute bottom-1 left-1 flex flex-col space-y-1 items-start"> <span class="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"> Food & Drink </span> </div> </div> <svg stroke="currentColor" fill="currentColor" stroke-width="0" version="1.1" viewBox="0 0 16 16" class="bookmark absolute right-2 text-white top-2 p-1 bg-primary ml-auto rounded-full h-6 w-6" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg" > <path d="M3 0v16l5-5 5 5v-16z"></path> </svg> <div class="card__content"> <h3 class="text-[1.0625rem] mb-2">Amazing and Easy Cocktail Recipes for Spring/Summer</h3> <p class="mb-0 text-base leading-5 bg-white text-neutral-dark">As the weather starts to warm up, it's time to start thinking about delicious cocktails that will help you celebrate the...</p> </div> </div> </a> </li> <li class=""><a href="/stories/dishes-to-make-with-summer-peaches"> <div class="card h-full " > <div class="card__image"> <figure class="size-sm w-full h-full"> <picture> <img class="w-full h-full object-cover transition-all duration-500 hover:scale-125" src="/img/asset/d3BfdXBsb2Fkcy9KdW5lQmxvZy0yLmpwZw==?p=md" alt="GuidedBy" width="" height="" loading="lazy" > </picture> </figure> <div class="absolute bottom-1 left-1 flex flex-col space-y-1 items-start"> <span class="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"> Food & Drink </span> <span class="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"> Abbotsford</span> </div> </div> <svg stroke="currentColor" fill="currentColor" stroke-width="0" version="1.1" viewBox="0 0 16 16" class="bookmark absolute right-2 text-white top-2 p-1 bg-primary ml-auto rounded-full h-6 w-6" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg" > <path d="M3 0v16l5-5 5 5v-16z"></path> </svg> <div class="card__content"> <h3 class="text-[1.0625rem] mb-2">4 Dishes to Make with Summer Peaches</h3> <p class="mb-0 text-base leading-5 bg-white text-neutral-dark">Summer is the perfect time of year to experiment with different ways to use peaches. These juicy, refreshing fruits can be...</p> </div> </div> </a> </li> <li class=""><a href="/stories/comfort-food-for-uncomfortable-times"> <div class="card h-full " > <div class="card__image"> <figure class="size-sm w-full h-full"> <picture> <img class="w-full h-full object-cover transition-all duration-500 hover:scale-125" src="/img/asset/d3BfdXBsb2Fkcy9GaW5lLURpbmluZy5qcGc=?p=md" alt="GuidedBy" width="" height="" loading="lazy" > </picture> </figure> <div class="absolute bottom-1 left-1 flex flex-col space-y-1 items-start"> <span class="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"> Canadian </span> <span class="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"> Whistler</span> </div> </div> <svg stroke="currentColor" fill="currentColor" stroke-width="0" version="1.1" viewBox="0 0 16 16" class="bookmark absolute right-2 text-white top-2 p-1 bg-primary ml-auto rounded-full h-6 w-6" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg" > <path d="M3 0v16l5-5 5 5v-16z"></path> </svg> <div class="card__content"> <h3 class="text-[1.0625rem] mb-2">Comfort Food for Uncomfortable Times</h3> <p class="mb-0 text-base leading-5 bg-white text-neutral-dark">In a year in which our lives have been completely upended, it’s often the simple things that manage to bring the most...</p> </div> </div> </a> </li> <li class=""><a href="/stories/safe-and-cozy"> <div class="card h-full " > <div class="card__image"> <figure class="size-sm w-full h-full"> <picture> <img class="w-full h-full object-cover transition-all duration-500 hover:scale-125" src="/img/asset/d3BfdXBsb2Fkcy9DYXN1YWwtZGluaW5nLUFyYXhpLWJ5LURhdmlkLUJ1enphcmQuanBn?p=md" alt="GuidedBy" width="" height="" loading="lazy" > </picture> </figure> <div class="absolute bottom-1 left-1 flex flex-col space-y-1 items-start"> <span class="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"> Casual Dining </span> <span class="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"> Whistler</span> </div> </div> <svg stroke="currentColor" fill="currentColor" stroke-width="0" version="1.1" viewBox="0 0 16 16" class="bookmark absolute right-2 text-white top-2 p-1 bg-primary ml-auto rounded-full h-6 w-6" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg" > <path d="M3 0v16l5-5 5 5v-16z"></path> </svg> <div class="card__content"> <h3 class="text-[1.0625rem] mb-2">Safe and Cozy</h3> <p class="mb-0 text-base leading-5 bg-white text-neutral-dark">Even Whistler’s finest restaurants offer a more casual vibe; such is the nature of ski resort dining where guests are often...</p> </div> </div> </a> </li> <li class=""><a href="/stories/everyones-whipping-up-dalgona-coffee-the-viral-drink-catching-tons-of-buzz"> <div class="card h-full " > <div class="card__image"> <figure class="size-sm w-full h-full"> <picture> <img class="w-full h-full object-cover transition-all duration-500 hover:scale-125" src="/img/asset/d3BfdXBsb2Fkcy9kYWxnb25hLWNvZmZlZS1taXNzdmFuY2l0eWZvb2RpZS5qcGc=?p=md" alt="GuidedBy" width="" height="" loading="lazy" > </picture> </figure> <div class="absolute bottom-1 left-1 flex flex-col space-y-1 items-start"> <span class="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"> Coffee Sales </span> <span class="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"> Vancouver</span> </div> </div> <svg stroke="currentColor" fill="currentColor" stroke-width="0" version="1.1" viewBox="0 0 16 16" class="bookmark absolute right-2 text-white top-2 p-1 bg-primary ml-auto rounded-full h-6 w-6" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg" > <path d="M3 0v16l5-5 5 5v-16z"></path> </svg> <div class="card__content"> <h3 class="text-[1.0625rem] mb-2">Everyone's whipping up dalgona coffee, the viral drink catching tons of buzz</h3> <p class="mb-0 text-base leading-5 bg-white text-neutral-dark">Over the last couple of weeks, you might have noticed people posting photos of an unusual-looking coffee drink. What appears to...</p> </div> </div> </a> </li> <li class=""><a href="/stories/amazing-apple-turnovers"> <div class="card h-full " > <div class="card__image"> <figure class="size-sm w-full h-full"> <picture> <img class="w-full h-full object-cover transition-all duration-500 hover:scale-125" src="/img/asset/d3BfdXBsb2Fkcy9BcHBsZS1UdXJub3Zlci5qcGc=?p=md" alt="GuidedBy" width="" height="" loading="lazy" > </picture> </figure> <div class="absolute bottom-1 left-1 flex flex-col space-y-1 items-start"> <span class="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"> Dessert </span> </div> </div> <svg stroke="currentColor" fill="currentColor" stroke-width="0" version="1.1" viewBox="0 0 16 16" class="bookmark absolute right-2 text-white top-2 p-1 bg-primary ml-auto rounded-full h-6 w-6" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg" > <path d="M3 0v16l5-5 5 5v-16z"></path> </svg> <div class="card__content"> <h3 class="text-[1.0625rem] mb-2">Recipe: Amazing Apple Turnovers</h3> <p class="mb-0 text-base leading-5 bg-white text-neutral-dark">When I was a kid, my family had a Saturday tradition where we would all pile into the car, go to the supermarket and do our...</p> </div> </div> </a> </li> <li class=""><a href="/stories/bc-breweries-deliver"> <div class="card h-full " > <div class="card__image"> <figure class="size-sm w-full h-full"> <picture> <img class="w-full h-full object-cover transition-all duration-500 hover:scale-125" src="/img/asset/d3BfdXBsb2Fkcy9iZWVyLmpwZw==?p=md" alt="GuidedBy" width="" height="" loading="lazy" > </picture> </figure> <div class="absolute bottom-1 left-1 flex flex-col space-y-1 items-start"> <span class="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"> Delivery </span> <span class="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"> Vancouver</span> </div> </div> <svg stroke="currentColor" fill="currentColor" stroke-width="0" version="1.1" viewBox="0 0 16 16" class="bookmark absolute right-2 text-white top-2 p-1 bg-primary ml-auto rounded-full h-6 w-6" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg" > <path d="M3 0v16l5-5 5 5v-16z"></path> </svg> <div class="card__content"> <h3 class="text-[1.0625rem] mb-2">Stuck At Home? These BC Breweries Will Deliver Beer to Your Door</h3> <p class="mb-0 text-base leading-5 bg-white text-neutral-dark">Thankfully, a number of B.C. craft breweries offer online sales, with delicious craft beer available to be delivered right to...</p> </div> </div> </a> </li> <li class=""><a href="/stories/new-west-chef-godfather-of-the-citys-food-scene"> <div class="card h-full " > <div class="card__image"> <figure class="size-sm w-full h-full"> <picture> <img class="w-full h-full object-cover transition-all duration-500 hover:scale-125" src="/img/asset/d3BfdXBsb2Fkcy9zYW0tZmFiYnJvLmpwZw==?p=md" alt="GuidedBy" width="" height="" loading="lazy" > </picture> </figure> <div class="absolute bottom-1 left-1 flex flex-col space-y-1 items-start"> <span class="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"> Food & Drink </span> <span class="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"> New Westminster</span> </div> </div> <svg stroke="currentColor" fill="currentColor" stroke-width="0" version="1.1" viewBox="0 0 16 16" class="bookmark absolute right-2 text-white top-2 p-1 bg-primary ml-auto rounded-full h-6 w-6" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg" > <path d="M3 0v16l5-5 5 5v-16z"></path> </svg> <div class="card__content"> <h3 class="text-[1.0625rem] mb-2">New West chef “godfather of the city’s food scene”</h3> <p class="mb-0 text-base leading-5 bg-white text-neutral-dark">Step aside Vito Corleone – there’s a new godfather in town. Sam Fabbro, executive chef at El Santo on Columbia Street and...</p> </div> </div> </a> </li> <li class=""><a href="/stories/chef-trevor-bird-shares-cooking-tips-and-recipes-for-busy-parents"> <div class="card h-full " > <div class="card__image"> <figure class="size-sm w-full h-full"> <picture> <img class="w-full h-full object-cover transition-all duration-500 hover:scale-125" src="/img/asset/d3BfdXBsb2Fkcy9yaWJleWUtc3RlYWsuanBn?p=md" alt="GuidedBy" width="" height="" loading="lazy" > </picture> </figure> <div class="absolute bottom-1 left-1 flex flex-col space-y-1 items-start"> <span class="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"> Food & Drink </span> <span class="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"> Vancouver</span> </div> </div> <svg stroke="currentColor" fill="currentColor" stroke-width="0" version="1.1" viewBox="0 0 16 16" class="bookmark absolute right-2 text-white top-2 p-1 bg-primary ml-auto rounded-full h-6 w-6" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg" > <path d="M3 0v16l5-5 5 5v-16z"></path> </svg> <div class="card__content"> <h3 class="text-[1.0625rem] mb-2">Chef Trevor Bird shares cooking tips and recipes for busy parents</h3> <p class="mb-0 text-base leading-5 bg-white text-neutral-dark">We get it, parents are busy. In Vancouver at least, it’s typical that both parents work, which can make dinner time more than...</p> </div> </div> </a> </li> <li class=""><a href="/stories/dont-be-a-jerk-to-servers-be-a-good-egg"> <div class="card h-full " > <div class="card__image"> <figure class="size-sm w-full h-full"> <picture> <img class="w-full h-full object-cover transition-all duration-500 hover:scale-125" src="/img/asset/d3BfdXBsb2Fkcy9lZ2dzLmpwZw==?p=md" alt="GuidedBy" width="" height="" loading="lazy" > </picture> </figure> <div class="absolute bottom-1 left-1 flex flex-col space-y-1 items-start"> <span class="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"> Casual Dining </span> <span class="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"> Burnaby</span> </div> </div> <svg stroke="currentColor" fill="currentColor" stroke-width="0" version="1.1" viewBox="0 0 16 16" class="bookmark absolute right-2 text-white top-2 p-1 bg-primary ml-auto rounded-full h-6 w-6" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg" > <path d="M3 0v16l5-5 5 5v-16z"></path> </svg> <div class="card__content"> <h3 class="text-[1.0625rem] mb-2">Don't be a jerk to servers - be a good egg</h3> <p class="mb-0 text-base leading-5 bg-white text-neutral-dark">Everything we do is a choice. From the moment we wake up in the morning, until the time we come to the day's end, we choose...</p> </div> </div> </a> </li> <li class=""><a href="/stories/why-this-25-year-old-decided-to-be-an-egg-farmer-in-b-c"> <div class="card h-full " > <div class="card__image"> <figure class="size-sm w-full h-full"> <picture> <img class="w-full h-full object-cover transition-all duration-500 hover:scale-125" src="/img/asset/d3BfdXBsb2Fkcy9va2FuYWdhbi1yaXZlcmJlbmQtcG91bHRyeS5qcGc=?p=md" alt="GuidedBy" width="" height="" loading="lazy" > </picture> </figure> <div class="absolute bottom-1 left-1 flex flex-col space-y-1 items-start"> <span class="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"> Farm to Table </span> <span class="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"> New Westminster</span> </div> </div> <svg stroke="currentColor" fill="currentColor" stroke-width="0" version="1.1" viewBox="0 0 16 16" class="bookmark absolute right-2 text-white top-2 p-1 bg-primary ml-auto rounded-full h-6 w-6" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg" > <path d="M3 0v16l5-5 5 5v-16z"></path> </svg> <div class="card__content"> <h3 class="text-[1.0625rem] mb-2">Why this 25-year-old decided to be an egg farmer in B.C.</h3> <p class="mb-0 text-base leading-5 bg-white text-neutral-dark">When you think about the industries the youth of today will enter in the future, egg farming isn’t the first thing that springs...</p> </div> </div> </a> </li> <li class=""><a href="/stories/you-can-have-a-private-dinner-in-a-secret-ice-cave-in-whistler-this-winter"> <div class="card h-full " > <div class="card__image"> <figure class="size-sm w-full h-full"> <picture> <img class="w-full h-full object-cover transition-all duration-500 hover:scale-125" src="/img/asset/d3BfdXBsb2Fkcy9ibHVlLWRpbmluZy1yb29tLXdoaXN0bGVyLmpwZw==?p=md" alt="GuidedBy" width="" height="" loading="lazy" > </picture> </figure> <div class="absolute bottom-1 left-1 flex flex-col space-y-1 items-start"> <span class="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"> Fine Dining </span> <span class="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"> Vancouver</span> </div> </div> <svg stroke="currentColor" fill="currentColor" stroke-width="0" version="1.1" viewBox="0 0 16 16" class="bookmark absolute right-2 text-white top-2 p-1 bg-primary ml-auto rounded-full h-6 w-6" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg" > <path d="M3 0v16l5-5 5 5v-16z"></path> </svg> <div class="card__content"> <h3 class="text-[1.0625rem] mb-2">You can have a private dinner in a secret ice cave in Whistler this winter</h3> <p class="mb-0 text-base leading-5 bg-white text-neutral-dark">The exclusive opportunity is available to guests at the Four Seasons Resort and Residences Whistler in partnership...</p> </div> </div> </a> </li> <li class=""><a href="/stories/city-of-north-van-approves-shipyards-brewery-district"> <div class="card h-full " > <div class="card__image"> <figure class="size-sm w-full h-full"> <picture> <img class="w-full h-full object-cover transition-all duration-500 hover:scale-125" src="/img/asset/d3BfdXBsb2Fkcy9zaGlweWFyZHMtYnJld2VyeS1kaXN0cmljdC5qcGc=?p=md" alt="GuidedBy" width="" height="" loading="lazy" > </picture> </figure> <div class="absolute bottom-1 left-1 flex flex-col space-y-1 items-start"> <span class="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"> Food & Drink </span> <span class="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"> North Vancouver</span> </div> </div> <svg stroke="currentColor" fill="currentColor" stroke-width="0" version="1.1" viewBox="0 0 16 16" class="bookmark absolute right-2 text-white top-2 p-1 bg-primary ml-auto rounded-full h-6 w-6" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg" > <path d="M3 0v16l5-5 5 5v-16z"></path> </svg> <div class="card__content"> <h3 class="text-[1.0625rem] mb-2">City of North Van approves Shipyards Brewery District</h3> <p class="mb-0 text-base leading-5 bg-white text-neutral-dark">The City of North Vancouver is opening the taps and adding a new “brewery district” to Lower Lonsdale. Council voted...</p> </div> </div> </a> </li> <li class=""><a href="/stories/this-burnaby-macaron-maker-will-steal-your-soul"> <div class="card h-full " > <div class="card__image"> <figure class="size-sm w-full h-full"> <picture> <img class="w-full h-full object-cover transition-all duration-500 hover:scale-125" src="/img/asset/d3BfdXBsb2Fkcy9tYWNhcm9uLmpwZw==?p=md" alt="GuidedBy" width="" height="" loading="lazy" > </picture> </figure> <div class="absolute bottom-1 left-1 flex flex-col space-y-1 items-start"> <span class="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"> Dessert </span> <span class="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"> Burnaby</span> </div> </div> <svg stroke="currentColor" fill="currentColor" stroke-width="0" version="1.1" viewBox="0 0 16 16" class="bookmark absolute right-2 text-white top-2 p-1 bg-primary ml-auto rounded-full h-6 w-6" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg" > <path d="M3 0v16l5-5 5 5v-16z"></path> </svg> <div class="card__content"> <h3 class="text-[1.0625rem] mb-2">This Burnaby macaron maker will steal your soul</h3> <p class="mb-0 text-base leading-5 bg-white text-neutral-dark">Snoring might seem like a weird way to start a food blog about desserts, but trust me – there is a connection. See, I snore....</p> </div> </div> </a> </li> <li class=""><a href="/stories/blissful-buddha-bus-takes-to-the-streets"> <div class="card h-full " > <div class="card__image"> <figure class="size-sm w-full h-full"> <picture> <img class="w-full h-full object-cover transition-all duration-500 hover:scale-125" src="/img/asset/d3BfdXBsb2Fkcy9idWRkaGEtYnVzLmpwZw==?p=md" alt="GuidedBy" width="" height="" loading="lazy" > </picture> </figure> <div class="absolute bottom-1 left-1 flex flex-col space-y-1 items-start"> <span class="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"> Food & Drink </span> <span class="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"> Vancouver</span> </div> </div> <svg stroke="currentColor" fill="currentColor" stroke-width="0" version="1.1" viewBox="0 0 16 16" class="bookmark absolute right-2 text-white top-2 p-1 bg-primary ml-auto rounded-full h-6 w-6" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg" > <path d="M3 0v16l5-5 5 5v-16z"></path> </svg> <div class="card__content"> <h3 class="text-[1.0625rem] mb-2">Blissful Buddha-Bus takes to the streets</h3> <p class="mb-0 text-base leading-5 bg-white text-neutral-dark">Buddha-Full’s Buddha-Bus has added a blissful new dimension to the growing North Shore vegan business. The renovation of a...</p> </div> </div> </a> </li> <li class=""><a href="/stories/blog-eating-bugs-can-be-good-for-you"> <div class="card h-full " > <div class="card__image"> <figure class="size-sm w-full h-full"> <picture> <img class="w-full h-full object-cover transition-all duration-500 hover:scale-125" src="/img/asset/d3BfdXBsb2Fkcy9ncmFzc2hvcHBlci5qcGc=?p=md" alt="GuidedBy" width="" height="" loading="lazy" > </picture> </figure> <div class="absolute bottom-1 left-1 flex flex-col space-y-1 items-start"> <span class="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"> Food & Drink </span> <span class="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"> Delta</span> </div> </div> <svg stroke="currentColor" fill="currentColor" stroke-width="0" version="1.1" viewBox="0 0 16 16" class="bookmark absolute right-2 text-white top-2 p-1 bg-primary ml-auto rounded-full h-6 w-6" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg" > <path d="M3 0v16l5-5 5 5v-16z"></path> </svg> <div class="card__content"> <h3 class="text-[1.0625rem] mb-2">Blog: Eating bugs can be good for you</h3> <p class="mb-0 text-base leading-5 bg-white text-neutral-dark">Eating ants and other insects could soon be recommended to protect against cancer, and it is believed that us Westerners will...</p> </div> </div> </a> </li> <li class=""><a href="/stories/think-plant-based-recipes-arent-worth-the-effort-think-again"> <div class="card h-full " > <div class="card__image"> <figure class="size-sm w-full h-full"> <picture> <img class="w-full h-full object-cover transition-all duration-500 hover:scale-125" src="/img/asset/d3BfdXBsb2Fkcy9wbGFudC1iYXNlZC1tZWFsLmpwZw==?p=md" alt="GuidedBy" width="" height="" loading="lazy" > </picture> </figure> <div class="absolute bottom-1 left-1 flex flex-col space-y-1 items-start"> <span class="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"> Casual Dining </span> <span class="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"> Vancouver</span> </div> </div> <svg stroke="currentColor" fill="currentColor" stroke-width="0" version="1.1" viewBox="0 0 16 16" class="bookmark absolute right-2 text-white top-2 p-1 bg-primary ml-auto rounded-full h-6 w-6" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg" > <path d="M3 0v16l5-5 5 5v-16z"></path> </svg> <div class="card__content"> <h3 class="text-[1.0625rem] mb-2">Think plant-based recipes aren't worth the effort? Think again</h3> <p class="mb-0 text-base leading-5 bg-white text-neutral-dark">Proponents of a plant-based diet tout its benefits for not only your health, but also the planet’s. But giving up meat can be...</p> </div> </div> </a> </li> <li class=""><a href="/stories/heres-how-to-pair-beer-with-food-and-become-the-hero-you-were-destined-to-be"> <div class="card h-full " > <div class="card__image"> <figure class="size-sm w-full h-full"> <picture> <img class="w-full h-full object-cover transition-all duration-500 hover:scale-125" src="/img/asset/d3BfdXBsb2Fkcy9wYWlyaW5nLWJlZXItd2l0aC1mb29kLmpwZw==?p=md" alt="GuidedBy" width="" height="" loading="lazy" > </picture> </figure> <div class="absolute bottom-1 left-1 flex flex-col space-y-1 items-start"> <span class="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"> Food & Drink </span> <span class="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"> Burnaby</span> </div> </div> <svg stroke="currentColor" fill="currentColor" stroke-width="0" version="1.1" viewBox="0 0 16 16" class="bookmark absolute right-2 text-white top-2 p-1 bg-primary ml-auto rounded-full h-6 w-6" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg" > <path d="M3 0v16l5-5 5 5v-16z"></path> </svg> <div class="card__content"> <h3 class="text-[1.0625rem] mb-2">Here’s how to pair beer with food and become the hero you were destined to be</h3> <p class="mb-0 text-base leading-5 bg-white text-neutral-dark">Company’s coming, dinner’s almost ready, but you forgot to pop out to the liquor store to grab a bottle of wine. Obviously, you...</p> </div> </div> </a> </li> <li class=""><a href="/stories/chef-dez-i-survived-the-keto-flu-but-it-wasnt-pleasant"> <div class="card h-full " > <div class="card__image"> <figure class="size-sm w-full h-full"> <picture> <img class="w-full h-full object-cover transition-all duration-500 hover:scale-125" src="/img/asset/d3BfdXBsb2Fkcy9rZXRvLWRpZXQuanBn?p=md" alt="GuidedBy" width="" height="" loading="lazy" > </picture> </figure> <div class="absolute bottom-1 left-1 flex flex-col space-y-1 items-start"> <span class="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"> Food & Drink </span> <span class="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"> Vancouver</span> </div> </div> <svg stroke="currentColor" fill="currentColor" stroke-width="0" version="1.1" viewBox="0 0 16 16" class="bookmark absolute right-2 text-white top-2 p-1 bg-primary ml-auto rounded-full h-6 w-6" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg" > <path d="M3 0v16l5-5 5 5v-16z"></path> </svg> <div class="card__content"> <h3 class="text-[1.0625rem] mb-2">Chef Dez: I survived the 'keto flu' but it wasn't pleasant</h3> <p class="mb-0 text-base leading-5 bg-white text-neutral-dark">By now, I am sure you have heard of the keto diet - or at least have heard the term “keto.” But what is it and, more...</p> </div> </div> </a> </li> <li class=""><a href="/stories/this-is-the-best-pizza-in-burnaby-i-weep-for-those-who-havent-tried-it"> <div class="card h-full " > <div class="card__image"> <figure class="size-sm w-full h-full"> <picture> <img class="w-full h-full object-cover transition-all duration-500 hover:scale-125" src="/img/asset/d3BfdXBsb2Fkcy9zb3ByYS1zb3R0by5wbmc=?p=md" alt="GuidedBy" width="" height="" loading="lazy" > </picture> </figure> <div class="absolute bottom-1 left-1 flex flex-col space-y-1 items-start"> <span class="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"> Food & Drink </span> <span class="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"> Burnaby</span> </div> </div> <svg stroke="currentColor" fill="currentColor" stroke-width="0" version="1.1" viewBox="0 0 16 16" class="bookmark absolute right-2 text-white top-2 p-1 bg-primary ml-auto rounded-full h-6 w-6" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg" > <path d="M3 0v16l5-5 5 5v-16z"></path> </svg> <div class="card__content"> <h3 class="text-[1.0625rem] mb-2">This is the best pizza in Burnaby. I weep for those who haven't tried it</h3> <p class="mb-0 text-base leading-5 bg-white text-neutral-dark">Pizza is a touchy topic. Trying to get a group of people to agree on pizza can be like pouring gasoline on a...</p> </div> </div> </a> </li> <li class=""><a href="/stories/profiles-of-excellence-atlas-steak-fish"> <div class="card h-full " > <div class="card__image"> <figure class="size-sm w-full h-full"> <picture> <img class="w-full h-full object-cover transition-all duration-500 hover:scale-125" src="/img/asset/d3BfdXBsb2Fkcy9hdGxhcy1zdGVhay1maXNoLmpwZw==?p=md" alt="GuidedBy" width="" height="" loading="lazy" > </picture> </figure> <div class="absolute bottom-1 left-1 flex flex-col space-y-1 items-start"> <span class="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"> Food & Drink </span> <span class="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"> Burnaby</span> </div> </div> <svg stroke="currentColor" fill="currentColor" stroke-width="0" version="1.1" viewBox="0 0 16 16" class="bookmark absolute right-2 text-white top-2 p-1 bg-primary ml-auto rounded-full h-6 w-6" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg" > <path d="M3 0v16l5-5 5 5v-16z"></path> </svg> <div class="card__content"> <h3 class="text-[1.0625rem] mb-2">Profiles of Excellence: Atlas Steak + Fish</h3> <p class="mb-0 text-base leading-5 bg-white text-neutral-dark">Sponsored Content Atlas Steak + Fish may be the crown jewel at Gateway Casinos’ Grand Villa Casino in Burnaby, but it’s only...</p> </div> </div> </a> </li> <li class=""><a href="/stories/chef-dez-you-can-expand-your-home-menu-without-breaking-the-budget"> <div class="card h-full " > <div class="card__image"> <figure class="size-sm w-full h-full"> <picture> <img class="w-full h-full object-cover transition-all duration-500 hover:scale-125" src="/img/asset/d3BfdXBsb2Fkcy9jaGVmLWRlei1ob21lLW1lbnUuanBn?p=md" alt="GuidedBy" width="" height="" loading="lazy" > </picture> </figure> <div class="absolute bottom-1 left-1 flex flex-col space-y-1 items-start"> <span class="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"> Food & Drink </span> <span class="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"> Burnaby</span> </div> </div> <svg stroke="currentColor" fill="currentColor" stroke-width="0" version="1.1" viewBox="0 0 16 16" class="bookmark absolute right-2 text-white top-2 p-1 bg-primary ml-auto rounded-full h-6 w-6" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg" > <path d="M3 0v16l5-5 5 5v-16z"></path> </svg> <div class="card__content"> <h3 class="text-[1.0625rem] mb-2">Chef Dez: You can expand your home menu without breaking the budget</h3> <p class="mb-0 text-base leading-5 bg-white text-neutral-dark">Household budgets are in the news now more than ever these days and everyone seems like they’re searching for ways to tighten...</p> </div> </div> </a> </li> <li class=""><a href="/stories/want-to-check-a-vancouver-restaurants-cleanliness-you-can-with-new-app-tomati"> <div class="card h-full " > <div class="card__image"> <figure class="size-sm w-full h-full"> <picture> <img class="w-full h-full object-cover transition-all duration-500 hover:scale-125" src="/img/asset/d3BfdXBsb2Fkcy90b21hdGkuanBn?p=md" alt="GuidedBy" width="" height="" loading="lazy" > </picture> </figure> <div class="absolute bottom-1 left-1 flex flex-col space-y-1 items-start"> <span class="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"> Food & Drink </span> <span class="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"> Vancouver</span> </div> </div> <svg stroke="currentColor" fill="currentColor" stroke-width="0" version="1.1" viewBox="0 0 16 16" class="bookmark absolute right-2 text-white top-2 p-1 bg-primary ml-auto rounded-full h-6 w-6" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg" > <path d="M3 0v16l5-5 5 5v-16z"></path> </svg> <div class="card__content"> <h3 class="text-[1.0625rem] mb-2">Want to check a Vancouver restaurant’s cleanliness? You can with new app Tomati</h3> <p class="mb-0 text-base leading-5 bg-white text-neutral-dark">Do you ever wonder how clean your local haunts are, or how they measure up to other establishments in the Lower Mainland? A...</p> </div> </div> </a> </li> <li class=""><a href="/stories/helicopter-tours-new-restaurants-lure-b-c-wine-tourists"> <div class="card h-full " > <div class="card__image"> <figure class="size-sm w-full h-full"> <picture> <img class="w-full h-full object-cover transition-all duration-500 hover:scale-125" src="/img/asset/d3BfdXBsb2Fkcy9saXF1aWRpdHktd2luZS10b3VyLmpwZw==?p=md" alt="GuidedBy" width="" height="" loading="lazy" > </picture> </figure> <div class="absolute bottom-1 left-1 flex flex-col space-y-1 items-start"> <span class="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"> Food & Drink </span> <span class="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"> Okanagan</span> </div> </div> <svg stroke="currentColor" fill="currentColor" stroke-width="0" version="1.1" viewBox="0 0 16 16" class="bookmark absolute right-2 text-white top-2 p-1 bg-primary ml-auto rounded-full h-6 w-6" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg" > <path d="M3 0v16l5-5 5 5v-16z"></path> </svg> <div class="card__content"> <h3 class="text-[1.0625rem] mb-2">Helicopter tours, new restaurants lure B.C. wine tourists</h3> <p class="mb-0 text-base leading-5 bg-white text-neutral-dark">The Okanagan Valley’s continuing evolution into a wine-tourism hot spot is on full display this year with established wineries...</p> </div> </div> </a> </li> <li class=""><a href="/stories/im-an-atheist-but-this-burnaby-ramen-made-me-see-god"> <div class="card h-full " > <div class="card__image"> <figure class="size-sm w-full h-full"> <picture> <img class="w-full h-full object-cover transition-all duration-500 hover:scale-125" src="/img/asset/d3BfdXBsb2Fkcy9qaW55YS1yYW1lbi5qcGc=?p=md" alt="GuidedBy" width="" height="" loading="lazy" > </picture> </figure> <div class="absolute bottom-1 left-1 flex flex-col space-y-1 items-start"> <span class="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"> Food & Drink </span> <span class="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"> Burnaby</span> </div> </div> <svg stroke="currentColor" fill="currentColor" stroke-width="0" version="1.1" viewBox="0 0 16 16" class="bookmark absolute right-2 text-white top-2 p-1 bg-primary ml-auto rounded-full h-6 w-6" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg" > <path d="M3 0v16l5-5 5 5v-16z"></path> </svg> <div class="card__content"> <h3 class="text-[1.0625rem] mb-2">I’m an atheist, but this Burnaby ramen made me see god</h3> <p class="mb-0 text-base leading-5 bg-white text-neutral-dark">There are times when a meal can feel like a religious awakening. That first bite hits your mouth and it’s so shockingly good,...</p> </div> </div> </a> </li> <li class=""><a href="/stories/new-restaurants-open-at-river-market"> <div class="card h-full " > <div class="card__image"> <figure class="size-sm w-full h-full"> <picture> <img class="w-full h-full object-cover transition-all duration-500 hover:scale-125" src="/img/asset/d3BfdXBsb2Fkcy9hbWFyYW50aHVzLmpwZw==?p=md" alt="GuidedBy" width="" height="" loading="lazy" > </picture> </figure> <div class="absolute bottom-1 left-1 flex flex-col space-y-1 items-start"> <span class="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"> Food & Drink </span> <span class="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"> New Westminster</span> </div> </div> <svg stroke="currentColor" fill="currentColor" stroke-width="0" version="1.1" viewBox="0 0 16 16" class="bookmark absolute right-2 text-white top-2 p-1 bg-primary ml-auto rounded-full h-6 w-6" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg" > <path d="M3 0v16l5-5 5 5v-16z"></path> </svg> <div class="card__content"> <h3 class="text-[1.0625rem] mb-2">New restaurants open at River Market</h3> <p class="mb-0 text-base leading-5 bg-white text-neutral-dark">River Market has two new eateries for foodies to enjoy. Angelina’s Dutch Corner has taken up residence in River Market, after...</p> </div> </div> </a> </li> <li class=""><a href="/stories/survey-serves-up-snapshot-of-british-columbians-tastes-in-dining-out"> <div class="card h-full " > <div class="card__image"> <figure class="size-sm w-full h-full"> <picture> <img class="w-full h-full object-cover transition-all duration-500 hover:scale-125" src="/img/asset/d3BfdXBsb2Fkcy93aW5lLWFuZC1kaXNoLmpwZw==?p=md" alt="GuidedBy" width="" height="" loading="lazy" > </picture> </figure> <div class="absolute bottom-1 left-1 flex flex-col space-y-1 items-start"> <span class="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"> Casual Dining </span> <span class="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"> Vancouver</span> </div> </div> <svg stroke="currentColor" fill="currentColor" stroke-width="0" version="1.1" viewBox="0 0 16 16" class="bookmark absolute right-2 text-white top-2 p-1 bg-primary ml-auto rounded-full h-6 w-6" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg" > <path d="M3 0v16l5-5 5 5v-16z"></path> </svg> <div class="card__content"> <h3 class="text-[1.0625rem] mb-2">Survey serves up snapshot of British Columbians’ tastes in dining out</h3> <p class="mb-0 text-base leading-5 bg-white text-neutral-dark">The end of the holiday season brings British Columbians hurriedly back to the regular routine. After many days of homecooked...</p> </div> </div> </a> </li> <li class=""><a href="/stories/you-can-find-heart-and-heat-at-this-burnaby-restaurant"> <div class="card h-full " > <div class="card__image"> <figure class="size-sm w-full h-full"> <picture> <img class="w-full h-full object-cover transition-all duration-500 hover:scale-125" src="/img/asset/d3BfdXBsb2Fkcy9uYW5kby1zLWNoaWNrZW4tMi5qcGc=?p=md" alt="GuidedBy" width="" height="" loading="lazy" > </picture> </figure> <div class="absolute bottom-1 left-1 flex flex-col space-y-1 items-start"> <span class="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"> Casual Dining </span> <span class="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"> Burnaby</span> </div> </div> <svg stroke="currentColor" fill="currentColor" stroke-width="0" version="1.1" viewBox="0 0 16 16" class="bookmark absolute right-2 text-white top-2 p-1 bg-primary ml-auto rounded-full h-6 w-6" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg" > <path d="M3 0v16l5-5 5 5v-16z"></path> </svg> <div class="card__content"> <h3 class="text-[1.0625rem] mb-2">You can find heart and heat at this Burnaby restaurant</h3> <p class="mb-0 text-base leading-5 bg-white text-neutral-dark">Sponsored Content Just like Nando’s beginnings in South Africa, the story of how one of the world’s favourite restaurants...</p> </div> </div> </a> </li> <li class=""><a href="/stories/explore-the-mediterranean-one-bite-at-a-time-with-dinakis"> <div class="card h-full " > <div class="card__image"> <figure class="size-sm w-full h-full"> <picture> <img class="w-full h-full object-cover transition-all duration-500 hover:scale-125" src="/img/asset/d3BfdXBsb2Fkcy9kaW5ha2lzLW1lZGl0ZXJyYW5lYW4tZ3JpbGwuanBn?p=md" alt="GuidedBy" width="" height="" loading="lazy" > </picture> </figure> <div class="absolute bottom-1 left-1 flex flex-col space-y-1 items-start"> <span class="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"> Food & Drink </span> <span class="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"> Coquitlam</span> </div> </div> <svg stroke="currentColor" fill="currentColor" stroke-width="0" version="1.1" viewBox="0 0 16 16" class="bookmark absolute right-2 text-white top-2 p-1 bg-primary ml-auto rounded-full h-6 w-6" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg" > <path d="M3 0v16l5-5 5 5v-16z"></path> </svg> <div class="card__content"> <h3 class="text-[1.0625rem] mb-2">Explore the Mediterranean one bite at a time with Dinakis</h3> <p class="mb-0 text-base leading-5 bg-white text-neutral-dark">Sponsored Content Mouth-watering, well-seasoned, falling off the bone slow-roasted lamb served in its own juices; skewered...</p> </div> </div> </a> </li> <li class=""><a href="/stories/three-vancouver-brunch-spots-that-might-not-be-on-your-radar-but-should-be"> <div class="card h-full " > <div class="card__image"> <figure class="size-sm w-full h-full"> <picture> <img class="w-full h-full object-cover transition-all duration-500 hover:scale-125" src="/img/asset/d3BfdXBsb2Fkcy9idXJkb2NrLXN0dWZmZWQtc3F1YXNoLmpwZw==?p=md" alt="GuidedBy" width="" height="" loading="lazy" > </picture> </figure> <div class="absolute bottom-1 left-1 flex flex-col space-y-1 items-start"> <span class="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"> Brunch </span> <span class="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"> Vancouver</span> </div> </div> <svg stroke="currentColor" fill="currentColor" stroke-width="0" version="1.1" viewBox="0 0 16 16" class="bookmark absolute right-2 text-white top-2 p-1 bg-primary ml-auto rounded-full h-6 w-6" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg" > <path d="M3 0v16l5-5 5 5v-16z"></path> </svg> <div class="card__content"> <h3 class="text-[1.0625rem] mb-2">Three Vancouver brunch spots that might not be on your radar, but should be</h3> <p class="mb-0 text-base leading-5 bg-white text-neutral-dark">My husband and I love to go out for brunch. Our weekdays don’t allow us the time for a leisurely breakfast and we rarely go out...</p> </div> </div> </a> </li> <li class=""><a href="/stories/local-spot-makes-the-list-of-top-canadian-restaurants-to-enjoy-a-big-night-out"> <div class="card h-full " > <div class="card__image"> <figure class="size-sm w-full h-full"> <picture> <img class="w-full h-full object-cover transition-all duration-500 hover:scale-125" src="/img/asset/d3BfdXBsb2Fkcy9lbC1zYW50by5qcGc=?p=md" alt="GuidedBy" width="" height="" loading="lazy" > </picture> </figure> <div class="absolute bottom-1 left-1 flex flex-col space-y-1 items-start"> <span class="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"> Food & Drink </span> <span class="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"> New Westminster</span> </div> </div> <svg stroke="currentColor" fill="currentColor" stroke-width="0" version="1.1" viewBox="0 0 16 16" class="bookmark absolute right-2 text-white top-2 p-1 bg-primary ml-auto rounded-full h-6 w-6" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg" > <path d="M3 0v16l5-5 5 5v-16z"></path> </svg> <div class="card__content"> <h3 class="text-[1.0625rem] mb-2">Local spot makes the list of top Canadian restaurants to enjoy a Big Night Out</h3> <p class="mb-0 text-base leading-5 bg-white text-neutral-dark">El Santo has made it onto a list of the 100 best restaurants in Canada to enjoy a Big Night Out. OpenTable, which provides...</p> </div> </div> </a> </li> </ul> </section> </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 = 'b0n79aJe0PMcfolzBrxzXlJYFz69jIY5vrhgyD0d';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="b0n79aJe0PMcfolzBrxzXlJYFz69jIY5vrhgyD0d"]')) { input.value = data.csrf; } for (const meta of document.querySelectorAll('meta[content="b0n79aJe0PMcfolzBrxzXlJYFz69jIY5vrhgyD0d"]')) { meta.content = data.csrf; } for (const input of document.querySelectorAll('script[data-csrf="b0n79aJe0PMcfolzBrxzXlJYFz69jIY5vrhgyD0d"]')) { 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>