PageSourceSearch

https://dreww.ca/about

html dreww.ca collected 2026-09-29 13:27:23 UTC 110,661 bytes, 1,703 lines download raw bytes

1<!doctype html><html lang="en"><head>
2    <meta charset="utf-8">
3      <title>About Dreww | Growth Marketing for B2C &amp; B2B Brands</title>
4    <meta name="description" content="Meet Dreww: our team, values and growth-marketing approach for turning B2C and B2B marketing into demand, stronger customer journeys and revenue.">
5      <link rel="shortcut icon" href="https://dreww.ca/hubfs/dreww-favicon.png">
6
7    <meta property="og:locale" content="en_CA">
8    <meta property="og:type" content="website">
9    <meta property="og:site_name" content="Dreww Media Inc.">
10    <meta property="og:image" content="https://dreww.ca/hubfs/Website%20Images/About/dreww-about-eng.jpg">
11      <link rel="alternate" hreflang="x-default" href="https://dreww.ca/about">
12
13    
14    <link rel="preload" href="/_hcms/googlefonts/Anton/regular.woff2" as="font" type="font/woff2" crossorigin>
15    <link rel="preload" href="/_hcms/googlefonts/DM_Sans/regular.woff2" as="font" type="font/woff2" crossorigin>
16    <link rel="preload" href="/_hcms/googlefonts/DM_Sans/700.woff2" as="font" type="font/woff2" crossorigin>
17    <link rel="preload" href="/_hcms/googlefonts/IBM_Plex_Mono/regular.woff2" as="font" type="font/woff2" crossorigin>
18
19    
20    
21    
22
23    
24    <meta name="viewport" content="width=device-width, initial-scale=1">
25
26    
27    <meta property="og:description" content="Meet Dreww: our team, values and growth-marketing approach for turning B2C and B2B marketing into demand, stronger customer journeys and revenue.">
28    <meta property="og:title" content="About Dreww | Growth Marketing for B2C &amp; B2B Brands">
29    <meta name="twitter:description" content="Meet Dreww: our team, values and growth-marketing approach for turning B2C and B2B marketing into demand, stronger customer journeys and revenue.">
30    <meta name="twitter:title" content="About Dreww | Growth Marketing for B2C &amp; B2B Brands">
31
32    
33
34    
35<script type="application/ld+json">
36{
37    "@context": "https://schema.org",
38    "@type": "Organization",
39    "name": "Dreww Media Inc.",
40    "url": "https://dreww.ca",
41    "logo": {
42        "@type": "ImageObject",
43        "url": "https://7605971.fs1.hubspotusercontent-na1.net/hubfs/7605971/Dreww%20Logo/dreww-logo--gradient.svg"
44    }
45}
46</script>
46
47
48    <style>
49a.cta_button{-moz-box-sizing:content-box !important;-webkit-box-sizing:content-box !important;box-sizing:content-box !important;vertical-align:middle}.hs-breadcrumb-menu{list-style-type:none;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px}.hs-breadcrumb-menu-item{float:left;padding:10px 0px 10px 10px}.hs-breadcrumb-menu-divider:before{content:'›';padding-left:10px}.hs-featured-image-link{border:0}.hs-featured-image{float:right;margin:0 0 20px 20px;max-width:50%}@media (max-width: 568px){.hs-featured-image{float:none;margin:0;width:100%;max-width:100%}}.hs-screen-reader-text{clip:rect(1px, 1px, 1px, 1px);height:1px;overflow:hidden;position:absolute !important;width:1px}
50</style>
51
52<link rel="stylesheet" href="https://dreww.ca/hubfs/hub_generated/template_assets/1/216648449828/1787069871186/template_styles.min.css">
53<link rel="stylesheet" href="https://dreww.ca/hubfs/hub_generated/template_assets/1/216648375584/1786992793065/template_main.min.css">
54<link rel="stylesheet" href="https://dreww.ca/hubfs/hub_generated/module_assets/1/216655810993/1787069862707/module_Header.min.css">
55<link rel="stylesheet" href="https://dreww.ca/hubfs/hub_generated/module_assets/1/217377730179/1787069863547/module_Mega_Menu.min.css">
56<link rel="stylesheet" href="https://dreww.ca/hubfs/hub_generated/module_assets/1/216645601820/1787069860917/module_Content_Group.min.css">
57<link rel="stylesheet" href="https://dreww.ca/hubfs/hub_generated/module_assets/1/217294709649/1787069864425/module_Our_Story.min.css">
58<link rel="stylesheet" href="https://dreww.ca/hubfs/hub_generated/module_assets/1/216648449685/1787069860353/module_Cards.min.css">
59<link rel="stylesheet" href="https://dreww.ca/hubfs/hub_generated/module_assets/1/217287111977/1784311231182/module_Team_Cards.min.css">
60<link rel="stylesheet" href="https://dreww.ca/hubfs/hub_generated/module_assets/1/217638539880/1785512099043/module_Gallery.css">
61<link rel="stylesheet" href="https://dreww.ca/hubfs/hub_generated/module_assets/1/216719996340/1786976567450/module_Instagram_Feed.min.css">
62<link rel="stylesheet" href="https://dreww.ca/hubfs/hub_generated/module_assets/1/216890016533/1787069861946/module_Footer.min.css">
63<style>
64  @font-face {
65    font-family: "Anton";
66    font-weight: 400;
67    font-style: normal;
68    font-display: swap;
69    src: url("/_hcms/googlefonts/Anton/regular.woff2") format("woff2"), url("/_hcms/googlefonts/Anton/regular.woff") format("woff");
70  }
71  @font-face {
72    font-family: "DM Sans";
73    font-weight: 400;
74    font-style: normal;
75    font-display: swap;
76    src: url("/_hcms/googlefonts/DM_Sans/regular.woff2") format("woff2"), url("/_hcms/googlefonts/DM_Sans/regular.woff") format("woff");
77  }
78  @font-face {
79    font-family: "DM Sans";
80    font-weight: 700;
81    font-style: normal;
82    font-display: swap;
83    src: url("/_hcms/googlefonts/DM_Sans/700.woff2") format("woff2"), url("/_hcms/googlefonts/DM_Sans/700.woff") format("woff");
84  }
85  @font-face {
86    font-family: "IBM Plex Mono";
87    font-weight: 400;
88    font-style: normal;
89    font-display: swap;
90    src: url("/_hcms/googlefonts/IBM_Plex_Mono/regular.woff2") format("woff2"), url("/_hcms/googlefonts/IBM_Plex_Mono/regular.woff") format("woff");
91  }
92  @font-face {
93    font-family: "IBM Plex Mono";
94    font-weight: 700;
95    font-style: normal;
96    font-display: swap;
97    src: url("/_hcms/googlefonts/IBM_Plex_Mono/700.woff2") format("woff2"), url("/_hcms/googlefonts/IBM_Plex_Mono/700.woff") format("woff");
98  }
99</style>
100
101<!-- Editor Styles -->
102<style id="hs_editor_style" type="text/css">
103/* HubSpot Styles (default) */
104.dnd_area-row-0-padding {
105  padding-top: 75px !important;
106}
107.dnd_area-row-0-background-layers {
108  background-image: url('https://dreww.ca/hubfs/Desktop.jpg') !important;
109  background-position: center center !important;
110  background-size: cover !important;
111  background-repeat: no-repeat !important;
112}
113.dnd_area-row-2-background-layers {
114  background-image: linear-gradient(rgba(137, 41, 81, 1), rgba(137, 41, 81, 1)) !important;
115  background-position: left top !important;
116  background-size: auto !important;
117  background-repeat: no-repeat !important;
118}
119.dnd_area-row-4-background-layers {
120  background-image: linear-gradient(rgba(242, 244, 248, 1), rgba(242, 244, 248, 1)) !important;
121  background-position: left top !important;
122  background-size: auto !important;
123  background-repeat: no-repeat !important;
124}
125.dnd_area-row-7-background-layers {
126  background-image: linear-gradient(rgba(137, 41, 81, 1), rgba(137, 41, 81, 1)) !important;
127  background-position: left top !important;
128  background-size: auto !important;
129  background-repeat: no-repeat !important;
130}
131/* HubSpot Styles (mobile) */
132@media (max-width: 767px) {
133  .dnd_area-row-0-padding {
134    padding-top: 56px !important;
135  }
136}
137</style>
138    
139
140    
141<!--  Added by GoogleTagManager integration -->
142<script>
143var _hsp = window._hsp = window._hsp || [];
144window.dataLayer = window.dataLayer || [];
145function gtag(){dataLayer.push(arguments);}
146
147var useGoogleConsentModeV2 = true;
148var waitForUpdateMillis = 1000;
149
150if (useGoogleConsentModeV2) {
151
152  gtag('set','developer_id.dZTQ1Zm',true);
153
154  gtag('consent', 'default', {
155  'ad_storage': 'denied',
156  'analytics_storage': 'denied',
157  'ad_user_data': 'denied',
158  'ad_personalization': 'denied',
159  'wait_for_update': waitForUpdateMillis
160  });
161}
162
163var hsLoadGtm = function loadGtm() {
164    if(window._hsGtmLoadOnce) {
165      return;
166    }
167
168    if (useGoogleConsentModeV2) {
169      _hsp.push(['useGoogleConsentModeV2'])
170    }
vendor: 349 bytes, lines 170-176
170
171
172    (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
173    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
174    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
175    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
176    })(window,document,'script','dataLayer','
176GTM-PWSR657
vendor: 9 bytes, lines 176-178
176');
177
178    
178window._hsGtmLoadOnce = true;
179};
180
181_hsp.push(['addPrivacyConsentListener', function(consent){
182  if(consent.allowed || (consent.categories && consent.categories.analytics)){
183    hsLoadGtm();
184  }
185}]);
186
187</script>
187
188
189<!-- /Added by GoogleTagManager integration -->
190
191    <link rel="canonical" href="https://dreww.ca/about">
192
193<script type="text/javascript">(function(c,l,a,r,i,t,y){c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);})(window, document, "clarity", "script", "ymedqtiyy3");</script>
193
194<meta property="og:image" content="https://dreww.ca/hubfs/Website%20Images/About/dreww-about-eng.jpg">
195<meta property="og:image:width" content="1200">
196<meta property="og:image:height" content="630">
197<meta property="og:image:alt" content="About Dreww">
198<meta name="twitter:image" content="https://dreww.ca/hubfs/Website%20Images/About/dreww-about-eng.jpg">
199<meta name="twitter:image:alt" content="About Dreww">
200
201<meta property="og:url" content="https://dreww.ca/about">
202<meta name="twitter:card" content="summary_large_image">
203<meta http-equiv="content-language" content="en">
204<link rel="alternate" hreflang="en" href="https://dreww.ca/about">
205<link rel="alternate" hreflang="fr" href="https://dreww.ca/fr/a-propos">
206
207
208
209
210
211
212
213    
214    
215
216
217  <meta name="generator" content="HubSpot"></head>
218  <body>
219<!--  Added by GoogleTagManager integration -->
vendor: 68 bytes, lines 219-220
219
220<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
220GTM-PWSR657
vendor: 84 bytes, lines 220-221
220" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
221
222<!-- /Added by GoogleTagManager integration -->
223
224    <div class="body-wrapper relative overflow-x-clip">
225      
226      <a href="#main-content" class="skip-link">Skip to content</a>
227      
228        <div id="hs_cos_wrapper_header" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module">
229
230
231<header class="header" data-module="header">
232
233    
234    <div class="header__bar">
235    <div class="container relative">
236            <div class="header__inner flex items-center justify-between gap-24 py-12">
237
238                
239                <a class="header__logo-link inline-flex items-center shrink-0" href="https://dreww.ca?hsLang=en" aria-label="Dreww — home">
240                    <img src="https://dreww.ca/hubfs/Dreww%20Logo/dreww-logo--white.svg" width="175" height="59" alt="Dreww" loading="eager" class="header__logo block w-auto max-h-[34px] lg:max-h-[44px]">
241                </a>
242
243                
244                <div class="header__end flex items-center gap-16">
245                        <nav class="header__nav hidden lg:block" aria-label="Primary">
246                            <span id="hs_cos_wrapper_header_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_menu" style="" data-hs-cos-general-type="widget" data-hs-cos-type="menu"><div id="hs_menu_wrapper_header_" class="hs-menu-wrapper active-branch flyouts hs-menu-flow-horizontal" role="navigation" data-sitemap-name="default" data-menu-id="217813534502" aria-label="Navigation Menu">
247 <ul role="menu" class="active-branch">
248  <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://dreww.ca/services" role="menuitem">Services</a></li>
249  <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://dreww.ca/clients" role="menuitem">Clients</a></li>
250  <li class="hs-menu-item hs-menu-depth-1 active active-branch" role="none"><a href="https://dreww.ca/about" role="menuitem">About</a></li>
251  <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://dreww.ca/culture" role="menuitem">Culture</a></li>
252  <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://dreww.ca/insights" role="menuitem">insights</a></li>
253  <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://dreww.ca/press-releases" role="menuitem">Press Releases</a></li>
254 </ul>
255</div></span>
256                        </nav>
257
258                    
259    <div class="btn-container header__cta w-auto">
260    <a class="btn btn--secondary   " href="https://dreww.ca/book-call?hsLang=en" target="_self" rel="">
261        
262              
263            
264            
265            <span class="btn__label">
266              
267            Book a call
268            </span>
269            
270    </a>
271    </div>
272                        <div class="header__lang hidden lg:block">
273    <div class="header__language-switcher language-switcher">
274            <a href="https://dreww.ca/fr/a-propos" class="lang_switcher_link">FR</a>
275    </div></div>
276
277                    <button class="header__hamburger" type="button" aria-label="Toggle menu" aria-expanded="false" aria-controls="header-mobile">
278                        <span></span>
279                        <span></span>
280                        <span></span>
281                    </button>
282                </div>
283
284            </div></div>
285    </div>
286
287    
288    <div class="header__mobile" id="header-mobile" data-mobile-menu aria-hidden="true">
289            <nav class="header__mobile-nav flex-[1_0_auto] px-20 pt-8" aria-label="Mobile">
290                <span id="hs_cos_wrapper_header_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_menu" style="" data-hs-cos-general-type="widget" data-hs-cos-type="menu"><div id="hs_menu_wrapper_header_" class="hs-menu-wrapper active-branch flyouts hs-menu-flow-horizontal" role="navigation" data-sitemap-name="default" data-menu-id="217813534502" aria-label="Navigation Menu">
291 <ul role="menu" class="active-branch">
292  <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://dreww.ca/services" role="menuitem">Services</a></li>
293  <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://dreww.ca/clients" role="menuitem">Clients</a></li>
294  <li class="hs-menu-item hs-menu-depth-1 active active-branch" role="none"><a href="https://dreww.ca/about" role="menuitem">About</a></li>
295  <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://dreww.ca/culture" role="menuitem">Culture</a></li>
296  <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://dreww.ca/insights" role="menuitem">insights</a></li>
297  <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://dreww.ca/press-releases" role="menuitem">Press Releases</a></li>
298 </ul>
299</div></span>
300            </nav>
301        <div class="header__mobile-footer flex flex-col items-stretch gap-24 px-20 py-32">
302            
303    <div class="btn-container header__mobile-cta w-full">
304    <a class="btn btn--secondary   " href="https://dreww.ca/book-call?hsLang=en" target="_self" rel="">
305        
306              
307            
308            
309            <span class="btn__label">
310              
311            Book a call
312            </span>
313            
314    </a>
315    </div>
316                <div class="header__mobile-lang self-center">
317    <div class="header__language-switcher language-switcher"><span class="lang_switcher_link lang_switcher_link--active">EN</span>
318            <a href="https://dreww.ca/fr/a-propos" class="lang_switcher_link">FR</a>
319    </div></div>
320        </div>
321    </div>
322
323</header></div>
324        
325        <div id="hs_cos_wrapper_mega_menu_services" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module">
326
327
328
329
330
331
332<div class="mega-menu" id="mega-services" data-mega-menu="services" role="region" aria-label="Services menu" aria-hidden="true">
333    <div class="container ">
334        <div class="mega-menu__card bg-white border border-grey-200 rounded-b-[12px] pt-40 pb-28 px-40 xl:px-56">
335            <div class="mega-menu__panel flex items-start gap-40">
336                    <div class="mega-menu__core flex flex-col gap-[26px] w-[280px] xl:w-[300px] shrink-0">
337                            <p class="mega-menu__eyebrow font-mono text-16 text-coral uppercase tracking-[0.15px] leading-none">Core Services</p>
338                            <div class="mega-menu__core-list flex flex-col gap-[22px]">
339    <a class="mega-menu__core-item flex flex-col gap-[3px] py-[2px]" href="#" target="_self" rel="">
340        
341                                            <span class="mega-menu__core-title font-body font-semibold capitalize text-18 text-grey-900 leading-none">Always-On Social Media</span><span class="mega-menu__core-subtitle font-body font-medium text-14 text-grey-600 leading-[1.4]">Build future demand on social.</span>
342    </a>
343    <a class="mega-menu__core-item flex flex-col gap-[3px] py-[2px]" href="#" target="_self" rel="">
344        
345                                            <span class="mega-menu__core-title font-body font-semibold capitalize text-18 text-grey-900 leading-none">Lead Generation, CRM &amp; RevOps</span><span class="mega-menu__core-subtitle font-body font-medium text-14 text-grey-600 leading-[1.4]">Generate measurable pipeline.</span>
346    </a>
347    <a class="mega-menu__core-item flex flex-col gap-[3px] py-[2px]" href="#" target="_self" rel="">
348        
349                                            <span class="mega-menu__core-title font-body font-semibold capitalize text-18 text-grey-900 leading-none">E-commerce Growth</span><span class="mega-menu__core-subtitle font-body font-medium text-14 text-grey-600 leading-[1.4]">Scale online revenue, profitably.</span>
350    </a>
351    <a class="mega-menu__core-item flex flex-col gap-[3px] py-[2px]" href="#" target="_self" rel="">
352        
353                                            <span class="mega-menu__core-title font-body font-semibold capitalize text-18 text-grey-900 leading-none">Services all</span><span class="mega-menu__core-subtitle font-body font-medium text-14 text-grey-600 leading-[1.4]">Explore all services</span>
354    </a>
355                            </div>
356                    </div>
357
358                    
359                    <div class="mega-menu__divider self-stretch w-px bg-grey-200 shrink-0" aria-hidden="true"></div>
360                    <div class="mega-menu__groups grid grid-cols-3 gap-x-40 gap-y-[34px] flex-1">
361                                <div class="mega-menu__group flex flex-col gap-[14px]">
362                                        <p class="mega-menu__group-heading font-mono text-14 text-grey-500 uppercase tracking-[0.15px] leading-none">Social Media &amp; Content Creation</p>
363                                        <div class="mega-menu__group-links flex flex-col gap-[11px]">
364    <a class="mega-menu__link font-body text-16 text-grey-900 leading-[1.5]" href="#" target="_self" rel="">
365        Social Media Strategy
366    </a>
367    <a class="mega-menu__link font-body text-16 text-grey-900 leading-[1.5]" href="#" target="_self" rel="">
368        Social Media Management
369    </a>
370    <a class="mega-menu__link font-body text-16 text-grey-900 leading-[1.5]" href="#" target="_self" rel="">
371        Community Management
372    </a>
373    <a class="mega-menu__link font-body text-16 text-grey-900 leading-[1.5]" href="#" target="_self" rel="">
374        Organic Content Creation
375    </a>
376    <a class="mega-menu__link font-body text-16 text-grey-900 leading-[1.5]" href="#" target="_self" rel="">
377        Content Amplification
378    </a>
379                                        </div>
380                                </div>
381                                <div class="mega-menu__group flex flex-col gap-[14px]">
382                                        <p class="mega-menu__group-heading font-mono text-14 text-grey-500 uppercase tracking-[0.15px] leading-none">Paid Media &amp; Performance Creative</p>
383                                        <div class="mega-menu__group-links flex flex-col gap-[11px]">
384    <a class="mega-menu__link font-body text-16 text-grey-900 leading-[1.5]" href="#" target="_self" rel="">
385        Meta Ads
386    </a>
387    <a class="mega-menu__link font-body text-16 text-grey-900 leading-[1.5]" href="#" target="_self" rel="">
388        TikTok Ads
389    </a>
390    <a class="mega-menu__link font-body text-16 text-grey-900 leading-[1.5]" href="#" target="_self" rel="">
391        LinkedIn Ads
392    </a>
393    <a class="mega-menu__link font-body text-16 text-grey-900 leading-[1.5]" href="#" target="_self" rel="">
394        Google Ads
395    </a>
396    <a class="mega-menu__link font-body text-16 text-grey-900 leading-[1.5]" href="#" target="_self" rel="">
397        Performance Creative
398    </a>
399                                        </div>
400                                </div>
401                                <div class="mega-menu__group flex flex-col gap-[14px]">
402                                        <p class="mega-menu__group-heading font-mono text-14 text-grey-500 uppercase tracking-[0.15px] leading-none">Websites &amp; Landing Pages</p>
403                                        <div class="mega-menu__group-links flex flex-col gap-[11px]">
404    <a class="mega-menu__link font-body text-16 text-grey-900 leading-[1.5]" href="#" target="_self" rel="">
405        Landing Pages
406    </a>
407    <a class="mega-menu__link font-body text-16 text-grey-900 leading-[1.5]" href="#" target="_self" rel="">
408        Lead Generation Websites
409    </a>
410    <a class="mega-menu__link font-body text-16 text-grey-900 leading-[1.5]" href="#" target="_self" rel="">
411        Shopify Development
412    </a>
413    <a class="mega-menu__link font-body text-16 text-grey-900 leading-[1.5]" href="#" target="_self" rel="">
414        Conversion Rate Optimization
415    </a>
416                                        </div>
417                                </div>
418                                <div class="mega-menu__group flex flex-col gap-[14px]">
419                                        <p class="mega-menu__group-heading font-mono text-14 text-grey-500 uppercase tracking-[0.15px] leading-none">HubSpot CRM &amp; RevOps</p>
420                                        <div class="mega-menu__group-links flex flex-col gap-[11px]">
421    <a class="mega-menu__link font-body text-16 text-grey-900 leading-[1.5]" href="#" target="_self" rel="">
422        HubSpot CRM Implementation
423    </a>
424    <a class="mega-menu__link font-body text-16 text-grey-900 leading-[1.5]" href="#" target="_self" rel="">
425        HubSpot CRM Migration
426    </a>
427    <a class="mega-menu__link font-body text-16 text-grey-900 leading-[1.5]" href="#" target="_self" rel="">
428        RevOps
429    </a>
430    <a class="mega-menu__link font-body text-16 text-grey-900 leading-[1.5]" href="#" target="_self" rel="">
431        Sales Enablement
432    </a>
433    <a class="mega-menu__link font-body text-16 text-grey-900 leading-[1.5]" href="#" target="_self" rel="">
434        Marketing Attribution System
435    </a>
436                                        </div>
437                                </div>
438                                <div class="mega-menu__group flex flex-col gap-[14px]">
439                                        <p class="mega-menu__group-heading font-mono text-14 text-grey-500 uppercase tracking-[0.15px] leading-none">Email Marketing</p>
440                                        <div class="mega-menu__group-links flex flex-col gap-[11px]">
441    <a class="mega-menu__link font-body text-16 text-grey-900 leading-[1.5]" href="#" target="_self" rel="">
442        HubSpot Email Marketing
443    </a>
444    <a class="mega-menu__link font-body text-16 text-grey-900 leading-[1.5]" href="#" target="_self" rel="">
445        Klaviyo Email Marketing
446    </a>
447                                        </div>
448                                </div>
449                                <div class="mega-menu__group flex flex-col gap-[14px]">
450                                        <p class="mega-menu__group-heading font-mono text-14 text-grey-500 uppercase tracking-[0.15px] leading-none">Analytics &amp; Reporting</p>
451                                        <div class="mega-menu__group-links flex flex-col gap-[11px]">
452    <a class="mega-menu__link font-body text-16 text-grey-900 leading-[1.5]" href="#" target="_self" rel="">
453        Organic Social Media Reporting
454    </a>
455    <a class="mega-menu__link font-body text-16 text-grey-900 leading-[1.5]" href="#" target="_self" rel="">
456        E-commerce Reporting
457    </a>
458    <a class="mega-menu__link font-body text-16 text-grey-900 leading-[1.5]" href="#" target="_self" rel="">
459        Revenue &amp; Pipeline Reporting
460    </a>
461                                        </div>
462                                </div>
463                    </div>
464
465            </div>
466        </div></div>
467</div>
468
469
470<div class="mega-menu-drawer" id="mega-drawer-services" data-mega-drawer="services" role="region" aria-label="Services menu" aria-hidden="true" hidden>
471
472    
473    <div class="mega-menu-drawer__bar flex items-center justify-between px-20 py-16">
474        <button type="button" class="mega-menu-drawer__back flex items-center gap-8" aria-label="Back to main menu">
475            <span class="mega-menu-drawer__chevron mega-menu-drawer__chevron--back" aria-hidden="true"></span>
476            <span class="mega-menu-drawer__back-label font-body font-bold text-[21px] leading-[1.1]">Services menu</span>
477        </button>
478        <button type="button" class="mega-menu-drawer__close font-body font-bold text-[21px] leading-[1.1]" aria-label="Close menu">✕</button>
479    </div>
480
481    <div class="mega-menu-drawer__content flex flex-col gap-[36px] px-20 pt-12 pb-40">
482            <div class="mega-menu-drawer__section flex flex-col gap-8">
483                    <p class="mega-menu-drawer__eyebrow font-mono text-14 text-coral uppercase tracking-[0.15px] leading-none">Core Services</p>
484    <a class="mega-menu-drawer__core-item flex items-center justify-between gap-16 py-14" href="#" target="_self" rel="">
485        
486                            <span class="font-body font-bold text-18 text-white leading-[1.4]">Always-On Social Media</span>
487                            <span class="mega-menu-drawer__chevron mega-menu-drawer__chevron--forward" aria-hidden="true"></span>
488    </a>
489    <a class="mega-menu-drawer__core-item flex items-center justify-between gap-16 py-14" href="#" target="_self" rel="">
490        
491                            <span class="font-body font-bold text-18 text-white leading-[1.4]">Lead Generation, CRM &amp; RevOps</span>
492                            <span class="mega-menu-drawer__chevron mega-menu-drawer__chevron--forward" aria-hidden="true"></span>
493    </a>
494    <a class="mega-menu-drawer__core-item flex items-center justify-between gap-16 py-14" href="#" target="_self" rel="">
495        
496                            <span class="font-body font-bold text-18 text-white leading-[1.4]">E-commerce Growth</span>
497                            <span class="mega-menu-drawer__chevron mega-menu-drawer__chevron--forward" aria-hidden="true"></span>
498    </a>
499    <a class="mega-menu-drawer__core-item flex items-center justify-between gap-16 py-14" href="#" target="_self" rel="">
500        
501                            <span class="font-body font-bold text-18 text-white leading-[1.4]">Services all</span>
502                            <span class="mega-menu-drawer__chevron mega-menu-drawer__chevron--forward" aria-hidden="true"></span>
503    </a>
504            </div>
505            <div class="mega-menu-drawer__section flex flex-col">
506                    <p class="mega-menu-drawer__eyebrow font-mono text-14 text-coral uppercase tracking-[0.15px] leading-none">Capabilities</p>
507                        <div class="mega-menu-drawer__acc" data-mega-acc>
508                            <button type="button" class="mega-menu-drawer__acc-header flex items-center justify-between gap-16 w-full py-20" aria-expanded="false">
509                                <span class="font-body font-bold text-18 text-white leading-[1.4] text-left">Social Media &amp; Content Creation</span>
510                                <span class="mega-menu-drawer__chevron mega-menu-drawer__chevron--down" aria-hidden="true"></span>
511                            </button>
512                            <div class="mega-menu-drawer__acc-panel">
513                                <div class="mega-menu-drawer__acc-items flex flex-col gap-8 pt-12 pb-20">
514    <a class="mega-menu-drawer__acc-link font-body text-16 text-white leading-[1.5] py-10" href="#" target="_self" rel="">
515        Social Media Strategy
516    </a>
517    <a class="mega-menu-drawer__acc-link font-body text-16 text-white leading-[1.5] py-10" href="#" target="_self" rel="">
518        Social Media Management
519    </a>
520    <a class="mega-menu-drawer__acc-link font-body text-16 text-white leading-[1.5] py-10" href="#" target="_self" rel="">
521        Community Management
522    </a>
523    <a class="mega-menu-drawer__acc-link font-body text-16 text-white leading-[1.5] py-10" href="#" target="_self" rel="">
524        Organic Content Creation
525    </a>
526    <a class="mega-menu-drawer__acc-link font-body text-16 text-white leading-[1.5] py-10" href="#" target="_self" rel="">
527        Content Amplification
528    </a>
529                                </div>
530                            </div>
531                        </div>
532                        <div class="mega-menu-drawer__acc" data-mega-acc>
533                            <button type="button" class="mega-menu-drawer__acc-header flex items-center justify-between gap-16 w-full py-20" aria-expanded="false">
534                                <span class="font-body font-bold text-18 text-white leading-[1.4] text-left">Paid Media &amp; Performance Creative</span>
535                                <span class="mega-menu-drawer__chevron mega-menu-drawer__chevron--down" aria-hidden="true"></span>
536                            </button>
537                            <div class="mega-menu-drawer__acc-panel">
538                                <div class="mega-menu-drawer__acc-items flex flex-col gap-8 pt-12 pb-20">
539    <a class="mega-menu-drawer__acc-link font-body text-16 text-white leading-[1.5] py-10" href="#" target="_self" rel="">
540        Meta Ads
541    </a>
542    <a class="mega-menu-drawer__acc-link font-body text-16 text-white leading-[1.5] py-10" href="#" target="_self" rel="">
543        TikTok Ads
544    </a>
545    <a class="mega-menu-drawer__acc-link font-body text-16 text-white leading-[1.5] py-10" href="#" target="_self" rel="">
546        LinkedIn Ads
547    </a>
548    <a class="mega-menu-drawer__acc-link font-body text-16 text-white leading-[1.5] py-10" href="#" target="_self" rel="">
549        Google Ads
550    </a>
551    <a class="mega-menu-drawer__acc-link font-body text-16 text-white leading-[1.5] py-10" href="#" target="_self" rel="">
552        Performance Creative
553    </a>
554                                </div>
555                            </div>
556                        </div>
557                        <div class="mega-menu-drawer__acc" data-mega-acc>
558                            <button type="button" class="mega-menu-drawer__acc-header flex items-center justify-between gap-16 w-full py-20" aria-expanded="false">
559                                <span class="font-body font-bold text-18 text-white leading-[1.4] text-left">Websites &amp; Landing Pages</span>
560                                <span class="mega-menu-drawer__chevron mega-menu-drawer__chevron--down" aria-hidden="true"></span>
561                            </button>
562                            <div class="mega-menu-drawer__acc-panel">
563                                <div class="mega-menu-drawer__acc-items flex flex-col gap-8 pt-12 pb-20">
564    <a class="mega-menu-drawer__acc-link font-body text-16 text-white leading-[1.5] py-10" href="#" target="_self" rel="">
565        Landing Pages
566    </a>
567    <a class="mega-menu-drawer__acc-link font-body text-16 text-white leading-[1.5] py-10" href="#" target="_self" rel="">
568        Lead Generation Websites
569    </a>
570    <a class="mega-menu-drawer__acc-link font-body text-16 text-white leading-[1.5] py-10" href="#" target="_self" rel="">
571        Shopify Development
572    </a>
573    <a class="mega-menu-drawer__acc-link font-body text-16 text-white leading-[1.5] py-10" href="#" target="_self" rel="">
574        Conversion Rate Optimization
575    </a>
576                                </div>
577                            </div>
578                        </div>
579                        <div class="mega-menu-drawer__acc" data-mega-acc>
580                            <button type="button" class="mega-menu-drawer__acc-header flex items-center justify-between gap-16 w-full py-20" aria-expanded="false">
581                                <span class="font-body font-bold text-18 text-white leading-[1.4] text-left">HubSpot CRM &amp; RevOps</span>
582                                <span class="mega-menu-drawer__chevron mega-menu-drawer__chevron--down" aria-hidden="true"></span>
583                            </button>
584                            <div class="mega-menu-drawer__acc-panel">
585                                <div class="mega-menu-drawer__acc-items flex flex-col gap-8 pt-12 pb-20">
586    <a class="mega-menu-drawer__acc-link font-body text-16 text-white leading-[1.5] py-10" href="#" target="_self" rel="">
587        HubSpot CRM Implementation
588    </a>
589    <a class="mega-menu-drawer__acc-link font-body text-16 text-white leading-[1.5] py-10" href="#" target="_self" rel="">
590        HubSpot CRM Migration
591    </a>
592    <a class="mega-menu-drawer__acc-link font-body text-16 text-white leading-[1.5] py-10" href="#" target="_self" rel="">
593        RevOps
594    </a>
595    <a class="mega-menu-drawer__acc-link font-body text-16 text-white leading-[1.5] py-10" href="#" target="_self" rel="">
596        Sales Enablement
597    </a>
598    <a class="mega-menu-drawer__acc-link font-body text-16 text-white leading-[1.5] py-10" href="#" target="_self" rel="">
599        Marketing Attribution System
600    </a>
601                                </div>
602                            </div>
603                        </div>
604                        <div class="mega-menu-drawer__acc" data-mega-acc>
605                            <button type="button" class="mega-menu-drawer__acc-header flex items-center justify-between gap-16 w-full py-20" aria-expanded="false">
606                                <span class="font-body font-bold text-18 text-white leading-[1.4] text-left">Email Marketing</span>
607                                <span class="mega-menu-drawer__chevron mega-menu-drawer__chevron--down" aria-hidden="true"></span>
608                            </button>
609                            <div class="mega-menu-drawer__acc-panel">
610                                <div class="mega-menu-drawer__acc-items flex flex-col gap-8 pt-12 pb-20">
611    <a class="mega-menu-drawer__acc-link font-body text-16 text-white leading-[1.5] py-10" href="#" target="_self" rel="">
612        HubSpot Email Marketing
613    </a>
614    <a class="mega-menu-drawer__acc-link font-body text-16 text-white leading-[1.5] py-10" href="#" target="_self" rel="">
615        Klaviyo Email Marketing
616    </a>
617                                </div>
618                            </div>
619                        </div>
620                        <div class="mega-menu-drawer__acc" data-mega-acc>
621                            <button type="button" class="mega-menu-drawer__acc-header flex items-center justify-between gap-16 w-full py-20" aria-expanded="false">
622                                <span class="font-body font-bold text-18 text-white leading-[1.4] text-left">Analytics &amp; Reporting</span>
623                                <span class="mega-menu-drawer__chevron mega-menu-drawer__chevron--down" aria-hidden="true"></span>
624                            </button>
625                            <div class="mega-menu-drawer__acc-panel">
626                                <div class="mega-menu-drawer__acc-items flex flex-col gap-8 pt-12 pb-20">
627    <a class="mega-menu-drawer__acc-link font-body text-16 text-white leading-[1.5] py-10" href="#" target="_self" rel="">
628        Organic Social Media Reporting
629    </a>
630    <a class="mega-menu-drawer__acc-link font-body text-16 text-white leading-[1.5] py-10" href="#" target="_self" rel="">
631        E-commerce Reporting
632    </a>
633    <a class="mega-menu-drawer__acc-link font-body text-16 text-white leading-[1.5] py-10" href="#" target="_self" rel="">
634        Revenue &amp; Pipeline Reporting
635    </a>
636                                </div>
637                            </div>
638                        </div>
639            </div>
640
641    </div>
642</div></div>
643      
644
645      
646      <main id="main-content" class="body-container-wrapper">
647        
648  <div class="container-fluid">
649<div class="row-fluid-wrapper">
650<div class="row-fluid">
651<div class="span12 widget-span widget-type-cell " style="" data-widget-type="cell" data-x="0" data-w="12">
652
653<div class="row-fluid-wrapper row-depth-1 row-number-1 dnd_area-row-0-background-layers dnd-section dnd_area-row-0-padding dnd_area-row-0-background-image">
654<div class="row-fluid ">
655<div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12">
656
657<div class="row-fluid-wrapper row-depth-1 row-number-2 dnd-row">
658<div class="row-fluid ">
659<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
660<div id="hs_cos_wrapper_dnd_area-module-2" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module">
661
662    <section class="content-group py-56 md:py-120 " style="--cg-content-mw:700px">
663    <div class="container ">
664    <div class="content-group__grid grid grid-cols-12 gap-24 md:gap-40 ">
665        
666                <div class="col-span-full">
667                    
668
669    
670    
671    <hgroup class="headline">
672        
673        
674        
675
676        <p class="heading  
677        text-coral 
678        text-14 
679        font-normal 
680        font-mono content-group__uptitle mb-16 uppercase text-left md:text-center">
681            About Dreww
682        </p>
683        
684        
685        
686
687        <h1 class="heading heading--100 
688        text-white 
689        text-96 
690        font-normal  content-group__title text-left md:text-center mx-0 md:mx-auto">
691            A growth marketing agency built to turn marketing into revenue
692        </h1>
693        
694    </hgroup>
695    
696
697    
698        <div class="typography 
699        text-white content-group__body mt-22 text-left md:text-center mx-0 md:mx-auto">
700            <p>Dreww helps B2C and B2B businesses build marketing systems that create future demand, generate qualified pipeline, and scale online revenue.</p><p>We bring together social media, content, performance marketing, websites, CRMs, email marketing, creative production, and reporting to help brands earn attention, influence decisions, and turn marketing activity into business value.</p>
701        </div>
702    
703                </div>
704    </div></div>
705    </section></div>
706
707</div><!--end widget-span -->
708</div><!--end row-->
709</div><!--end row-wrapper -->
710
711</div><!--end widget-span -->
712</div><!--end row-->
713</div><!--end row-wrapper -->
714
715<div class="row-fluid-wrapper row-depth-1 row-number-3 dnd-section">
716<div class="row-fluid ">
717<div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12">
718
719<div class="row-fluid-wrapper row-depth-1 row-number-4 dnd-row">
720<div class="row-fluid ">
721<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
722<div id="hs_cos_wrapper_dnd_area-module-4" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module">
723    
724    <section class="content-group content-group--split py-56 md:py-120 " style="--cg-title-mw:550px;--cg-content-mw:700px">
725    <div class="container ">
726    <div class="content-group__grid grid   grid-cols-1 lg:grid-cols-2 lg:items-start gap-24 md:gap-40 lg:gap-x-64 xl:gap-x-96">
727        
728
729                
730                <div class="content-group__col content-group__col--head flex flex-col gap-16">
731                    
732        
733        
734
735        <p class="heading  
736        text-coral 
737        text-14 
738        font-normal 
739        font-mono content-group__uptitle uppercase">
740            About Dreww
741        </p>
742                    
743        
744        
745
746        <h2 class="heading heading--200 
747        text-black 
748        text-62 
749        font-normal  content-group__title">
750            We built Dreww for the way marketing works today
751        </h2>
752                    
753                </div>
754
755                
756                <div class="content-group__col content-group__col--body flex flex-col gap-24">
757                    
758        <div class="typography 
759        text-black content-group__body">
760            <h3 style="font-size: 20px;"><span>Marketing has changed because the way people discover, trust, and choose brands has changed.</span></h3><p><span>People spend their time online. They discover products through content, conversations, creators, search, ads, websites, emails, reviews, and repeated moments of exposure. They form opinions long before they speak to a sales team or add something to cart.</span></p><h3 style="font-size: 18px;"><span>Dreww was built for that reality.</span></h3><p><span>We are a digitally native agency. We grew up on the internet, and our work is focused on the platforms, content, and digital touchpoints where people discover brands, form opinions, build trust, and make purchasing decisions.</span></p><p><span>We are not a traditional advertising agency. We do not work with billboards, radio, television, print, or traditional mass media campaigns.</span></p><p><span>We focus on the digital channels that help businesses create and capture demand, with the visibility to measure what is working, report on performance, and improve over time.</span></p><p><span>Our work is not organized around selling isolated tactics. It is organized around outcomes.</span></p>
761        </div>
762                    
763                </div>
764    </div></div>
765    </section></div>
766
767</div><!--end widget-span -->
768</div><!--end row-->
769</div><!--end row-wrapper -->
770
771</div><!--end widget-span -->
772</div><!--end row-->
773</div><!--end row-wrapper -->
774
775<div class="row-fluid-wrapper row-depth-1 row-number-5 dnd_area-row-2-background-layers dnd_area-row-2-background-color dnd-section">
776<div class="row-fluid ">
777<div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12">
778
779<div class="row-fluid-wrapper row-depth-1 row-number-6 dnd-row">
780<div class="row-fluid ">
781<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
782<div id="hs_cos_wrapper_dnd_area-module-6" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module">
783
784<section class="our-story py-56 md:py-120 " data-our-story>
785    <div class="container ">
786        <div class="our-story__inner flex flex-col gap-16 lg:gap-48">
787
788            
789            <div class="our-story__header flex flex-col gap-16 lg:items-center lg:text-center">
790                
791        
792        
793
794        <p class="heading  
795        text-coral 
796        text-14 
797        font-medium  our-story__uptitle font-mono uppercase tracking-[0.15px] leading-none">
798            Our Story
799        </p>
800                
801        
802        
803
804        <h2 class="heading heading--200 
805        text-white 
806        text-62 
807        font-normal  our-story__title uppercase !leading-[1.1] lg:max-w-[820px]">
808            Dreww was born from internet culture, not adapted to it
809        </h2>
810            </div>
811
812            
813            <div class="our-story__grid">
814                    
815        <div class="typography 
816        text-white our-story__col our-story__col--left leading-[1.5] lg:leading-[1.4] lg:font-medium">
817            <p>Dreww officially launched on January 19, 2021, from the fusion of AMJ Media Inc. and Independent Studios Inc., but the roots of the agency go back much further.</p><p>Before Dreww had a name, we were already building on the internet.</p><p>In 2007, founder and president Andrew Johnson was a high school student posting freestyle skiing videos online with his friends under the name N*J*W*A. They filmed park sessions, edited the footage, shared the videos on social media, and watched how content could shape the way people saw them.</p><p>That attention quickly turned into something more. Andrew and his friends created t-shirts and stickers, wore them in their videos, launched a small online store, and sold the merch to people at school.</p>
818        </div>
819
820                
821                <div class="our-story__right">
822                        
823        <div class="typography 
824        text-white our-story__col our-story__col--right leading-[1.5] lg:leading-[1.4] lg:font-medium">
825            <p>Long before “creator economy” became a term, they were already learning how content, community, brand, and e-commerce could work together.</p><p>That early experience shaped the way Andrew thought about marketing. Social media was not just a place to post. It was a place to build perception, create demand, and turn attention into business value.</p><p>Dreww was built from that internet-native foundation: the belief that c
825ontent can shape attention, attention can influence behaviour, and with the right systems, marketing can become business growth.</p>
826        </div>
827                    
828    <div class="btn-container our-story__cta lg:pt-8">
829    <a class="btn btn--ghost-white   w-full lg:w-auto" href="https://dreww.ca/origin-story?hsLang=en" target="_self" rel="">
830        
831              
832            
833            
834            <span class="btn__label">
835              
836            Read the Full Origin Story
837            </span>
838            
839    </a>
840    </div>
841                </div>
842                    <div class="our-story__images media-slider">
843                        <div class="media-slider__viewport rounded-[10px] lg:rounded-[16px]" data-media-slider tabindex="0" role="group" aria-roledescription="carousel" aria-label="Media slider">
844                            <ul class="media-slider__track" data-media-slider-track>
845                                    <li class="media-slider__slide" aria-roledescription="slide" aria-label="1 of 2">
846                                            <img src="https://dreww.ca/hs-fs/hubfs/Website%20Images/About/the-great-gentleman-dreww-content-production.jpg?width=1600&amp;height=720&amp;name=the-great-gentleman-dreww-content-production.jpg" width="1600" height="720" alt="Dreww film crew shooting a cocktail scene behind the bar at The Great Gentleman" loading="lazy" sizes="(max-width: 1600px) 100vw, 1600px" class="media-slider__img" srcset="https://dreww.ca/hs-fs/hubfs/Website%20Images/About/the-great-gentleman-dreww-content-production.jpg?width=800&amp;height=360&amp;name=the-great-gentleman-dreww-content-production.jpg 800w, https://dreww.ca/hs-fs/hubfs/Website%20Images/About/the-great-gentleman-dreww-content-production.jpg?width=1600&amp;height=720&amp;name=the-great-gentleman-dreww-content-production.jpg 1600w, https://dreww.ca/hs-fs/hubfs/Website%20Images/About/the-great-gentleman-dreww-content-production.jpg?width=2400&amp;height=1080&amp;name=the-great-gentleman-dreww-content-production.jpg 2400w, https://dreww.ca/hs-fs/hubfs/Website%20Images/About/the-great-gentleman-dreww-content-production.jpg?width=3200&amp;height=1440&amp;name=the-great-gentleman-dreww-content-production.jpg 3200w, https://dreww.ca/hs-fs/hubfs/Website%20Images/About/the-great-gentleman-dreww-content-production.jpg?width=4000&amp;height=1800&amp;name=the-great-gentleman-dreww-content-production.jpg 4000w, https://dreww.ca/hs-fs/hubfs/Website%20Images/About/the-great-gentleman-dreww-content-production.jpg?width=4800&amp;height=2160&amp;name=the-great-gentleman-dreww-content-production.jpg 4800w">
847                                    </li>
848                                    <li class="media-slider__slide" aria-roledescription="slide" aria-label="2 of 2">
849                                            <img src="https://dreww.ca/hs-fs/hubfs/Website%20Images/About/dreww-lafleur-tiktok-production.jpg?width=1600&amp;height=720&amp;name=dreww-lafleur-tiktok-production.jpg" width="1600" height="720" alt="Dreww creator filming a TikTok with a Restaurant Lafleur employee in a dining booth" loading="lazy" sizes="(max-width: 1600px) 100vw, 1600px" class="media-slider__img" srcset="https://dreww.ca/hs-fs/hubfs/Website%20Images/About/dreww-lafleur-tiktok-production.jpg?width=800&amp;height=360&amp;name=dreww-lafleur-tiktok-production.jpg 800w, https://dreww.ca/hs-fs/hubfs/Website%20Images/About/dreww-lafleur-tiktok-production.jpg?width=1600&amp;height=720&amp;name=dreww-lafleur-tiktok-production.jpg 1600w, https://dreww.ca/hs-fs/hubfs/Website%20Images/About/dreww-lafleur-tiktok-production.jpg?width=2400&amp;height=1080&amp;name=dreww-lafleur-tiktok-production.jpg 2400w, https://dreww.ca/hs-fs/hubfs/Website%20Images/About/dreww-lafleur-tiktok-production.jpg?width=3200&amp;height=1440&amp;name=dreww-lafleur-tiktok-production.jpg 3200w, https://dreww.ca/hs-fs/hubfs/Website%20Images/About/dreww-lafleur-tiktok-production.jpg?width=4000&amp;height=1800&amp;name=dreww-lafleur-tiktok-production.jpg 4000w, https://dreww.ca/hs-fs/hubfs/Website%20Images/About/dreww-lafleur-tiktok-production.jpg?width=4800&amp;height=2160&amp;name=dreww-lafleur-tiktok-production.jpg 4800w">
850                                    </li>
851                            </ul>
852                                <button type="button" class="media-slider__arrow media-slider__arrow--prev" data-media-slider-prev aria-label="Previous slide">
853                                    <svg width="20" height="20" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M15 18l-6-6 6-6" /></svg>
854                                </button>
855                                <button type="button" class="media-slider__arrow media-slider__arrow--next" data-media-slider-next aria-label="Next slide">
856                                    <svg width="20" height="20" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M9 18l6-6-6-6" /></svg>
857                                </button>
858
859                                <div class="media-slider__dots" data-media-slider-dots>
860                                        <button type="button" class="media-slider__dot" data-index="0" aria-label="Go to slide 1"></button>
861                                        <button type="button" class="media-slider__dot" data-index="1" aria-label="Go to slide 2"></button>
862                                </div>
863                        </div>
864                    </div>
865
866            </div>
867
868        </div></div>
869</section></div>
870
871</div><!--end widget-span -->
872</div><!--end row-->
873</div><!--end row-wrapper -->
874
875</div><!--end widget-span -->
876</div><!--end row-->
877</div><!--end row-wrapper -->
878
879<div class="row-fluid-wrapper row-depth-1 row-number-7 dnd-section">
880<div class="row-fluid ">
881<div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12">
882
883<div class="row-fluid-wrapper row-depth-1 row-number-8 dnd-row">
884<div class="row-fluid ">
885<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
886<div id="hs_cos_wrapper_dnd_area-module-8" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module">
887
888
889<section class="cards py-56 md:py-120 " style="--cards-media-size: 42px" data-cards data-module-id="212805319819">
890    <div class="container ">
891        <div class="cards__inner flex flex-col gap-16 md:gap-56 items-start md:items-center">
892
893            
894            <div class="cards__header flex max-w-[900px] flex-col gap-16 items-start text-left md:mx-auto md:items-center md:text-center">
895                
896        
897        
898
899        <p class="heading  
900        text-coral 
901        text-14 
902        font-medium  cards__uptitle font-mono uppercase tracking-[0.15px] leading-none">
903            Who we are
904        </p>
905                
906        
907        
908
909        <h2 class="heading heading--200 
910        text-grey-900 
911        text-62 
912        font-normal  cards__title uppercase leading-[1.1]">
913            Digitally native, creatively driven, and focused on outcomes
914        </h2>
915                    <div class="cards__intro max-w-[700px] text-18 font-normal 
916        text-grey-600"><p>Dreww is made up of people who grew up on the internet and still live close to it: the platforms, the content, the culture, and the way people interact with brands online.</p></div>
917            </div>
918    <div class="cards__grid grid grid-cols-12  gap-16 lg:gap-24">
919        
920
921                        <article class="cards__card col-span-full md:col-span-6 xl:col-span-3 flex flex-col gap-16 overflow-hidden rounded-2xl border px-28 py-32 
922        bg-white 
923        border-grey-200">
924                                <div class="cards__media flex">
925                                        <img src="https://dreww.ca/hs-fs/hubfs/Emoji/globe.png?width=84&amp;height=160&amp;name=globe.png" width="84" height="160" alt="globe" loading="lazy" class="cards__img w-auto h-auto object-contain" srcset="https://dreww.ca/hs-fs/hubfs/Emoji/globe.png?width=42&amp;height=80&amp;name=globe.png 42w, https://dreww.ca/hs-fs/hubfs/Emoji/globe.png?width=84&amp;height=160&amp;name=globe.png 84w, https://dreww.ca/hs-fs/hubfs/Emoji/globe.png?width=126&amp;height=240&amp;name=globe.png 126w, https://dreww.ca/hs-fs/hubfs/Emoji/globe.png?width=168&amp;height=320&amp;name=globe.png 168w, https://dreww.ca/hs-fs/hubfs/Emoji/globe.png?width=210&amp;height=400&amp;name=globe.png 210w, https://dreww.ca/hs-fs/hubfs/Emoji/globe.png?width=252&amp;height=480&amp;name=globe.png 252w" sizes="(max-width: 84px) 100vw, 84px">
926                                </div>
927                                <div class="cards__spacer h-24" aria-hidden="true"></div>
928
929                            
930        
931        
932
933        <h3 class="heading heading--300 
934        text-grey-900 
935        text-24 
936        font-semibold  cards__card-title font-body normal-case leading-[1.1]">
937            Born and Raised on the Internet
938        </h3>
939                            
940        <div class="typography 
941        text-grey-600 cards__card-content text-14 font-medium leading-[1.4]">
942            <p>We live close to the platforms, the content, the culture, and the way people interact with brands online.</p>
943        </div>
944                        </article>
945
946                        <article class="cards__card col-span-full md:col-span-6 xl:col-span-3 flex flex-col gap-16 overflow-hidden rounded-2xl border px-28 py-32 
947        bg-white 
948        border-grey-200">
949                                <div class="cards__media flex">
950                                        <img src="https://dreww.ca/hs-fs/hubfs/Emoji/smiley.png?width=84&amp;height=160&amp;name=smiley.png" width="84" height="160" alt="smiley" loading="lazy" class="cards__img w-auto h-auto object-contain" srcset="https://dreww.ca/hs-fs/hubfs/Emoji/smiley.png?width=42&amp;height=80&amp;name=smiley.png 42w, https://dreww.ca/hs-fs/hubfs/Emoji/smiley.png?width=84&amp;height=160&amp;name=smiley.png 84w, https://dreww.ca/hs-fs/hubfs/Emoji/smiley.png?width=126&amp;height=240&amp;name=smiley.png 126w, https://dreww.ca/hs-fs/hubfs/Emoji/smiley.png?width=168&amp;height=320&amp;name=smiley.png 168w, https://dreww.ca/hs-fs/hubfs/Emoji/smiley.png?width=210&amp;height=400&amp;name=smiley.png 210w, https://dreww.ca/hs-fs/hubfs/Emoji/smiley.png?width=252&amp;height=480&amp;name=smiley.png 252w" sizes="(max-width: 84px) 100vw, 84px">
951                                </div>
952                                <div class="cards__spacer h-24" aria-hidden="true"></div>
953
954                            
955        
956        
957
958        <h3 class="heading heading--300 
959        text-grey-900 
960        text-24 
961        font-semibold  cards__card-title font-body normal-case leading-[1.1]">
962            Driven by Curiosity &amp; Continuous Learning
963        </h3>
964                            
965        <div class="typography 
966        text-grey-600 cards__card-content text-14 font-medium leading-[1.4]">
967            <p>We have an immense thirst to keep testing, improving, understanding what comes next, and challenging the status quo.</p>
968        </div>
969                        </article>
970
971                        <article class="cards__card col-span-full md:col-span-6 xl:col-span-3 flex flex-col gap-16 overflow-hidden rounded-2xl border px-28 py-32 
972        bg-white 
973        border-grey-200">
974                                <div class="cards__media flex">
975                                        <img src="https://dreww.ca/hs-fs/hubfs/Emoji/family.png?width=84&amp;height=160&amp;name=family.png" width="84" height="160" alt="family" loading="lazy" class="cards__img w-auto h-auto object-contain" srcset="https://dreww.ca/hs-fs/hubfs/Emoji/family.png?width=42&amp;height=80&amp;name=family.png 42w, https://dreww.ca/hs-fs/hubfs/Emoji/family.png?width=84&amp;height=160&amp;name=family.png 84w, https://dreww.ca/hs-fs/hubfs/Emoji/family.png?width=126&amp;height=240&amp;name=family.png 126w, https://dreww.ca/hs-fs/hubfs/Emoji/family.png?width=168&amp;height=320&amp;name=family.png 168w, https://dreww.ca/hs-fs/hubfs/Emoji/family.png?width=210&amp;height=400&amp;name=family.png 210w, https://dreww.ca/hs-fs/hubfs/Emoji/family.png?width=252&amp;height=480&amp;name=family.png 252w" sizes="(max-width: 84px) 100vw, 84px">
976                                </div>
977                                <div class="cards__spacer h-24" aria-hidden="true"></div>
978
979                            
980        
981        
982
983        <h3 class="heading heading--300 
984        text-grey-900 
985        text-24 
986        font-semibold  cards__card-title font-body normal-case leading-[1.1]">
987            Thoughtful, Analytical, and Intentional
988        </h3>
989                            
990        <div class="typography 
991        text-grey-600 cards__card-content text-14 font-medium leading-[1.4]">
992            <p>We care about the small details because they shape the quality of the work, and we believe in raising the standard by taking ownership and telling the truth.</p>
993        </div>
994                        </article>
995
996                        <article class="cards__card col-span-full md:col-span-6 xl:col-span-3 flex flex-col gap-16 overflow-hidden rounded-2xl border px-28 py-32 
997        bg-burgundy 
998        border-burgundy">
999                                <div class="cards__media flex">
1000                                        <img src="https://dreww.ca/hs-fs/hubfs/Emoji/rocket.png?width=84&amp;height=160&amp;name=rocket.png" width="84" height="160" alt="rocket" loading="lazy" class="cards__img w-auto h-auto object-contain" srcset="https://dreww.ca/hs-fs/hubfs/Emoji/rocket.png?width=42&amp;height=80&amp;name=rocket.png 42w, https://dreww.ca/hs-fs/hubfs/Emoji/rocket.png?width=84&amp;height=160&amp;name=rocket.png 84w, https://dreww.ca/hs-fs/hubfs/Emoji/rocket.png?width=126&amp;height=240&amp;name=rocket.png 126w, https://dreww.ca/hs-fs/hubfs/Emoji/rocket.png?width=168&amp;height=320&amp;name=rocket.png 168w, https://dreww.ca/hs-fs/hubfs/Emoji/rocket.png?width=210&amp;height=400&amp;name=rocket.png 210w, https://dreww.ca/hs-fs/hubfs/Emoji/rocket.png?width=252&amp;height=480&amp;name=rocket.png 252w" sizes="(max-width: 84px) 100vw, 84px">
1001                                </div>
1002                                <div class="cards__spacer h-24" aria-hidden="true"></div>
1003
1004                            
1005        
1006        
1007
1008        <h3 class="heading heading--300 
1009        text-white 
1010        text-24 
1011        font-semibold  cards__card-title font-body normal-case leading-[1.1]">
1012            Focused on Outcomes, Not Activity
1013        </h3>
1014                            
1015        <div class="typography 
1016        text-white cards__card-content text-14 font-medium leading-[1.4]">
1017            <p>The goal is not to create more noise; it is to help businesses build marketing that creates genuine value.</p>
1018        </div>
1019                        </article>
1020    </div>
1021
1022            
1023            
1024    <div class="btn-container cards__buttons mt-24 md:mt-0 justify-start md:justify-center">
1025    <a class="btn btn--primary   " href="https://dreww.ca/culture?hsLang=en" target="_self" rel="">
1026        
1027              
1028            
1029            
1030            <span class="btn__label">
1031              
1032            Explore our culture
1033            </span>
1034            
1035    </a>
1036    </div>
1037
1038        </div></div>
1039</section></div>
1040
1041</div><!--end widget-span -->
1042</div><!--end row-->
1043</div><!--end row-wrapper -->
1044
1045</div><!--end widget-span -->
1046</div><!--end row-->
1047</div><!--end row-wrapper -->
1048
1049<div class="row-fluid-wrapper row-depth-1 row-number-9 dnd-section dnd_area-row-4-background-layers dnd_area-row-4-background-color">
1050<div class="row-fluid ">
1051<div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12">
1052
1053<div class="row-fluid-wrapper row-depth-1 row-number-10 dnd-row">
1054<div class="row-fluid ">
1055<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
1056<div id="hs_cos_wrapper_dnd_area-module-10" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module">
1057
1058
1059<section class="team-cards py-56 md:py-120 " data-team-cards data-module-id="217287111977">
1060    <div class="container ">
1061        <div class="team-cards__inner flex flex-col gap-16 md:gap-40 lg:gap-64">
1062
1063            
1064            <div class="team-cards__header flex max-w-[960px] flex-col gap-16 items-start text-left mx-0 lg:items-center lg:text-center lg:mx-auto">
1065                
1066        
1067        
1068
1069        <p class="heading  
1070        text-coral 
1071        text-14 
1072        font-medium  team-cards__uptitle font-mono uppercase tracking-[0.15px] leading-none">
1073            Leadership
1074        </p>
1075                
1076        
1077        
1078
1079        <h2 class="heading heading--200 
1080        text-grey-900 
1081        text-62 
1082        font-normal  team-cards__title uppercase leading-[1.1]">
1083            Meet the people shaping Dreww's direction, standards, and work
1084        </h2>
1085            </div>
1086    <div class="team-cards__grid grid grid-cols-12  gap-16 lg:gap-24">
1087        
1088                        <article class="team-cards__card col-span-6 lg:col-span-3 flex flex-col gap-10 lg:gap-22 items-start text-left lg:items-center lg:text-center">
1089                                <div class="team-cards__media aspect-[9/16] lg:aspect-[4/5] w-full overflow-hidden rounded-[10px] lg:rounded-xl">
1090                                    <img src="https://dreww.ca/hs-fs/hubfs/Employee%20Portraits/andrew-johnson-employee-portrait.jpg?width=800&amp;height=1000&amp;name=andrew-johnson-employee-portrait.jpg" width="800" height="1000" alt="Andrew Johnson" loading="lazy" sizes="(max-width: 800px) 100vw, 800px" class="team-cards__img w-full h-full object-cover" srcset="https://dreww.ca/hs-fs/hubfs/Employee%20Portraits/andrew-johnson-employee-portrait.jpg?width=400&amp;height=500&amp;name=andrew-johnson-employee-portrait.jpg 400w, https://dreww.ca/hs-fs/hubfs/Employee%20Portraits/andrew-johnson-employee-portrait.jpg?width=800&amp;height=1000&amp;name=andrew-johnson-employee-portrait.jpg 800w, https://dreww.ca/hs-fs/hubfs/Employee%20Portraits/andrew-johnson-employee-portrait.jpg?width=1200&amp;height=1500&amp;name=andrew-johnson-employee-portrait.jpg 1200w, https://dreww.ca/hs-fs/hubfs/Employee%20Portraits/andrew-johnson-employee-portrait.jpg?width=1600&amp;height=2000&amp;name=andrew-johnson-employee-portrait.jpg 1600w, https://dreww.ca/hs-fs/hubfs/Employee%20Portraits/andrew-johnson-employee-portrait.jpg?width=2000&amp;height=2500&amp;name=andrew-johnson-employee-portrait.jpg 2000w, https://dreww.ca/hs-fs/hubfs/Employee%20Portraits/andrew-johnson-employee-portrait.jpg?width=2400&amp;height=3000&amp;name=andrew-johnson-employee-portrait.jpg 2400w">
1091                                </div>
1092
1093                            <div class="team-cards__info flex w-full flex-col gap-8 lg:gap-4">
1094                                    <p class="team-cards__name font-body normal-case text-16 lg:text-24 font-medium lg:font-semibold leading-[1.3] lg:leading-[1.1] 
1095        text-grey-900">Andrew Johnson</p>
1096                                    <p class="team-cards__role text-14 font-medium leading-[1.4] 
1097        text-grey-600">Founder and President</p>
1098                            </div>
1099    <a class="team-cards__social inline-flex mt-auto h-28 w-28 
1100        text-burgundy" href="https://www.linkedin.com/in/andrewamj/" target="_blank" rel="noopener" aria-label="Andrew Johnson on LinkedIn">
1101        
1102                                    <svg viewbox="0 0 25 25" fill="currentColor" aria-hidden="true"><path d="M22.5405 0H2.09344C0.976172 0 0 0.803906 0 1.90805V22.4005C0 23.5107 0.976172 24.5 2.09344 24.5H22.5345C23.6578 24.5 24.5 23.5041 24.5 22.4005V1.90805C24.5066 0.803906 23.6578 0 22.5405 0ZM7.59445 20.422H4.08461V9.50906H7.59445V20.422ZM5.96094 7.84984H5.93578C4.8125 7.84984 4.08516 7.01367 4.08516 5.96695C4.08516 4.90109 4.83164 4.08461 5.98008 4.08461C7.12852 4.08461 7.83125 4.89508 7.85641 5.96695C7.85586 7.01367 7.12852 7.84984 5.96094 7.84984ZM20.422 20.422H16.9121V14.455C16.9121 13.0255 16.4013 12.0487 15.1315 12.0487C14.1613 12.0487 13.5871 12.705 13.3317 13.3443C13.236 13.574 13.2103 13.8868 13.2103 14.2062V20.422H9.70047V9.50906H13.2103V11.0277C13.7211 10.3004 14.519 9.25367 16.3756 9.25367C18.6796 9.25367 20.4225 10.7723 20.4225 14.0465L20.422 20.422Z" /></svg>
1103    </a>
1104                        </article>
1105                        <article class="team-cards__card col-span-6 lg:col-span-3 flex flex-col gap-10 lg:gap-22 items-start text-left lg:items-center lg:text-center">
1106                                <div class="team-cards__media aspect-[9/16] lg:aspect-[4/5] w-full overflow-hidden rounded-[10px] lg:rounded-xl">
1107                                    <img src="https://dreww.ca/hs-fs/hubfs/Employee%20Portraits/elizabeth-lafontaine-employee-portrait.jpg?width=800&amp;height=1000&amp;name=elizabeth-lafontaine-employee-portrait.jpg" width="800" height="1000" alt="Elizabeth Lafontaine" loading="lazy" sizes="(max-width: 800px) 100vw, 800px" class="team-cards__img w-full h-full object-cover" srcset="https://dreww.ca/hs-fs/hubfs/Employee%20Portraits/elizabeth-lafontaine-employee-portrait.jpg?width=400&amp;height=500&amp;name=elizabeth-lafontaine-employee-portrait.jpg 400w, https://dreww.ca/hs-fs/hubfs/Employee%20Portraits/elizabeth-lafontaine-employee-portrait.jpg?width=800&amp;height=1000&amp;name=elizabeth-lafontaine-employee-portrait.jpg 800w, https://dreww.ca/hs-fs/hubfs/Employee%20Portraits/elizabeth-lafontaine-employee-portrait.jpg?width=1200&amp;height=1500&amp;name=elizabeth-lafontaine-employee-portrait.jpg 1200w, https://dreww.ca/hs-fs/hubfs/Employee%20Portraits/elizabeth-lafontaine-employee-portrait.jpg?width=1600&amp;height=2000&amp;name=elizabeth-lafontaine-employee-portrait.jpg 1600w, https://dreww.ca/hs-fs/hubfs/Employee%20Portraits/elizabeth-lafontaine-employee-portrait.jpg?width=2000&amp;height=2500&amp;name=elizabeth-lafontaine-employee-portrait.jpg 2000w, https://dreww.ca/hs-fs/hubfs/Employee%20Portraits/elizabeth-lafontaine-employee-portrait.jpg?width=2400&amp;height=3000&amp;name=elizabeth-lafontaine-employee-portrait.jpg 2400w">
1108                                </div>
1109
1110                            <div class="team-cards__info flex w-full flex-col gap-8 lg:gap-4">
1111                                    <p class="team-cards__name font-body normal-case text-16 lg:text-24 font-medium lg:font-semibold leading-[1.3] lg:leading-[1.1] 
1112        text-grey-900">Elizabeth Lafontaine</p>
1113                                    <p class="team-cards__role text-14 font-medium leading-[1.4] 
1114        text-grey-600">Vice President</p>
1115                            </div>
1116    <a class="team-cards__social inline-flex mt-auto h-28 w-28 
1117        text-burgundy" href="https://www.linkedin.com/in/elizabeth-lafontaine/" target="_blank" rel="noopener" aria-label="Elizabeth Lafontaine on LinkedIn">
1118        
1119                                    <svg viewbox="0 0 25 25" fill="currentColor" aria-hidden="true"><path d="M22.5405 0H2.09344C0.976172 0 0 0.803906 0 1.90805V22.4005C0 23.5107 0.976172 24.5 2.09344 24.5H22.5345C23.6578 24.5 24.5 23.5041 24.5 22.4005V1.90805C24.5066 0.803906 23.6578 0 22.5405 0ZM7.59445 20.422H4.08461V9.50906H7.59445V20.422ZM5.96094 7.84984H5.93578C4.8125 7.84984 4.08516 7.01367 4.08516 5.96695C4.08516 4.90109 4.83164 4.08461 5.98008 4.08461C7.12852 4.08461 7.83125 4.89508 7.85641 5.96695C7.85586 7.01367 7.12852 7.84984 5.96094 7.84984ZM20.422 20.422H16.9
1119121V14.455C16.9121 13.0255 16.4013 12.0487 15.1315 12.0487C14.1613 12.0487 13.5871 12.705 13.3317 13.3443C13.236 13.574 13.2103 13.8868 13.2103 14.2062V20.422H9.70047V9.50906H13.2103V11.0277C13.7211 10.3004 14.519 9.25367 16.3756 9.25367C18.6796 9.25367 20.4225 10.7723 20.4225 14.0465L20.422 20.422Z" /></svg>
1120    </a>
1121                        </article>
1122                        <article class="team-cards__card col-span-6 lg:col-span-3 flex flex-col gap-10 lg:gap-22 items-start text-left lg:items-center lg:text-center">
1123                                <div class="team-cards__media aspect-[9/16] lg:aspect-[4/5] w-full overflow-hidden rounded-[10px] lg:rounded-xl">
1124                                    <img src="https://dreww.ca/hs-fs/hubfs/Employee%20Portraits/olivia-rijntjes-employee-portrait.jpg?width=800&amp;height=1000&amp;name=olivia-rijntjes-employee-portrait.jpg" width="800" height="1000" alt="Olivia Rijntjes" loading="lazy" sizes="(max-width: 800px) 100vw, 800px" class="team-cards__img w-full h-full object-cover" srcset="https://dreww.ca/hs-fs/hubfs/Employee%20Portraits/olivia-rijntjes-employee-portrait.jpg?width=400&amp;height=500&amp;name=olivia-rijntjes-employee-portrait.jpg 400w, https://dreww.ca/hs-fs/hubfs/Employee%20Portraits/olivia-rijntjes-employee-portrait.jpg?width=800&amp;height=1000&amp;name=olivia-rijntjes-employee-portrait.jpg 800w, https://dreww.ca/hs-fs/hubfs/Employee%20Portraits/olivia-rijntjes-employee-portrait.jpg?width=1200&amp;height=1500&amp;name=olivia-rijntjes-employee-portrait.jpg 1200w, https://dreww.ca/hs-fs/hubfs/Employee%20Portraits/olivia-rijntjes-employee-portrait.jpg?width=1600&amp;height=2000&amp;name=olivia-rijntjes-employee-portrait.jpg 1600w, https://dreww.ca/hs-fs/hubfs/Employee%20Portraits/olivia-rijntjes-employee-portrait.jpg?width=2000&amp;height=2500&amp;name=olivia-rijntjes-employee-portrait.jpg 2000w, https://dreww.ca/hs-fs/hubfs/Employee%20Portraits/olivia-rijntjes-employee-portrait.jpg?width=2400&amp;height=3000&amp;name=olivia-rijntjes-employee-portrait.jpg 2400w">
1125                                </div>
1126
1127                            <div class="team-cards__info flex w-full flex-col gap-8 lg:gap-4">
1128                                    <p class="team-cards__name font-body normal-case text-16 lg:text-24 font-medium lg:font-semibold leading-[1.3] lg:leading-[1.1] 
1129        text-grey-900">Olivia Rijntjes</p>
1130                                    <p class="team-cards__role text-14 font-medium leading-[1.4] 
1131        text-grey-600">Director, Operations and Client Experience</p>
1132                            </div>
1133    <a class="team-cards__social inline-flex mt-auto h-28 w-28 
1134        text-burgundy" href="https://www.linkedin.com/in/olivia-rijntjes/" target="_blank" rel="noopener" aria-label="Olivia Rijntjes on LinkedIn">
1135        
1136                                    <svg viewbox="0 0 25 25" fill="currentColor" aria-hidden="true"><path d="M22.5405 0H2.09344C0.976172 0 0 0.803906 0 1.90805V22.4005C0 23.5107 0.976172 24.5 2.09344 24.5H22.5345C23.6578 24.5 24.5 23.5041 24.5 22.4005V1.90805C24.5066 0.803906 23.6578 0 22.5405 0ZM7.59445 20.422H4.08461V9.50906H7.59445V20.422ZM5.96094 7.84984H5.93578C4.8125 7.84984 4.08516 7.01367 4.08516 5.96695C4.08516 4.90109 4.83164 4.08461 5.98008 4.08461C7.12852 4.08461 7.83125 4.89508 7.85641 5.96695C7.85586 7.01367 7.12852 7.84984 5.96094 7.84984ZM20.422 20.422H16.9
1136121V14.455C16.9121 13.0255 16.4013 12.0487 15.1315 12.0487C14.1613 12.0487 13.5871 12.705 13.3317 13.3443C13.236 13.574 13.2103 13.8868 13.2103 14.2062V20.422H9.70047V9.50906H13.2103V11.0277C13.7211 10.3004 14.519 9.25367 16.3756 9.25367C18.6796 9.25367 20.4225 10.7723 20.4225 14.0465L20.422 20.422Z" /></svg>
1137    </a>
1138                        </article>
1139                        <article class="team-cards__card col-span-6 lg:col-span-3 flex flex-col gap-10 lg:gap-22 items-start text-left lg:items-center lg:text-center">
1140                                <div class="team-cards__media aspect-[9/16] lg:aspect-[4/5] w-full overflow-hidden rounded-[10px] lg:rounded-xl">
1141                                    <img src="https://dreww.ca/hs-fs/hubfs/Employee%20Portraits/daisy-employee-portrait.jpg?width=800&amp;height=1000&amp;name=daisy-employee-portrait.jpg" width="800" height="1000" alt="Daisy" loading="lazy" sizes="(max-width: 800px) 100vw, 800px" class="team-cards__img w-full h-full object-cover" srcset="https://dreww.ca/hs-fs/hubfs/Employee%20Portraits/daisy-employee-portrait.jpg?width=400&amp;height=500&amp;name=daisy-employee-portrait.jpg 400w, https://dreww.ca/hs-fs/hubfs/Employee%20Portraits/daisy-employee-portrait.jpg?width=800&amp;height=1000&amp;name=daisy-employee-portrait.jpg 800w, https://dreww.ca/hs-fs/hubfs/Employee%20Portraits/daisy-employee-portrait.jpg?width=1200&amp;height=1500&amp;name=daisy-employee-portrait.jpg 1200w, https://dreww.ca/hs-fs/hubfs/Employee%20Portraits/daisy-employee-portrait.jpg?width=1600&amp;height=2000&amp;name=daisy-employee-portrait.jpg 1600w, https://dreww.ca/hs-fs/hubfs/Employee%20Portraits/daisy-employee-portrait.jpg?width=2000&amp;height=2500&amp;name=daisy-employee-portrait.jpg 2000w, https://dreww.ca/hs-fs/hubfs/Employee%20Portraits/daisy-employee-portrait.jpg?width=2400&amp;height=3000&amp;name=daisy-employee-portrait.jpg 2400w">
1142                                </div>
1143
1144                            <div class="team-cards__info flex w-full flex-col gap-8 lg:gap-4">
1145                                    <p class="team-cards__name font-body normal-case text-16 lg:text-24 font-medium lg:font-semibold leading-[1.3] lg:leading-[1.1] 
1146        text-grey-900">Daisy</p>
1147                                    <p class="team-cards__role text-14 font-medium leading-[1.4] 
1148        text-grey-600">Office Dog</p>
1149                            </div>
1150    <a class="team-cards__social inline-flex mt-auto h-28 w-28 
1151        text-burgundy" href="https://www.linkedin.com/in/daisyy-johnson/" target="_blank" rel="noopener" aria-label="Daisy on LinkedIn">
1152        
1153                                    <svg viewbox="0 0 25 25" fill="currentColor" aria-hidden="true"><path d="M22.5405 0H2.09344C0.976172 0 0 0.803906 0 1.90805V22.4005C0 23.5107 0.976172 24.5 2.09344 24.5H22.5345C23.6578 24.5 24.5 23.5041 24.5 22.4005V1.90805C24.5066 0.803906 23.6578 0 22.5405 0ZM7.59445 20.422H4.08461V9.50906H7.59445V20.422ZM5.96094 7.84984H5.93578C4.8125 7.84984 4.08516 7.01367 4.08516 5.96695C4.08516 4.90109 4.83164 4.08461 5.98008 4.08461C7.12852 4.08461 7.83125 4.89508 7.85641 5.96695C7.85586 7.01367 7.12852 7.84984 5.96094 7.84984ZM20.422 20.422H16.9
1153121V14.455C16.9121 13.0255 16.4013 12.0487 15.1315 12.0487C14.1613 12.0487 13.5871 12.705 13.3317 13.3443C13.236 13.574 13.2103 13.8868 13.2103 14.2062V20.422H9.70047V9.50906H13.2103V11.0277C13.7211 10.3004 14.519 9.25367 16.3756 9.25367C18.6796 9.25367 20.4225 10.7723 20.4225 14.0465L20.422 20.422Z" /></svg>
1154    </a>
1155                        </article>
1156    </div>
1157
1158        </div></div>
1159</section></div>
1160
1161</div><!--end widget-span -->
1162</div><!--end row-->
1163</div><!--end row-wrapper -->
1164
1165</div><!--end widget-span -->
1166</div><!--end row-->
1167</div><!--end row-wrapper -->
1168
1169<div class="row-fluid-wrapper row-depth-1 row-number-11 dnd-section">
1170<div class="row-fluid ">
1171<div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12">
1172
1173<div class="row-fluid-wrapper row-depth-1 row-number-12 dnd-row">
1174<div class="row-fluid ">
1175<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
1176<div id="hs_cos_wrapper_widget_1785178671825" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module">
1177
1178<section class="gallery py-56 md:py-120 " data-gallery data-batch="10" style="--gallery-columns: 3; --gallery-title-mw: 900px; --gallery-content-mw: 700px">
1179    <div class="container ">
1180    <div class="gallery__grid grid grid-cols-12 gap-24 md:gap-40 ">
1181        
1182            <div class="col-span-full flex flex-col gap-24 lg:gap-48">
1183
1184                
1185                <div class="gallery__header flex flex-col gap-16 text-center md:text-center items-center md:items-center">
1186                    
1187        
1188        
1189
1190        <p class="heading  
1191        text-coral 
1192        text-14 
1193        font-medium  gallery__uptitle font-mono uppercase tracking-[0.15px] leading-none">
1194            Our Space
1195        </p>
1196                    
1197        
1198        
1199
1200        <h2 class="heading heading--200 
1201        text-grey-900 
1202        text-62 
1203        font-normal  gallery__title uppercase !leading-[1.1]">
1204            A Montreal office and production studio built for collaboration and content creation
1205        </h2>
1206                    
1207                    
1208        <div class="typography 
1209        text-grey-600 gallery__copy">
1210            <p>Dreww’s office and in-house production environment gives the team a physical space to collaborate, create, shoot, edit, meet, plan, and build.</p>
1211<p>The space supports the way Dreww works: strategy sessions, client meetings, creative development, content production, editing, team collaboration, and day-to-day execution.</p>
1212<p>It also helps make the agency tangible. Dreww is not only a remote collection of specialists. It is a team with a real creative environment, production capacity, and a shared space where ideas, campaigns, content, and client work come to life.</p>
1213        </div>
1214                </div>
1215                    <div class="gallery__body flex flex-col items-center gap-24 md:gap-32">
1216                        <div class="gallery__mosaic w-full" data-gallery-grid>
1217                                <div class="gallery__item relative overflow-hidden rounded-[12px] col-span-2 aspect-[16/9] lg:aspect-auto  ">
1218                                        <img src="https://dreww.ca/hs-fs/hubfs/Website%20Images/Culture/dreww-culture-90.jpg?width=1280&amp;height=640&amp;name=dreww-culture-90.jpg" width="1280" height="640" alt="Two Dreww team members at a desk styled with vintage computers and audio gear" loading="lazy" sizes="(max-width: 1280px) 100vw, 1280px" class="gallery__img absolute inset-0 h-full w-full object-cover" srcset="https://dreww.ca/hs-fs/hubfs/Website%20Images/Culture/dreww-culture-90.jpg?width=640&amp;height=320&amp;name=dreww-culture-90.jpg 640w, https://dreww.ca/hs-fs/hubfs/Website%20Images/Culture/dreww-culture-90.jpg?width=1280&amp;height=640&amp;name=dreww-culture-90.jpg 1280w, https://dreww.ca/hs-fs/hubfs/Website%20Images/Culture/dreww-culture-90.jpg?width=1920&amp;height=960&amp;name=dreww-culture-90.jpg 1920w, https://dreww.ca/hs-fs/hubfs/Website%20Images/Culture/dreww-culture-90.jpg?width=2560&amp;height=1280&amp;name=dreww-culture-90.jpg 2560w, https://dreww.ca/hs-fs/hubfs/Website%20Images/Culture/dreww-culture-90.jpg?width=3200&amp;height=1600&amp;name=dreww-culture-90.jpg 3200w, https://dreww.ca/hs-fs/hubfs/Website%20Images/Culture/dreww-culture-90.jpg?width=3840&amp;height=1920&amp;name=dreww-culture-90.jpg 3840w">
1219                                </div>
1220                                <div class="gallery__item relative overflow-hidden rounded-[12px] aspect-square  ">
1221                                        <img src="https://dreww.ca/hs-fs/hubfs/Website%20Images/About/dreww-office-2.jpg?width=720&amp;height=720&amp;name=dreww-office-2.jpg" width="720" height="720" alt="Dreww team on a living-room set during a Prime Video shoot, one holding a clapperboard" loading="lazy" sizes="(max-width: 720px) 100v
1221w, 720px" class="gallery__img absolute inset-0 h-full w-full object-cover" srcset="https://dreww.ca/hs-fs/hubfs/Website%20Images/About/dreww-office-2.jpg?width=360&amp;height=360&amp;name=dreww-office-2.jpg 360w, https://dreww.ca/hs-fs/hubfs/Website%20Images/About/dreww-office-2.jpg?width=720&amp;height=720&amp;name=dreww-office-2.jpg 720w, https://dreww.ca/hs-fs/hubfs/Website%20Images/About/dreww-office-2.jpg?width=1080&amp;height=1080&amp;name=dreww-office-2.jpg 1080w, https://dreww.ca/hs-fs/hubfs/Website%20Images/About/dreww-office-2.jpg?width=1440&amp;height=1440&amp;name=dreww-office-2.jpg 1440w, https://dreww.ca/hs-fs/hubfs/Website%20Images/About/dreww-office-2.jpg?width=1800&amp;height=1800&amp;name=dreww-office-2.jpg 1800w, https://dreww.ca/hs-fs/hubfs/Website%20Images/About/dreww-office-2.jpg?width=2160&amp;height=2160&amp;name=dreww-office-2.jpg 2160w">
1222                                </div>
1223                                <div class="gallery__item relative overflow-hidden rounded-[12px] aspect-square  ">
1224                                        <img src="https://dreww.ca/hs-fs/hubfs/Website%20Images/About/dreww-office-3.jpg?width=720&amp;height=720&amp;name=dreww-office-3.jpg" width="720" height="720" alt="Dreww crew shooting a product photo in the studio with softbox lighting and a live monitor" loading="lazy" sizes="(max-width: 720px) 100vw, 720px" class="gallery__img absolute inset-0 h-full w-full object-cover" srcset="https://dreww.ca/hs-fs/hubfs/Website%20Images/About/dreww-office-3.jpg?width=360&amp;height=360&amp;name=dreww-office-3.jpg 360w, https://dreww.ca/hs-fs/hubfs/Website%20Images/About/dreww-office-3.jpg?width=720&amp;height=720&amp;name=dreww-office-3.jpg 720w, https://dreww.ca/hs-fs/hubfs/Website%20Images/About/dreww-office-3.jpg?width=1080&amp;height=1080&amp;name=dreww-office-3.jpg 1080w, https://dreww.ca/hs-fs/hubfs/Website%20Images/About/dreww-office-3.jpg?width=1440&amp;height=1440&amp;name=dreww-office-3.jpg 1440w, https://dreww.ca/hs-fs/hubfs/Website%20Images/About/dreww-office-3.jpg?width=1800&amp;height=1800&amp;name=dreww-office-3.jpg 1800w, https://dreww.ca/hs-fs/hubfs/Website%20Images/About/dreww-office-3.jpg?width=2160&amp;height=2160&amp;name=dreww-office-3.jpg 2160w">
1225                                </div>
1226                                <div class="gallery__item relative overflow-hidden rounded-[12px] aspect-square  ">
1227                                        <img src="https://dreww.ca/hs-fs/hubfs/Website%20Images/Culture/dreww-culture-151.jpg?width=720&amp;height=720&amp;name=dreww-culture-151.jpg" width="720" height="720" alt="Dreww team meeting around a boardroom table during a project organization workshop" loading="lazy" sizes="(max-width: 720px) 100vw, 720px" class="gallery__img absolute inset-0 h-full w-full object-cover" srcset="https://dreww.ca/hs-fs/hubfs/Website%20Images/Culture/dreww-culture-151.jpg?width=360&amp;height=360&amp;name=dreww-culture-151.jpg 360w, https://dreww.ca/hs-fs/hubfs/Website%20Images/Culture/dreww-culture-151.jpg?width=720&amp;height=720&amp;name=dreww-culture-151.jpg 720w, https://dreww.ca/hs-fs/hubfs/Website%20Images/Culture/dreww-culture-151.jpg?width=1080&amp;height=1080&amp;name=dreww-culture-151.jpg 1080w, https://dreww.ca/hs-fs/hubfs/Website%20Images/Culture/dreww-culture-151.jpg?width=1440&amp;height=1440&amp;name=dreww-culture-151.jpg 1440w, https://dreww.ca/hs-fs/hubfs/Website%20Images/Culture/dreww-culture-151.jpg?width=1800&amp;height=1800&amp;name=dreww-culture-151.jpg 1800w, https://dreww.ca/hs-fs/hubfs/Website%20Images/Culture/dreww-culture-151.jpg?width=2160&amp;height=2160&amp;name=dreww-culture-151.jpg 2160w">
1228                                </div>
1229                                <div class="gallery__item relative overflow-hidden rounded-[12px] aspect-square  ">
1230                                        <img src="https://dreww.ca/hs-fs/hubfs/Website%20Images/Culture/dreww-culture-103.jpg?width=720&amp;height=720&amp;name=dreww-culture-103.jpg" width="720" height="720" alt="A moment from life and work at Dreww in Montreal" loading="lazy" sizes="(max-width: 720px) 100v
1230w, 720px" class="gallery__img absolute inset-0 h-full w-full object-cover" srcset="https://dreww.ca/hs-fs/hubfs/Website%20Images/Culture/dreww-culture-103.jpg?width=360&amp;height=360&amp;name=dreww-culture-103.jpg 360w, https://dreww.ca/hs-fs/hubfs/Website%20Images/Culture/dreww-culture-103.jpg?width=720&amp;height=720&amp;name=dreww-culture-103.jpg 720w, https://dreww.ca/hs-fs/hubfs/Website%20Images/Culture/dreww-culture-103.jpg?width=1080&amp;height=1080&amp;name=dreww-culture-103.jpg 1080w, https://dreww.ca/hs-fs/hubfs/Website%20Images/Culture/dreww-culture-103.jpg?width=1440&amp;height=1440&amp;name=dreww-culture-103.jpg 1440w, https://dreww.ca/hs-fs/hubfs/Website%20Images/Culture/dreww-culture-103.jpg?width=1800&amp;height=1800&amp;name=dreww-culture-103.jpg 1800w, https://dreww.ca/hs-fs/hubfs/Website%20Images/Culture/dreww-culture-103.jpg?width=2160&amp;height=2160&amp;name=dreww-culture-103.jpg 2160w">
1231                                </div>
1232                        </div>
1233                    </div>
1234
1235            </div>
1236    </div></div>
1237</section></div>
1238
1239</div><!--end widget-span -->
1240</div><!--end row-->
1241</div><!--end row-wrapper -->
1242
1243</div><!--end widget-span -->
1244</div><!--end row-->
1245</div><!--end row-wrapper -->
1246
1247<div class="row-fluid-wrapper row-depth-1 row-number-13 dnd-section">
1248<div class="row-fluid ">
1249<div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12">
1250
1251<div class="row-fluid-wrapper row-depth-1 row-number-14 dnd-row">
1252<div class="row-fluid ">
1253<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
1254<div id="hs_cos_wrapper_dnd_area-module-14" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module">
1255
1256<section class="instagram-feed py-56 md:py-120 " data-instagram-feed>
1257    <div class="container ">
1258        <div class="instagram-feed__header flex flex-col items-start gap-12 text-left md:items-center md:gap-18 md:text-center">
1259            
1260        
1261        
1262
1263        <p class="heading  
1264        text-burgundy 
1265        text-14 
1266        font-medium  instagram-feed__uptitle font-mono uppercase">
1267            Follow us on Instagram
1268        </p>
1269            
1270        
1271        
1272
1273        <h2 class="heading heading--200 
1274        text-grey-900 
1275        text-62 
1276        font-normal  instagram-feed__title max-w-[1000px]">
1277            Keep up with what we are doing.
1278        </h2>
1279                <div class="instagram-feed__intro text-18 leading-[1.4] max-w-[700px] 
1280        text-grey-600"><p>Follow Dreww on Instagram to keep up with our latest content, office moments, productions, team culture, client work, behind-the-scenes projects, and ideas about modern marketing.</p></div>
1281        </div></div>
1282        <div class="instagram-feed__feed mt-32 w-full md:mt-44">
1283            <div class="elfsight-app-1783f39c-607f-4810-bb84-2161d1888119" data-elfsight-app-lazy></div>
1284        </div>
1285    <div class="container mt-32 md:mt-48">
1286        <div class="instagram-feed__cta flex justify-center">
1287            
1288    <div class="btn-container justify-center">
1289    <a class="btn btn--primary   " href="https://www.instagram.com/dreww/" target="_blank" rel="noopener">
1290        
1291              
1292            
1293            
1294            <span class="btn__label">
1295              
1296            Follow Dreww on Instagram
1297            </span>
1298            
1299    </a>
1300    </div>
1301        </div></div>
1302</section></div>
1303
1304</div><!--end widget-span -->
1305</div><!--end row-->
1306</div><!--end row-wrapper -->
1307
1308</div><!--end widget-span -->
1309</div><!--end row-->
1310</div><!--end row-wrapper -->
1311
1312<div class="row-fluid-wrapper row-depth-1 row-number-15 dnd_area-row-7-background-color dnd_area-row-7-background-layers dnd-section">
1313<div class="row-fluid ">
1314<div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12">
1315
1316<div class="row-fluid-wrapper row-depth-1 row-number-16 dnd-row">
1317<div class="row-fluid ">
1318<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
1319<div id="hs_cos_wrapper_dnd_area-module-16" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module">
1320
1321    <section class="content-group py-56 md:py-120 " style="--cg-title-mw:1080px;--cg-content-mw:700px">
1322    <div class="container ">
1323    <div class="content-group__grid grid grid-cols-12 gap-24 md:gap-40 ">
1324        
1325                <div class="col-span-full">
1326                    
1327
1328    
1329    
1330    <hgroup class="headline">
1331        
1332        
1333        
1334
1335        <p class="heading  
1336        text-coral 
1337        text-14 
1338        font-normal 
1339        font-mono content-group__uptitle mb-16 uppercase text-center md:text-center">
1340            Work With Dreww
1341        </p>
1342        
1343        
1344        
1345
1346        <h2 class="heading heading--200 
1347        text-white 
1348        text-62 
1349        font-normal  content-group__title text-center md:text-center mx-auto md:mx-auto">
1350            Looking for a digitally native growth marketing agency built around outcomes?
1351        </h2>
1352        
1353    </hgroup>
1354    
1355
1356    
1357        <div class="typography 
1358        text-white content-group__body mt-22 text-center md:text-center mx-auto md:mx-auto">
1359            <p><span>Dreww helps businesses connect strategy, creative, media, technology, and reporting around the outcomes they need to create.</span></p>
1360<p><span>Tell us about your business, your goals, and the type of support you are looking for. A member of the Dreww team will review your request and follow up with the next step.</span></p>
1361        </div>
1362    
1363    <div class="btn-container content-group__buttons mt-22 justify-center md:justify-center">
1364    <a class="btn btn--white   " href="https://dreww.ca/book-call?hsLang=en" target="_self" rel="">
1365        
1366              
1367            
1368            
1369            <span class="btn__label">
1370              
1371            Book a Call
1372            </span>
1373            
1374    </a>
1375    <a class="btn btn--link-white   " href="https://dreww.ca/services?hsLang=en" target="_self" rel="">
1376        
1377              
1378            
1379            
1380            <span class="btn__label">
1381              
1382            Explore our services
1383            </span>
1384            
1385        
1386        <span class="btn__icon btn__icon--suffix">
1387          <span id="hs_cos_wrapper_dnd_area-module-16_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_icon btn__icon__el flex w-auto h-16" style="" data-hs-cos-general-type="widget" data-hs-cos-type="icon"><svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512" aria-hidden="true"><g id="Arrow Right1_layer"><path d="M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z" /></g></svg></span>
1388        </span>
1389    </a>
1390    </div>
1391                </div>
1392    </div></div>
1393    </section></div>
1394
1395</div><!--end widget-span -->
1396</div><!--end row-->
1397</div><!--end row-wrapper -->
1398
1399</div><!--end widget-span -->
1400</div><!--end row-->
1401</div><!--end row-wrapper -->
1402
1403</div><!--end widget-span -->
1404</div>
1405</div>
1406</div>
1407
1408      </main>
1409
1410      
1411        <div id="hs_cos_wrapper_footer" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module">
1412
1413<footer class="footer" data-footer>
1414    <div class="container ">
1415
1416        
1417        <div class="footer__newsletter mx-auto flex flex-col items-center gap-12 text-center">
1418                <p class="footer__eyebrow font-mono uppercase text-14 tracking-[1.5px] text-coral">News</p>
1419                <h2 class="footer__nl-title font-heading uppercase !leading-[1.1] max-w-[284px] md:max-w-none">Marketing insights, straight to your inbox.</h2>
1420                <div class="footer__nl-sub typography text-14 font-medium leading-[1.4] max-w-[440px] opacity-70"><p>Join our newsletter for growth marketing playbooks, case studies, social trends, and much more.</p></div>
1421            <div class="footer__form w-full max-w-[560px]">
1422                <span id="hs_cos_wrapper_footer_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_form" style="" data-hs-cos-general-type="widget" data-hs-cos-type="form">
1423<div id="hs_form_target_footer_" class="hs-form-html" data-form-id="dcccefff-74c0-4b5b-9c7b-3b8c14214427" data-portal-id="7605971" data-region="na1"></div>
1424
1425
1426
1427
1428</span>
1429            </div>
1430        </div>
1431
1432        
1433        <div class="footer__main mt-64 lg:mt-144 lg:flex lg:justify-between lg:gap-80">
1434
1435            
1436            <div class="footer__brand flex flex-col gap-54 lg:gap-44 lg:w-[320px] lg:shrink-0">
1437    <a class="footer__logo-link" href="https://dreww.ca?hsLang=en" target="_self" rel="">
1438        
1439                        <img src="https://dreww.ca/hubfs/Dreww%20Logo/dreww-logo--white.svg" alt="Dreww" loading="lazy" class="footer__logo">
1440    </a>
1441
1442                <div class="footer__brand-contact flex flex-col gap-22 pt-12 lg:pt-0">
1443                    <div class="footer__address flex flex-col gap-4">
1444                            <p class="footer__address-heading font-mono uppercase text-14 tracking-[1.5px] text-coral">Montreal HQ</p>
1445                            <div class="footer__address-body text-16 leading-[1.6]"><p>1600 Rue Notre Dame Ouest,<br>Unit 304, Montreal, QC<br>H3J 1M1 , Canada</p></div>
1446                    </div>
1447                        <ul class="footer__socials flex flex-wrap items-center gap-16">
1448                                    <li>
1449    <a class="footer__social" href="https://www.instagram.com/dreww/?hl=en" target="_blank" rel="noopener" aria-label="instagram">
1450        
1451                                            <svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"><rect x="3" y="3" width="18" height="18" rx="5" /><circle cx="12" cy="12" r="4" /><circle cx="17.5" cy="6.5" r="1.1" fill="currentColor" stroke="none" /></svg>
1452    </a>
1453                                    </li>
1454                                    <li>
1455    <a class="footer__social" href="https://www.linkedin.com/company/dreww/?originalSubdomain=ca" target="_blank" rel="noopener" aria-label="linkedin">
1456        
1457                                            <svg viewbox="0 0 25 25" fill="currentColor" aria-hidden="true"><path d="M22.5405 0H2.09344C0.976172 0 0 0.803906 0 1.90805V22.4005C0 23.5107 0.976172 24.5 2.09344 24.5H22.5345C23.6578 24.5 24.5 23.5041 24.5 22.4005V1.90805C24.5066 0.803906 23.6578 0 22.5405 0ZM7.59445 20.422H4.08461V9.50906H7.59445V20.422ZM5.96094 7.84984H5.93578C4.8125 7.84984 4.08516 7.01367 4.08516 5.96695C4.08516 4.90109 4.83164 4.08461 5.98008 4.08461C7.12852 4.08461 7.83125 4.89508 7.85641 5.96695C7.85586 7.01367 7.12852 7.84984 5.96094 7.84984ZM20.422 20.422H16.9
1457121V14.455C16.9121 13.0255 16.4013 12.0487 15.1315 12.0487C14.1613 12.0487 13.5871 12.705 13.3317 13.3443C13.236 13.574 13.2103 13.8868 13.2103 14.2062V20.422H9.70047V9.50906H13.2103V11.0277C13.7211 10.3004 14.519 9.25367 16.3756 9.25367C18.6796 9.25367 20.4225 10.7723 20.4225 14.0465L20.422 20.422Z" /></svg>
1458    </a>
1459                                    </li>
1460                                    <li>
1461    <a class="footer__social" href="https://www.tiktok.com/@drewwmedia" target="_blank" rel="noopener" aria-label="tiktok">
1462        
1463                                            <svg viewbox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M16.6 5.82a4.28 4.28 0 0 1-1.06-2.82h-3.2v12.9a2.6 2.6 0 1 1-2.6-2.6c.27 0 .53.04.78.12V10.1a5.9 5.9 0 0 0-.78-.05 5.8 5.8 0 1 0 5.8 5.8V9.01a7.5 7.5 0 0 0 4.4 1.41V7.22a4.3 4.3 0 0 1-3.14-1.4z" /></svg>
1464    </a>
1465                                    </li>
1466                                    <li>
1467    <a class="footer__social" href="https://www.youtube.com/@drewwagency" target="_blank" rel="noopener" aria-label="youtube">
1468        
1469                                            <svg viewbox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M23.5 6.2a3 3 0 0 0-2.1-2.1C19.5 3.6 12 3.6 12 3.6s-7.5 0-9.4.5A3 3 0 0 0 .5 6.2 31 31 0 0 0 0 12a31 31 0 0 0 .5 5.8 3 3 0 0 0 2.1 2.1c1.9.5 9.4.5 9.4.5s7.5 0 9.4-.5a3 3 0 0 0 2.1-2.1A31 31 0 0 0 24 12a31 31 0 0 0-.5-5.8zM9.6 15.6V8.4l6.2 3.6z" /></svg>
1470    </a>
1471                                    </li>
1472                                    <li>
1473    <a class="footer__social" href="https://www.facebook.com/dreww.agency/" target="_blank" rel="noopener" aria-label="facebook">
1474        
1475                                            <svg viewbox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M24 12a12 12 0 1 0-13.88 11.86v-8.39H7.08V12h3.04V9.36c0-3 1.79-4.66 4.53-4.66 1.31 0 2.69.24 2.69.24v2.95h-1.51c-1.49 0-1.96.93-1.96 1.87V12h3.33l-.53 3.47h-2.8v8.39A12 12 0 0 0 24 12z" /></svg>
1476    </a>
1477                                    </li>
1478                        </ul>
1479                </div>
1480            </div>
1481                <nav class="footer__nav mt-44 lg:mt-0 lg:flex lg:flex-1 lg:justify-between lg:gap-40">
1482                            <details class="footer__col">
1483                                <summary class="footer__col-head">
1484                                    <span class="footer__col-title">Core Services</span>
1485                                    <svg class="footer__chevron" width="16" height="16" viewbox="0 0 16 16" fill="none" aria-hidden="true"><path d="M4 6l4 4 4-4" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /></svg>
1486                                </summary>
1487                                    <ul class="footer__col-list">
1488                                                <li>
1489    <a class="footer__link text-14" href="https://dreww.ca/services?hsLang=en#alwayson" target="_self" rel="">
1490        Always-On Social Media
1491    </a></li>
1492                                                <li>
1493    <a class="footer__link text-14" href="https://dreww.ca/services?hsLang=en#leadgen" target="_self" rel="">
1494        Lead Generation
1495    </a></li>
1496                                                <li>
1497    <a class="footer__link text-14" href="https://dreww.ca/services?hsLang=en#ecommerce" target="_self" rel="">
1498        E-commerce Growth
1499    </a></li>
1500                                                <li>
1501    <a class="footer__link text-14" href="https://dreww.ca/services?hsLang=en#useracquisition" target="_self" rel="">
1502        App Growth &amp; User Acquisition
1503    </a></li>
1504                                    </ul>
1505                            </details>
1506                            <details class="footer__col">
1507                                <summary class="footer__col-head">
1508                                    <span class="footer__col-title">Company</span>
1509                                    <svg class="footer__chevron" width="16" height="16" viewbox="0 0 16 16" fill="none" aria-hidden="true"><path d="M4 6l4 4 4-4" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /></svg>
1510                                </summary>
1511                                    <ul class="footer__col-list">
1512                                                <li>
1513    <a class="footer__link text-14" href="https://dreww.ca/about" target="_self" rel="">
1514        About
1515    </a></li>
1516                                                <li>
1517    <a class="footer__link text-14" href="https://dreww.ca/origin-story?hsLang=en" target="_self" rel="">
1518        Origin Story
1519    </a></li>
1520                                                <li>
1521    <a class="footer__link text-14" href="https://dreww.ca/culture?hsLang=en" target="_self" rel="">
1522        Culture
1523    </a></li>
1524                                                <li>
1525    <a class="footer__link text-14" href="https://ats.rippling.com/en-CA/dreww-jobs/jobs" target="_blank" rel="noopener">
1526        Careers
1527    </a></li>
1528                                    </ul>
1529                            </details>
1530                            <details class="footer__col">
1531                                <summary class="footer__col-head">
1532                                    <span class="footer__col-title">Work</span>
1533                                    <svg class="footer__chevron" width="16" height="16" viewbox="0 0 16 16" fill="none" aria-hidden="true"><path d="M4 6l4 4 4-4" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /></svg>
1534                                </summary>
1535                                    <ul class="footer__col-list">
1536                                                <li>
1537    <a class="footer__link text-14" href="https://dreww.ca/clients?hsLang=en" target="_self" rel="">
1538        Clients
1539    </a></li>
1540                                    </ul>
1541                            </details>
1542                            <details class="footer__col">
1543                                <summary class="footer__col-head">
1544                                    <span class="footer__col-title">Resources</span>
1545                                    <svg class="footer__chevron" width="16" height="16" viewbox="0 0 16 16" fill="none" aria-hidden="true"><path d="M4 6l4 4 4-4" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /></svg>
1546                                </summary>
1547                                    <ul class="footer__col-list">
1548                                                <li>
1549    <a class="footer__link text-14" href="https://dreww.ca/insights?hsLang=en" target="_self" rel="">
1550        Insights
1551    </a></li>
1552                                                <li>
1553    <a class="footer__link text-14" href="https://dreww.ca/press-releases?hsLang=en" target="_self" rel="">
1554        Press Releases
1555    </a></li>
1556                                    </ul>
1557                            </details>
1558                            <details class="footer__col">
1559                                <summary class="footer__col-head">
1560                                    <span class="footer__col-title">Connect</span>
1561                                    <svg class="footer__chevron" width="16" height="16" viewbox="0 0 16 16" fill="none" aria-hidden="true"><path d="M4 6l4 4 4-4" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /></svg>
1562                                </summary>
1563                                    <ul class="footer__col-list">
1564                                                <li>
1565    <a class="footer__link text-14" href="https://dreww.ca/contact?hsLang=en" target="_self" rel="">
1566        Contact
1567    </a></li>
1568                                                <li>
1569    <a class="footer__link text-14" href="https://dreww.ca/book-call?hsLang=en" target="_self" rel="">
1570        Book a Call
1571    </a></li>
1572                                    </ul>
1573                            </details>
1574                </nav>
1575        </div>
1576            <div class="footer__platforms footer__divider-top mt-44 lg:pt-44 flex flex-col items-center gap-20">
1577                    <p class="footer__eyebrow font-mono uppercase text-14 text-center tracking-[1.5px] text-coral">Platforms we work with</p>
1578                <div class="footer__platform-logos flex flex-wrap items-center justify-center gap-x-28 gap-y-24 lg:gap-x-64 xxl:gap-x-[100px]">
1579                            <img class="footer__platform-logo max-h-[36px] lg:max-h-[28px] w-auto object-contain" src="https://dreww.ca/hubfs/Tools%20Logo/meta-business-partner-logo-footer--white.svg" alt="Meta Business Partners" loading="lazy">
1580                            <img class="footer__platform-logo max-h-[36px] lg:max-h-[28px] w-auto object-contain" src="https://dreww.ca/hubfs/Tools%20Logo/google-partner-logo-footer--white.svg" alt="Google Partner" loading="lazy">
1581                            <img class="footer__platform-logo max-h-[36px] lg:max-h-[28px] w-auto object-contain" src="https://dreww.ca/hubfs/Tools%20Logo/husbpot-partner-logo-footer--white.svg" alt="HubSpot 
1581Certified Partner" loading="lazy">
1582                            <img class="footer__platform-logo max-h-[36px] lg:max-h-[28px] w-auto object-contain" src="https://dreww.ca/hubfs/Tools%20Logo/klaviyo-logo-footer--white.svg" alt="Klaviyo" loading="lazy">
1583                            <img class="footer__platform-logo max-h-[36px] lg:max-h-[28px] w-auto object-contain" src="https://dreww.ca/hubfs/Tools%20Logo/tiktok-logo-footer--white.svg" alt="TikTok" loading="lazy">
1584                            <img class="footer__platform-logo max-h-[36px] lg:max-h-[28px] w-auto object-contain" src="https://dreww.ca/hubfs/Tools%20Logo/shopify-partner-logo-footer--white.svg" alt="Shopify Partners" loading="lazy">
1585                </div>
1586            </div>
1587
1588        
1589        <div class="footer__legal footer__divider-top mt-44 pt-44 lg:pt-94 flex flex-col-reverse items-center gap-22 text-center lg:flex-row lg:items-center lg:justify-between lg:text-left">
1590                <p class="footer__copyright text-12">© 2015–2026 Dreww Media Inc.</p>
1591                <div class="footer__legal-links flex flex-wrap justify-center gap-x-20 gap-y-8 md:justify-start">
1592    <a class="footer__legal-link text-14" href="#" target="_self" rel="">
1593        Privacy Policy
1594    </a>
1595    <a class="footer__legal-link text-14" href="#" target="_self" rel="">
1596        Terms of Service
1597    </a>
1598    <a class="footer__legal-link text-14" href="#" target="_self" rel="">
1599        Data Request
1600    </a>
1601                </div>
1602        </div></div>
1603</footer></div>
1604      
1605    </div>
1606
1607    
1608    
1609<!-- HubSpot performance collection script -->
1610<script defer src="/hs/hsstatic/content-cwv-embed/static-1.1293/embed.js"></script>
vendor: 1 bytes, line 1610
1610
1611<script src="https://dreww.ca/hubfs/hub_generated/template_assets/1/216645601839/1787069872990/template_scripts.min.js"></script>
vendor: 1 bytes, line 1611
1611
1612<script>
1613var hsVars = hsVars || {}; hsVars['language'] = 'en';
1614</script>
1614
1615
1616<script src="/hs/hsstatic/cos-i18n/static-1.53/bundles/project.js"></script>
vendor: 1 bytes, line 1616
1616
1617<script src="https://dreww.ca/hubfs/hub_generated/module_assets/1/216655810993/1787069862707/module_Header.min.js"></script>
vendor: 1 bytes, line 1617
1617
1618<script src="/hs/hsstatic/keyboard-accessible-menu-flyouts/static-1.17/bundles/project.js"></script>
vendor: 1 bytes, line 1618
1618
1619<script src="https://dreww.ca/hubfs/hub_generated/module_assets/1/217377730179/1787069863547/module_Mega_Menu.min.js"></script>
vendor: 1 bytes, line 1619
1619
1620<script src="https://dreww.ca/hubfs/hub_generated/module_assets/1/217638539880/1785512099043/module_Gallery.min.js"></script>
vendor: 1 bytes, line 1620
1620
1621<script src="https://dreww.ca/hubfs/hub_generated/module_assets/1/216719996340/1786976567450/module_Instagram_Feed.min.js"></script>
vendor: 1 bytes, line 1621
1621
1622<script src="https://dreww.ca/hubfs/hub_generated/module_assets/1/216890016533/1787069861946/module_Footer.min.js"></script>
1622
1623
1624  
1624<script data-hs-allowed="true">
1625    ((d=document,q='querySelectorAll',l='hs-form-html',m='script',b='/_hcms/forms/embed/v4/render-definition/ssr',u='https://js.hsforms.net/forms/embed/7605971.js') => {
1626      const a = (t,i) => t.replace(/{{hs_form_instance_id_placeholder}}/g,i);
1627      const i = (f,o) => {f.innerHTML=o;for(const s of f[q](m)){const n=d.createElement(m);for(const{name:e,value:t}of s.attributes)n.setAttribute(e,t);n.appendChild(d.createTextNode(s.innerHTML)),s.parentNode.replaceChild(n,s)}};
1628      const j = (e,f) => {const fb=()=>{const n=f.cloneNode(true);n.classList.replace(l,'hs-form-frame');i(f,'<'+m+' src="'+u+'"></'+m+'>'+n.outerHTML);};try{if(e.status === 404){e.text().then((t)=>{if(!/Form not found/i.test(t))fb();}).catch(fb);return;}}catch(_){}fb();};
1629      const r = (el,c=el.dataset) => {if(c.fetched)return;c.fetched=Date.now();fetch(`${b}/${c.portalId}/${c.formId}`).then((r) => {if(!r.ok)throw r;return r.text().then((t) => {i(el,a(t,el.id));c.loaded=Date.now();});}).catch((e) => j(e,el));};
1630      d[q]('.'+l).forEach((el) => r(el));
1631    })();
1632  </script>
1632
1633
1634
1635  
1635<script data-hs-allowed="true">
1636    ((el) => {
1637      el && el.addEventListener('hs-form-event:on-ready', (e) => {
1638      window.HubSpotFormsV4.getFormFromEvent(e).setExtraSubmissionMetadata({
1639        
1640        
1641        
1642        
1643        
1644        
1645        
1646      });
1647    });
1648    })(document.getElementById('hs_form_target_footer_'));
1649  </script>
1649
1650
1651
1652<!-- Start of HubSpot Analytics Code -->
1653<script type="text/javascript">
1654var _hsq = _hsq || [];
1655_hsq.push(["setContentType", "standard-page"]);
1656_hsq.push(["setCanonicalUrl", "https:\/\/dreww.ca\/about"]);
1657_hsq.push(["setPageId", "212034199406"]);
1658_hsq.push(["setContentMetadata", {
1659    "contentPageId": 212034199406,
1660    "legacyPageId": "212034199406",
1661    "contentFolderId": null,
1662    "contentGroupId": null,
1663    "abTestId": null,
1664    "languageVariantId": 212034199406,
1665    "languageCode": "en",
1666    
1667    
1668}]);
1669</script>
1669
1670
1671<script type="text/javascript" id="hs-script-loader" async defer src="/hs/scriptloader/7605971.js"></script>
1671
1672<!-- End of HubSpot Analytics Code -->
1673
1674
1675<script type="text/javascript">
1676var hsVars = {
1677    render_id: "307f4aea-5782-4852-a112-db4a0a9278b5",
1678    ticks: 1790101985067,
1679    page_id: 212034199406,
1680    
1681    content_group_id: 0,
1682    portal_id: 7605971,
1683    app_hs_base_url: "https://app.hubspot.com",
1684    cp_hs_base_url: "https://cp.hubspot.com",
1685    language: "en",
1686    analytics_page_type: "standard-page",
1687    scp_content_type: "",
1688    
1689    analytics_page_id: "212034199406",
1690    category_id: 1,
1691    folder_id: 0,
1692    is_hubspot_user: false
1693}
1694</script>
1694
1695
1696
1697<script defer src="/hs/hsstatic/HubspotToolsMenu/static-1.640/js/index.js"></script>
1697
1698
1699
1700
1701
1702  
1703</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.