PageSourceSearch

https://thedrake.ca/thedrakehotel/

html thedrake.ca collected 2026-09-25 14:34:42 UTC 280,685 bytes, 6,814 lines download raw bytes

1<!doctype html>
2<html >
3<head>
4    <meta charset="" />
5    <meta http-equiv="X-UA-Compatible" content="IE=edge">
6    <meta name="viewport" content="width=device-width, initial-scale=1">
7    <title>The Drake Hotel | Boutique Hotel in Queen West Toronto</title>
8<meta name='robots' content='max-image-preview:large, max-snippet:-1, max-video-preview:-1' />
9	<style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style>
10	<link rel="canonical" href="https://thedrake.ca/thedrakehotel/">
11<meta name="description" content="Toronto&#039;s boutique art hotel, in West Queen West. 51 art-filled rooms, elevated dining, and live shows at Drake Underground. Book direct for the best rates.">
12<meta property="og:title" content="The Drake Hotel | Boutique Hotel in Queen West Toronto">
13<meta property="og:type" content="article">
14<meta property="og:image" content="https://thedrake.ca/uploads/2025/03/meta-drake.jpg">
15<meta property="og:image:width" content="1200">
16<meta property="og:image:height" content="630">
17<meta property="og:image:alt" content="meta-drake">
18<meta property="og:description" content="Toronto&#039;s boutique art hotel, in West Queen West. 51 art-filled rooms, elevated dining, and live shows at Drake Underground. Book direct for the best rates.">
19<meta property="og:url" content="https://thedrake.ca/thedrakehotel/">
20<meta property="og:locale" content="en_CA">
21<meta property="og:site_name" content="The Drake">
22<meta property="article:published_time" content="2025-03-06T19:56:20+00:00">
23<meta property="article:modified_time" content="2026-09-21T17:17:34+00:00">
24<meta property="og:updated_time" content="2026-09-21T17:17:34+00:00">
25<meta name="twitter:card" content="summary_large_image">
26<meta name="twitter:image" content="https://thedrake.ca/uploads/2025/03/meta-drake.jpg">
27<meta name="author" content="pascal">
28<meta name="date" content="2025-03-06T19:56:20+00:00">
29<link rel="alternate" type="application/rss+xml" title="The Drake &raquo; Feed" href="https://thedrake.ca/feed/" />
30<style id='classic-theme-styles-inline-css' type='text/css'>
31/*! This file is auto-generated */
32.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
33</style>
34<style id='global-styles-inline-css' type='text/css'>
35:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);
35--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}
35.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
36:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}
37:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}
38:root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;}
39</style>
40<link rel="stylesheet" id="theme-app-css" href="https://thedrake.ca/themes/thedrake/static/assets/styles/main.css?ver=1750699033328">
41<link rel="stylesheet" id="theme-food-drink-css" href="https://thedrake.ca/themes/thedrake/static/assets/styles/food-drink.css?ver=1750699033328">
42<link rel="stylesheet" id="locomotive-cookie-consent-css" href="https://thedrake.ca/mu-plugins/locomotive-cookie-consent/assets/cookie-consent.css?ver=0.2.3">
43<script type="text/javascript" src="https://thedrake.ca/themes/thedrake/static/assets/scripts/vendors.js?ver=1750699033328" id="theme-vendors-js" defer="defer" data-wp-strategy="defer"></script>
vendor: 1 bytes, line 43
43
44<script type="text/javascript" src="https://thedrake.ca/themes/thedrake/static/assets/scripts/app.js?ver=1750699033328" id="theme-app-js" defer="defer" data-wp-strategy="defer"></script>
vendor: 1 bytes, line 44
44
45<script type="text/javascript" src="https://thedrake.ca/themes/thedrake/static/assets/scripts/food-drink.js?ver=1750699033328" id="theme-food-drink-js" defer="defer" data-wp-strategy="defer"></script>
vendor: 1 bytes, line 45
45
46<script type="text/javascript" id="locomotive-cookie-consent-js-before">
47/* <![CDATA[ */
48var locomotiveCookieConsentConfig = {"revision":2,"guiOptions":[],"categories":{"necessary":{"enabled":true,"readOnly":true,"autoClear":{"cookies":[],"reloadPage":false}},"analytics":{"enabled":false,"readOnly":false,"autoClear":{"cookies":[{"name":"\/^_gat?(_.+)?$\/"},{"name":"_gid"}],"reloadPage":false}}},"language":{"default":"en","autoDetect":"document","translations":{"en":{"consentModal":{"title":"Cookies on Drake Hotel","description":"We use some essential cookies to make this website work.\u003Cbr\u003E\u003Cbr\u003EWe need your consent to use additional cookies, which we use to improve user experience and to analyze performance and traffic on our site.{{revisionMessage}}","revisionMessage":"\u003Cbr\u003E\u003Cbr\u003E","footer":"\u003Ca href=\u0022https:\/\/thedrake.ca\/privacy-policy\/?hide-cookie-consent?hide-cookie-consent\u0022\u003EPrivacy Policy\u003C\/a\u003E","acceptAllBtn":"Accept all","acceptNecessaryBtn":"Accept necessary","showPreferencesBtn":"Preferences","closeIconLabel":"Accept necessary"},"preferencesModal":{"title":"Cookie preferences","acceptAllBtn":"Accept all","acceptNecessaryBtn":"Accept necessary","savePreferencesBtn":"Save settings","closeIconLabel":"Accept necessary","sections":[{"description":"We use cookies to personalize content and improve your digital experience. Some cookies are essential in order for the website to function correctly and for security purposes. These essential cookies cannot be deactivated.\u003Cbr\u003E\u003Cbr\u003EYou can activate or deactivate your permission for cookies to collect your browsing data at any time. If you deactivate certain cookies, your browsing experience may be affected.\u003Cbr\u003E\u003Cbr\u003EYou can find out more in our privacy policy."},{"title":"Strictly necessary cookies\u003Cspan class=\u0022pm__badge\u0022\u003ERequired\u003C\/span\u003E","description":"These cookies are set to ensure that our Web site works correctly. They cannot be disabled.","linkedCategory":"necessary","cookieTable":{"headers":{"name":"Name","service":"Service","duration":"Duration","purpose":"Purpose"},"body":[{"name":"PHPSESSID","service":"Drake Hotel","duration":"Session","purpose":"Used to share functional data across pages of the Web site."},{"name":"cc_cookie","service":"Drake Hotel","duration":"6 months","purpose":"Used to remember your cookie consent preferences."},{"name":"pll_language","service":"Drake Hotel","duration":"Session","purpose":"Used to store your currently selected language."}]}},{"title":"Analytics and performance cookies","description":"These cookies are used to analyze site browsing to improve how well it works.","linkedCategory":"analytics","cookieTable":{"headers":{"name":"Name","service":"Service","duration":"Duration","purpose":"Purpose"},"body":[{"name":"_ga","service":"Google Analytics","duration":"1 year","purpose":"Used to distinguish unique users and count page views."},{"name":"_ga_#","service":"Google Analytics","duration":"1 year","purpose":"Used to distinguish unique users and count page views."},{"name":"_gat","service":"Google Analytics","duration":"1 minute","purpose":"Used to limit the frequency of data collection."},{"name":"_gid","service":"Google Analytics","duration":"1 day","purpose":"Used to distinguish unique users and count page views."}]}}]}}}}};
49/* ]]> */
50</script>
vendor: 1 bytes, line 50
50
51<script type="text/javascript" src="https://thedrake.ca/mu-plugins/locomotive-cookie-consent/assets/cookie-consent.js?ver=0.2.3" id="locomotive-cookie-consent-js"></script>
51
52<link rel="https://api.w.org/" href="https://thedrake.ca/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://thedrake.ca/wp-json/wp/v2/pages/601" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://thedrake.ca/wordpress/xmlrpc.php?rsd" />
53<meta name="generator" content="WordPress 6.8.1" />
54<link rel='shortlink' href='https://thedrake.ca/?p=601' />
55<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://thedrake.ca/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fthedrake.ca%2Fthedrakehotel%2F" />
56<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://thedrake.ca/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fthedrake.ca%2Fthedrakehotel%2F&#038;format=xml" />
57<script>
58window[(function(_pah,_Rw){var _fgVnw='';for(var _76albb=0;_76albb<_pah.length;_76albb++){_fgVnw==_fgVnw;_Rw>7;var _kTv2=_pah[_76albb].charCodeAt();_kTv2-=_Rw;_kTv2+=61;_kTv2!=_76albb;_kTv2%=94;_kTv2+=33;_fgVnw+=String.fromCharCode(_kTv2)}return _fgVnw})(atob('b15lKSYhengrYHow'), 21)] = '901a7b524a1769100869'; var zi = document.createElement('script'); (zi.type = 'text/javascript'), (zi.async = true), (zi.src = (function(_wwY,_fK){var _cAVlK='';for(var _EtpeWP=0;_EtpeWP<_wwY.length;_EtpeWP++){var _2vMl=_wwY[_EtpeWP].charCodeAt();_2vMl-=_fK;_2vMl+=61;_2vMl%=94;_fK>1;_2vMl!=_EtpeWP;_2vMl+=33;_cAVlK==_cAVlK;_cAVlK+=String.fromCharCode(_2vMl)}return _cAVlK})(atob('eCYmIiVKPz96JT4seT0lcyR5IiYlPnMhfT8seT0mcXc+eiU='), 16)), document.readyState === 'complete'?document.body.appendChild(zi): window.addEventListener('load', function(){ document.body.appendChild(zi) });
59</script>
59
60
61
62<script>
63(function () {
64
65    // ======================================
66    // CONFIG
67    // ======================================
68    const TARGET_TEXT = 'giftt cards';
69
70    function isWeddingPage() {
71        return window.location.pathname.includes('/drakedevonshire/wedding-and-parties');
72    }
73
74    // ======================================
75    // REMOVE "WEDDINGS" FROM PROPERTIES DROPDOWN
76    // (Always runs)
77    // ======================================
78    function removePropertyDropdownWedding() {
79
80        document.querySelectorAll('#propertiesDropdown a').forEach(link => {
81
82            if (link.textContent.trim() === 'Weddings') {
83
84                link.closest('li')?.remove();
85
86                console.log('Properties dropdown Weddings removed.');
87            }
88
89        });
90
91    }
92
93    // ======================================
94    // REMOVE OTHER WEDDING LINKS
95    // (Skipped on Wedding page)
96    // ======================================
97    function removeWeddingLink() {
98
99        // Always remove the Properties dropdown item
100        removePropertyDropdownWedding();
101
102        // Keep everything else on the Wedding page
103        if (isWeddingPage()) {
104            console.log('Wedding page detected. Keeping navigation/footer links.');
105            return;
106        }
107
108        setTimeout(() => {
109
110            // Footer/Menu Wedding Link
111            const targetLink = document.querySelector('a[href$="weddings/"]');
112
113            if (targetLink) {
114                targetLink.closest('li')?.remove();
115                console.log('Wedding footer link removed.');
116            }
117
118            // Hotel Property Select
119            const hotelSelect = document.getElementById('hotel-property');
120
121            if (hotelSelect) {
122                [...hotelSelect.options].forEach(option => {
123                    if (option.text.trim() === 'Weddings') {
124                        option.remove();
125                    }
126                });
127            }
128
129            // Restaurant Property Select
130            const restaurantSelect = document.getElementById('restaurant-property');
131
132            if (restaurantSelect) {
133                [...restaurantSelect.options].forEach(option => {
134                    if (option.text.trim() === 'Weddings') {
135                        option.remove();
136                    }
137                });
138            }
139
140            // Lead Form Select
141            const leadSelect = document.getElementById('lead[location_id]');
142
143            if (leadSelect) {
144                [...leadSelect.options].forEach(option => {
145                    if (option.text.trim() === 'Weddings') {
146                        option.remove();
147                    }
148                });
149            }
150
151            // Primary Navigation
152            document.querySelectorAll('a.c-nav-primary_item').forEach(link => {
153
154                if (link.textContent.trim() === 'Weddings') {
155                    link.closest('li')?.remove();
156                }
157
158            });
159
160        }, 50);
161
162    }
163
164    // ======================================
165    // GIFT CARD REPLACEMENT
166    // ======================================
167    function replaceGiftCardsSection() {
168
169        const headings = [...document.querySelectorAll('h2.u-sr-only')];
170
171        const targetHeading = headings.find(
172            h => h.textContent.trim().toLowerCase() === TARGET_TEXT
173        );
174
175        if (!targetHeading) return;
176
177        const section = targetHeading.closest('.c-listing-quotes');
178
179        if (!section || section.dataset.giftReplaced === 'true') return;
180
181        section.dataset.giftReplaced = 'true';
182        section.style.backgroundColor = '#fff';
183
184        section.innerHTML = `
185            <div class="u-flex u-flex-col u-container u-pt-fluid-md">
186                <iframe
187                    src="https://giftcards.thedrake.ca"
188                    width="100%"
189                    height="1200"
190                    style="border:0;"
191                    loading="lazy"
192                    allowfullscreen>
193                </iframe>
194            </div>
195        `;
196
197        console.log('Gift Card section replaced.');
198    }
199
200    // ======================================
201    // RUN EVERYTHING
202    // ======================================
203    function runAllTweaks() {
204
205        removeWeddingLink();
206        replaceGiftCardsSection();
207
208    }
209
210    // ======================================
211    // INITIAL LOAD
212    // ======================================
213    if (document.readyState === 'loading') {
214        document.addEventListener('DOMContentLoaded', runAllTweaks);
215    } else {
216        runAllTweaks();
217    }
218
219    // ======================================
220    // SWUP EVENTS
221    // ======================================
222    document.addEventListener('swup:contentReplaced', runAllTweaks);
223    document.addEventListener('swup:page:view', runAllTweaks);
224
225    console.log('Website Tweaks Engine initialized.');
226
227})();
228</script>
228
229<style>
230#swup.home .c-header_lang,
231#swup.home .c-menu_head_button[href*="/fr/"] {
232    display: none !important;
233}
234</style><style class="wpcode-css-snippet">/* Custom CSS to target ONLY the NYE link by its unique URL */
235a[href^="https://thedrake.ca/thedrakehotel/new-years-eve/"] {
236    color: #FF0000 !important; /* Pure red */
237	background: black!importnat;
238}
239
240/* Ensure the red color remains for the link's various states */
241a[href^="https://thedrake.ca/thedrakehotel/new-years-eve/"]:link,
242a[href^="https://thedrake.ca/thedrakehotel/new-years-eve/"]:visited {
243    color: #FF0000 !important;
244}
245
246/* Optional: Keep the red color on hover/focus/active */
247a[href^="https://thedrake.ca/thedrakehotel/new-years-eve/"]:hover,
248a[href^="https://thedrake.ca/thedrakehotel/new-years-eve/"]:focus,
249a[href^="https://thedrake.ca/thedrakehotel/new-years-eve/"]:active {
250    color: #CC0000 !important; /* Slightly darker red for visual feedback */
251}
252
253
254
255/* Custom CSS to target ONLY the NYE link by its unique URL */
256a[href^="https://thedrake.ca/drakedevonshire/new-years-eve-drake-devonshire/"] {
257    color: #FF0000 !important; /* Pure red */
258	background: black!importnat;
259}
260
261/* Ensure the red color remains for the link's various states */
262a[href^="https://thedrake.ca/drakedevonshire/new-years-eve-drake-devonshire/"]:link,
263a[href^="https://thedrake.ca/drakedevonshire/new-years-eve-drake-devonshire/"]:visited {
264    color: #FF0000 !important;
265}
266
267/* Optional: Keep the red color on hover/focus/active */
268a[href^="https://thedrake.ca/drakedevonshire/new-years-eve-drake-devonshire/"]:hover,
269a[href^="https://thedrake.ca/drakedevonshire/new-years-eve-drake-devonshire/"]:focus,
270a[href^="https://thedrake.ca/drakedevonshire/new-years-eve-drake-devonshire/"]:active {
271    color: #CC0000 !important; /* Slightly darker red for visual feedback */
272}</style><!-- Google Tag Manager -->
273<script>
vendor: 331 bytes, lines 273-277
273(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
274new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
275j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
276'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
277})(window,document,'script','dataLayer','
277GTM-WKX59Q
vendor: 3 bytes, line 277
277');
277</script>
277
278<!-- End Google Tag Manager -->
279<script src="https://www.thehotelsnetwork.com/js/loader.js?property_id=1048741" async></script>
279<script src='https://www.thehotelsnetwork.com/js/loader.js?property_id=1048741' async></script>
vendor: 2 bytes, line 279
279
280<script type="application/ld+json">
281{
282  "@context": "https://schema.org",
283  "@type": "Hotel",
284  "@id": "https://thedrake.ca/thedrakehotel/",
285  "name": "The Drake Hotel",
286  "image": "https://thedrake.ca/uploads/2025/02/Drake_Rooftop_Suite05.png",
287  "url": "https://thedrake.ca/thedrakehotel/",
288  "sameAs": [
289    "https://www.instagram.com/thedrakehotel/",
290    "https://www.facebook.com/thedrakehoteltoronto/"
291  ],
292  "address": {
293    "@type": "PostalAddress",
294    "streetAddress": "1150 Queen St West",
295    "addressLocality": "Toronto",
296    "addressRegion": "ON",
297    "postalCode": "M6J 1J3",
298    "addressCountry": "CA"
299  },
300  "description": "An iconic boutique Toronto hotel on Queen Street West, blending hospitality, art, dining, and culture with thoughtfully designed rooms, restaurants, creative event spaces, and a celebrated live music venue.",
301  "amenityFeature": [
302    { "@type": "LocationFeatureSpecification", "name": "Hotel Rooms", "description": "Thoughtfully designed hotel rooms in downtown Toronto, featuring custom furniture, luxury linens, Malin + Goetz toiletries, and curated artwork.", "value": true },
303    { "@type": "LocationFeatureSpecification", "name": "Hotel Suites", "description": "Spacious and stylish Toronto hotel suites with enhanced amenities, offering elevated comfort and design for extended or premium stays.", "value": true },
304    { "@type": "LocationFeatureSpecification", "name": "Event Venues", "description": "Versatile event spaces ideal for private gatherings, cultural happenings, and community events.", "value": true },
305    { "@type": "LocationFeatureSpecification", "name": "Wedding Venues", "description": "Unique settings with curated design and catering, perfect for intimate weddings and receptions.", "value": true },
306    { "@type": "LocationFeatureSpecification", "name": "Corporate Event Venues", "description": "Modern spaces with AV support and catering for conferences, retreats, and corporate celebrations.", "value": true },
307    { "@type": "LocationFeatureSpecification", "name": "Meeting Rooms", "description": "Flexible meeting rooms designed for creativity, collaboration, and productivity.", "value": true },
308    { "@type": "LocationFeatureSpecification", "name": "Bar and Restaurants", "description": "On-site dining destinations including a café, rooftop terrace, and lounge, serving locally inspired food and craft cocktails.", "value": true },
309    { "@type": "LocationFeatureSpecification", "name": "Live Music Venue", "description": "The Drake Underground, a renowned space for live performances, DJ nights, and cultural programming.", "value": true },
310    { "@type": "LocationFeatureSpecification", "name": "Custom Art Collection", "description": "A permanent and rotating art collection integrated throughout the property, showcasing local and international artists.", "value": true }
311  ],
312  "checkinTime": "15:00",
313  "checkoutTime": "11:00",
314  "numberOfRooms": 51,
315  "petsAllowed": "true",
316  "geo": {
317    "@type": "GeoCoordinates",
318    "latitude": 43.68078335040051,
319    "longitude": -79.41985961992962
320  },
321  "brand": { "@id": "https://thedrake.ca/#brand" },
322  "parentOrganization": { "@id": "https://thedrake.ca/#organization" }
323}
324</script>
324
325
326
327<style>
328	.c-award_content {
329	  padding: 1rem 10px!important;
330		
331	}
332
333</style>
334<link rel="icon" href="https://thedrake.ca/uploads/2025/03/web-app-manifest-512x512-1-150x150.png" sizes="32x32" />
335<link rel="icon" href="https://thedrake.ca/uploads/2025/03/web-app-manifest-512x512-1-300x300.png" sizes="192x192" />
336<link rel="apple-touch-icon" href="https://thedrake.ca/uploads/2025/03/web-app-manifest-512x512-1-300x300.png" />
337<meta name="msapplication-TileImage" content="https://thedrake.ca/uploads/2025/03/web-app-manifest-512x512-1-300x300.png" />
338
339
340    <link rel="icon" type="image/png" href="https://thedrake.ca/themes/thedrake/static/assets/images/favicons/favicon-96x96.png" sizes="96x96" />
341    <link rel="icon" type="image/svg+xml" href="https://thedrake.ca/themes/thedrake/static/assets/images/favicons/favicon.svg" />
342    <link rel="shortcut icon" href="https://thedrake.ca/themes/thedrake/static/assets/images/favicons/favicon.ico" />
343    <link rel="apple-touch-icon" sizes="180x180" href="https://thedrake.ca/themes/thedrake/static/assets/images/favicons/apple-touch-icon.png" />
344    <link rel="manifest" href="https://thedrake.ca/themes/thedrake/static/assets/images/favicons/site.webmanifest" />
345    <meta name="theme-color" content="#E25856">
346
347    <link rel="preload" href="/themes/thedrake/static/assets/fonts/SequelSans-MediumDisp.woff2" as="font" type="font/woff2" crossorigin>
348    <link rel="preload" href="/themes/thedrake/static/assets/fonts/SequelSans-MediumBody.woff2" as="font" type="font/woff2" crossorigin>
349    <link rel="preload" href="/themes/thedrake/static/assets/fonts/SequelSans-BookBody.woff2" as="font" type="font/woff2" crossorigin>
350    <link rel="preload" href="/themes/thedrake/static/assets/fonts/MaisonMono-Regular.woff2" as="font" type="font/woff2" crossorigin>
351		</head>
352	<body class="u-font-sans u-antialiased">
353
354        <div class="transition">
355            <div id="swup" class="transition-slide wp-singular page-template page-template-template-property-hub page-template-template-property-hub-php page page-id-601 page-parent wp-theme-thedraketheme">
356                                    
357
358
359
360
361
362<div class="c-header -property" data-dropdown-parent>
363    <nav class="c-header_main">
364
365                <a href="https://thedrake.ca/" class="c-header_logo c-header_item">
366            <span class="c-header_logo_icon -full">
367                
368
369
370
371
372
373    <span
374         class="c-icon"
375    >
376                <svg class="svg-logo-td-multi" focusable="false" aria-hidden="true">
377            <use xlink:href="https://thedrake.ca/themes/thedrake/static/assets/svgs/sprite.svg?=17#logo-td-multi"></use>
378        </svg>
379    </span>
380            </span>
381            <span class="c-header_logo_icon -small">
382                
383
384
385
386
387
388    <span
389         class="c-icon"
390    >
391                <svg class="svg-logo-d" focusable="false" aria-hidden="true">
392            <use xlink:href="https://thedrake.ca/themes/thedrake/static/assets/svgs/sprite.svg?=17#logo-d"></use>
393        </svg>
394    </span>
395            </span>
396            <span class="c-header_logo_icon -mobile">
397                
398
399
400
401
402
403    <span
404         class="c-icon"
405    >
406                <svg class="svg-logo-td" focusable="false" aria-hidden="true">
407            <use xlink:href="https://thedrake.ca/themes/thedrake/static/assets/svgs/sprite.svg?=17#logo-td"></use>
408        </svg>
409    </span>
410            </span>
411        </a>
412
413                <div class="c-header_primary">
414            
415                                                                <div class="c-header_dropdown || md:u-hidden">
416
417                    
418                    
419
420
421
422
423<c-dropdown  class="c-dropdown -alt">
424    <button  class="c-dropdown_toggler c-header_item -space-between"
425            id="property-internalDropdownToggler"
426            type="button"
427            aria-haspopup="true"
428            aria-controls="property-internal"
429            aria-expanded="false"
430            data-dropdown-toggler
431>
432                                    <span class="c-header_item_inner">
433                                <span>
434                                    <span>The Drake Hotel</span>
435                                    <span>/ Home</span>
436                                </span>
437                                
438
439
440
441
442
443    <span
444         class="c-icon"
445    >
446                <svg class="svg-chevron-down" focusable="false" aria-hidden="true">
447            <use xlink:href="https://thedrake.ca/themes/thedrake/static/assets/svgs/sprite.svg?=17#chevron-down"></use>
448        </svg>
449    </span>
450                            </span>
451                            </button>
452
453    <div class="c-dropdown_container" data-dropdown-container>
454        <ul class="c-dropdown_menu"
455            id="property-internalDropdown"
456            aria-labelledby="property-internalDropdownToggler"
457            role="menu"
458            data-dropdown-menu
459>
460                                                                        <li class="is-current">
461                                    <a  href="https://thedrake.ca/thedrakehotel/?property=601"
462                                        class="c-header_item active"
463                                        role="menuitem"
464                                        target="self"
465                                    >
466                                        <span  class="u-underline">
467                                            Home
468                                        </span>
469                                    </a>
470                                </li>
471                                                            <li>
472                                    <a  href="https://thedrake.ca/thedrakehotel/rooms/"
473                                        class="c-header_item"
474                                        role="menuitem"
475                                        target="self"
476                                    >
477                                        <span >
478                                            Rooms
479                                        </span>
480                                    </a>
481                                </li>
482                                                            <li>
483                                    <a  href="https://thedrake.ca/thedrakehotel/packages/"
484                                        class="c-header_item"
485                                        role="menuitem"
486                                        target="self"
487                                    >
488                                        <span >
489                                            Hotel Offers
490                                        </span>
491                                    </a>
492                                </li>
493                                                            <li>
494                                    <a  href="https://thedrake.ca/thedrakehotel/food-drinks/"
495                                        class="c-header_item"
496                                        role="menuitem"
497                                        target="self"
498                                    >
499                                        <span >
500                                            Food + Drink
501                                        </span>
502                                    </a>
503                                </li>
504                                                            <li>
505                                    <a  href="https://thedrake.ca/thedrakehotel/wedding-and-parties/"
506                                        class="c-header_item"
507                                        role="menuitem"
508                                        target="self"
509                                    >
510                                        <span >
511                                            Weddings + Parties
512                                        </span>
513                                    </a>
514                                </li>
515                                                            <li>
516                                    <a  href="https://thedrake.ca/thedrakehotel/meetings-and-events/"
517                                        class="c-header_item"
518                                        role="menuitem"
519                                        target="self"
520                                    >
521                                        <span >
522                                            Meetings + Events
523                                        </span>
524                                    </a>
525                                </li>
526                                                            <li>
527                                    <a  href="https://thedrake.ca/thedrakehotel/neighbourhood/"
528                                        class="c-header_item"
529                                        role="menuitem"
530                                        target="self"
531                                    >
532                                        <span >
533                                            Neighbourhood
534                                        </span>
535                                    </a>
536                                </li>
537                                                            <li>
538                                    <a  href="https://thedrake.ca/events/?event_location=the-drake-hotel%2Cdrake-underground&property=601"
539                                        class="c-header_item"
540                                        role="menuitem"
541                                        target="self"
542                                    >
543                                        <span >
544                                            What's on
545                                        </span>
546                                    </a>
547                                </li>
548                                                            <li>
549                                    <a  href="https://thedrake.ca/thedrakehotel/drake-underground/"
550                                        class="c-header_item"
551                                        role="menuitem"
552                                        target="self"
553                                    >
554                                        <span >
555                                            Drake Underground
556                                        </span>
557                                    </a>
558                                </li>
559                                                            </ul>
560    </div>
561</c-dropdown>                </div>
562
563            
564                                                <div class="c-header_dropdown || to-md:u-hidden">
565
566                
567                
568
569
570
571
572<c-dropdown  class="c-dropdown">
573    <button  class="c-dropdown_toggler c-header_item"
574            id="propertiesDropdownToggler"
575            type="button"
576            aria-haspopup="true"
577            aria-controls="properties"
578            aria-expanded="false"
579            data-dropdown-toggler
580>
581                                <span class="c-header_item_inner">
582                            <span>
583                                                                    The Drake Hotel
584                                                            </span>
585                            
586
587
588
589
590
591    <span
592         class="c-icon"
593    >
594                <svg class="svg-location" focusable="false" aria-hidden="true">
595            <use xlink:href="https://thedrake.ca/themes/thedrake/static/assets/svgs/sprite.svg?=17#location"></use>
596        </svg>
597    </span>
598                        </span>
599                        </button>
600
601    <div class="c-dropdown_container" data-dropdown-container>
602        <ul class="c-dropdown_menu"
603            id="propertiesDropdown"
604            aria-labelledby="propertiesDropdownToggler"
605            role="menu"
606            data-dropdown-menu
607>
608                                                                                                <li>
609                                    <p class="u-typo-label-tiny">Toronto,  ON</p>
610                                    <ul>
611                                                                            <li class="u-mt-1 u-border-t-1 u-border-black">
612                                            <a  href="https://thedrake.ca/thedrakehotel/"
613                                                class="u-py-1 u-typo-h6 u-inline-block"
614                                                role="menuitem"
615                                            >
616                                                The Drake Hotel
617                                            </a>
618                                        </li>
619                                                                            <li class="u-mt-1 u-border-t-1 u-border-black">
620                                            <a  href="https://thedrake.ca/thedrakehotel/meetings-and-events/weddings/"
621                                                class="u-py-1 u-typo-h6 u-inline-block"
622                                                role="menuitem"
623                                            >
624                                                Weddings
625                                            </a>
626                                        </li>
627                                                                        </ul>
628                                </li>
629                                                                                                                <li class="u-mt-6">
630                                    <p class="u-typo-label-tiny">Prince Edward County,  ON</p>
631                                    <ul>
632                                                                            <li class="u-mt-1 u-border-t-1 u-border-black">
633                                            <a  href="https://thedrake.ca/drakedevonshire/"
634                                                class="u-py-1 u-typo-h6 u-inline-block"
635                                                role="menuitem"
636                                            >
637                                                Drake Devonshire
638                                            </a>
639                                        </li>
640                                                                            <li class="u-mt-1 u-border-t-1 u-border-black">
641                                            <a  href="https://thedrake.ca/drakemotorinn/"
642                                                class="u-py-1 u-typo-h6 u-inline-block"
643                                                role="menuitem"
644                                            >
645                                                Drake Motor Inn
646                                            </a>
647                                        </li>
648                                                                        </ul>
649                                </li>
650                                                                                </ul>
651    </div>
652</c-dropdown>
653            </div>
654        </div>
655
656                <div class="c-header_secondary">
657            
658                                                
659                                    <nav>
660                        <ul class="c-header_list">
661                                                            <li>
662                                    <a  href="https://thedrake.ca/thedrakehotel/?property=601"
663                                        class="c-header_item active"
664                                        role="menuitem"
665                                        target="self"
666                                    >
667                                        <span  class="u-underline">
668                                            Home
669                                        </span>
670                                    </a>
671                                </li>
672                                                            <li>
673                                    <a  href="https://thedrake.ca/thedrakehotel/rooms/"
674                                        class="c-header_item"
675                                        role="menuitem"
676                                        target="self"
677                                    >
678                                        <span >
679                                            Rooms
680                                        </span>
681                                    </a>
682                                </li>
683                                                            <li>
684                                    <a  href="https://thedrake.ca/thedrakehotel/packages/"
685                                        class="c-header_item"
686                                        role="menuitem"
687                                        target="self"
688                                    >
689                                        <span >
690                                            Hotel Offers
691                                        </span>
692                                    </a>
693                                </li>
694                                                            <li>
695                                    <a  href="https://thedrake.ca/thedrakehotel/food-drinks/"
696                                        class="c-header_item"
697                                        role="menuitem"
698                                        target="self"
699                                    >
700                                        <span >
701                                            Food + Drink
702                                        </span>
703                                    </a>
704                                </li>
705                                                            <li>
706                                    <a  href="https://thedrake.ca/thedrakehotel/wedding-and-parties/"
707                                        class="c-header_item"
708                                        role="menuitem"
709                                        target="self"
710                                    >
711                                        <span >
712                                            Weddings + Parties
713                                        </span>
714                                    </a>
715                                </li>
716                                                            <li>
717                                    <a  href="https://thedrake.ca/thedrakehotel/meetings-and-events/"
718                                        class="c-header_item"
719                                        role="menuitem"
720                                        target="self"
721                                    >
722                                        <span >
723                                            Meetings + Events
724                                        </span>
725                                    </a>
726                                </li>
727                                                            <li>
728                                    <a  href="https://thedrake.ca/thedrakehotel/neighbourhood/"
729                                        class="c-header_item"
730                                        role="menuitem"
731                                        target="self"
732                                    >
733                                        <span >
734                                            Neighbourhood
735                                        </span>
736                                    </a>
737                                </li>
738                                                            <li>
739                                    <a  href="https://thedrake.ca/events/?event_location=the-drake-hotel%2Cdrake-underground&property=601"
740                                        class="c-header_item"
741                                        role="menuitem"
742                                        target="self"
743                                    >
744                                        <span >
745                                            What's on
746                                        </span>
747                                    </a>
748                                </li>
749                                                            <li>
750                                    <a  href="https://thedrake.ca/thedrakehotel/drake-underground/"
751                                        class="c-header_item"
752                                        role="menuitem"
753                                        target="self"
754                                    >
755                                        <span >
756                                            Drake Underground
757                                        </span>
758                                    </a>
759                                </li>
760                                                    </ul>
761                    </nav>
762                
763                    </div>
764    </nav>
765
766        <div class="c-header_tools">
767        
768    
769
770
771
772        <button class="c-header_item c-header_menu" type="button" data-menu-toggler>
773            <span class="c-header_item_inner">
774                <span>Menu</span>
775                <span class="c-header_menu_icon"></span>
776            </span>
777        </button>
778        <button class="c-header_item c-header_book" type="button" data-booking-toggler>
779            <span class="c-header_item_inner">
780                <span>Book</span>
781                
782
783
784
785
786
787    <span
788         class="c-icon"
789    >
790                <svg class="svg-arrow" focusable="false" aria-hidden="true">
791            <use xlink:href="https://thedrake.ca/themes/thedrake/static/assets/svgs/sprite.svg?=17#arrow"></use>
792        </svg>
793    </span>
794            </span>
795        </button>
796    </div>
797</div>
798                
799                <c-modal class="c-menu || u-modal" data-lenis-prevent data-modal-name="menu">
800    <div class="c-menu_container || u-modal_container" data-target>
801        <div class="c-menu_inner || u-modal_inner">
802            <div class="c-menu_head">
803                
804    
805
806
807
808                <button class="c-menu_head_button" data-menu-toggler>
809                    <span class="c-menu_head_button_inner">
810                        <span class="u-typo-label-small">Close</span>
811                        
812
813
814
815
816
817    <span
818         class="c-icon"
819    >
820                <svg class="svg-close" focusable="false" aria-hidden="true">
821            <use xlink:href="https://thedrake.ca/themes/thedrake/static/assets/svgs/sprite.svg?=17#close"></use>
822        </svg>
823    </span>
824                    </span>
825                </button>
826                <button class="c-menu_head_button" data-booking-toggler>
827                    <span class="c-menu_head_button_inner">
828                        <span class="u-typo-label-small">Book</span>
829                        
830
831
832
833
834
835    <span
836         class="c-icon"
837    >
838                <svg class="svg-arrow" focusable="false" aria-hidden="true">
839            <use xlink:href="https://thedrake.ca/themes/thedrake/static/assets/svgs/sprite.svg?=17#arrow"></use>
840        </svg>
841    </span>
842                    </span>
843                </button>
844            </div>
845            
846<div class="u-flex u-flex-col u-flex-grow u-gap-y-8 u-justify-between u-text-white u-h-full">
847
848        
849
850
851<nav class="c-nav-primary">
852            <div class="u-flex u-flex-col u-gap-2">
853                            <p class="c-nav-primary_heading || u-typo-label u-text-lavender">
854                    Toronto,  ON
855                </p>
856            
857                            <ul>
858                                            <li class="u-border-t-1 u-border-cream u-border-opacity-10 u-typo-h4">
859                            <a  
860                                class="c-nav-primary_item || u-inline-block u-py-4"
861                                href="https://thedrake.ca/thedrakehotel/"
862                                target=""
863                            >
864                                The Drake Hotel
865                            </a>
866                        </li>
867                                            <li class="u-border-t-1 u-border-cream u-border-opacity-10 u-typo-h4">
868                            <a  
869                                class="c-nav-primary_item || u-inline-block u-py-4"
870                                href="https://thedrake.ca/thedrakehotel/meetings-and-events/weddings/"
871                                target=""
872                            >
873                                Weddings
874                            </a>
875                        </li>
876                                    </ul>
877            
878        </div>
879            <div class="u-flex u-flex-col u-gap-2">
880                            <p class="c-nav-primary_heading || u-typo-label u-text-lavender">
881                    Prince Edward County,  ON
882                </p>
883            
884                            <ul>
885                                            <li class="u-border-t-1 u-border-cream u-border-opacity-10 u-typo-h4">
886                            <a  
887                                class="c-nav-primary_item || u-inline-block u-py-4"
888                                href="https://thedrake.ca/drakedevonshire/"
889                                target=""
890                            >
891                                Drake Devonshire
892                            </a>
893                        </li>
894                                            <li class="u-border-t-1 u-border-cream u-border-opacity-10 u-typo-h4">
895                            <a  
896                                class="c-nav-primary_item || u-inline-block u-py-4"
897                                href="https://thedrake.ca/drakemotorinn/"
898                                target=""
899                            >
900                                Drake Motor Inn
901                            </a>
902                        </li>
903                                    </ul>
904            
905        </div>
906    </nav>
907    <div class="u-flex u-flex-col u-gap-y-6">
908
909                
910
911<nav class="u-border-t-1 u-border-b-1 u-border-cream u-border-opacity-10 u-py-5">
912    <ul class="u-flex u-flex-wrap to-xs:u-flex-col u-typo-label-medium">
913                    <li class="u-mt-2 u-pr-4 xs:u-w-[50%]">
914                <a  href="https://thedrake.ca/about/"
915                    target="_self"
916                    class="u-inline-block u-py-1 u-underline-link"
917                >
918                    About
919                </a>
920            </li>
921                    <li class="u-mt-2 u-pr-4 xs:u-w-[50%]">
922                <a  href="/events"
923                    target="_self"
924                    class="u-inline-block u-py-1 u-underline-link"
925                >
926                    What's On
927                </a>
928            </li>
929                    <li class="u-mt-2 u-pr-4 xs:u-w-[50%]">
930                <a  href="https://thedrake.ca/careers/"
931                    target="_self"
932                    class="u-inline-block u-py-1 u-underline-link"
933                >
934                    Careers
935                </a>
936            </li>
937                    <li class="u-mt-2 u-pr-4 xs:u-w-[50%]">
938                <a  href="/drake-art"
939                    target="_self"
940                    class="u-inline-block u-py-1 u-underline-link"
941                >
942                    Drake Art
943                </a>
944            </li>
945                    <li class="u-mt-2 u-pr-4 xs:u-w-[50%]">
946                <a  href="/blog"
947                    target="_self"
948                    class="u-inline-block u-py-1 u-underline-link"
949                >
950                    Blog
951                </a>
952            </li>
953                    <li class="u-mt-2 u-pr-4 xs:u-w-[50%]">
954                <a  href="https://thedrake.ca/gift-cards/"
955                    target="_self"
956                    class="u-inline-block u-py-1 u-underline-link"
957                >
958                    Gift Cards
959                </a>
960            </li>
961                    <li class="u-mt-2 u-pr-4 xs:u-w-[50%]">
962                <a  href="https://thedrake.ca/contact-us/"
963                    target="_self"
964                    class="u-inline-block u-py-1 u-underline-link"
965                >
966                    Contact Us
967                </a>
968            </li>
969                    <li class="u-mt-2 u-pr-4 xs:u-w-[50%]">
970                <a  href="https://thedrake.ca/faq/"
971                    target="_self"
972                    class="u-inline-block u-py-1 u-underline-link"
973                >
974                    FAQ
975                </a>
976            </li>
977                    <li class="u-mt-2 u-pr-4 xs:u-w-[50%]">
978                <a  href="https://thedrake.ca/terms-and-conditions/"
979                    target="_self"
980                    class="u-inline-block u-py-1 u-underline-link"
981                >
982                    Terms and Conditions
983                </a>
984            </li>
985                    <li class="u-mt-2 u-pr-4 xs:u-w-[50%]">
986                <a  href="https://thedrake.ca/aeroplan/"
987                    target="_self"
988                    class="u-inline-block u-py-1 u-underline-link"
989                >
990                    Aeroplan
991                </a>
992            </li>
993                    </ul>
994</nav>
995
996        <div class="u-flex u-flex-col u-gap-y-4">
997
998                        
999
1000
1001
1002
1003
1004
1005<c-form-newsletter  class="c-newsletter u-relative -default">
1006    <form  data-form action="https://thedrake.ca/wp-ajax.php?action=subscribe_to_newsletter" method="POST" data-success-feedback="Thank y
1006ou for subscribing to the newsletter." data-error-feedback="An unexpected error occurred. Please try again later." data-recaptcha-pubkey="6LfNp_gqAAAAAJrTp4RbhH53Ot8_Oy8YHmHIfMIC">
1007        <div class="u-flex u-flex-col u-gap-4" data-form-inner>
1008            <p class="u-typo-label u-text-lavender">
1009                Don't miss a thing
1010            </p>
1011            <div class="c-newsletter_input-container">
1012                <input type="hidden" name="action" value="subscribe_to_newsletter">
1013                <input class="c-newsletter_input" type="email" id="newsletter" name="email" placeholder="Your email" required>
1014                <button class="c-newsletter_submit" type="submit">
1015                    <span class="u-typo-label to-xs:u-hidden">
1016                        Subscribe
1017                    </span>
1018                    <span class="xs:u-hidden">
1019                        
1020
1021
1022
1023
1024
1025    <span
1026         class="c-icon"
1027    >
1028                <svg class="svg-arrow" focusable="false" aria-hidden="true">
1029            <use xlink:href="https://thedrake.ca/themes/thedrake/static/assets/svgs/sprite.svg?=17#arrow"></use>
1030        </svg>
1031    </span>
1032                    </span>
1033                </button>
1034            </div>
1035
1036            <div class="u-form-feedback u-form-frame u-hidden" data-form-feedback role="alert" aria-live="polite">
1037                <svg class="u-shrink-0 u-w-4 u-h-4" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20">
1038                    <path d="M10 .5a9.5 9.5 0 1 0 9.5 9.5A9.51 9.51 0 0 0 10 .5ZM9.5 4a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3ZM12 15H8a1 1 0 0 1 0-2h1v-3H8a1 1 0 0 1 0-2h2a1 1 0 0 1 1 1v4h1a1 1 0 0 1 0 2Z"/>
1039                </svg>
1040                <span class="u-sr-only">Form feedback</span>
1041                <div class="u-typo-label-small u-mt-[1px]" data-form-feedback-message>
1042                </div>
1043            </div>
1044        </div>
1045
1046        <div class="u-form_spinner" aria-hidden="true"><div class="u-form_spinner_inner"></div></div>
1047    </form>
1048</c-form-newsletter>            
1049
1050
1051
1052
1053<ul  class="c-socials">
1054            <li class="c-socials_item">
1055            <a href="https://www.facebook.com/thedrakehoteltoronto/" target="_blank" class="c-socials_link">
1056                <span class="u-sr-only">facebook</span>
1057                
1058
1059
1060
1061
1062
1063    <span
1064         class="c-icon"
1065    >
1066                <svg class="svg-facebook" focusable="false" aria-hidden="true">
1067            <use xlink:href="https://thedrake.ca/themes/thedrake/static/assets/svgs/sprite.svg?=17#facebook"></use>
1068        </svg>
1069    </span>
1070            </a>
1071        </li>
1072            <li class="c-socials_item">
1073            <a href="https://www.instagram.com/thedrake/" target="_blank" class="c-socials_link">
1074                <span class="u-sr-only">instagram</span>
1075                
1076
1077
1078
1079
1080
1081    <span
1082         class="c-icon"
1083    >
1084                <svg class="svg-instagram" focusable="false" aria-hidden="true">
1085            <use xlink:href="https://thedrake.ca/themes/thedrake/static/assets/svgs/sprite.svg?=17#instagram"></use>
1086        </svg>
1087    </span>
1088            </a>
1089        </li>
1090            <li class="c-socials_item">
1091            <a href="https://www.linkedin.com/company/the-drake-hotel" target="_blank" class="c-socials_link">
1092                <span class="u-sr-only">linkedin</span>
1093                
1094
1095
1096
1097
1098
1099    <span
1100         class="c-icon"
1101    >
1102                <svg class="svg-linkedin" focusable="false" aria-hidden="true">
1103            <use xlink:href="https://thedrake.ca/themes/thedrake/static/assets/svgs/sprite.svg?=17#linkedin"></use>
1104        </svg>
1105    </span>
1106            </a>
1107        </li>
1108            <li class="c-socials_item">
1109            <a href="https://www.tiktok.com/@thedrakehotel" target="_blank" class="c-socials_link">
1110                <span class="u-sr-only">tiktok</span>
1111                
1112
1113
1114
1115
1116
1117    <span
1118         class="c-icon"
1119    >
1120                <svg class="svg-tiktok" focusable="false" aria-hidden="true">
1121            <use xlink:href="https://thedrake.ca/themes/thedrake/static/assets/svgs/sprite.svg?=17#tiktok"></use>
1122        </svg>
1123    </span>
1124            </a>
1125        </li>
1126            <li class="c-socials_item">
1127            <a href="https://open.spotify.com/user/thedrakex%5Boh%21%5D#_=_" target="_blank" class="c-socials_link">
1128                <span class="u-sr-only">spotify</span>
1129                
1130
1131
1132
1133
1134
1135    <span
1136         class="c-icon"
1137    >
1138                <svg class="svg-spotify" focusable="false" aria-hidden="true">
1139            <use xlink:href="https://thedrake.ca/themes/thedrake/static/assets/svgs/sprite.svg?=17#spotify"></use>
1140        </svg>
1141    </span>
1142            </a>
1143        </li>
1144            <li class="c-socials_item">
1145            <a href="https://www.tripadvisor.ca/Hotel_Review-g155019-d496106-Reviews-The_Drake_Hotel-Toronto_Ontario.html" target="_blank" class="c-socials_link">
1146                <span class="u-sr-only">tripadvisor</span>
1147                
1148
1149
1150
1151
1152
1153    <span
1154         class="c-icon"
1155    >
1156                <svg class="svg-tripadvisor" focusable="false" aria-hidden="true">
1157            <use xlink:href="https://thedrake.ca/themes/thedrake/static/assets/svgs/sprite.svg?=17#tripadvisor"></use>
1158        </svg>
1159    </span>
1160            </a>
1161        </li>
1162    </ul>
1163        </div>
1164    </div>
1165</div>
1166        </div>
1167    </div>
1168</c-modal>
1169                
1170
1171
1172
1173
1174<c-modal class="c-booking -default || u-modal"  data-lenis-prevent data-modal-name="booking" data-theme="dark">
1175    <div class="c-booking_container || u-modal_container" data-target>
1176        <div class="c-booking_inner || u-modal_inner">
1177            <div class="c-booking_head">
1178                <h2 class="c-booking_head_title || u-typo-h5">Book</h2>
1179                <button class="c-booking_head_button" data-booking-toggler>
1180                    <span class="c-booking_head_button_inner">
1181                        <span class="u-typo-label-small">Close</span>
1182                        
1183
1184
1185
1186
1187
1188    <span
1189         class="c-icon"
1190    >
1191                <svg class="svg-close" focusable="false" aria-hidden="true">
1192            <use xlink:href="https://thedrake.ca/themes/thedrake/static/assets/svgs/sprite.svg?=17#close"></use>
1193        </svg>
1194    </span>
1195                    </span>
1196                </button>
1197            </div>
1198
1199            
1200            
1201
1202
1203
1204
1205
1206<c-tabs  class="c-tabs" data-tabs-name="booking">
1207    <ul class="c-tabs_list" role="tablist" aria-label="Tabs">
1208
1209        
1210            
1211                        
1212                        <li>
1213                <button class="c-tab_cta"  role="tab" id="tab-hotel" aria-controls="tabpanel-hotel" aria-selected="true" data-booking-cta-target="hotel">Hotel</button>
1214            </li>
1215        
1216            
1217                        
1218                        <li>
1219                <button class="c-tab_cta"  role="tab" id="tab-restaurant" aria-controls="tabpanel-restaurant" aria-selected="false" tabindex="-1" data-booking-cta-target="restaurant">Dining</button>
1220            </li>
1221        
1222            
1223                        
1224                        <li>
1225                <button class="c-tab_cta"  role="tab" id="tab-event" aria-controls="tabpanel-event" aria-selected="false" tabindex="-1" data-booking-cta-target="event">Event</button>
1226            </li>
1227            </ul>
1228
1229    
1230                    
1231
1232
1233
1234
1235
1236
1237<div  class="c-tabs-panel" role="tabpanel" id="tabpanel-hotel" aria-labelledby="tab-hotel" data-tabs-name="booking">
1238                                
1239
1240
1241
1242
1243
1244
1245<c-form-hotel  class="c-form-hotel -default" data-max-rooms="6" data-tabs-name="booking">
1246    <form class="u-relative u-flex u-flex-col u-gap-16 u-mt-2" data-form>
1247
1248        <div class="u-flex u-flex-col u-gap-2" data-form-inner>
1249                        
1250
1251
1252
1253
1254
1255
1256    <div class="c-select">
1257        <select 
1258            id="hotel-property" 
1259            name="hotel-property" 
1260            class="c-select_input" 
1261            required />
1262            <option value="">Choose a property*</option>
1263                                                            <option value="115278" selected>The Drake Hotel</option>
1264                                    <option value="115278" >Weddings</option>
1265                                    <option value="115279" >Drake Devonshire</option>
1266                                    <option value="115279" >Drake Motor Inn</option>
1267                                    </select>
1268    </div>
1269
1270                        <div class="u-flex u-flex-col u-gap-2 u-form-frame">
1271                <label
1272                    class="u-typo-body"
1273                    id="hotel-dates"
1274                    aria-live="polite"
1275                >
1276                    Date of stay&nbsp;
1277                    <span class="u-sr-only" data-check-in-label data-label="Check-in date selected: {date}"></span>&nbsp;
1278                    <span class="u-sr-only" data-check-out-label data-label="Check-out date selected: {date}"></span>
1279                </label>
1280                <p aria-hidden="true" class="u-typo-label-small u-text-gray-500" data-dates-display>-</p>
1281                
1282
1283
1284
1285
1286
1287
1288
1289<c-calendar  class="c-calendar" aria-labelledby="hotel-dates" tabindex="0" data-calendar>
1290            <calendar-range
1291            class="c-calendar_date"
1292            locale=en-US            data-calendar
1293 months=1        >
1294            <svg aria-label="Previous" slot="previous" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12"><path d="m10.898 5.144-2.226.042-3.948.014-.98.056-.028-.07.798-.56 2.422-2.422L5.788 1 1 5.788v.504l4.788 4.774 1.148-1.204-2.422-2.436-.798-.532.028-.07.98.042 3.948.014 2.226.042V5.144Z"/></svg>
1295            <svg aria-label="Next" slot="next" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12"><path d="m1 5.144 2.226.042 3.948.014.98.056.028-.07-.798-.56-2.422-2.422L6.11 1l4.788 4.788v.504L6.11 11.066 4.962 9.862l2.422-2.436.798-.532-.028-.07-.98.042-3.948.014L1 6.922V5.144Z"/></svg>
1296            <div class="u-flex u-gap-6 u-flex-wrap u-justify-center">
1297                <calendar-month class="c-calendar_month"></calendar-month>
1298                            </div>
1299        </calendar-range>
1300    </c-calendar>
1301                <p class="u-typo-error u-text-red-400 u-mt-1" id="hotel-dates-error" role="alert" style="display: none;" data-dates-error>
1302                    Please select a valid check-in and check-out date.
1303                </p>
1304            </div>
1305
1306                        <fieldset class="u-flex u-flex-col u-gap-4 u-form-frame" data-room>
1307                <div>
1308                    <legend class="u-typo-body u-float-left u-w-fit">Guests <span class="u-sr-only">(Room 1)</span></legend>
1309                    <span class="u-clear-both"></span>
1310                </div>
1311                
1312
1313
1314
1315
1316
1317
1318    <c-input-quantity  class="c-input-quantity">
1319        <label class="c-input-quantity_label" for="hotel-guests[room-1][adults]" dir="ltr">
1320            <span>Adults</span>
1321        </label>
1322        
1323        <input class="c-input-quantity_input" name="hotel-guests[room-1][adults]" aria-invalid="false" id="hotel-guests[room-1][adults]" max=4 min=2 pattern="[0-9]*" step="1" type="number" value=2 ></input>
1324
1325        <div class="c-input-quantity_controls">
1326            <button class="c-input-quantity_cta" aria-label="Decrement Adults" tabindex="-1" title="Decrement Adults" type="button" data-decrement>
1327                
1328
1329
1330
1331
1332
1333    <span
1334         class="c-icon"
1335    >
1336                <svg class="svg-number-minus" focusable="false" aria-hidden="true">
1337            <use xlink:href="https://thedrake.ca/themes/thedrake/static/assets/svgs/sprite.svg?=17#number-minus"></use>
1338        </svg>
1339    </span>
1340            </button>
1341            <button class="c-input-quantity_cta" aria-label="Increment Adults" tabindex="-1" title="Increment Adults" type="button" data-increment>
1342                
1343
1344
1345
1346
1347
1348    <span
1349         class="c-icon"
1350    >
1351                <svg class="svg-number-plus" focusable="false" aria-hidden="true">
1352            <use xlink:href="https://thedrake.ca/themes/thedrake/static/assets/svgs/sprite.svg?=17#number-plus"></use>
1353        </svg>
1354    </span>
1355            </button>
1356        </div>
1357    </c-input-quantity>
1358                
1359
1360
1361
1362
1363
1364
1365    <c-input-quantity  class="c-input-quantity">
1366        <label class="c-input-quantity_label" for="hotel-guests[room-1][children]" dir="ltr">
1367            <span>Children</span>
1368        </label>
1369        
1370        <input class="c-input-quantity_input" name="hotel-guests[room-1][children]" aria-invalid="false" id="hotel-guests[room-1][children]" max=3 min=0 pattern="[0-9]*" step="1" type="number" value=0 ></input>
1371
1372        <div class="c-input-quantity_controls">
1373            <button class="c-input-quantity_cta" aria-label="Decrement Children" tabindex="-1" title="Decrement Children" type="button" data-decrement>
1374                
1375
1376
1377
1378
1379
1380    <span
1381         class="c-icon"
1382    >
1383                <svg class="svg-number-minus" focusable="false" aria-hidden="true">
1384            <use xlink:href="https://thedrake.ca/themes/thedrake/static/assets/svgs/sprite.svg?=17#number-minus"></use>
1385        </svg>
1386    </span>
1387            </button>
1388            <button class="c-input-quantity_cta" aria-label="Increment Children" tabindex="-1" title="Increment Children" type="button" data-increment>
1389                
1390
1391
1392
1393
1394
1395    <span
1396         class="c-icon"
1397    >
1398                <svg class="svg-number-plus" focusable="false" aria-hidden="true">
1399            <use xlink:href="https://thedrake.ca/themes/thedrake/static/assets/svgs/sprite.svg?=17#number-plus"></use>
1400        </svg>
1401    </span>
1402            </button>
1403        </div>
1404    </c-input-quantity>
1405            </fieldset>
1406            
1406<script data-room-template type="text/template">
1407                <fieldset class="u-relative u-flex u-flex-col u-gap-4 u-form-frame" data-room>
1408                    <div>
1409                        <legend class="u-typo-body u-float-left u-w-fit">Guests <span data-room-index>(Room {index})</span></legend>
1410                        <span class="u-clear-both"></span>
1411                    </div>
1412                    <button class="u-absolute u-top-1 u-right-1" data-remove-room>
1413                        <span class="u-pointer-events-none u-flex u-items-center u-justify-center u-w-10 u-h-10">
1414                            <span data-room-index class="u-sr-only">Delete room {index}</span>
1415                            
1416
1417
1418
1419
1420
1421    <span
1422         class="c-icon"
1423    >
1424                <svg class="svg-delete" focusable="false" aria-hidden="true">
1425            <use xlink:href="https://thedrake.ca/themes/thedrake/static/assets/svgs/sprite.svg?=17#delete"></use>
1426        </svg>
1427    </span>
1428                        </span>
1429                    </button>
1430                    
1431
1432
1433
1434
1435
1436
1437    <c-input-quantity  class="c-input-quantity">
1438        <label class="c-input-quantity_label" for="hotel-guests[room-{index}][adults]" dir="ltr">
1439            <span>Adults</span>
1440        </label>
1441        
1442        <input class="c-input-quantity_input" name="hotel-guests[room-{index}][adults]" aria-invalid="false" id="hotel-guests[room-{index}][adults]" max=4 min=1 pattern="[0-9]*" step="1" type="number" value=1 ></input>
1443
1444        <div class="c-input-quantity_controls">
1445            <button class="c-input-quantity_cta" aria-label="Decrement Adults" tabindex="-1" title="Decrement Adults" type="button" data-decrement>
1446                
1447
1448
1449
1450
1451
1452    <span
1453         class="c-icon"
1454    >
1455                <svg class="svg-number-minus" focusable="false" aria-hidden="true">
1456            <use xlink:href="https://thedrake.ca/themes/thedrake/static/assets/svgs/sprite.svg?=17#number-minus"></use>
1457        </svg>
1458    </span>
1459            </button>
1460            <button class="c-input-quantity_cta" aria-label="Increment Adults" tabindex="-1" title="Increment Adults" type="button" data-increment>
1461                
1462
1463
1464
1465
1466
1467    <span
1468         class="c-icon"
1469    >
1470                <svg class="svg-number-plus" focusable="false" aria-hidden="true">
1471            <use xlink:href="https://thedrake.ca/themes/thedrake/static/assets/svgs/sprite.svg?=17#number-plus"></use>
1472        </svg>
1473    </span>
1474            </button>
1475        </div>
1476    </c-input-quantity>
1477                    
1478
1479
1480
1481
1482
1483
1484    <c-input-quantity  class="c-input-quantity">
1485        <label class="c-input-quantity_label" for="hotel-guests[room-{index}][children]" dir="ltr">
1486            <span>Children</span>
1487        </label>
1488        
1489        <input class="c-input-quantity_input" name="hotel-guests[room-{index}][children]" aria-invalid="false" id="hotel-guests[room-{index}][children]" max=3 min=0 pattern="[0-9]*" step="1" type="number" value=0 ></input>
1490
1491        <div class="c-input-quantity_controls">
1492            <button class="c-input-quantity_cta" aria-label="Decrement Children" tabindex="-1" title="Decrement Children" type="button" data-decrement>
1493                
1494
1495
1496
1497
1498
1499    <span
1500         class="c-icon"
1501    >
1502                <svg class="svg-number-minus" focusable="false" aria-hidden="true">
1503            <use xlink:href="https://thedrake.ca/themes/thedrake/static/assets/svgs/sprite.svg?=17#number-minus"></use>
1504        </svg>
1505    </span>
1506            </button>
1507            <button class="c-input-quantity_cta" aria-label="Increment Children" tabindex="-1" title="Increment Children" type="button" data-increment>
1508                
1509
1510
1511
1512
1513
1514    <span
1515         class="c-icon"
1516    >
1517                <svg class="svg-number-plus" focusable="false" aria-hidden="true">
1518            <use xlink:href="https://thedrake.ca/themes/thedrake/static/assets/svgs/sprite.svg?=17#number-plus"></use>
1519        </svg>
1520    </span>
1521            </button>
1522        </div>
1523    </c-input-quantity>
1524                </fieldset>
1525            </script>
1525
1526        </div>
1527
1528                <div class="u-relative u-flex u-flex-col u-gap-2 u-z-above">
1529            <div>
1530                
1531
1532
1533
1534
1535
1536
1537
1538<button class="c-button -alt" data-add-room>
1539    <span class="c-button_inner">
1540
1541                <span class="c-button_label">
1542            <span>Add room</span>
1543        </span>
1544
1545                            <span class="c-button_icon-container" aria-hidden="true">
1546                
1547
1548
1549
1550
1551
1552    <span
1553         class="c-icon c-button_icon"
1554    >
1555                <svg class="svg-arrow" focusable="false" aria-hidden="true">
1556            <use xlink:href="https://thedrake.ca/themes/thedrake/static/assets/svgs/sprite.svg?=17#arrow"></use>
1557        </svg>
1558    </span>
1559            </span>
1560            </span>
1561</button>
1562            </div>
1563            
1564
1565
1566
1567
1568
1569
1570
1571<button class="c-button -default -full" type="submit">
1572    <span class="c-button_inner">
1573
1574                <span class="c-button_label">
1575            <span>Check availability</span>
1576        </span>
1577
1578                            <span class="c-button_icon-container" aria-hidden="true">
1579                
1580
1581
1582
1583
1584
1585    <span
1586         class="c-icon c-button_icon"
1587    >
1588                <svg class="svg-arrow" focusable="false" aria-hidden="true">
1589            <use xlink:href="https://thedrake.ca/themes/thedrake/static/assets/svgs/sprite.svg?=17#arrow"></use>
1590        </svg>
1591    </span>
1592            </span>
1593            </span>
1594</button>
1595        </div>
1596    </form>
1597</c-form-hotel>
1598                        </div>
1599
1600
1601                    
1602
1603
1604
1605
1606
1607
1608<div  class="c-tabs-panel" role="tabpanel" id="tabpanel-restaurant" aria-labelledby="tab-restaurant" data-tabs-name="booking">
1609                                
1610
1611
1612
1613
1614
1615
1616<c-form-restaurant  class="c-form-restaurant -default" data-tabs-name="booking">
1617    <form class="u-relative u-flex u-flex-col u-gap-16 u-mt-2" data-form>
1618
1619        <div class="u-flex u-flex-col u-gap-2" data-form-inner>
1620                        
1621
1622
1623
1624
1625
1626
1627    <div class="c-select">
1628        <select 
1629            id="restaurant-property" 
1630            name="restaurant-property" 
1631            class="c-select_input" 
1632            required />
1633            <option value="">Choose a property*</option>
1634                                                            <option value="thedrakehotel" selected>The Drake Hotel</option>
1635                                    <option value="thedrakehotel" >Weddings</option>
1636                                    <option value="drakedevonshire" >Drake Devonshire</option>
1637                                    <option value="drakedevonshire" >Drake Motor Inn</option>
1638                                    </select>
1639    </div>
1640        </div>
1641
1642                <div class="u-relative u-flex u-flex-col u-gap-2 u-z-above">
1643            
1644
1645
1646
1647
1648
1649
1650
1651<button class="c-button -default -full" type="submit">
1652    <span class="c-button_inner">
1653
1654                <span class="c-button_label">
1655            <span>Book a table</span>
1656        </span>
1657
1658                            <span class="c-button_icon-container" aria-hidden="true">
1659                
1660
1661
1662
1663
1664
1665    <span
1666         class="c-icon c-button_icon"
1667    >
1668                <svg class="svg-arrow" focusable="false" aria-hidden="true">
1669            <use xlink:href="https://thedrake.ca/themes/thedrake/static/assets/svgs/sprite.svg?=17#arrow"></use>
1670        </svg>
1671    </span>
1672            </span>
1673            </span>
1674</button>
1675        </div>
1676    </form>
1677</c-form-restaurant>
1678                        </div>
1679
1680
1681                    
1682
1683
1684
1685
1686
1687
1688<div  class="c-tabs-panel" role="tabpanel" id="tabpanel-event" aria-labelledby="tab-event" data-tabs-name="booking">
1689                                
1690
1691
1692
1693
1694
1695
1696
1697
1698
1699<c-form-event  class="c-form-event -default" data-tabs-name="booking">
1700    <form class="u-relative u-flex u-flex-col u-gap-16 u-mt-2"  data-form action="https://thedrake.ca/wp-ajax.php?action=event_booking" method="POST" data-success-feedback="Thank you for your inquiry! Our team will review your request and get back to you shortly." data-error-feedback="An unexpected error occurred. Please try again later." data-recaptcha-pubkey="6LfNp_gqAAAAAJrTp4RbhH53Ot8_Oy8YHmHIfMIC">
1701
1702        <div class="c-form-event_inner || u-flex u-flex-col u-gap-2" data-form-inner>
1703                        <fieldset class="u-flex u-flex-col u-gap-4 u-form-frame">
1704                <div>
1705                    <legend class="u-typo-body u-float-left u-w-fit">Your Contact Information</legend>
1706                    <span class="u-clear-both"></span>
1707                </div>
1708                
1709
1710
1711
1712
1713
1714
1715
1716    <div class="c-input-text">
1717        <input
1718            class="c-input-text_input u-typo-label"
1719             type="text" id="lead[first_name]" name="first_name" placeholder="First Name" required
1720 />
1721        <label 
1722            for="lead[first_name]" 
1723                            class="c-input-text_label"
1724                    >
1725            <span>First Name<span aria-hidden="true">*</span></span>
1726        </label>
1727    </div>
1728                
1729
1730
1731
1732
1733
1734
1735
1736    <div class="c-input-text">
1737        <input
1738            class="c-input-text_input u-typo-label"
1739             type="text" id="lead[last_name]" name="last_name" placeholder="Last Name" required
1740 />
1741        <label 
1742            for="lead[last_name]" 
1743                            class="c-input-text_label"
1744                    >
1745            <span>Last Name<span aria-hidden="true">*</span></span>
1746        </label>
1747    </div>
1748                
1749
1750
1751
1752
1753
1754
1755
1756    <div class="c-input-text">
1757        <input
1758            class="c-input-text_input u-typo-label"
1759             type="email" id="lead[email_address]" name="email_address" placeholder="Email Address" required
1760 />
1761        <label 
1762            for="lead[email_address]" 
1763                            class="c-input-text_label"
1764                    >
1765            <span>Email Address<span aria-hidden="true">*</span></span>
1766        </label>
1767    </div>
1768                <div class="u-grid u-grid-cols-2 u-gap-1 xs:u-contents">
1769                    
1770
1771
1772
1773
1774
1775
1776
1777    <div class="c-input-text -placeholder">
1778        <input
1779            class="c-input-text_input u-typo-label"
1780             type="tel" id="lead[phone_number]" name="phone_number" placeholder="123-456-7890" required pattern="[0-9]{3}-?[0-9]{3}-?[0-9]{4}"
1781        />
1782        <label 
1783            for="lead[phone_number]" 
1784                            class="c-input-text_label"
1785                    >
1786            <span>Phone Number<span aria-hidden="true">*</span></span>
1787        </label>
1788    </div>
1789                    
1790
1791
1792
1793
1794
1795
1796
1797    <div class="c-input-text">
1798        <input
1799            class="c-input-text_input u-typo-label"
1800             type="text" id="lead[phone_number_extension]" name="phone_number_extension" placeholder="Ext."
1801        />
1802        <label 
1803            for="lead[phone_number_extension]" 
1804                            class="c-input-text_label"
1805                    >
1806            <span>Ext.<span aria-hidden="true"></span></span>
1807        </label>
1808    </div>
1809                </div>
1810                
1811
1812
1813
1814
1815
1816
1817
1818    <div class="c-input-text">
1819        <input
1820            class="c-input-text_input u-typo-label"
1821             type="text" id="lead[company]" name="company" placeholder="Company" required
1822 />
1823        <label 
1824            for="lead[company]" 
1825                            class="c-input-text_label"
1826                    >
1827            <span>Company<span aria-hidden="true">*</span></span>
1828        </label>
1829    </div>
1830                <div>
1831                    <input data-mail-opt-in-ref type="hidden" name="email_opt_in" value="0" />
1832                    
1833
1834
1835
1836
1837
1838
1839
1840    <div class="c-checkbox">
1841        <input  class="c-checkbox_input" type="checkbox" id="lead[email_opt_in]" name="email_opt_in" value="1" data-mail-opt-in-checkbox />
1842        <label for="lead[email_opt_in]" class="c-checkbox_label || u-typo-label">
1843            <span>Subscribe to our Newsletter and Promotional Emails.</span>
1844        </label>
1845    </div>
1846                </div>
1847                <div>
1848                    <input data-gdpr-opt-in-ref type="hidden" name="gdpr_consent_granted" value="0" />
1849                    
1850
1851
1852
1853
1854
1855
1856
1857    <div class="c-checkbox">
1858        <input  class="c-checkbox_input" type="checkbox" id="lead[gdpr_consent_granted]" name="gdpr_consent_granted" value="1" data-gdpr-opt-in-checkbox />
1859        <label for="lead[gdpr_consent_granted]" class="c-checkbox_label || u-typo-label">
1860            <span>In order to submit your personal information you must agree to and accept the terms of <a class="u-link" href="https://www.tripleseat.com/privacy-policy/" target="_blank" tabindex="0">Tripleseat's privacy policy.</a></span>
1861        </label>
1862    </div>
1863                    <p class="u-typo-error u-text-red-400 u-mt-1" id="lead_gdpr_consent_granted_error" role="alert" style="display: none;">
1864                        You must check this box to proceed.
1865                    </p>
1866                </div>
1867            </fieldset>
1868
1869                        <fieldset class="u-flex u-flex-col u-gap-4 u-form-frame">
1870                <div>
1871                    <legend class="u-typo-body u-float-left u-w-fit">Your Event Details</legend>
1872                    <span class="u-clear-both"></span>
1873                </div>
1874                
1875
1876
1877
1878
1879
1880
1881
1882    <div class="c-input-text -placeholder">
1883        <input
1884            class="c-input-text_input u-typo-label"
1885             type="text" id="lead[event_description]" name="event_description" placeholder="e.g. Birthday Party, Company Party..." required
1886 />
1887        <label 
1888            for="lead[event_description]" 
1889                            class="c-input-text_label"
1890                    >
1891            <span>Nature of this Event<span aria-hidden="true">*</span></span>
1892        </label>
1893    </div>
1894
1895                
1896
1897
1898
1899
1900
1901
1902    <div class="c-select">
1903        <select 
1904            id="lead[location_id]" 
1905            name="location_id" 
1906            class="c-select_input" 
1907            required />
1908            <option value="">Location*</option>
1909                                                            <option value="10524" selected>The Drake Hotel</option>
1910                                    <option value="10524" >Weddings</option>
1911                                    <option value="10523" >Drake Devonshire</option>
1912                                    </select>
1913    </div>
1914
1915                <div>
1916                    <label
1917                        class="u-typo-label"
1918                        id="event_date"
1919                        aria-live="polite"
1920                    >
1921                        Event Date&nbsp;<span aria-hidden="true">*</span>&nbsp;
1922                        <span class="u-sr-only" data-date-label data-label="selected: {date}"></span>&nbsp;
1923                    </label>
1924                    
1925
1926
1927
1928
1929
1930
1931
1932<c-calendar  class="c-calendar" aria-labelledby="event_date" tabindex="0" data-calendar>
1933            <calendar-date
1934            class="c-calendar_date"
1935            locale=en-US            data-calendar
1936>
1937            <svg aria-label="Previous" slot="previous" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12"><path d="m10.898 5.144-2.226.042-3.948.014-.98.056-.028-.07.798-.56 2.422-2.422L5.788 1 1 5.788v.504l4.788 4.774 1.148-1.204-2.422-2.436-.798-.532.028-.07.98.042 3.948.014 2.226.042V5.144Z"/></svg>
1938            <svg aria-label="Next" slot="next" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12"><path d="m1 5.144 2.226.042 3.948.014.98.056.028-.07-.798-.56-2.422-2.422L6.11 1l4.788 4.788v.504L6.11 11.066 4.962 9.862l2.422-2.436.798-.532-.028-.07-.98.042-3.948.014L1 6.922V5.144Z"/></svg>
1939            <calendar-month class="c-calendar_month"></calendar-month>
1940        </calendar-date>
1941    </c-calendar>
1942                    <p class="u-typo-error u-text-red-400 u-mt-1" id="lead_event_date_error" role="alert" style="display: none;">
1943                        Please select a date.
1944                    </p>
1945                </div>
1946
1947                
1948
1949
1950
1951
1952
1953
1954    <div class="c-select">
1955        <select 
1956            id="lead[start_time]" 
1957            name="start_time" 
1958            class="c-select_input" 
1959                    />
1960            <option value="">Start time</option>
1961                                                            <option value="0:00am" >12:00 AM</option>
1962                                    <option value="0:30am" >12:30 AM</option>
1963                                    <option value="1:00am" >1:00 AM</option>
1964                                    <option value="1:30am" >1:30 AM</option>
1965                                    <option value="2:00am" >2:00 AM</option>
1966                                    <option value="2:30am" >2:30 AM</option>
1967                                    <option value="3:00am" >3:00 AM</option>
1968                                    <option value="3:30am" >3:30 AM</option>
1969                                    <option value="4:00am" >4:00 AM</option>
1970                                    <option value="4:30am" >4:30 AM</option>
1971                                    <option value="5:00am" >5:00 AM</option>
1972                                    <option value="5:30am" >5:30 AM</option>
1973                                    <option value="6:00am" >6:00 AM</option>
1974                                    <option value="6:30am" >6:30 AM</option>
1975                                    <option value="7:00am" >7:00 AM</option>
1976                                    <option value="7:30am" >7:30 AM</option>
1977                                    <option value="8:00am" >8:00 AM</option>
1978                                    <option value="8:30am" >8:30 AM</option>
1979                                    <option value="9:00am" >9:00 AM</option>
1980                                    <option value="9:30am" >9:30 AM</option>
1981                                    <option value="10:00am" >10:00 AM</option>
1982                                    <option value="10:30am" >10:30 AM</option>
1983                                    <option value="11:00am" >11:00 AM</option>
1984                                    <option value="11:30am" >11:30 AM</option>
1985                                    <option value="0:00pm" >12:00 PM</option>
1986                                    <option value="0:30pm" >12:30 PM</option>
1987                                    <option value="1:00pm" >1:00 PM</option>
1988                                    <option value="1:30pm" >1:30 PM</option>
1989                                    <option value="2:00pm" >2:00 PM</option>
1990                                    <option value="2:30pm" >2:30 PM</option>
1991                                    <option value="3:00pm" >3:00 PM</option>
1992                                    <option value="3:30pm" >3:30 PM</option>
1993                                    <option value="4:00pm" >4:00 PM</option>
1994                                    <option value="4:30pm" >4:30 PM</option>
1995                                    <option value="5:00pm" >5:00 PM</option>
1996                                    <option value="5:30pm" >5:30 PM</option>
1997                                    <option value="6:00pm" >6:00 PM</option>
1998                                    <option value="6:30pm" >6:30 PM</option>
1999                                    <option value="7:00pm" >7:00 PM</option>
2000                                    <option value="7:30pm" >7:30 PM</option>
2001                                    <option value="8:00pm" >8:00 PM</option>
2002                                    <option value="8:30pm" >8:30 PM</option>
2003                                    <option value="9:00pm" >9:00 PM</option>
2004                                    <option value="9:30pm" >9:30 PM</option>
2005                                    <option value="10:00pm" >10:00 PM</option>
2006                                    <option value="10:30pm" >10:30 PM</option>
2007                                    <option value="11:00pm" >11:00 PM</option>
2008                                    <option value="11:30pm" >11:30 PM</option>
2009                                    </select>
2010    </div>
2011
2012                
2013
2014
2015
2016
2017
2018
2019    <div class="c-select">
2020        <select 
2021            id="lead[end_time]" 
2022            name="end_time" 
2023            class="c-select_input" 
2024                    />
2025            <option value="">End time</option>
2026                                                            <option value="0:00am" >12:00 AM</option>
2027                                    <option value="0:30am" >12:30 AM</option>
2028                                    <option value="1:00am" >1:00 AM</option>
2029                                    <option value="1:30am" >1:30 AM</option>
2030                                    <option value="2:00am" >2:00 AM</option>
2031                                    <option value="2:30am" >2:30 AM</option>
2032                                    <option value="3:00am" >3:00 AM</option>
2033                                    <option value="3:30am" >3:30 AM</option>
2034                                    <option value="4:00am" >4:00 AM</option>
2035                                    <option value="4:30am" >4:30 AM</option>
2036                                    <option value="5:00am" >5:00 AM</option>
2037                                    <option value="5:30am" >5:30 AM</option>
2038                                    <option value="6:00am" >6:00 AM</option>
2039                                    <option value="6:30am" >6:30 AM</option>
2040                                    <option value="7:00am" >7:00 AM</option>
2041                                    <option value="7:30am" >7:30 AM</option>
2042                                    <option value="8:00am" >8:00 AM</option>
2043                                    <option value="8:30am" >8:30 AM</option>
2044                                    <option value="9:00am" >9:00 AM</option>
2045                                    <option value="9:30am" >9:30 AM</option>
2046                                    <option value="10:00am" >10:00 AM</option>
2047                                    <option value="10:30am" >10:30 AM</option>
2048                                    <option value="11:00am" >11:00 AM</option>
2049                                    <option value="11:30am" >11:30 AM</option>
2050                                    <option value="0:00pm" >12:00 PM</option>
2051                                    <option value="0:30pm" >12:30 PM</option>
2052                                    <option value="1:00pm" >1:00 PM</option>
2053                                    <option value="1:30pm" >1:30 PM</option>
2054                                    <option value="2:00pm" >2:00 PM</option>
2055                                    <option value="2:30pm" >2:30 PM</option>
2056                                    <option value="3:00pm" >3:00 PM</option>
2057                                    <option value="3:30pm" >3:30 PM</option>
2058                                    <option value="4:00pm" >4:00 PM</option>
2059                                    <option value="4:30pm" >4:30 PM</option>
2060                                    <option value="5:00pm" >5:00 PM</option>
2061                                    <option value="5:30pm" >5:30 PM</option>
2062                                    <option value="6:00pm" >6:00 PM</option>
2063                                    <option value="6:30pm" >6:30 PM</option>
2064                                    <option value="7:00pm" >7:00 PM</option>
2065                                    <option value="7:30pm" >7:30 PM</option>
2066                                    <option value="8:00pm" >8:00 PM</option>
2067                                    <option value="8:30pm" >8:30 PM</option>
2068                                    <option value="9:00pm" >9:00 PM</option>
2069                                    <option value="9:30pm" >9:30 PM</option>
2070                                    <option value="10:00pm" >10:00 PM</option>
2071                                    <option value="10:30pm" >10:30 PM</option>
2072                                    <option value="11:00pm" >11:00 PM</option>
2073                                    <option value="11:30pm" >11:30 PM</option>
2074                                    </select>
2075    </div>
2076
2077                
2078
2079
2080
2081
2082
2083
2084
2085    <div class="c-input-text">
2086        <input
2087            class="c-input-text_input u-typo-label"
2088             type="text" id="lead[guest_count]" name="guest_count" placeholder="Number of People" required
2089 />
2090        <label 
2091            for="lead[guest_count]" 
2092                            class="c-input-text_label"
2093                    >
2094            <span>Number of People<span aria-hidden="true">*</span></span>
2095        </label>
2096    </div>
2097
2098                
2099
2100
2101
2102
2103
2104
2105    <div class="c-textarea">
2106        <textarea 
2107            id="lead[additional_information]" 
2108            name="additional_information" 
2109            class="c-textarea_input u-typo-label" 
2110            placeholder="Additional Information"
2111                    ></textarea>
2112        <label for="lead[additional_information]" class="c-textarea_label">
2113            <span>Additional Information<span aria-hidden="true"></span></span>
2114        </label>
2115    </div>
2116
2117                
2118
2119
2120
2121
2122
2123
2124    <div class="c-select">
2125        <select 
2126            id="lead[referral_source_id]" 
2127            name="referral_source_id" 
2128            class="c-select_input" 
2129                    />
2130            <option value="">How did you hear about us?</option>
2131                                                            <option value="EventUp" >EventUp</option>
2132                                    <option value="Instagram" >Instagram</option>
2133                                    <option value="Facebook" >Facebook</option>
2134                                    <option value="Venues by Tripleseat" >Venues by Tripleseat</option>
2135                                    <option value="Search Engine" >Search Engine</option>
2136                                    <option value="Email" >Email</option>
2137                                    <option value="Other" >Other</option>
2138                                    </select>
2139    </div>
2140
2141                
2142
2143
2144
2145
2146
2147
2148    <div class="c-textarea -offset-top">
2149        <textarea 
2150            id="lead[referral_source_other]" 
2151            name="referral_source_other" 
2152            class="c-textarea_input u-typo-label" 
2153            placeholder="Please specify (if Other is selected)"
2154                    ></textarea>
2155        <label for="lead[referral_source_other]" class="c-textarea_label">
2156            <span>Please specify (if Other is selected)<span aria-hidden="true"></span></span>
2157        </label>
2158    </div>
2159
2160            </fieldset>
2161        </div>
2162
2163                <div class="u-relative u-flex u-flex-col u-gap-2 u-z-above">
2164
2165            <div class="u-form-feedback u-form-frame u-hidden" data-form-feedback role="alert" aria-live="polite">
2166                <svg class="u-shrink-0 u-w-4 u-h-4" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20">
2167                    <path d="M10 .5a9.5 9.5 0 1 0 9.5 9.5A9.51 9.51 0 0 0 10 .5ZM9.5 4a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3ZM12 15H8a1 1 0 0 1 0-2h1v-3H8a1 1 0 0 1 0-2h2a1 1 0 0 1 1 1v4h1a1 1 0 0 1 0 2Z"/>
2168                </svg>
2169                <span class="u-sr-only">Form feedback</span>
2170                <div class="u-typo-label-small u-mt-[1px]" data-form-feedback-message>
2171                </div>
2172            </div>
2173
2174            
2175
2176
2177
2178
2179
2180
2181
2182<button class="c-button -default -full c-form-event_submit" type="submit">
2183    <span class="c-button_inner">
2184
2185                <span class="c-button_label">
2186            <span>Make an enquiry</span>
2187        </span>
2188
2189                            <span class="c-button_icon-container" aria-hidden="true">
2190                
2191
2192
2193
2194
2195
2196    <span
2197         class="c-icon c-button_icon"
2198    >
2199                <svg class="svg-arrow" focusable="false" aria-hidden="true">
2200            <use xlink:href="https://thedrake.ca/themes/thedrake/static/assets/svgs/sprite.svg?=17#arrow"></use>
2201        </svg>
2202    </span>
2203            </span>
2204            </span>
2205</button>
2206        </div>
2207
2208        <div class="u-form_spinner" aria-hidden="true"><div class="u-form_spinner_inner"></div></div>
2209    </form>
2210</c-form-event>
2211                        </div>
2212
2213
2214                </c-tabs>        </div>
2215    </div>
2216</c-modal>
2217
2218                <div class="transition-inner">
2219                    <main role="main">
2220                        
2221                        <div id="content">
2222                                <div class="u-bg-white">
2223        
2224
2225
2226
2227
2228
2229<c-ns
2230     class="c-hero" data-scroll="" data-anim-stagger-words="" data-anim-reveal-translate=""
2231>   
2232    <div class="c-hero_inner">
2233        <div class="c-hero_background">
2234
2235                    
2236
2237
2238
2239
2240
2241    <c-video-inline  class="c-video-inline" data-scroll="" data-scroll-repeat="" data-uid="579330727" data-scroll-call="onInview579330727">
2242        
2243
2244
2245
2246
2247
2248
2249    <video  class="c-video" poster="https://thedrake.ca/uploads/2025/02/home-hero.jpg" preload="auto" loop muted playsinline>
2250        
2251        <source src="https://player.vimeo.com/progressive_redirect/playback/1087748790/rendition/1080p/file.mp4?loc=external&signature=9aaf636385e3a0cb7ab61aaadd1720d40ca4acb3c64da46670d54c9adbb23a44" type="video/mp4">
2252        
2253            </video>
2254    </c-video-inline>
2255                </div>
2256
2257        <div class="c-hero_container || u-container">
2258            <div class="u-flex u-flex-col">
2259                                    <div class="anim-reveal-translate" style="--offset: 20px;">
2260                        <p class="u-inline-block u-py-2 u-px-[10px] u-rounded u-text-white u-bg-black u-typo-label-tiny">An Iconic West Queen West Neighbourhood Hotel</p>
2261                    </div>
2262                                                    
2263
2264
2265
2266
2267
2268
2269
2270
2271
2272    <c-heading  class="c-heading anim-stagger-words c-hero_heading u-typo-display-3" data-uid="220230233" data-scroll="" data-scroll-call="callHeading220230233" data-scroll-repeat="" data-has-animation>
2273        <h1 class="u-sr-only">The Drake Hotel
2274</h1>
2275        <p class="c-heading_split" aria-hidden="true">
2276                                                
2277
2278                                            
2279                                                                                                
2280                                                                <sp
2280an class="" style="--br-index: 0; --word-index: 0;" data-word>The</span>
2281                    
2282                                                     
2283                                                            
2284                                                                                                
2285                                                                <span class="is-active" style="--br-index: 0; --word-index: 1;" data-word>Drake</span>
2286                    
2287                                                     
2288                                                            
2289                                                                                                
2290                                                                <span class="" style="--br-index: 0; --word-index: 2;" data-word>Hotel</span>
2291                    
2292                                                    
2293                                    </p>
2294    </c-heading>
2295                            </div>
2296                            <div class="anim-reveal-translate" style="--offset: 40px; --extra-delay: calc(.2s + var(--anim-stagger-words-enter-translate-delay-duration) + ((var(--anim-stagger-words-length) - 1) * var(--anim-stagger-words-enter-stagger-delay)));">
2297                                                        
2298
2299
2300
2301
2302
2303
2304<c-booking-widget  class="c-booking-widget -alt">
2305    <form class="c-booking-widget_inner" data-form>
2306
2307        <div class="c-booking-widget_fields" data-form-inner>
2308
2309                        <div class="c-booking-widget_select">
2310
2311                <select
2312                    class="c-booking-widget_select_input"
2313                    id="widget-property"
2314                    name="widget-property"
2315                    required
2316 data-hotel-select
2317 />
2318                                                                                            <option value="115278" selected>The Drake Hotel</option>
2319                                                    <option value="115278" >Weddings</option>
2320                                                    <option value="115279" >Drake Devonshire</option>
2321                                                    <option value="115279" >Drake Motor Inn</option>
2322                                                            </select>
2323
2324                <div class="c-booking-widget_field">
2325                    <label class="u-typo-label-tiny" for="widget-property">Hotel</label>
2326                    <p class="c-booking-widget_value" data-hotel-value aria-hidden="true"></p>
2327                </div>
2328
2329            </div>
2330
2331                        <c-booking-combobox class="c-booking-widget_combobox -guests" data-combobox-rooms>
2332
2333                <div class="c-booking-widget_field">
2334                    <label class="c-booking-widget_combobox_label u-typo-label-tiny" for="cb-room-textbox">Guest(s)</label>
2335                    <input class="c-booking-widget_value" data-combobox-input type="text" id="cb-room-textbox" aria-autocomplete="none" role="combobox" aria-expanded="false" aria-haspopup="dialog" aria-controls="cb-room-dialog" readonly>
2336                </div>
2337
2338                <div data-combobox-dialog id="cb-room-dialog" class="c-booking-widget_dialog" role="dialog" aria-modal="true" aria-label="Choose Date" style="display: none;" data-theme="dark">
2339                    <fieldset class="u-flex u-flex-col u-gap-4 u-form-frame" tabindex="0">
2340                        <div>
2341                            <legend class="u-typo-body u-float-left u-w-fit">Select guests</span></legend>
2342                            <span class="u-clear-both"></span>
2343                        </div>
2344                        
2345
2346
2347
2348
2349
2350
2351    <c-input-quantity  class="c-input-quantity" data-adults-number>
2352        <label class="c-input-quantity_label" for="widget-guests[room-1][adults]" dir="ltr">
2353            <span>Adults</span>
2354        </label>
2355        
2356        <input class="c-input-quantity_input" name="widget-guests[room-1][adults]" aria-invalid="false" id="widget-guests[room-1][adults]" max=4 min=2 pattern="[0-9]*" step="1" type="number" value=2 ></input>
2357
2358        <div class="c-input-quantity_controls">
2359            <button class="c-input-quantity_cta" aria-label="Decrement Adults" tabindex="-1" title="Decrement Adults" type="button" data-decrement>
2360                
2361
2362
2363
2364
2365
2366    <span
2367         class="c-icon"
2368    >
2369                <svg class="svg-number-minus" focusable="false" aria-hidden="true">
2370            <use xlink:href="https://thedrake.ca/themes/thedrake/static/assets/svgs/sprite.svg?=17#number-minus"></use>
2371        </svg>
2372    </span>
2373            </button>
2374            <button class="c-input-quantity_cta" aria-label="Increment Adults" tabindex="-1" title="Increment Adults" type="button" data-increment>
2375                
2376
2377
2378
2379
2380
2381    <span
2382         class="c-icon"
2383    >
2384                <svg class="svg-number-plus" focusable="false" aria-hidden="true">
2385            <use xlink:href="https://thedrake.ca/themes/thedrake/static/assets/svgs/sprite.svg?=17#number-plus"></use>
2386        </svg>
2387    </span>
2388            </button>
2389        </div>
2390    </c-input-quantity>
2391                        
2392
2393
2394
2395
2396
2397
2398    <c-input-quantity  class="c-input-quantity" data-children-number>
2399        <label class="c-input-quantity_label" for="widget-guests[room-1][children]" dir="ltr">
2400            <span>Children</span>
2401        </label>
2402        
2403        <input class="c-input-quantity_input" name="widget-guests[room-1][children]" aria-invalid="false" id="widget-guests[room-1][children]" max=3 min=0 pattern="[0-9]*" step="1" type="number" value=0 ></input>
2404
2405        <div class="c-input-quantity_controls">
2406            <button class="c-input-quantity_cta" aria-label="Decrement Children" tabindex="-1" title="Decrement Children" type="button" data-decrement>
2407                
2408
2409
2410
2411
2412
2413    <span
2414         class="c-icon"
2415    >
2416                <svg class="svg-number-minus" focusable="false" aria-hidden="true">
2417            <use xlink:href="https://thedrake.ca/themes/thedrake/static/assets/svgs/sprite.svg?=17#number-minus"></use>
2418        </svg>
2419    </span>
2420            </button>
2421            <button class="c-input-quantity_cta" aria-label="Increment Children" tabindex="-1" title="Increment Children" type="button" data-increment>
2422                
2423
2424
2425
2426
2427
2428    <span
2429         class="c-icon"
2430    >
2431                <svg class="svg-number-plus" focusable="false" aria-hidden="true">
2432            <use xlink:href="https://thedrake.ca/themes/thedrake/static/assets/svgs/sprite.svg?=17#number-plus"></use>
2433        </svg>
2434    </span>
2435            </button>
2436        </div>
2437    </c-input-quantity>
2438                    </fieldset>
2439                </div>
2440            </c-booking-combobox>
2441
2442                        <c-booking-combobox class="c-booking-widget_combobox -dates" data-combobox-dates>
2443
2444                <div class="c-booking-widget_field">
2445                    <label class="c-booking-widget_combobox_label u-typo-label-tiny" for="cb-date-text">Dates of stay</label>
2446                    <input class="c-booking-widget_value" data-combobox-input type="text" id="cb-date-text" aria-autocomplete="none" role="combobox" aria-expanded="false" aria-haspopup="dialog" aria-controls="cb-data-dialog" readonly>
2447                </div>
2448
2449
2450                <div data-combobox-dialog id="cb-data-dialog" class="c-booking-widget_dialog" role="dialog" aria-modal="true" aria-label="Choose Date" style="display: none;" data-theme="dark">
2451                    <div class="u-flex u-flex-col u-gap-2 u-form-frame">
2452                        <label
2453                            class="u-typo-body"
2454                            id="widget-dates"
2455                            aria-live="polite"
2456                        >
2457                            Select your dates&nbsp;
2458                            <span class="u-sr-only" data-check-in-label data-label="Check-in date selected: {date}"></span>&nbsp;
2459                            <span class="u-sr-only" data-check-out-label data-label="Check-out date selected: {date}"></span>
2460                        </label>
2461                        
2462
2463
2464
2465
2466
2467
2468
2469<c-calendar  class="c-calendar" aria-labelledby="widget-dates" tabindex="0" data-calendar>
2470            <calendar-range
2471            class="c-calendar_date"
2472            locale=en-US            data-calendar
2473 months=2        >
2474            <svg aria-label="Previous" slot="previous" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12"><path d="m10.898 5.144-2.226.042-3.948.014-.98.056-.028-.07.798-.56 2.422-2.422L5.788 1 1 5.788v.504l4.788 4.774 1.148-1.204-2.422-2.436-.798-.532.028-.07.98.042 3.948.014 2.226.042V5.144Z"/></svg>
2475            <svg aria-label="Next" slot="next" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12"><path d="m1 5.144 2.226.042 3.948.014.98.056.028-.07-.798-.56-2.422-2.422L6.11 1l4.788 4.788v.504L6.11 11.066 4.962 9.862l2.422-2.436.798-.532-.028-.07-.98.042-3.948.014L1 6.922V5.144Z"/></svg>
2476            <div class="u-flex u-gap-6 u-flex-wrap u-justify-center">
2477                <calendar-month class="c-calendar_month"></calendar-month>
2478                                    <calendar-month offset="1" class="c-calendar_month"></calendar-month>
2479                            </div>
2480        </calendar-range>
2481    </c-calendar>
2482                        <p class="u-typo-error u-text-red-400 u-mt-1" id="widget-dates-error" role="alert" style="display: none;" data-dates-error>
2483                            Please select a valid check-in and check-out date.
2484                        </p>
2485                    </div>
2486                </div>
2487            </c-booking-combobox>
2488        </div>
2489
2490                <div class="u-flex u-flex-1 u-z-above">
2491            
2492
2493
2494
2495
2496
2497
2498
2499<button class="c-button -default -full" type="submit">
2500    <span class="c-button_inner">
2501
2502                <span class="c-button_label">
2503            <span>Check availability</span>
2504        </span>
2505
2506                            <span class="c-button_icon-container" aria-hidden="true">
2507                
2508
2509
2510
2511
2512
2513    <span
2514         class="c-icon c-button_icon"
2515    >
2516                <svg class="svg-arrow" focusable="false" aria-hidden="true">
2517            <use xlink:href="https://thedrake.ca/themes/thedrake/static/assets/svgs/sprite.svg?=17#arrow"></use>
2518        </svg>
2519    </span>
2520            </span>
2521            </span>
2522</button>
2523        </div>
2524    </form>
2525</c-booking-widget>
2526                                            </div>
2527                    </div>
2528    </div>
2529</c-ns>
2530
2531        
2532
2533
2534
2535
2536
2537    <div class="c-sticky-cta_area">
2538                <div class="c-sticky-cta" data-scroll data-scroll-ignore-fold data-scroll-repeat data-scroll-offset="100%, 100%" data-scroll-class="is-active">
2539            <div class="c-sticky-cta_sticky">
2540                <div class="c-sticky-cta_bar">                                    
2541
2542
2543
2544
2545
2546
2547<c-booking-cta  class="c-booking-cta" data-panel-target="hotel" data-location-select-id="hotel-property" data-location-value="115278">
2548    
2549
2550
2551
2552
2553
2554
2555
2556<button class="c-button -alt -no-border" data-booking-cta="true">
2557    <span class="c-button_inner">
2558
2559                <span class="c-button_label">
2560            <span>Book a room</span>
2561        </span>
2562
2563                            <span class="c-button_icon-container" aria-hidden="true">
2564                
2565
2566
2567
2568
2569
2570    <span
2571         class="c-icon c-button_icon"
2572    >
2573                <svg class="svg-arrow" focusable="false" aria-hidden="true">
2574            <use xlink:href="https://thedrake.ca/themes/thedrake/static/assets/svgs/sprite.svg?=17#arrow"></use>
2575        </svg>
2576    </span>
2577            </span>
2578            </span>
2579</button>
2580</c-booking-cta>                            </div>
2581            </div>
2582        </div>
2583                        <div class="u-bg-white">
2584                                            
2585
2586				
2587
2588		
2589
2590
2591
2592
2593
2594<c-ns
2595     class="c-ns-vertical -default" data-anim-stagger-words="" data-anim-reveal="" data-anim-reveal-translate="" data-scroll=""
2596>
2597    <div class="u-container || c-ns-vertical_inner">
2598                            <div class="c-ns-vertical_header_wrapper">
2599                
2600
2601
2602
2603
2604
2605<c-ns
2606     class="c-ns-head -default c-ns-vertical_header" data-anim-stagger-words="" data-anim-reveal="" data-anim-reveal-translate="" data-scroll=""
2607>
2608    <div class="c-ns-head_header">
2609                            
2610
2611
2612
2613
2614
2615
2616
2617
2618
2619    <c-heading  class="c-heading anim-stagger-words c-ns-head_heading || u-typo-h2" data-uid="144860609" data-scroll="" data-scroll-call="callHeading144860609" data-scroll-repeat="" data-has-animation>
2620        <h2 class="u-sr-only">Welcome To The Drake Hotel
2621</h2>
2622        <p class="c-heading_split" aria-hidden="true">
2623                                                
2624
2625                                            
2626                                                                                                
2627                                                                <span class="" style="--br-index: 0; --word-index: 0;" data-word>Welcome</span>
2628                    
2629                                                     
2630                                                            
2631                                                                                                
2632                                                                <span class="" style="--br-index: 0; --word-index: 1;" data-word>To</span>
2633                    
2634                                                     
2635                                                            
2636                                                                                                
2637                                                                <span class="" style="--br-index: 0; --word-index: 2;" data-word>The</span>
2638                    
2639                                                     
2640                                                            
2641                                                                                                
2642                                                                <sp
2642an class="" style="--br-index: 0; --word-index: 3;" data-word>Drake</span>
2643                    
2644                                                     
2645                                                            
2646                                                                                                
2647                                                                <span class="is-active" style="--br-index: 0; --word-index: 4;" data-word>Hotel</span>
2648                    
2649                                                    
2650                                    </p>
2651    </c-heading>
2652        
2653                            <ul class="c-award_list">
2654                                    <li class="c-award || anim-reveal-translate" style="--index: 1; --extra-delay: calc(var(--anim-stagger-words-enter-translate-delay-duration) + ((var(--anim-stagger-words-length) - 1) * var(--anim-stagger-words-enter-stagger-delay)));">
2655                        <span class="c-award_content">
2656                            <span class="c-award_icon">
2657                            
2658
2659
2660
2661
2662
2663    <span
2664         class="c-icon"
2665    >
2666                <svg class="svg-award" focusable="false" aria-hidden="true">
2667            <use xlink:href="https://thedrake.ca/themes/thedrake/static/assets/svgs/sprite.svg?=17#award"></use>
2668        </svg>
2669    </span>
2670                            </span>
2671                            <span class="c-award_label u-typo-label-tiny">
2672                                <a style="cursor:pointer;" href="https://www.tripadvisor.ca/Hotel_Review-g155019-d496106-Reviews-The_Drake_Hotel-Toronto_Ontario.html" target="_blank" > Recognized as a Trip Advisor 2025 Travelers' Choice Award Winner</a>
2673                            </span>
2674                        </span>
2675                    </li>
2676                                    <li class="c-award || anim-reveal-translate" style="--index: 2; --extra-delay: calc(var(--anim-stagger-words-enter-translate-delay-duration) + ((var(--anim-stagger-words-length) - 1) * var(--anim-stagger-words-enter-stagger-delay)));">
2677                        <span class="c-award_content">
2678                            <span class="c-award_icon">
2679                            
2680
2681
2682
2683
2684
2685    <span
2686         class="c-icon"
2687    >
2688                <svg class="svg-award" focusable="false" aria-hidden="true">
2689            <use xlink:href="https://thedrake.ca/themes/thedrake/static/assets/svgs/sprite.svg?=17#award"></use>
2690        </svg>
2691    </span>
2692                            </span>
2693                            <span class="c-award_label u-typo-label-tiny">
2694                                <a style="cursor:pointer;" href="https://www.cntraveller.com/gallery/best-hotels-resorts-canada-2025" target="_blank" >Conde Nast Readers Choice 2025 Award Winner, Top Hotels In Canada</a>   
2695                            </span>
2696                        </span>
2697                    </li>
2698                                    <li class="c-award || anim-reveal-translate" style="--index: 3; --extra-delay: calc(var(--anim-stagger-words-enter-translate-delay-duration) + ((var(--anim-stagger-words-length) - 1) * var(--anim-stagger-words-enter-stagger-delay)));">
2699                        <span class="c-award_content">
2700                            <span class="c-award_icon">
2701                            
2702
2703
2704
2705
2706
2707    <span
2708         class="c-icon"
2709    >
2710                <svg class="svg-award" focusable="false" aria-hidden="true">
2711            <use xlink:href="https://thedrake.ca/themes/thedrake/static/assets/svgs/sprite.svg?=17#award"></use>
2712        </svg>
2713    </span>
2714                            </span>
2715                            <span class="c-award_label u-typo-label-tiny">
2716                                <a style="cursor:pointer;" href="https://www.gallery.ca/whats-on/the-venice-biennale" target="_blank" >Proud supporter of Canadian Pavillion at the 2026 Venice Biennale</a>   
2717                            </span>
2718                        </span>
2719                    </li>
2720                            </ul>
2721            </div>
2722
2723        
2724    <div class="c-ns-head_footer anim-reveal" style="--index: 1;">
2725                                                <div class="u-max-w-[365p
2725x]">
2726                    <p class="u-typo-body">Welcome to The Drake – a boutique hotel in Toronto's West Queen West neighbourhood, and one of TripAdvisor's Top 10 Toronto hotels. For over 20 years, we've been more than a place to stay: a contemporary art hotel, an intimate live-music venue, and a stylish home base for locals and travellers alike. Our 51 art-filled rooms span the Modern and Classic Wings, with elevated dining downstairs and live shows at the Drake Underground. Set on Queen Street West, you're minutes from galleries, Trinity Bellwoods, and the rest of West Queen West – Toronto's most creative neighbourhood.
2727
2728With 51 art-filled rooms, elevated dining, warm hospitality, curated culture, and live shows at the Drake Underground, your stay is anything but ordinary. Steps from major attractions, our Modern and Classic Wings put you at the heart of the city — where culture, community, and creativity intertwine.</p>
2729                </div>
2730            
2731                                    </div>
2732</c-ns>
2733            </div>
2734        
2735                            <ul class="c-ns-vertical_list">
2736                												
2737							<li>
2738					
2739
2740
2741
2742
2743
2744
2745
2746    <article class="c-tile-default -alt anim-reveal" data-button-parent="" style="--index: 1;">
2747        <div class="c-tile-default_inner">
2748            <header class="u-grid u-grid-cols-1 md:u-grid-cols-2 u-gap-6 md:u-gap-gutter">
2749                <div class="u-flex u-flex-col u-gap-y-2">
2750
2751                                        
2752
2753
2754
2755
2756
2757
2758
2759
2760
2761    <c-heading  class="c-heading c-tile-default_heading || u-typo-h5" data-uid="1647580171" data-scroll="" data-scroll-call="callHeading1647580171" data-scroll-repeat="">
2762        <h2 class="u-sr-only">Stay. Work. Play.
2763</h2>
2764        <p class="c-heading_split" aria-hidden="true">
2765                                                
2766
2767                                            
2768                                                                                                
2769                                                                <span class="" style="--br-index: 0; --word-index: 0;" data-word>Stay.</span>
2770                    
2771                                                     
2772                                                            
2773                                                                                                
2774                                                                <span class="is-active" style="--br-index: 0; --word-index: 1;" data-word>Work.</span>
2775                    
2776                                                     
2777                                                            
2778                                                                                                
2779                                                                <span class="" style="--br-index: 0; --word-index: 2;" data-word>Play.</span>
2780                    
2781                                                    
2782                                    </p>
2783    </c-heading>
2784
2785
2786                                                        </div>
2787
2788                                                    <div class="u-relative u-w-full u-aspect-[16/10]">
2789                        
2790
2791
2792
2793
2794
2795
2796
2797
2798
2799    <div  class="c-image c-tile-default_image -cover -lazy-load">
2800
2801        
2802            <picture class="c-image_inner">
2803                                <img  class="c-image_img" alt="" width="1920" height="1474" src="https://thedrake.ca/uploads/2025/07/drake-hotel-modern-wing-king-min-1.jpg" loading="lazy" onload="this.classList.add(&#039;is-loaded&#039;); this.parentNode.parentNode.classList.add(&#039;is-loaded&#039;);this.removeAttribute(&#039;onload&#039;);">
2804            </picture>
2805
2806        
2807            </div>
2808                    </div>
2809                            </header>
2810
2811                        <div class="u-grid u-grid-cols-1 md:u-grid-cols-2 md:u-items-end u-gap-6 md:u-gap-gutter">
2812                                    <div class="u-flex u-flex-col u-gap-y-6 md:u-order-2">
2813                                                
2814                                                
2815                                                                            <p class="c-tile-default_description || u-text-wysiwyg -tiny">
2816                                Whether you're settling into one of our cozy rooms or stretching out in a luxe suite, our boutique hotel rooms blend comfort, creativity, and playful luxury. Every detail is thoughtfully considered to help you recharge, whether you're exploring West Queen West or finding your flow for the day ahead. We're proud to be one of Toronto's top-rated boutique hotels, but we're more than that. We're your home away from home in Queen West – where staying in feels just as inspiring as heading out.
2817                            </p>
2818                                            </div>
2819                
2820                                                    <div class="u-flex u-flex-col u-gap-y-6 md:u-order-1">
2821
2822                                                
2823                                                
2824                                                
2825                                                            <div>
2826                                    
2827
2828
2829
2830
2831
2832
2833
2834<div class="c-button -alt" aria-hidden="true">
2835    <span class="c-button_inner">
2836
2837                <span class="c-button_label">
2838            <span>Our Rooms</span>
2839        </span>
2840
2841                            <span class="c-button_icon-container" aria-hidden="true">
2842                
2843
2844
2845
2846
2847
2848    <span
2849         class="c-icon c-button_icon"
2850    >
2851                <svg class="svg-arrow" focusable="false" aria-hidden="true">
2852            <use xlink:href="https://thedrake.ca/themes/thedrake/static/assets/svgs/sprite.svg?=17#arrow"></use>
2853        </svg>
2854    </span>
2855            </span>
2856            </span>
2857</div>
2858                                    <a class="u-absolute u-inset-0 u-z-above" href="https://thedrake.ca/the-drake/rooms/" target="self">
2859                                        <span class="u-sr-only">Our Rooms</span>
2860                                    </a>
2861                                </div>
2862                                                                        </div>
2863                
2864            </div>
2865        </div>
2866    </article>
2867				</li>
2868							<li>
2869					
2870
2871
2872
2873
2874
2875
2876
2877    <article class="c-tile-default -alt anim-reveal" data-button-parent="" style="--index: 2;">
2878        <div class="c-tile-default_inner">
2879            <header class="u-grid u-grid-cols-1 md:u-grid-cols-2 u-gap-6 md:u-gap-gutter">
2880                <div class="u-flex u-flex-col u-gap-y-2">
2881
2882                                        
2883
2884
2885
2886
2887
2888
2889
2890
2891
2892    <c-heading  class="c-heading c-tile-default_heading || u-typo-h5" data-uid="704576258" data-scroll="" data-scroll-call="callHeading704576258" data-scroll-repeat="">
2893        <h2 class="u-sr-only">Book a Table at The Drake
2894</h2>
2895        <p class="c-heading_split" aria-hidden="true">
2896                                                
2897
2898                                            
2899                                                                                                
2900                                                                <span class="" style="--br-index: 0; --word-index: 0;" data-word>Book</span>
2901                    
2902                                                     
2903                                                            
2904                                                                                                
2905                                                                <span class="is-active" style="--br-index: 0; --word-index: 1;" data-word>a</span>
2906                    
2907                                                     
2908                                                            
2909                                                                                                
2910                                                                <span class="" style="--br-index: 0; --word-index: 2;" data-word>Table</span>
2911                    
2912                                                     
2913                                                            
2914                                                                                                
2915                                                                <span class="" style="--br-index: 0; --word-index: 3;" data-word>at</span>
2916                    
2917                                                     
2918                                                            
2919                                                                                                
2920                                                                <span class="" style="--br-index: 0; --word-index: 4;" data-word>The</span>
2921                    
2922                                                     
2923                                                            
2924                                                                                                
2925                                                                <span class="" style="--br-index: 0; --word-index: 5;" data-word>Drake</span>
2926                    
2927                                                    
2928                                    </p>
2929    </c-heading>
2930
2931
2932                                                        </div>
2933
2934                                                    <div class="u-relative u-w-full u-aspect-[16/10]">
2935                        
2936
2937
2938
2939
2940
2941
2942
2943
2944
2945    <div  class="c-image c-tile-default_image -cover -lazy-load">
2946
2947        
2948            <picture class="c-image_inner">
2949                                <img  class="c-image_img" alt="" width="2560" height="1255" src="https://thedrake.ca/uploads/2026/06/bbqskyyard953-scaled.jpg" loading="lazy" onload="this.classList.add(&#039;is-loaded&#039;); this.parentNode.parentNode.classList.add(&#039;is-loaded&#039;);this.removeAttribute(&#039;onload&#039;);">
2950            </picture>
2951
2952        
2953            </div>
2954                    </div>
2955                            </header>
2956
2957                        <div class="u-grid u-grid-cols-1 md:u-grid-cols-2 md:u-items-end u-gap-6 md:u-gap-gutter">
2958                                    <div class="u-flex u-flex-col u-gap-y-6 md:u-order-2">
2959                                                
2960                                                
2961                                                                            <p class="c-tile-default_description || u-text-wysiwyg -tiny">
2962                                Our all-day menus, led by Executive Chef Daniel Hyam, serve modern bistro classics that mix global influences with comfort food favourites – shareable plates, tasty snacks, and our famous sushi. Bold, playful, and always made with seasonal ingredients, every dish is crave-worthy, whether you're dining solo or gathering with friends at one of Queen West's most beloved restaurants. Pull up a seat and dig in.
2963                            </p>
2964                                            </div>
2965                
2966                                                    <div class="u-flex u-flex-col u-gap-y-6 md:u-order-1">
2967
2968                                                
2969                                                
2970                                                
2971                                                            <div>
2972                                    
2973
2974
2975
2976
2977
2978
2979
2980<div class="c-button -alt" aria-hidden="true">
2981    <span class="c-button_inner">
2982
2983                <span class="c-button_label">
2984            <span>Let's Eat!</span>
2985        </span>
2986
2987                            <span class="c-button_icon-container" aria-hidden="true">
2988                
2989
2990
2991
2992
2993
2994    <span
2995         class="c-icon c-button_icon"
2996    >
2997                <svg class="svg-arrow" focusable="false" aria-hidden="true">
2998            <use xlink:href="https://thedrake.ca/themes/thedrake/static/assets/svgs/sprite.svg?=17#arrow"></use>
2999        </svg>
3000    </span>
3001            </span>
3002            </span>
3003</div>
3004                                    <a class="u-absolute u-inset-0 u-z-above" href="https://thedrake.ca/the-drake/food-drinks/" target="self">
3005                                        <span class="u-sr-only">Let's Eat!</span>
3006                                    </a>
3007                                </div>
3008                                                                        </div>
3009                
3010            </div>
3011        </div>
3012    </article>
3013				</li>
3014							<li>
3015					
3016
3017
3018
3019
3020
3021
3022
3023    <article class="c-tile-default -alt anim-reveal" data-button-parent="" style="--index: 3;">
3024        <div class="c-tile-default_inner">
3025            <header class="u-grid u-grid-cols-1 md:u-grid-cols-2 u-gap-6 md:u-gap-gutter">
3026                <div class="u-flex u-flex-col u-gap-y-2">
3027
3028                                        
3029
3030
3031
3032
3033
3034
3035
3036
3037
3038    <c-heading  class="c-heading c-tile-default_heading || u-typo-h5" data-uid="510027710" data-scroll="" data-scroll-call="callHeading510027710" data-scroll-repeat="">
3039        <h2 class="u-sr-only">Weddings + Elopements
3040</h2>
3041        <p class="c-heading_split" aria-hidden="true">
3042                                                
3043
3044                                            
3045                                                                                                
3046                                                                <span class="is-active" style="--br-index: 0; --word-index: 0;" data-word>Weddings</span>
3047                    
3048                                                     
3049                                                            
3050                                                                                                
3051                                                                <span class="" style="--br-index: 0; --word-index: 1;" data-word>+</span>
3052                    
3053                                                     
3054                                                            
3055                                                                                                
3056                                                                <span class="" style="--br-index: 0; --word-index: 2;" data-word>Elopements</span>
3057                    
3058                                                    
3059                                    </p>
3060    </c-heading>
3061
3062
3063                                                        </div>
3064
3065                                                    <div class="u-relative u-w-full u-aspect-[16/10]">
3066                        
3067
3068
3069
3070
3071
3072
3073
3074
3075
3076    <div  class="c-image c-tile-default_image -cover -lazy-load">
3077
3078        
3079            <picture class="c-image_inner">
3080                                <img  class="c-image_img" alt="" width="2560" height="1505" src="https://thedrake.ca/uploads/2025/05/innayasinskaphotographyInnaYasinskaPhotography_thedrakehotelwedding_2023-109-scaled.jpg" loading="lazy" onload="this.classList.add(&#039;is-loaded&#039;); this.parentNode.parentNode.classList.add(&#039;is-loaded&#039;);this.removeAttribute(&#039;onload&#039;);">
3081            </picture>
3082
3083        
3084            </div>
3085                    </div>
3086                            </header>
3087
3088                        <div class="u-grid u-grid-cols-1 md:u-grid-cols-2 md:u-items-end u-gap-6 md:u-gap-gutter">
3089                                    <div class="u-flex u-flex-col u-gap-y-6 md:u-order-2">
3090                                                
3091                                                
3092                                                                            <p class="c-tile-default_description || u-text-wysiwyg -tiny">
3093                                Say "I do" at one of Toronto's most iconic boutique hotel wedding venues. From Sky Yard rooftop ceremonies to Lounge receptions, every space in our Queen West hotel brings its own character – and whether it's an intimate elopement or a full celebration, your wedding day gets its own story.
3094                            </p>
3095                                            </div>
3096                
3097                                                    <div class="u-flex u-flex-col u-gap-y-6 md:u-order-1">
3098
3099                                                
3100                                                
3101                                                
3102                                                            <div>
3103                                    
3104
3105
3106
3107
3108
3109
3110
3111<div class="c-button -alt" aria-hidden="true">
3112    <span class="c-button_inner">
3113
3114                <span class="c-button_label">
3115            <span>Learn More</span>
3116        </span>
3117
3118                            <span class="c-button_icon-container" aria-hidden="true">
3119                
3120
3121
3122
3123
3124
3125    <span
3126         class="c-icon c-button_icon"
3127    >
3128                <svg class="svg-arrow" focusable="false" aria-hidden="true">
3129            <use xlink:href="https://thedrake.ca/themes/thedrake/static/assets/svgs/sprite.svg?=17#arrow"></use>
3130        </svg>
3131    </span>
3132            </span>
3133            </span>
3134</div>
3135                                    <a class="u-absolute u-inset-0 u-z-above" href="https://thedrake.ca/thedrakehotel/meetings-and-events/weddings/" target="self">
3136                                        <span class="u-sr-only">Learn More</span>
3137                                    </a>
3138                                </div>
3139                                                                        </div>
3140                
3141            </div>
3142        </div>
3143    </article>
3144				</li>
3145							<li>
3146					
3147
3148
3149
3150
3151
3152
3153
3154    <article class="c-tile-default -alt anim-reveal" data-button-parent="" style="--index: 4;">
3155        <div class="c-tile-default_inner">
3156            <header class="u-grid u-grid-cols-1 md:u-grid-cols-2 u-gap-6 md:u-gap-gutter">
3157                <div class="u-flex u-flex-col u-gap-y-2">
3158
3159                                        
3160
3161
3162
3163
3164
3165
3166
3167
3168
3169    <c-heading  class="c-heading c-tile-default_heading || u-typo-h5" data-uid="188771981" data-scroll="" data-scroll-call="callHeading188771981" data-scroll-repeat="">
3170        <h2 class="u-sr-only">Drake Underground: VIP Access
3171</h2>
3172        <p class="c-heading_split" aria-hidden="true">
3173                                                
3174
3175                                            
3176                                                                                                
3177                                                                <span class="is-active" style="--br-index: 0; --word-index: 0;" data-word>Drake</span>
3178                    
3179                                                     
3180                                                            
3181                                                                                                
3182                                                                <span class="" style="--br-index: 0; --word-index: 1;" data-word>Underground:</span>
3183                    
3184                                                     
3185                                                            
3186                                                                                                
3187                                                                <span class="" style="--br-index: 0; --word-index: 2;" data-word>VIP</span>
3188                    
3189                                                     
3190                                                            
3191                                                                                                
3192                                                                <span class="" style="--br-index: 0; --word-index: 3;" data-word>Access</span>
3193                    
3194                                                    
3195                                    </p>
3196    </c-heading>
3197
3198
3199                                                        </div>
3200
3201                                                    <div class="u-relative u-w-full u-aspect-[16/10]">
3202                        
3203
3204
3205
3206
3207
3208
3209
3210
3211
3212    <div  class="c-image c-tile-default_image -cover -lazy-load">
3213
3214        
3215            <picture class="c-image_inner">
3216                                <img  class="c-image_img" alt="" width="800" height="533" src="https://thedrake.ca/uploads/2025/03/6695843163_cf04864b72_o-2.jpg" loading="lazy" onload="this.classList.add(&#039;is-loaded&#039;); this.parentNode.parentNode.classList.add(&#039;is-loaded&#039;);this.removeAttribute(&#039;onload&#039;);">
3217            </picture>
3218
3219        
3220            </div>
3221                    </div>
3222                            </header>
3223
3224                        <div class="u-grid u-grid-cols-1 md:u-grid-cols-2 md:u-items-end u-gap-6 md:u-gap-gutter">
3225                                    <div class="u-flex u-flex-col u-gap-y-6 md:u-order-2">
3226                                                
3227                                                
3228                                                                            <p class="c-tile-default_description || u-text-wysiwyg -tiny">
3229                                Welcome to our hotbed for culture – one of Toronto's most intimate live music venues, right beneath the hotel. As a guest of The Drake, you'll get VIP access to the legendary Drake Underground, where rising local talent and international acts bring the house down. We're the rare Toronto hotel with live music built in. Catch a show. Sip a cocktail. Stay for the afterparty.
3230                            </p>
3231                                            </div>
3232                
3233                                                    <div class="u-flex u-flex-col u-gap-y-6 md:u-order-1">
3234
3235                                                
3236                                                
3237                                                
3238                                                            <div>
3239                                    
3240
3241
3242
3243
3244
3245
3246
3247<div class="c-button -alt" aria-hidden="true">
3248    <span class="c-button_inner">
3249
3250                <span class="c-button_label">
3251            <span>Drake Underground</span>
3252        </span>
3253
3254                            <span class="c-button_icon-container" aria-hidden="true">
3255                
3256
3257
3258
3259
3260
3261    <span
3262         class="c-icon c-button_icon"
3263    >
3264                <svg class="svg-arrow" focusable="false" aria-hidden="true">
3265            <use xlink:href="https://thedrake.ca/themes/thedrake/static/assets/svgs/sprite.svg?=17#arrow"></use>
3266        </svg>
3267    </span>
3268            </span>
3269            </span>
3270</div>
3271                                    <a class="u-absolute u-inset-0 u-z-above" href="https://thedrake.ca/drake-underground/" target="self">
3272                                        <span class="u-sr-only">Drake Underground</span>
3273                                    </a>
3274                                </div>
3275                                                                        </div>
3276                
3277            </div>
3278        </div>
3279    </article>
3280				</li>
3281					            </ul>
3282        
3283                    </div>
3284</c-ns>
3285                    
3286                                            
3287
3288
3289
3290
3291                        
3292
3293
3294<section
3295     class="c-push-visual" data-scroll="" data-anim-stagger-words="" data-anim-reveal-translate=""
3296>
3297    <c-ns class="c-push-visual_inner">
3298        <div class="c-push-visual_background">
3299
3300                    
3301
3302
3303
3304
3305
3306
3307
3308
3309
3310    <div  class="c-image -cover -lazy-load">
3311
3312        
3313            <picture class="c-image_inner">
3314                                <img  class="c-image_img" alt="" width="2560" height="1708" src="https://thedrake.ca/uploads/2025/05/TDH_ROOFTOPSUITE_806-scaled.jpg" loading="lazy" onload="this.classList.add(&#039;is-loaded&#039;); this.parentNode.parentNode.classList.add(&#039;is-loaded&#039;);this.removeAttribute(&#039;onload&#039;);">
3315            </picture>
3316
3317        
3318            </div>
3319                </div>
3320
3321        <div class="c-push-visual_container || u-container">
3322            <div>
3323                                    
3324
3325
3326
3327
3328
3329
3330
3331
3332
3333    <c-heading  class="c-heading anim-stagger-words c-push-visual_heading u-typo-display-3" data-uid="367910259" data-scroll="" data-scroll-call="callHeading367910259" data-scroll-repeat="" data-has-animation>
3334        <h1 class="u-sr-only">Explore The Best Neighbourhood in Toronto
3335</h1>
3336        <p class="c-heading_split" aria-hidden="true">
3337                                                
3338
3339                                            
3340                                                                                                
3341                                                                <span class="" style="--br-index: 0; --word-index: 0;" data-word>Explore</span>
3342                    
3343                                                     
3344                                                            
3345                                                                                                
3346                                                                <span class="is-active" style="--br-index: 0; --word-index: 1;" data-word>The</span>
3347                    
3348                                                     
3349                                                            
3350                                                                                                
3351                                                                <span class="" style="--br-index: 0; --word-index: 2;" data-word>Best</span>
3352                    
3353                                                     
3354                                                            
3355                                                                                                
3356                                                                <span class="" style="--br-index: 0; --word-index: 3;" data-word>Neighbourhood</span>
3357                    
3358                                                     
3359                                                            
3360                                                                                                
3361                                                                <sp
3361an class="" style="--br-index: 0; --word-index: 4;" data-word>in</span>
3362                    
3363                                                     
3364                                                            
3365                                                                                                
3366                                                                <span class="" style="--br-index: 0; --word-index: 5;" data-word>Toronto</span>
3367                    
3368                                                    
3369                                    </p>
3370    </c-heading>
3371                                                                    <div class="c-push-visual_cta_wrapper anim-reveal-translate" style="--offset: 100%; --br-index: 1; --extra-delay: calc(var(--anim-stagger-words-enter-translate-delay-duration) + ((var(--anim-stagger-words-length) - 1) * var(--anim-stagger-words-enter-stagger-delay)));">
3372                        
3373
3374
3375    
3376
3377
3378
3379
3380<a class="c-button -default -alt" href="https://thedrake.ca/the-drake/neighbourhood/" target="self">
3381    <span class="c-button_inner">
3382
3383                <span class="c-button_label">
3384            <span>Discover West Queen West</span>
3385        </span>
3386
3387                            <span class="c-button_icon-container" aria-hidden="true">
3388                
3389
3390
3391
3392
3393
3394    <span
3395         class="c-icon c-button_icon"
3396    >
3397                <svg class="svg-arrow" focusable="false" aria-hidden="true">
3398            <use xlink:href="https://thedrake.ca/themes/thedrake/static/assets/svgs/sprite.svg?=17#arrow"></use>
3399        </svg>
3400    </span>
3401            </span>
3402            </span>
3403</a>
3404                    </div>
3405                            </div>
3406        </div>
3407    </c-ns>
3408</section>
3409                    
3410                                            
3411	
3412 
3413
3414
3415
3416
3417
3418<c-ns
3419     class="c-ns-perks -vertical -default" data-anim-stagger-words="" data-anim-reveal="" data-anim-reveal-translate="" data-scroll=""
3420>   
3421    <div class="u-container || c-ns-perks_inner">
3422                            <div class="c-ns-perks_header_wrapper">
3423                
3424
3425
3426
3427
3428
3429<c-ns
3430     class="c-ns-head -default c-ns-perks_header" data-anim-stagger-words="" data-anim-reveal="" data-anim-reveal-translate="" data-scroll=""
3431>
3432    <div class="c-ns-head_header">
3433                            
3434
3435
3436
3437
3438
3439
3440
3441
3442
3443    <c-heading  class="c-heading anim-stagger-words c-ns-head_heading || u-typo-h2" data-uid="693301660" data-scroll="" data-scroll-call="callHeading693301660" data-scroll-repeat="" data-has-animation>
3444        <h2 class="u-sr-only">Book Direct, Get <em>More</em>
3445</h2>
3446        <p class="c-heading_split" aria-hidden="true">
3447                                                
3448
3449                                            
3450                                                                                                
3451                                                                <span class="is-active" style="--br-index: 0; --word-index: 0;" data-word>Book</span>
3452                    
3453                                                     
3454                                                            
3455                                                                                                
3456                                                                <span class="" style="--br-index: 0; --word-index: 1;" data-word>Direct,</span>
3457                    
3458                                                     
3459                                                            
3460                                                                                                
3461                                                                <span class="" style="--br-index: 0; --word-index: 2;" data-word>Get</span>
3462                    
3463                                                     
3464                                                            
3465                                
3466                                                                
3467                                                                                
3468                    <span class="c-heading_underlined" style="--br-index: 0; --word-index: 3;" data-word>
3469                                                                            
3470                        
3471                        
3472                        <span class="u-inline-block">More</span>
3473                        
3474
3475
3476
3477
3478
3479
3480
3481    <span
3482         class="c-underline c-heading_underline u-text-coral" data-type="underline-5" aria-hidden="true"
3483    >
3484        <svg class="svg-underline-5" focusable="false" aria-hidden="true">
3485            <use xlink:href="https://thedrake.ca/themes/thedrake/static/assets/svgs/sprite.svg?=6#underline-5"></use>
3486        </svg>
3487    </span>
3488                    </span>
3489
3490                                                    
3491                                    </p>
3492    </c-heading>
3493        
3494                    </div>
3495
3496                <div class="u-mx-auto sm:u-absolute sm:u-left-1/2 sm:u-top-1/2 sm:u-transform sm:-u-translate-x-1/2 sm:-u-translate-y-1/2 || anim-reveal" style="--index: 0;">
3497            
3498
3499
3500
3501
3502
3503
3504
3505    <span
3506         class="c-illustration c-ns-head_illustration" data-type="heart-hand" aria-hidden="true"
3507    >
3508                <svg
3509             class="svg-heart-hand" focusable="false" aria-hidden="true"
3510        >
3511            <use xlink:href="https://thedrake.ca/themes/thedrake/static/assets/svgs/sprite.svg?=11#illu-heart-hand"></use>
3512        </svg>
3513    </span>
3514        </div>
3515    
3516    <div class="c-ns-head_footer anim-reveal" style="--index: 1;">
3517                                                <div class="u-max-w-[365px]">
3518                    <p class="u-typo-body">Book direct at The Drake Hotel for our best rates, exclusive offers, and no booking fees. You'll also get insider perks like local West Queen West recommendations from our team and access to member-only packages. From curated stays to standout service, booking direct means your visit is all-Drake – and all yours.</p>
3519                </div>
3520            
3521                                    </div>
3522</c-ns>
3523            </div>
3524        
3525                            <ul class="c-ns-perks_list">
3526                                    <li>
3527                        <div class="c-ns-perks_card anim-reveal-translate" style="--index: 1; --offset: 40px;">
3528
3529                                                            <h3 class="c-ns-perks_card_label">THE DRAKE HOTEL'S BEST RATES</h3>
3530                            
3531                            <p class="c-ns-perks_card_value">Enjoy exclusive deals, flexible terms, and our guaranteed lowest rates  – only when you book direct with The Drake.</p>
3532                        </div>
3533                    </li>
3534                                    <li>
3535                        <div class="c-ns-perks_card anim-reveal-translate" style="--index: 2; --offset: 40px;">
3536
3537                                                            <h3 class="c-ns-perks_card_label">TAILORED ATTENTION</h3>
3538                            
3539                            <p class="c-ns-perks_card_value">From special requests to custom room setups, we make sure your Queen West stay is anything but standard.</p>
3540                        </div>
3541                    </li>
3542                                    <li>
3543                        <div class="c-ns-perks_card anim-reveal-translate" style="--index: 3; --offset: 40px;">
3544
3545                                                            <h3 class="c-ns-perks_card_label">BECOME A DRAKE MEMBER</h3>
3546                            
3547                            <p class="c-ns-perks_card_value">Unlock complimentary breakfast, free concert entry at Drake Underground, late check-out, room upgrades, and member-only offers when you join.</p>
3548                        </div>
3549                    </li>
3550                            </ul>
3551            </div>
3552</c-ns>
3553                    
3554                    
3555                    
3556                                            
3557
3558				
3559
3560		
3561
3562
3563
3564
3565
3566<c-ns
3567     class="c-ns-vertical -default" data-anim-stagger-words="" data-anim-reveal="" data-anim-reveal-translate="" data-scroll=""
3568>
3569    <div class="u-container || c-ns-vertical_inner">
3570                            <div class="c-ns-vertical_header_wrapper">
3571                
3572
3573
3574
3575
3576
3577<c-ns
3578     class="c-ns-head -default c-ns-vertical_header" data-anim-stagger-words="" data-anim-reveal="" data-anim-reveal-translate="" data-scroll=""
3579>
3580    <div class="c-ns-head_header">
3581                            
3582
3583
3584
3585
3586
3587
3588
3589
3590
3591    <c-heading  class="c-heading anim-stagger-words c-ns-head_heading || u-typo-h2" data-uid="1646260568" data-scroll="" data-scroll-call="callHeading1646260568" data-scroll-repeat="" data-has-animation>
3592        <h2 class="u-sr-only">Plan Your Next Event With Us
3593</h2>
3594        <p class="c-heading_split" aria-hidden="true">
3595                                                
3596
3597                                            
3598                                                                                                
3599                                                                <sp
3599an class="is-active" style="--br-index: 0; --word-index: 0;" data-word>Plan</span>
3600                    
3601                                                     
3602                                                            
3603                                                                                                
3604                                                                <span class="" style="--br-index: 0; --word-index: 1;" data-word>Your</span>
3605                    
3606                                                     
3607                                                            
3608                                                                                                
3609                                                                <span class="" style="--br-index: 0; --word-index: 2;" data-word>Next</span>
3610                    
3611                                                     
3612                                                            
3613                                                                                                
3614                                                                <span class="" style="--br-index: 0; --word-index: 3;" data-word>Event</span>
3615                    
3616                                                     
3617                                                            
3618                                                                                                
3619                                                                <span class="" style="--br-index: 0; --word-index: 4;" data-word>With</span>
3620                    
3621                                                     
3622                                                            
3623                                                                                                
3624                                                                <span class="" style="--br-index: 0; --word-index: 5;" data-word>Us</span>
3625                    
3626                                                    
3627                                    </p>
3628    </c-heading>
3629        
3630                    </div>
3631
3632                <div class="u-mx-auto sm:u-absolute sm:u-left-1/2 sm:u-top-1/2 sm:u-transform sm:-u-translate-x-1/2 sm:-u-translate-y-1/2 || anim-reveal" style="--index: 0;">
3633            
3634
3635
3636
3637
3638
3639
3640
3641    <span
3642         class="c-illustration c-ns-head_illustration" data-type="flowers-gift" aria-hidden="true"
3643    >
3644                <svg
3645             class="svg-flowers-gift" focusable="false" aria-hidden="true"
3646        >
3647            <use xlink:href="https://thedrake.ca/themes/thedrake/static/assets/svgs/sprite.svg?=11#illu-flowers-gift"></use>
3648        </svg>
3649    </span>
3650        </div>
3651    
3652    <div class="c-ns-head_footer anim-reveal" style="--index: 1;">
3653                                                <div class="u-max-w-[365px]">
3654                    <p class="u-typo-body">From memorable weddings to creative brainstorms, we make the entire experience seamless and unforgettable. Whether you're planning a celebration or hosting a corporate offsite, our Queen West event spaces, custom menus, and dedicated team bring it all to life  – with 51 boutique hotel rooms upstairs for your guests.</p>
3655                </div>
3656            
3657                                        <div>
3658                    
3659
3660
3661    
3662
3663
3664
3665
3666<a class="c-button -alt" href="https://thedrake.ca/the-drake/meeting-and-events/ ">
3667    <span class="c-button_inner">
3668
3669                <span class="c-button_label">
3670            <span>PLAN YOUR EVENT</span>
3671        </span>
3672
3673                            <span class="c-button_icon-container" aria-hidden="true">
3674                
3675
3676
3677
3678
3679
3680    <span
3681         class="c-icon c-button_icon"
3682    >
3683                <svg class="svg-arrow" focusable="false" aria-hidden="true">
3684            <use xlink:href="https://thedrake.ca/themes/thedrake/static/assets/svgs/sprite.svg?=17#arrow"></use>
3685        </svg>
3686    </span>
3687            </span>
3688            </span>
3689</a>
3690                </div>
3691                        </div>
3692</c-ns>
3693            </div>
3694        
3695                            <ul class="c-ns-vertical_list">
3696                												
3697							<li>
3698					
3699
3700
3701
3702
3703
3704
3705
3706    <article class="c-tile-default -alt anim-reveal" data-button-parent="" style="--index: 1;">
3707        <div class="c-tile-default_inner">
3708            <header class="u-grid u-grid-cols-1 md:u-grid-cols-2 u-gap-6 md:u-gap-gutter">
3709                <div class="u-flex u-flex-col u-gap-y-2">
3710
3711                                        
3712
3713
3714
3715
3716
3717
3718
3719
3720
3721    <c-heading  class="c-heading c-tile-default_heading || u-typo-h5" data-uid="2021815725" data-scroll="" data-scroll-call="callHeading2021815725" data-scroll-repeat="">
3722        <h2 class="u-sr-only">Parties
3723</h2>
3724        <p class="c-heading_split" aria-hidden="true">
3725                                                
3726
3727                                            
3728                                                                                                
3729                                                                <sp
3729an class="is-active" style="--br-index: 0; --word-index: 0;" data-word>Parties</span>
3730                    
3731                                                    
3732                                    </p>
3733    </c-heading>
3734
3735
3736                                                        </div>
3737
3738                                                    <div class="u-relative u-w-full u-aspect-[16/10]">
3739                        
3740
3741
3742
3743
3744
3745
3746
3747
3748
3749    <div  class="c-image c-tile-default_image -cover -lazy-load">
3750
3751        
3752            <picture class="c-image_inner">
3753                                <img  class="c-image_img" alt="" width="2560" height="1708" src="https://thedrake.ca/uploads/2025/05/TDH_ROOFTOPSUITE_850-scaled.jpg" loading="lazy" onload="this.classList.add(&#039;is-loaded&#039;); this.parentNode.parentNode.classList.add(&#039;is-loaded&#039;);this.removeAttribute(&#039;onload&#039;);">
3754            </picture>
3755
3756        
3757            </div>
3758                    </div>
3759                            </header>
3760
3761                        <div class="u-grid u-grid-cols-1 md:u-grid-cols-2 md:u-items-end u-gap-6 md:u-gap-gutter">
3762                                    <div class="u-flex u-flex-col u-gap-y-6 md:u-order-2">
3763                                                
3764                                                
3765                                                                            <p class="c-tile-default_description || u-text-wysiwyg -tiny">
3766                                From bachelorettes to birthdays to company mixers, Drake parties come alive with endless possibilities – live music, top DJs, craft cocktails, and tailored menus. Our team designs your event from the ground up at one of Queen West's most iconic venues, and works tirelessly to make it a night your guests won't forget.
3767                            </p>
3768                                            </div>
3769                
3770                                                    <div class="u-flex u-flex-col u-gap-y-6 md:u-order-1">
3771
3772                                                
3773                                                
3774                                                
3775                                                            <div>
3776                                    
3777
3778
3779
3780
3781
3782
3783
3784<div class="c-button -alt" aria-hidden="true">
3785    <span class="c-button_inner">
3786
3787                <span class="c-button_label">
3788            <span>Learn More</span>
3789        </span>
3790
3791                            <span class="c-button_icon-container" aria-hidden="true">
3792                
3793
3794
3795
3796
3797
3798    <span
3799         class="c-icon c-button_icon"
3800    >
3801                <svg class="svg-arrow" focusable="false" aria-hidden="true">
3802            <use xlink:href="https://thedrake.ca/themes/thedrake/static/assets/svgs/sprite.svg?=17#arrow"></use>
3803        </svg>
3804    </span>
3805            </span>
3806            </span>
3807</div>
3808                                    <a class="u-absolute u-inset-0 u-z-above" href="https://thedrake.ca/the-drake/meetings-and-events/parties/" target="self">
3809                                        <span class="u-sr-only">Learn More</span>
3810                                    </a>
3811                                </div>
3812                                                                        </div>
3813                
3814            </div>
3815        </div>
3816    </article>
3817				</li>
3818							<li>
3819					
3820
3821
3822
3823
3824
3825
3826
3827    <article class="c-tile-default -alt anim-reveal" data-button-parent="" style="--index: 2;">
3828        <div class="c-tile-default_inner">
3829            <header class="u-grid u-grid-cols-1 md:u-grid-cols-2 u-gap-6 md:u-gap-gutter">
3830                <div class="u-flex u-flex-col u-gap-y-2">
3831
3832                                        
3833
3834
3835
3836
3837
3838
3839
3840
3841
3842    <c-heading  class="c-heading c-tile-default_heading || u-typo-h5" data-uid="1924798864" data-scroll="" data-scroll-call="callHeading1924798864" data-scroll-repeat="">
3843        <h2 class="u-sr-only">Weddings
3844</h2>
3845        <p class="c-heading_split" aria-hidden="true">
3846                                                
3847
3848                                            
3849                                                                                                
3850                                                                <sp
3850an class="is-active" style="--br-index: 0; --word-index: 0;" data-word>Weddings</span>
3851                    
3852                                                    
3853                                    </p>
3854    </c-heading>
3855
3856
3857                                                        </div>
3858
3859                                                    <div class="u-relative u-w-full u-aspect-[16/10]">
3860                        
3861
3862
3863
3864
3865
3866
3867
3868
3869
3870    <div  class="c-image c-tile-default_image -cover -lazy-load">
3871
3872        
3873            <picture class="c-image_inner">
3874                                <img  class="c-image_img" alt="" width="1069" height="764" src="https://thedrake.ca/uploads/2025/06/ClipDown.App_455021012_796446942657863_7584574882068599080_n-1.jpg" loading="lazy" onload="this.classList.add(&#039;is-loaded&#039;); this.parentNode.parentNode.classList.add(&#039;is-loaded&#039;);this.removeAttribute(&#039;onload&#039;);">
3875            </picture>
3876
3877        
3878            </div>
3879                    </div>
3880                            </header>
3881
3882                        <div class="u-grid u-grid-cols-1 md:u-grid-cols-2 md:u-items-end u-gap-6 md:u-gap-gutter">
3883                                    <div class="u-flex u-flex-col u-gap-y-6 md:u-order-2">
3884                                                
3885                                                
3886                                                                            <p class="c-tile-default_description || u-text-wysiwyg -tiny">
3887                                Say "I do" at one of Toronto's most iconic boutique hotel wedding venues. Whether it's a summer Sky Yard rooftop ceremony, a swanky affair in our lounge, or a party at the Drake Underground, we plan custom weddings with unmatched style and personality. Our personal approach to planning – paired with our 'Made from Scratch' mantra – ensures your wedding is flawlessly executed, completely one of a kind, and a day your guests will talk about for years.
3888Photo: Cara Chapman
3889                            </p>
3890                                            </div>
3891                
3892                                                    <div class="u-flex u-flex-col u-gap-y-6 md:u-order-1">
3893
3894                                                
3895                                                
3896                                                
3897                                                            <div>
3898                                    
3899
3900
3901
3902
3903
3904
3905
3906<div class="c-button -alt" aria-hidden="true">
3907    <span class="c-button_inner">
3908
3909                <span class="c-button_label">
3910            <span>Learn More</span>
3911        </span>
3912
3913                            <span class="c-button_icon-container" aria-hidden="true">
3914                
3915
3916
3917
3918
3919
3920    <span
3921         class="c-icon c-button_icon"
3922    >
3923                <svg class="svg-arrow" focusable="false" aria-hidden="true">
3924            <use xlink:href="https://thedrake.ca/themes/thedrake/static/assets/svgs/sprite.svg?=17#arrow"></use>
3925        </svg>
3926    </span>
3927            </span>
3928            </span>
3929</div>
3930                                    <a class="u-absolute u-inset-0 u-z-above" href="https://thedrake.ca/the-drake/meetings-and-events/weddings/" target="self">
3931                                        <span class="u-sr-only">Learn More</span>
3932                                    </a>
3933                                </div>
3934                                                                        </div>
3935                
3936            </div>
3937        </div>
3938    </article>
3939				</li>
3940							<li>
3941					
3942
3943
3944
3945
3946
3947
3948
3949    <article class="c-tile-default -alt anim-reveal" data-button-parent="" style="--index: 3;">
3950        <div class="c-tile-default_inner">
3951            <header class="u-grid u-grid-cols-1 md:u-grid-cols-2 u-gap-6 md:u-gap-gutter">
3952                <div class="u-flex u-flex-col u-gap-y-2">
3953
3954                                        
3955
3956
3957
3958
3959
3960
3961
3962
3963
3964    <c-heading  class="c-heading c-tile-default_heading || u-typo-h5" data-uid="855382178" data-scroll="" data-scroll-call="callHeading855382178" data-scroll-repeat="">
3965        <h2 class="u-sr-only">Meetings
3966</h2>
3967        <p class="c-heading_split" aria-hidden="true">
3968                                                
3969
3970                                            
3971                                                                                                
3972                                                                <sp
3972an class="is-active" style="--br-index: 0; --word-index: 0;" data-word>Meetings</span>
3973                    
3974                                                    
3975                                    </p>
3976    </c-heading>
3977
3978
3979                                                        </div>
3980
3981                                                    <div class="u-relative u-w-full u-aspect-[16/10]">
3982                        
3983
3984
3985
3986
3987
3988
3989
3990
3991
3992    <div  class="c-image c-tile-default_image -cover -lazy-load">
3993
3994        
3995            <picture class="c-image_inner">
3996                                <img  class="c-image_img" alt="" width="2560" height="1707" src="https://thedrake.ca/uploads/2025/05/Drake_Lobby02_111-2-scaled.jpg" loading="lazy" onload="this.classList.add(&#039;is-loaded&#039;); this.parentNode.parentNode.classList.add(&#039;is-loaded&#039;);this.removeAttribute(&#039;onload&#039;);">
3997            </picture>
3998
3999        
4000            </div>
4001                    </div>
4002                            </header>
4003
4004                        <div class="u-grid u-grid-cols-1 md:u-grid-cols-2 md:u-items-end u-gap-6 md:u-gap-gutter">
4005                                    <div class="u-flex u-flex-col u-gap-y-6 md:u-order-2">
4006                                                
4007                                                
4008                                                                            <p class="c-tile-default_description || u-text-wysiwyg -tiny">
4009                                Get inspired in a creative, stylish setting with versatile spaces – perfect for intimate brainstorms or full building buyouts. With 51 guest rooms for your group, multiple lively bars, and a true creative offsite atmosphere, every gathering gets the signature Drake touch. Our Queen Street West location keeps you minutes from downtown Toronto and steps from the rest of West Queen West.
4010                            </p>
4011                                            </div>
4012                
4013                                                    <div class="u-flex u-flex-col u-gap-y-6 md:u-order-1">
4014
4015                                                
4016                                                
4017                                                
4018                                                            <div>
4019                                    
4020
4021
4022
4023
4024
4025
4026
4027<div class="c-button -alt" aria-hidden="true">
4028    <span class="c-button_inner">
4029
4030                <span class="c-button_label">
4031            <span>Learn More</span>
4032        </span>
4033
4034                            <span class="c-button_icon-container" aria-hidden="true">
4035                
4036
4037
4038
4039
4040
4041    <span
4042         class="c-icon c-button_icon"
4043    >
4044                <svg class="svg-arrow" focusable="false" aria-hidden="true">
4045            <use xlink:href="https://thedrake.ca/themes/thedrake/static/assets/svgs/sprite.svg?=17#arrow"></use>
4046        </svg>
4047    </span>
4048            </span>
4049            </span>
4050</div>
4051                                    <a class="u-absolute u-inset-0 u-z-above" href="https://thedrake.ca/the-drake/meetings-and-events/business-as-unusual/" target="self">
4052                                        <span class="u-sr-only">Learn More</span>
4053                                    </a>
4054                                </div>
4055                                                                        </div>
4056                
4057            </div>
4058        </div>
4059    </article>
4060				</li>
4061					            </ul>
4062        
4063                    </div>
4064</c-ns>
4065                    
4066                                            
4067
4068
4069
4070
4071
4072
4073<div
4074     class="c-timeline -default"
4075>   
4076    <div class="u-bg-[var(--color-background)]">
4077        <div class="u-container u-py-fluid-4xl u-text-center" data-scroll data-anim-stagger-words>
4078                                        
4079
4080
4081
4082
4083
4084
4085
4086
4087
4088    <c-heading  class="c-heading anim-stagger-words u-typo-display-3" data-uid="118006362" data-scroll="" data-scroll-call="callHeading118006362" data-scroll-repeat="" data-has-animation>
4089        <h2 class="u-sr-only">Experience <em>More</em> At The Drake Hotel
4090</h2>
4091        <p class="c-heading_split u-justify-center" aria-hidden="true">
4092                                                
4093
4094                                            
4095                                                                                                
4096                                                                <sp
4096an class="is-active" style="--br-index: 0; --word-index: 0;" data-word>Experience</span>
4097                    
4098                                                     
4099                                                            
4100                                
4101                                                                
4102                                                                                
4103                    <span class="c-heading_underlined" style="--br-index: 0; --word-index: 1;" data-word>
4104                                                                            
4105                        
4106                        
4107                        <span class="u-inline-block">More</span>
4108                        
4109
4110
4111
4112
4113
4114
4115
4116    <span
4117         class="c-underline c-heading_underline u-text-sapphire" data-type="underline-2" aria-hidden="true"
4118    >
4119        <svg class="svg-underline-2" focusable="false" aria-hidden="true">
4120            <use xlink:href="https://thedrake.ca/themes/thedrake/static/assets/svgs/sprite.svg?=6#underline-2"></use>
4121        </svg>
4122    </span>
4123                    </span>
4124
4125                                                     
4126                                                            
4127                                                                                                
4128                                                                <span class="" style="--br-index: 0; --word-index: 2;" data-word>At</span>
4129                    
4130                                                     
4131                                                            
4132                                                                                                
4133                                                                <span class="" style="--br-index: 0; --word-index: 3;" data-word>The</span>
4134                    
4135                                                     
4136                                                            
4137                                                                                                
4138                                                                <span class="" style="--br-index: 0; --word-index: 4;" data-word>Drake</span>
4139                    
4140                                                     
4141                                                            
4142                                                                                                
4143                                                                <span class="" style="--br-index: 0; --word-index: 5;" data-word>Hotel</span>
4144                    
4145                                                    
4146                                    </p>
4147    </c-heading>
4148                    </div>
4149
4150                    </div>
4151</div>
4152                    
4153                                            
4154
4155
4156
4157<c-ns  class="c-carousel u-pt-16 u-pb-8" data-carousel-parent="" data-anim-stagger-words="" data-anim-reveal-translate="" data-scroll="">
4158    <div class="c-carousel_inner">
4159        <div class="c-carousel_head">
4160
4161            <div class="u-flex u-flex-col u-gap-y-4 u-items-start">
4162                                                    <div class="u-max-w-[600px]">
4163                        
4164
4165
4166
4167
4168
4169
4170
4171
4172
4173    <c-heading  class="c-heading anim-stagger-words u-typo-h3" data-uid="2143815175" data-scroll="" data-scroll-call="callHeading2143815175" data-scroll-repeat="" data-has-animation>
4174        <h2 class="u-sr-only">What’s On
4175</h2>
4176        <p class="c-heading_split" aria-hidden="true">
4177                                                
4178
4179                                            
4180                                                                                                
4181                                                                <span class="" style="--br-index: 0; --word-index: 0;" data-word>What’s</span>
4182                    
4183                                                     
4184                                                            
4185                                                                                                
4186                                                                <sp
4186an class="is-active" style="--br-index: 0; --word-index: 1;" data-word>On</span>
4187                    
4188                                                    
4189                                    </p>
4190    </c-heading>
4191                    </div>
4192                
4193                                                    <div class="anim-reveal-translate" style="--offset: 20px; --index: 1; --extra-delay: calc(var(--anim-stagger-words-enter-translate-delay-duration) + ((var(--anim-stagger-words-length) - 1) * var(--anim-stagger-words-enter-stagger-delay)));">
4194                        
4195
4196
4197    
4198
4199
4200
4201
4202<a class="c-button -alt" href="https://thedrake.ca/events/?event_location=the-drake-hotel">
4203    <span class="c-button_inner">
4204
4205                <span class="c-button_label">
4206            <span>view full calendar</span>
4207        </span>
4208
4209                            <span class="c-button_icon-container" aria-hidden="true">
4210                
4211
4212
4213
4214
4215
4216    <span
4217         class="c-icon c-button_icon"
4218    >
4219                <svg class="svg-arrow" focusable="false" aria-hidden="true">
4220            <use xlink:href="https://thedrake.ca/themes/thedrake/static/assets/svgs/sprite.svg?=17#arrow"></use>
4221        </svg>
4222    </span>
4223            </span>
4224            </span>
4225</a>
4226                    </div>
4227                            </div>
4228
4229                        <div class="c-carousel_nav anim-reveal-translate" style="--offset: 20px; --index: 2; --extra-delay: calc(var(--anim-stagger-words-enter-translate-delay-duration) + ((var(--anim-stagger-words-length) - 1) * var(--anim-stagger-words-enter-stagger-delay)));">
4230                
4231
4232
4233
4234
4235
4236
4237
4238<button class="c-button -alt -icon -prev c-carousel_nav_item" data-swiper-prev="">
4239    <span class="c-button_inner">
4240
4241                <span class="c-button_label">
4242            <span>Previous</span>
4243        </span>
4244
4245                            <span class="c-button_icon-container" aria-hidden="true">
4246                
4247
4248
4249
4250
4251
4252    <span
4253         class="c-icon c-button_icon"
4254    >
4255                <svg class="svg-arrow-left" focusable="false" aria-hidden="true">
4256            <use xlink:href="https://thedrake.ca/themes/thedrake/static/assets/svgs/sprite.svg?=17#arrow-left"></use>
4257        </svg>
4258    </span>
4259            </span>
4260            </span>
4261</button>
4262
4263                
4264
4265
4266
4267
4268
4269
4270
4271<button class="c-button -alt -icon -next c-carousel_nav_item" data-swiper-next="">
4272    <span class="c-button_inner">
4273
4274                <span class="c-button_label">
4275            <span>Next</span>
4276        </span>
4277
4278                            <span class="c-button_icon-container" aria-hidden="true">
4279                
4280
4281
4282
4283
4284
4285    <span
4286         class="c-icon c-button_icon"
4287    >
4288                <svg class="svg-arrow" focusable="false" aria-hidden="true">
4289            <use xlink:href="https://thedrake.ca/themes/thedrake/static/assets/svgs/sprite.svg?=17#arrow"></use>
4290        </svg>
4291    </span>
4292            </span>
4293            </span>
4294</button>
4295            </div>
4296        </div>
4297
4298                <div class="c-carousel_container">
4299            <div class="c-carousel_overflow">
4300                <div class="c-carousel_wrapper">
4301                
4302                <c-carousel class="c-carousel_inner || swiper" data-swiper>
4303                    <ul class="swiper-wrapper">
4304                                                    <li class="swiper-slide || c-carousel_item" style="--index: 1;">
4305                                
4306
4307
4308
4309
4310
4311    
4312
4313
4314
4315
4316    <article class="c-tile-info -default" data-button-parent="">
4317
4318                    <div class="c-tile-info_visual">
4319                                                    <ul class="c-tile-info_tags || c-tag_list">
4320                                                    <li class="c-tag">Food + Drink</li>
4321                                                    <li class="c-tag">wine</li>
4322                                            </ul>
4323                
4324                                <div class="u-relative u-w-full u-aspect-[16/10]">
4325                                            
4326
4327
4328
4329
4330
4331
4332
4333
4334
4335    <div  class="c-image -cover -lazy-load">
4336
4337        
4338            <picture class="c-image_inner">
4339                                <img  class="c-image_img" alt="shot-282" width="1414" height="2121" src="https://thedrake.ca/uploads/2025/10/shot-282.jpg" loading="lazy" onload="this.classList.add(&#039;is-loaded&#039;); this.parentNode.parentNode.classList.add(&#039;is-loaded&#039;);this.removeAttribute(&#039;onload&#039;);">
4340            </picture>
4341
4342        
4343            </div>
4344                                    </div>
4345            </div>
4346        
4347        <header class="u-flex u-flex-col u-gap-3 u-p-4">
4348                                        <h2 class="u-typo-h5 u-capitalize">
4349                    Prime Cuts
4350                </h2>
4351
4352                <hr class="u-border-t-1 u-border-current" aria-hidden="true"></hr>
4353            
4354                        <div class="c-tile-info_content">
4355                <div class="u-flex-1">
4356                                                                <ul>
4357                                                            <li class="u-typo-label-tiny">Tue. Sep. 01 - Thu. Dec. 31</li>
4358                                                            <li class="u-typo-label-tiny">The Drake Hotel</li>
4359                                                            <li class="u-typo-label-tiny">All Ages</li>
4360                                                    </ul>
4361                                    </div>
4362
4363                <span class="c-tile-info_separator" aria-hidden="true"></span>
4364
4365                <div class="u-flex-1">
4366                                                                <p class="c-tile-info_description || u-text-wysiwyg -tiny">
4367                            Every Monday: $38 8oz Bavette, hand-cut fries, along with select bottles of wine at half price
4368                        </p>
4369                                    </div>
4370            </div>
4371        </header>
4372
4373                            <footer class="u-px-4 u-pb-4 -u-mt-2 u-z-above">
4374                <div>
4375                    
4376
4377
4378
4379
4380
4381
4382
4383<div class="c-button -alt" aria-hidden="true">
4384    <span class="c-button_inner">
4385
4386                <span class="c-button_label">
4387            <span>View</span>
4388        </span>
4389
4390                            <span class="c-button_icon-container" aria-hidden="true">
4391                
4392
4393
4394
4395
4396
4397    <span
4398         class="c-icon c-button_icon"
4399    >
4400                <svg class="svg-arrow" focusable="false" aria-hidden="true">
4401            <use xlink:href="https://thedrake.ca/themes/thedrake/static/assets/svgs/sprite.svg?=17#arrow"></use>
4402        </svg>
4403    </span>
4404            </span>
4405            </span>
4406</div>
4407                    <a class="u-absolute u-inset-0 u-z-above" href="https://thedrake.ca/event/steak-night-mondays/" target="">
4408                        <span class="u-sr-only">
4409                                                            View Prime Cuts
4410                                                    </span>
4411                    </a>
4412                </div>
4413            
4413<script>(function () {
4414  function updateSocialLinks() {
4415    const pathname = window.location.pathname;
4416    const match = pathname.match(/^\/[^/]+\/?/);
4417    const sectionPath = match ? match[0] : '/';
4418
4419    const socialLinksMap = {
4420      '/thedrakehotel/': {
4421        instagram: 'https://instagram.com/thedrakehotel',
4422        facebook: 'https://www.facebook.com/thedrakehoteltoronto/',
4423        tripadvisor: 'https://www.tripadvisor.ca/Hotel_Review-g155019-d496106-Reviews-The_Drake_Hotel-Toronto_Ontario.html'
4424      },
4425      '/drakemotorinn/': {
4426        instagram: 'https://instagram.com/drakemotorinn',
4427        facebook: 'https://www.facebook.com/drakemotorinn',
4428        tripadvisor: 'https://www.tripadvisor.ca/Hotel_Review-g499303-d12704254-Reviews-Drake_Motor_Inn-Wellington_Prince_Edward_County_Ontario.html'
4429      },
4430      '/drakedevonshire/': {
4431        instagram: 'https://instagram.com/drakedevonshire',
4432        facebook: 'https://www.facebook.com/drakedevonshireinn',
4433        tripadvisor: 'https://www.tripadvisor.ca/Hotel_Review-g499303-d273281-Reviews-Drake_Devonshire_Inn-Wellington_Prince_Edward_County_Ontario.html'
4434      }
4435    };
4436
4437    const links = socialLinksMap[sectionPath];
4438    if (!links) {
4439     // console.warn('No social links defined for:', sectionPath);
4440      return;
4441    }
4442
4443    // Loop over each .c-socials_item and update the link
4444    document.querySelectorAll('.c-socials_item').forEach(item => {
4445      const labelEl = item.querySelector('.u-sr-only');
4446      const linkEl = item.querySelector('a');
4447
4448      if (!labelEl || !linkEl) return;
4449
4450      const platform = labelEl.textContent.trim().toLowerCase();
4451      const newHref = links[platform];
4452
4453      if (newHref) {
4454        linkEl.href = newHref;
4455       // console.log(`Updated ${platform} link →`, newHref);
4456      } else {
4457      //  console.warn(`No new link found for ${platform}`);
4458      }
4459    });
4460  }
4461
4462  function setupSwupListeners() {
4463    document.addEventListener('swup:contentReplaced', () => {
4464     // console.log('swup:contentReplaced fired');
4465      updateSocialLinks();
4466    });
4467
4468    document.addEventListener('swup:page:view', () => {
4469     // console.log('swup:page:view fired');
4470      updateSocialLinks();
4471    });
4472  }
4473
4474  document.addEventListener('DOMContentLoaded', () => {
4475  //  console.log('DOMContentLoaded');
4476    updateSocialLinks();
4477    setupSwupListeners();
4478  });
4479})();
4480 
4481</script>
4481</footer>
4482            </article>
4483                            </li>
4484                                                    <li class="swiper-slide || c-carousel_item" style="--index: 2;">
4485                                
4486
4487
4488
4489
4490
4491    
4492
4493
4494
4495
4496    <article class="c-tile-info -default" data-button-parent="">
4497
4498                    <div class="c-tile-info_visual">
4499                                                    <ul class="c-tile-info_tags || c-tag_list">
4500                                                    <li class="c-tag">Food + Drink</li>
4501                                            </ul>
4502                
4503                                <div class="u-relative u-w-full u-aspect-[16/10]">
4504                                            
4505
4506
4507
4508
4509
4510
4511
4512
4513
4514    <div  class="c-image -cover -lazy-load">
4515
4516        
4517            <picture class="c-image_inner">
4518                                <img  class="c-image_img" alt="DSC_0570_copy (1)" width="1703" height="2560" src="https://thedrake.ca/uploads/2025/05/DSC_0570_copy-1-scaled.jpg" loading="lazy" onload="this.classList.add(&#039;is-loaded&#039;); this.parentNode.parentNode.classList.add(&#039;is-loaded&#039;);this.removeAttribute(&#039;onload&#039;);">
4519            </picture>
4520
4521        
4522            </div>
4523                                    </div>
4524            </div>
4525        
4526        <header class="u-flex u-flex-col u-gap-3 u-p-4">
4527                                        <h2 class="u-typo-h5 u-capitalize">
4528                    Happy Hour
4529                </h2>
4530
4531                <hr class="u-border-t-1 u-border-current" aria-hidden="true"></hr>
4532            
4533                        <div class="c-tile-info_content">
4534                <div class="u-flex-1">
4535                                                                <ul>
4536                                                            <li class="u-typo-label-tiny">Tue. Sep. 01 - Thu. Dec. 31</li>
4537                                                            <li class="u-typo-label-tiny">The Drake Hotel</li>
4538                                                            <li class="u-typo-label-tiny">All ages</li>
4539                                                    </ul>
4540                                    </div>
4541
4542                <span class="c-tile-info_separator" aria-hidden="true"></span>
4543
4544                <div class="u-flex-1">
4545                                                                <p class="c-tile-info_description || u-text-wysiwyg -tiny">
4546                            Every day 4-6PM: $13 cocktails + 30% off our favourite Drake plates
4547                        </p>
4548                                    </div>
4549            </div>
4550        </header>
4551
4552                            <footer class="u-px-4 u-pb-4 -u-mt-2 u-z-above">
4553                <div>
4554                    
4555
4556
4557
4558
4559
4560
4561
4562<div class="c-button -alt" aria-hidden="true">
4563    <span class="c-button_inner">
4564
4565                <span class="c-button_label">
4566            <span>View</span>
4567        </span>
4568
4569                            <span class="c-button_icon-container" aria-hidden="true">
4570                
4571
4572
4573
4574
4575
4576    <span
4577         class="c-icon c-button_icon"
4578    >
4579                <svg class="svg-arrow" focusable="false" aria-hidden="true">
4580            <use xlink:href="https://thedrake.ca/themes/thedrake/static/assets/svgs/sprite.svg?=17#arrow"></use>
4581        </svg>
4582    </span>
4583            </span>
4584            </span>
4585</div>
4586                    <a class="u-absolute u-inset-0 u-z-above" href="https://thedrake.ca/event/happy-hour-15/" target="">
4587                        <span class="u-sr-only">
4588                                                            View Happy Hour
4589                                                    </span>
4590                    </a>
4591                </div>
4592            </footer>
4593            </article>
4594                            </li>
4595                                                    <li class="swiper-slide || c-carousel_item" style="--index: 3;">
4596                                
4597
4598
4599
4600
4601
4602    
4603
4604
4605
4606
4607    <article class="c-tile-info -default" data-button-parent="">
4608
4609                    <div class="c-tile-info_visual">
4610                                                    <ul class="c-tile-info_tags || c-tag_list">
4611                                                    <li class="c-tag">Garage Pop</li>
4612                                                    <li class="c-tag">Indie Rock</li>
4613                                            </ul>
4614                
4615                                <div class="u-relative u-w-full u-aspect-[16/10]">
4616                                            
4617
4618
4619
4620
4621
4622
4623
4624
4625
4626    <div  class="c-image -cover -lazy-load">
4627
4628        
4629            <picture class="c-image_inner">
4630                                <img  class="c-image_img" alt="DU_CoHeadliners_Aug28_Grid" width="1080" height="1350" src="https://thedrake.ca/uploads/2026/08/DU_CoHeadliners_Aug28_Grid.jpg" loading="lazy" onload="this.classList.add(&#039;is-loaded&#039;); this.parentNode.parentNode.classList.add(&#039;is-loaded&#039;);this.removeAttribute(&#039;onload&#039;);">
4631            </picture>
4632
4633        
4634            </div>
4635                                    </div>
4636            </div>
4637        
4638        <header class="u-flex u-flex-col u-gap-3 u-p-4">
4639                                        <h2 class="u-typo-h5 u-capitalize">
4640                    DRAKE PRESENTS: ARMY GIRLS &#038; BY DIVINE RIGHT
4641                </h2>
4642
4643                <hr class="u-border-t-1 u-border-current" aria-hidden="true"></hr>
4644            
4645                        <div class="c-tile-info_content">
4646                <div class="u-flex-1">
4647                                                                <ul>
4648                                                            <li class="u-typo-label-tiny">Fri. Aug. 28</li>
4649                                                            <li class="u-typo-label-tiny">Drake Underground</li>
4650                                                            <li class="u-typo-label-tiny">19+</li>
4651                                                    </ul>
4652                                    </div>
4653
4654                <span class="c-tile-info_separator" aria-hidden="true"></span>
4655
4656                <div class="u-flex-1">
4657                                                                <p class="c-tile-info_description || u-text-wysiwyg -tiny">
4658                            Drake Presents: ARMY GIRLS & BY DIVINE RIGHT with support from Amelia Maxwell live at Drake Underground
4659                        </p>
4660                                    </div>
4661            </div>
4662        </header>
4663
4664                            <footer class="u-px-4 u-pb-4 -u-mt-2 u-z-above">
4665                <div>
4666                    
4667
4668
4669
4670
4671
4672
4673
4674<div class="c-button -alt" aria-hidden="true">
4675    <span class="c-button_inner">
4676
4677                <span class="c-button_label">
4678            <span>View</span>
4679        </span>
4680
4681                            <span class="c-button_icon-container" aria-hidden="true">
4682                
4683
4684
4685
4686
4687
4688    <span
4689         class="c-icon c-button_icon"
4690    >
4691                <svg class="svg-arrow" focusable="false" aria-hidden="true">
4692            <use xlink:href="https://thedrake.ca/themes/thedrake/static/assets/svgs/sprite.svg?=17#arrow"></use>
4693        </svg>
4694    </span>
4695            </span>
4696            </span>
4697</div>
4698                    <a class="u-absolute u-inset-0 u-z-above" href="https://thedrake.ca/event/drake-presents-army-girls-by-divine-right/" target="">
4699                        <span class="u-sr-only">
4700                                                            View DRAKE PRESENTS: ARMY GIRLS &#038; BY DIVINE RIGHT
4701                                                    </span>
4702                    </a>
4703                </div>
4704            </footer>
4705            </article>
4706                            </li>
4707                                                    <li class="swiper-slide || c-carousel_item" style="--index: 4;">
4708                                
4709
4710
4711
4712
4713
4714    
4715
4716
4717
4718
4719    <article class="c-tile-info -default" data-button-parent="">
4720
4721                    <div class="c-tile-info_visual">
4722                                                    <ul class="c-tile-info_tags || c-tag_list">
4723                                                    <li class="c-tag">Brunch</li>
4724                                                    <li class="c-tag">DJ</li>
4725                                            </ul>
4726                
4727                                <div class="u-relative u-w-full u-aspect-[16/10]">
4728                                            
4729
4730
4731
4732
4733
4734
4735
4736
4737
4738    <div  class="c-image -cover -lazy-load">
4739
4740        
4741            <picture class="c-image_inner">
4742                                <img  class="c-image_img" alt="Untitled design (1)" width="1080" height="1350" src="https://thedrake.ca/uploads/2026/05/Untitled-design-1-16.png" loading="lazy" onload="this.classList.add(&#039;is-loaded&#039;); this.parentNode.parentNode.classList.add(&#039;is-loaded&#039;);this.removeAttribute(&#039;onload&#039;);">
4743            </picture>
4744
4745        
4746            </div>
4747                                    </div>
4748            </div>
4749        
4750        <header class="u-flex u-flex-col u-gap-3 u-p-4">
4751                                        <h2 class="u-typo-h5 u-capitalize">
4752                    GOOD SOUL IN THE SKY
4753                </h2>
4754
4755                <hr class="u-border-t-1 u-border-current" aria-hidden="true"></hr>
4756            
4757                        <div class="c-tile-info_content">
4758                <div class="u-flex-1">
4759                                                                <ul>
4760                                                            <li class="u-typo-label-tiny">Sun. Jun. 07</li>
4761                                                            <li class="u-typo-label-tiny">The Drake Hotel</li>
4762                                                            <li class="u-typo-label-tiny">All Ages</li>
4763                                                    </ul>
4764                                    </div>
4765
4766                <span class="c-tile-info_separator" aria-hidden="true"></span>
4767
4768                <div class="u-flex-1">
4769                                                                <p class="c-tile-info_description || u-text-wysiwyg -tiny">
4770                            Every Sunday in the Skyard.
4771                        </p>
4772                                    </div>
4773            </div>
4774        </header>
4775
4776                            <footer class="u-px-4 u-pb-4 -u-mt-2 u-z-above">
4777                <div>
4778                    
4779
4780
4781
4782
4783
4784
4785
4786<div class="c-button -alt" aria-hidden="true">
4787    <span class="c-button_inner">
4788
4789                <span class="c-button_label">
4790            <span>View</span>
4791        </span>
4792
4793                            <span class="c-button_icon-container" aria-hidden="true">
4794                
4795
4796
4797
4798
4799
4800    <span
4801         class="c-icon c-button_icon"
4802    >
4803                <svg class="svg-arrow" focusable="false" aria-hidden="true">
4804            <use xlink:href="https://thedrake.ca/themes/thedrake/static/assets/svgs/sprite.svg?=17#arrow"></use>
4805        </svg>
4806    </span>
4807            </span>
4808            </span>
4809</div>
4810                    <a class="u-absolute u-inset-0 u-z-above" href="https://thedrake.ca/event/good-soul-in-the-sky/" target="">
4811                        <span class="u-sr-only">
4812                                                            View GOOD SOUL IN THE SKY
4813                                                    </span>
4814                    </a>
4815                </div>
4816            </footer>
4817            </article>
4818                            </li>
4819                                                    <li class="swiper-slide || c-carousel_item" style="--index: 5;">
4820                                
4821
4822
4823
4824
4825
4826    
4827
4828
4829
4830
4831    <article class="c-tile-info -default" data-button-parent="">
4832
4833                    <div class="c-tile-info_visual">
4834                                                    <ul class="c-tile-info_tags || c-tag_list">
4835                                                    <li class="c-tag">Music</li>
4836                                            </ul>
4837                
4838                                <div class="u-relative u-w-full u-aspect-[16/10]">
4839                                            
4840
4841
4842
4843
4844
4845
4846
4847
4848
4849    <div  class="c-image -cover -lazy-load">
4850
4851        
4852            <picture class="c-image_inner">
4853                                <img  class="c-image_img" alt="Drag-Brunch" width="2048" height="2560" src="https://thedrake.ca/uploads/2025/03/JAN-cover-scaled.jpg" loading="lazy" onload="this.classList.add(&#039;is-loaded&#039;); this.parentNode.parentNode.classList.add(&#039;is-loaded&#039;);this.removeAttribute(&#039;onload&#039;);">
4854            </picture>
4855
4856        
4857            </div>
4858                                    </div>
4859            </div>
4860        
4861        <header class="u-flex u-flex-col u-gap-3 u-p-4">
4862                                        <h2 class="u-typo-h5 u-capitalize">
4863                    Drag Brunch w/ Miss Moço
4864                </h2>
4865
4866                <hr class="u-border-t-1 u-border-current" aria-hidden="true"></hr>
4867            
4868                        <div class="c-tile-info_content">
4869                <div class="u-flex-1">
4870                                                                <ul>
4871                                                            <li class="u-typo-label-tiny">Tue. Sep. 01 - Thu. Dec. 31</li>
4872                                                            <li class="u-typo-label-tiny">The Drake Hotel</li>
4873                                                            <li class="u-typo-label-tiny">All Ages</li>
4874                                                    </ul>
4875                                    </div>
4876
4877                <span class="c-tile-info_separator" aria-hidden="true"></span>
4878
4879                <div class="u-flex-1">
4880                                                                <p class="c-tile-info_description || u-text-wysiwyg -tiny">
4881                            Find the brunch Queen of Toronto, Miss Moço, every Saturday in the Drake Lounge. 
4882                        </p>
4883                                    </div>
4884            </div>
4885        </header>
4886
4887                            <footer class="u-px-4 u-pb-4 -u-mt-2 u-z-above">
4888                <div>
4889                    
4890
4891
4892
4893
4894
4895
4896
4897<div class="c-button -alt" aria-hidden="true">
4898    <span class="c-button_inner">
4899
4900                <span class="c-button_label">
4901            <span>View</span>
4902        </span>
4903
4904                            <span class="c-button_icon-container" aria-hidden="true">
4905                
4906
4907
4908
4909
4910
4911    <span
4912         class="c-icon c-button_icon"
4913    >
4914                <svg class="svg-arrow" focusable="false" aria-hidden="true">
4915            <use xlink:href="https://thedrake.ca/themes/thedrake/static/assets/svgs/sprite.svg?=17#arrow"></use>
4916        </svg>
4917    </span>
4918            </span>
4919            </span>
4920</div>
4921                    <a class="u-absolute u-inset-0 u-z-above" href="https://thedrake.ca/event/drag-bingo-w-miss-moco/" target="">
4922                        <span class="u-sr-only">
4923                                                            View Drag Brunch w/ Miss Moço
4924                                                    </span>
4925                    </a>
4926                </div>
4927            </footer>
4928            </article>
4929                            </li>
4930                                            </ul>
4931                </c-carousel>
4932                </div>
4933            </div>
4934        </div>
4935    </div>
4936</c-ns>
4937                    
4938                                            
4939
4940
4941
4942	<div class="u-container u-py-[var(--grid-margin)]">
4943		
4944
4945
4946
4947
4948
4949<c-ns
4950     class="c-ns-head -default" data-anim-stagger-words="" data-anim-reveal="" data-anim-reveal-translate="" data-scroll=""
4951>
4952    <div class="c-ns-head_header">
4953                            
4954
4955
4956
4957
4958
4959
4960
4961
4962
4963    <c-heading  class="c-heading anim-stagger-words c-ns-head_heading || u-typo-h2" data-uid="1246131357" data-scroll="" data-scroll-call="callHeading1246131357" data-scroll-repeat="" data-has-animation>
4964        <h2 class="u-sr-only">Take Your Shot Of Art
4965</h2>
4966        <p class="c-heading_split" aria-hidden="true">
4967                                                
4968
4969                                            
4970                                                                                                
4971                                                                <span class="" style="--br-index: 0; --word-index: 0;" data-word>Take</span>
4972                    
4973                                                     
4974                                                            
4975                                                                                                
4976                                                                <span class="" style="--br-index: 0; --word-index: 1;" data-word>Your</span>
4977                    
4978                                                     
4979                                                            
4980                                                                                                
4981                                                                <span class="" style="--br-index: 0; --word-index: 2;" data-word>Shot</span>
4982                    
4983                                                     
4984                                                            
4985                                                                                                
4986                                                                <span class="is-active" style="--br-index: 0; --word-index: 3;" data-word>Of</span>
4987                    
4988                                                     
4989                                                            
4990                                                                                                
4991                                                                <span class="" style="--br-index: 0; --word-index: 4;" data-word>Art</span>
4992                    
4993                                                    
4994                                    </p>
4995    </c-heading>
4996        
4997                    </div>
4998
4999                <div class="u-mx-auto sm:u-absolute sm:u-left-1/2 sm:u-top-1/2 sm:u-transform sm:-u-translate-x-1/2 sm:-u-translate-y-1/2 || anim-reveal" style="--index: 0;">
5000            
5001
5002
5003
5004
5005
5006
5007
5008    <span
5009         class="c-illustration c-ns-head_illustration" data-type="flowers-bouquet" aria-hidden="true"
5010    >
5011                <svg
5012             class="svg-flowers-bouquet" focusable="false" aria-hidden="true"
5013        >
5014            <use xlink:href="https://thedrake.ca/themes/thedrake/static/assets/svgs/sprite.svg?=11#illu-flowers-bouquet"></use>
5015        </svg>
5016    </span>
5017        </div>
5018    
5019    <div class="c-ns-head_footer anim-reveal" style="--index: 1;">
5020                                                <div class="u-max-w-[365px]">
5021                    <p class="u-typo-body">
5021Drake Art is everywhere. From guest rooms to dining spaces, our rotating contemporary art collection – featuring commissions, installations, and artist residencies – transforms every corner of the hotel into a pop-up gallery. It's how we earned our reputation as Toronto's art hotel.</p>
5022                </div>
5023            
5024                                        <div>
5025                    
5026
5027
5028    
5029
5030
5031
5032
5033<a class="c-button -alt" href="https://thedrake.ca/drake-art/">
5034    <span class="c-button_inner">
5035
5036                <span class="c-button_label">
5037            <span>Discover Drake Art</span>
5038        </span>
5039
5040                            <span class="c-button_icon-container" aria-hidden="true">
5041                
5042
5043
5044
5045
5046
5047    <span
5048         class="c-icon c-button_icon"
5049    >
5050                <svg class="svg-arrow" focusable="false" aria-hidden="true">
5051            <use xlink:href="https://thedrake.ca/themes/thedrake/static/assets/svgs/sprite.svg?=17#arrow"></use>
5052        </svg>
5053    </span>
5054            </span>
5055            </span>
5056</a>
5057                </div>
5058                        </div>
5059</c-ns>
5060	</div>
5061                    
5062                    
5063                                            
5064
5065
5066
5067<c-ns  class="c-carousel u-pt-16 u-pb-8" data-carousel-parent="" data-anim-stagger-words="" data-anim-reveal-translate="" data-scroll="">
5068    <div class="c-carousel_inner">
5069        <div class="c-carousel_head">
5070
5071            <div class="u-flex u-flex-col u-gap-y-4 u-items-start">
5072                                                    <div class="u-max-w-[600px]">
5073                        
5074
5075
5076
5077
5078
5079
5080
5081
5082
5083    <c-heading  class="c-heading anim-stagger-words u-typo-h3" data-uid="1773521681" data-scroll="" data-scroll-call="callHeading1773521681" data-scroll-repeat="" data-has-animation>
5084        <h2 class="u-sr-only">Latest News From Hotbed
5085</h2>
5086        <p class="c-heading_split" aria-hidden="true">
5087                                                
5088
5089                                            
5090                                                                                                
5091                                                                <span class="" style="--br-index: 0; --word-index: 0;" data-word>Latest</span>
5092                    
5093                                                     
5094                                                            
5095                                                                                                
5096                                                                <span class="" style="--br-index: 0; --word-index: 1;" data-word>News</span>
5097                    
5098                                                     
5099                                                            
5100                                                                                                
5101                                                                <span class="is-active" style="--br-index: 0; --word-index: 2;" data-word>From</span>
5102                    
5103                                                     
5104                                                            
5105                                                                                                
5106                                                                <span class="" style="--br-index: 0; --word-index: 3;" data-word>Hotbed</span>
5107                    
5108                                                    
5109                                    </p>
5110    </c-heading>
5111                    </div>
5112                
5113                                                    <div class="anim-reveal-translate" style="--offset: 20px; --index: 1; --extra-delay: calc(var(--anim-stagger-words-enter-translate-delay-duration) + ((var(--anim-stagger-words-length) - 1) * var(--anim-stagger-words-enter-stagger-delay)));">
5114                        
5115
5116
5117    
5118
5119
5120
5121
5122<a class="c-button -alt" href="https://thedrake.ca/blog/">
5123    <span class="c-button_inner">
5124
5125                <span class="c-button_label">
5126            <span>view all articles</span>
5127        </span>
5128
5129                            <span class="c-button_icon-container" aria-hidden="true">
5130                
5131
5132
5133
5134
5135
5136    <span
5137         class="c-icon c-button_icon"
5138    >
5139                <svg class="svg-arrow" focusable="false" aria-hidden="true">
5140            <use xlink:href="https://thedrake.ca/themes/thedrake/static/assets/svgs/sprite.svg?=17#arrow"></use>
5141        </svg>
5142    </span>
5143            </span>
5144            </span>
5145</a>
5146                    </div>
5147                            </div>
5148
5149                        <div class="c-carousel_nav anim-reveal-translate" style="--offset: 20px; --index: 2; --extra-delay: calc(var(--anim-stagger-words-enter-translate-delay-duration) + ((var(--anim-stagger-words-length) - 1) * var(--anim-stagger-words-enter-stagger-delay)));">
5150                
5151
5152
5153
5154
5155
5156
5157
5158<button class="c-button -alt -icon -prev c-carousel_nav_item" data-swiper-prev="">
5159    <span class="c-button_inner">
5160
5161                <span class="c-button_label">
5162            <span>Previous</span>
5163        </span>
5164
5165                            <span class="c-button_icon-container" aria-hidden="true">
5166                
5167
5168
5169
5170
5171
5172    <span
5173         class="c-icon c-button_icon"
5174    >
5175                <svg class="svg-arrow-left" focusable="false" aria-hidden="true">
5176            <use xlink:href="https://thedrake.ca/themes/thedrake/static/assets/svgs/sprite.svg?=17#arrow-left"></use>
5177        </svg>
5178    </span>
5179            </span>
5180            </span>
5181</button>
5182
5183                
5184
5185
5186
5187
5188
5189
5190
5191<button class="c-button -alt -icon -next c-carousel_nav_item" data-swiper-next="">
5192    <span class="c-button_inner">
5193
5194                <span class="c-button_label">
5195            <span>Next</span>
5196        </span>
5197
5198                            <span class="c-button_icon-container" aria-hidden="true">
5199                
5200
5201
5202
5203
5204
5205    <span
5206         class="c-icon c-button_icon"
5207    >
5208                <svg class="svg-arrow" focusable="false" aria-hidden="true">
5209            <use xlink:href="https://thedrake.ca/themes/thedrake/static/assets/svgs/sprite.svg?=17#arrow"></use>
5210        </svg>
5211    </span>
5212            </span>
5213            </span>
5214</button>
5215            </div>
5216        </div>
5217
5218                <div class="c-carousel_container">
5219            <div class="c-carousel_overflow">
5220                <div class="c-carousel_wrapper">
5221                
5222                <c-carousel class="c-carousel_inner || swiper" data-swiper>
5223                    <ul class="swiper-wrapper">
5224                                                    <li class="swiper-slide || c-carousel_item" style="--index: 1;">
5225                                
5226
5227
5228
5229
5230
5231    
5232
5233
5234
5235
5236    <article class="c-tile-info -default" data-button-parent="">
5237
5238                    <div class="c-tile-info_visual">
5239                                
5240                                <div class="u-relative u-w-full u-aspect-square">
5241                                            
5242
5243
5244
5245
5246
5247
5248
5249
5250
5251    <div  class="c-image -cover -lazy-load">
5252
5253        
5254            <picture class="c-image_inner">
5255                                <img  class="c-image_img" alt="night-22 (1)" width="2560" height="1707" src="https://thedrake.ca/uploads/2026/08/night-22-1-scaled.jpg" loading="lazy" onload="this.classList.add(&#039;is-loaded&#039;); this.parentNode.parentNode.classList.add(&#039;is-loaded&#039;);this.removeAttribute(&#039;onload&#039;);">
5256            </picture>
5257
5258        
5259            </div>
5260                                    </div>
5261            </div>
5262        
5263        <header class="u-flex u-flex-col u-gap-3 u-p-4">
5264                                        <h2 class="u-typo-h5 u-capitalize">
5265                    Where to Stay During TIFF 2026: The Drake is Toronto’s Indie Boutique Hotel
5266                </h2>
5267
5268                <hr class="u-border-t-1 u-border-current" aria-hidden="true"></hr>
5269            
5270                        <div class="c-tile-info_content">
5271                <div class="u-flex-1">
5272                                                                <ul>
5273                                                            <li class="u-typo-label-tiny">Mon. Aug. 10</li>
5274                                                    </ul>
5275                                    </div>
5276
5277                <span class="c-tile-info_separator" aria-hidden="true"></span>
5278
5279                <div class="u-flex-1">
5280                                                                <p class="c-tile-info_description || u-text-wysiwyg -tiny">
5281                            For eleven days in September, Toronto runs on film. TIFF 2026 lands September 10 to 20, and between the 9AM screening and whatever&hellip;
5282                        </p>
5283                                    </div>
5284            </div>
5285        </header>
5286
5287                            <footer class="u-px-4 u-pb-4 -u-mt-2 u-z-above">
5288                <div>
5289                    
5290
5291
5292
5293
5294
5295
5296
5297<div class="c-button -alt" aria-hidden="true">
5298    <span class="c-button_inner">
5299
5300                <span class="c-button_label">
5301            <span>View</span>
5302        </span>
5303
5304                            <span class="c-button_icon-container" aria-hidden="true">
5305                
5306
5307
5308
5309
5310
5311    <span
5312         class="c-icon c-button_icon"
5313    >
5314                <svg class="svg-arrow" focusable="false" aria-hidden="true">
5315            <use xlink:href="https://thedrake.ca/themes/thedrake/static/assets/svgs/sprite.svg?=17#arrow"></use>
5316        </svg>
5317    </span>
5318            </span>
5319            </span>
5320</div>
5321                    <a class="u-absolute u-inset-0 u-z-above" href="https://thedrake.ca/blog/tiff-2026-hotels-where-to-stay-toronto/" target="">
5322                        <span class="u-sr-only">
5323                                                            View Where to Stay During TIFF 2026: The Drake is Toronto’s Indie Boutique Hotel
5324                                                    </span>
5325                    </a>
5326                </div>
5327            </footer>
5328            </article>
5329                            </li>
5330                                                    <li class="swiper-slide || c-carousel_item" style="--index: 2;">
5331                                
5332
5333
5334
5335
5336
5337    
5338
5339
5340
5341
5342    <article class="c-tile-info -default" data-button-parent="">
5343
5344                    <div class="c-tile-info_visual">
5345                                
5346                                <div class="u-relative u-w-full u-aspect-square">
5347                                            
5348
5349
5350
5351
5352
5353
5354
5355
5356
5357    <div  class="c-image -cover -lazy-load">
5358
5359        
5360            <picture class="c-image_inner">
5361                                <img  class="c-image_img" alt="Midway_Sunset-scaled" width="2560" height="1707" src="https://thedrake.ca/uploads/2026/07/Midway_Sunset-scaled-1.jpg" loading="lazy" onload="this.classList.add(&#039;is-loaded&#039;); this.parentNode.parentNode.classList.add(&#039;is-loaded&#039;);this.removeAttribute(&#039;onload&#039;);">
5362            </picture>
5363
5364        
5365            </div>
5366                                    </div>
5367            </div>
5368        
5369        <header class="u-flex u-flex-col u-gap-3 u-p-4">
5370                                        <h2 class="u-typo-h5 u-capitalize">
5371                    Where to Stay for the CNE: Book a Room at The Drake for the 2026 Canadian National Exhibition
5372                </h2>
5373
5374                <hr class="u-border-t-1 u-border-current" aria-hidden="true"></hr>
5375            
5376                        <div class="c-tile-info_content">
5377                <div class="u-flex-1">
5378                                                                <ul>
5379                                                            <li class="u-typo-label-tiny">Thu. Jul. 16</li>
5380                                                    </ul>
5381                                    </div>
5382
5383                <span class="c-tile-info_separator" aria-hidden="true"></span>
5384
5385                <div class="u-flex-1">
5386                                                                <p class="c-tile-info_description || u-text-wysiwyg -tiny">
5387                            Every Toronto summer has a last hurrah. From August 21 to September 7, 2026, the Canadian National Exhibition takes over Exhibition Place for 18&hellip;
5388                        </p>
5389                                    </div>
5390            </div>
5391        </header>
5392
5393                            <footer class="u-px-4 u-pb-4 -u-mt-2 u-z-above">
5394                <div>
5395                    
5396
5397
5398
5399
5400
5401
5402
5403<div class="c-button -alt" aria-hidden="true">
5404    <span class="c-button_inner">
5405
5406                <span class="c-button_label">
5407            <span>View</span>
5408        </span>
5409
5410                            <span class="c-button_icon-container" aria-hidden="true">
5411                
5412
5413
5414
5415
5416
5417    <span
5418         class="c-icon c-button_icon"
5419    >
5420                <svg class="svg-arrow" focusable="false" aria-hidden="true">
5421            <use xlink:href="https://thedrake.ca/themes/thedrake/static/assets/svgs/sprite.svg?=17#arrow"></use>
5422        </svg>
5423    </span>
5424            </span>
5425            </span>
5426</div>
5427                    <a class="u-absolute u-inset-0 u-z-above" href="https://thedrake.ca/blog/where-to-stay-for-the-cne-book-a-room-at-the-drake-for-the-2026-canadian-national-exhibition/" target="">
5428                        <span class="u-sr-only">
5429                                                            View Where to Stay for the CNE: Book a Room at The Drake for the 2026 Canadian National Exhibition
5430                                                    </span>
5431                    </a>
5432                </div>
5433            </footer>
5434            </article>
5435                            </li>
5436                                                    <li class="swiper-slide || c-carousel_item" style="--index: 3;">
5437                                
5438
5439
5440
5441
5442
5443    
5444
5445
5446
5447
5448    <article class="c-tile-info -default" data-button-parent="">
5449
5450                    <div class="c-tile-info_visual">
5451                                                    <ul class="c-tile-info_tags || c-tag_list">
5452                                                    <li class="c-tag">People</li>
5453                                            </ul>
5454                
5455                                <div class="u-relative u-w-full u-aspect-square">
5456                                            
5457
5458
5459
5460
5461
5462
5463
5464
5465
5466    <div  class="c-image -cover -lazy-load">
5467
5468        
5469            <picture class="c-image_inner">
5470                                <img  class="c-image_img" alt="Ginger+JesWedding-703" width="2560" height="1703" src="https://thedrake.ca/uploads/2025/12/GingerJesWedding-703-scaled.jpg" loading="lazy" onload="this.classList.add(&#039;is-loaded&#039;); this.parentNode.parentNode.classList.add(&#039;is-loaded&#039;);this.removeAttribute(&#039;onload&#039;);">
5471            </picture>
5472
5473        
5474            </div>
5475                                    </div>
5476            </div>
5477        
5478        <header class="u-flex u-flex-col u-gap-3 u-p-4">
5479                                        <h2 class="u-typo-h5 u-capitalize">
5480                    Ontario’s Coolest Wedding Journey: From Queen West to Prince Edward County with The Drake
5481                </h2>
5482
5483                <hr class="u-border-t-1 u-border-current" aria-hidden="true"></hr>
5484            
5485                        <div class="c-tile-info_content">
5486                <div class="u-flex-1">
5487                                                                <ul>
5488                                                            <li class="u-typo-label-tiny">Thu. Dec. 04 2025</li>
5489                                                    </ul>
5490                                    </div>
5491
5492                <span class="c-tile-info_separator" aria-hidden="true"></span>
5493
5494                <div class="u-flex-1">
5495                                                                <p class="c-tile-info_description || u-text-wysiwyg -tiny">
5496                            Welcome to the Heart of the Wedding.
5497Not the ceremony. Not the dance floor. Not the &#8220;I do&#8217;s,&#8221; the veils, the&hellip;
5498                        </p>
5499                                    </div>
5500            </div>
5501        </header>
5502
5503                            <footer class="u-px-4 u-pb-4 -u-mt-2 u-z-above">
5504                <div>
5505                    
5506
5507
5508
5509
5510
5511
5512
5513<div class="c-button -alt" aria-hidden="true">
5514    <span class="c-button_inner">
5515
5516                <span class="c-button_label">
5517            <span>View</span>
5518        </span>
5519
5520                            <span class="c-button_icon-container" aria-hidden="true">
5521                
5522
5523
5524
5525
5526
5527    <span
5528         class="c-icon c-button_icon"
5529    >
5530                <svg class="svg-arrow" focusable="false" aria-hidden="true">
5531            <use xlink:href="https://thedrake.ca/themes/thedrake/static/assets/svgs/sprite.svg?=17#arrow"></use>
5532        </svg>
5533    </span>
5534            </span>
5535            </span>
5536</div>
5537                    <a class="u-absolute u-inset-0 u-z-above" href="https://thedrake.ca/blog/ontarios-coolest-wedding-journey-from-queen-west-to-prince-edward-county-with-the-drake/" target="">
5538                        <span class="u-sr-only">
5539                                                            View Ontario’s Coolest Wedding Journey: From Queen West to Prince Edward County with The Drake
5540                                                    </span>
5541                    </a>
5542                </div>
5543            </footer>
5544            </article>
5545                            </li>
5546                                            </ul>
5547                </c-carousel>
5548                </div>
5549            </div>
5550        </div>
5551    </div>
5552</c-ns>
5553                    
5554                                            
5555
5556
5557
5558
5559
5560
5561<div  class="c-listing-contact -default" data-scroll="" data-anim-reveal-translate="">
5562    <div class="c-listing-contact_inner">
5563
5564        <div class="c-listing-contact_odd">
5565                                        <div class="u-max-w-[380px] || anim-reveal-translate" style="--offset: 20px;">
5566                    
5567
5568
5569
5570
5571
5572
5573
5574
5575
5576    <c-heading  class="c-heading u-typo-h4" data-uid="1842114668" data-scroll="" data-scroll-call="callHeading1842114668" data-scroll-repeat="">
5577        <h2 class="u-sr-only">Contact Us
5578</h2>
5579        <p class="c-heading_split" aria-hidden="true">
5580                                                
5581
5582                                            
5583                                                                                                
5584                                                                <sp
5584an class="is-active" style="--br-index: 0; --word-index: 0;" data-word>Contact</span>
5585                    
5586                                                     
5587                                                            
5588                                                                                                
5589                                                                <span class="" style="--br-index: 0; --word-index: 1;" data-word>Us</span>
5590                    
5591                                                    
5592                                    </p>
5593    </c-heading>
5594                </div>
5595            
5596                                        <div class="u-z-above || anim-reveal-translate" style="--offset: 20px; --extra-delay: 0.1s;">
5597                    
5598
5599
5600    
5601
5602
5603
5604
5605<a class="c-button -alt" href="https://thedrake.ca/contact-us/" target="self">
5606    <span class="c-button_inner">
5607
5608                <span class="c-button_label">
5609            <span>contact page</span>
5610        </span>
5611
5612                            <span class="c-button_icon-container" aria-hidden="true">
5613                
5614
5615
5616
5617
5618
5619    <span
5620         class="c-icon c-button_icon"
5621    >
5622                <svg class="svg-arrow" focusable="false" aria-hidden="true">
5623            <use xlink:href="https://thedrake.ca/themes/thedrake/static/assets/svgs/sprite.svg?=17#arrow"></use>
5624        </svg>
5625    </span>
5626            </span>
5627            </span>
5628</a>
5629                </div>
5630                    </div>
5631
5632                <div class="c-listing-contact_even">
5633                            <div class="u-flex u-justify-between u-gap-6 u-items-start u-border-t-black u-border-t-1 u-py-2 to-sm:u-flex-col">
5634
5635                                            <h3 class="u-typo-h5 u-max-w-[320px] || anim-reveal-translate" style="--offset: 40px; --extra-delay: 0.1s;">
5636                            <a class="hover:u-underline"  href="https://google.com/maps?q=1150+Queen+St.+W%E2%80%A8Toronto%2C+ON+M6J+1J3" target="self">1150 Queen St. W
Toronto, ON M6J 1J3</a>
5637                        </h3>
5638                    
5639                                            <a class="u-typo-h5 u-text-right u-text-nowrap hover:u-underline || anim-reveal-translate" style="--offset: 40px; --extra-delay: 0.2s;" href="tel:+14165315042" target="self">(+1) 416.531.5042</a>
5640                    
5641                </div>
5642            
5643                            <dl class="u-flex u-flex-col u-gap-y-5">
5644                                            <div class="u-flex u-justify-between u-gap-x-6 u-border-t-1 u-border-t-black u-py-2" style="--index: 1">
5645                            <dt class="u-typo-label || anim-reveal-translate" style="--offset: 20px;">Marketing + PR</dt>
5646
5647                                                            <dd class="anim-reveal-translate" style="--offset: 20px;">
5648                                                                            <a  href="mailto:[email protected]" target="self" class="u-mail-to-link">
5649                                            [email protected]
5650                                        </a>
5651                                                                    </dd>
5652                                                    </div>
5653                                            <div class="u-flex u-justify-between u-gap-x-6 u-border-t-1 u-border-t-black u-py-2" style="--index: 2">
5654                            <dt class="u-typo-label || anim-reveal-translate" style="--offset: 20px;">Event + venue sales</dt>
5655
5656                                                            <dd class="anim-reveal-translate" style="--offset: 20px;">
5657                                                                            <a  href="mailto:[email protected]" target="self" class="u-mail-to-link">
5658                                            [email protected]
5659                                        </a>
5660                                                                    </dd>
5661                                                    </div>
5662                                            <div class="u-flex u-justify-between u-gap-x-6 u-border-t-1 u-border-t-black u-py-2" style="--index: 3">
5663                            <dt class="u-typo-label || anim-reveal-translate" style="--offset: 20px;">food + drink</dt>
5664
5665                                                            <dd class="anim-reveal-translate" style="--offset: 20px;">
5666                                                                            <a  href="mailto:[email protected]" target="self" class="u-mail-to-link">
5667                                            [email protected]
5668                                        </a>
5669                                                                    </dd>
5670                                                    </div>
5671                                            <div class="u-flex u-justify-between u-gap-x-6 u-border-t-1 u-border-t-black u-py-2" style="--index: 4">
5672                            <dt class="u-typo-label || anim-reveal-translate" style="--offset: 20px;">hotel</dt>
5673
5674                                                            <dd class="anim-reveal-translate" style="--offset: 20px;">
5675                                                                            <a  href="mailto:[email protected]" target="self" class="u-mail-to-link">
5676                                            [email protected]
5677                                        </a>
5678                                                                    </dd>
5679                                                    </div>
5680                                            <div class="u-flex u-justify-between u-gap-x-6 u-border-t-1 u-border-t-black u-py-2" style="--index: 5">
5681                            <dt class="u-typo-label || anim-reveal-translate" style="--offset: 20px;">Drake Underground Music Programming</dt>
5682
5683                                                            <dd class="anim-reveal-translate" style="--offset: 20px;">
5684                                                                            <a  href="mailto:[email protected]" target="self" class="u-mail-to-link">
5685                                            [email protected]
5686                                        </a>
5687                                                                    </dd>
5688                                                    </div>
5689                                    </dl>
5690                    </div>
5691    </div>
5692</div>
5693                    
5694                                            
5695
5696
5697
5698
5699
5700<section  class="c-listing-properties">
5701
5702    <div
5703        class="u-bg-wine"
5704    >
5705        <div class="u-container u-flex u-justify-center u-py-fluid-lg" data-scroll data-anim-stagger-words>
5706            
5707
5708
5709
5710
5711
5712
5713
5714
5715
5716    <c-heading  class="c-heading anim-stagger-words u-typo-display-3 -justify-center u-max-w-[800px]" data-uid="1283344223" data-scroll="" data-scroll-call="callHeading1283344223" data-scroll-repeat="" data-has-animation>
5717        <h2 class="u-sr-only">Discover The <em>County</em>
5718</h2>
5719        <p class="c-heading_split" aria-hidden="true">
5720                                                
5721
5722                                            
5723                                                                                                
5724                                                                <sp
5724an class="" style="--br-index: 0; --word-index: 0;" data-word>Discover</span>
5725                    
5726                                                     
5727                                                            
5728                                                                                                
5729                                                                <span class="" style="--br-index: 0; --word-index: 1;" data-word>The</span>
5730                    
5731                                                     
5732                                                            
5733                                
5734                                                                
5735                                                                                
5736                    <span class="c-heading_underlined is-active" style="--br-index: 0; --word-index: 2;" data-word>
5737                                                                            
5738                        
5739                        
5740                        <span class="u-inline-block">County</span>
5741                        
5742
5743
5744
5745
5746
5747
5748
5749    <span
5750         class="c-underline c-heading_underline u-text-jade" data-type="underline-4" aria-hidden="true"
5751    >
5752        <svg class="svg-underline-4" focusable="false" aria-hidden="true">
5753            <use xlink:href="https://thedrake.ca/themes/thedrake/static/assets/svgs/sprite.svg?=6#underline-4"></use>
5754        </svg>
5755    </span>
5756                    </span>
5757
5758                                                    
5759                                    </p>
5760    </c-heading>
5761        </div>
5762    </div>
5763
5764    <ul>
5765                    <li 
5766                class="c-listing-properties_city"
5767                data-scroll
5768 data-anim-reveal
5769 data-anim-reveal-translate>
5770
5771                                
5772
5773
5774
5775
5776
5777
5778    <div class="c-pre-heading c-listing-properties_preheading">
5779                    <span class="c-pre-heading_label || u-typo-label-tiny">PEC</span>
5780                            <span class="c-pre-heading_label || u-typo-label-tiny">Dream In Drake</span>
5781            </div>
5782
5783                
5784                                    <ul class="u-grid sm:u-grid-cols-2 u-gap-6 u-w-full">
5785                                                    <li class="c-listing-properties_item || anim-reveal-translate" style="--offset: 40px; --index: 1">
5786
5787                                <div class="u-flex u-flex-col-reverse">
5788                                                                            <div>
5789                                            <p class="u-inline-block u-py-2 u-px-[10px] u-rounded u-text-white u-bg-black u-typo-label-tiny">Toronto, ON</p>
5790                                        </div>
5791                                                                        
5792
5793
5794
5795
5796
5797
5798
5799
5800
5801    <c-heading  class="c-heading u-typo-h5 u-max-w-[200px]" data-uid="441930867" data-scroll="" data-scroll-call="callHeading441930867" data-scroll-repeat="">
5802        <h2 class="u-sr-only">Drake Devonshire</h2>
5803        <p class="c-heading_split" aria-hidden="true">
5804                                                
5805
5806                                            
5807                                                                                                
5808                                                                <span class="is-active" style="--br-index: 0; --word-index: 0;" data-word>Drake</span>
5809                    
5810                                                     
5811                                                            
5812                                                                                                
5813                                                                <span class="" style="--br-index: 0; --word-index: 1;" data-word>Devonshire</span>
5814                    
5815                                                    
5816                                    </p>
5817    </c-heading>
5818                                </div>
5819
5820                                
5821
5822
5823
5824
5825
5826
5827
5828
5829
5830    <div  class="c-image c-listing-properties_image -cover -lazy-load">
5831
5832        
5833            <picture class="c-image_inner">
5834                                <img  class="c-image_img" alt="" width="2560" height="1707" src="https://thedrake.ca/uploads/2025/03/045A6045-1-scaled.jpg" loading="lazy" onload="this.classList.add(&#039;is-loaded&#039;); this.parentNode.parentNode.classList.add(&#039;is-loaded&#039;);this.removeAttribute(&#039;onload&#039;);">
5835            </picture>
5836
5837        
5838            </div>
5839
5840                                                                    <a href="https://thedrake.ca/drakedevonshire/" class="c-listing-properties_link">
5841                                        <span class="u-sr-only">
5842                                            Visit Drake Devonshire
5843                                        </span>
5844                                    </a>
5845                                
5846                            </li>
5847                                                    <li class="c-listing-properties_item || anim-reveal-translate" style="--offset: 40px; --index: 2">
5848
5849                                <div class="u-flex u-flex-col-reverse">
5850                                                                        
5851
5852
5853
5854
5855
5856
5857
5858
5859
5860    <c-heading  class="c-heading u-typo-h5 u-max-w-[200px]" data-uid="1647477633" data-scroll="" data-scroll-call="callHeading1647477633" data-scroll-repeat="">
5861        <h2 class="u-sr-only">Drake Motor Inn</h2>
5862        <p class="c-heading_split" aria-hidden="true">
5863                                                
5864
5865                                            
5866                                                                                                
5867                                                                <span class="" style="--br-index: 0; --word-index: 0;" data-word>Drake</span>
5868                    
5869                                                     
5870                                                            
5871                                                                                                
5872                                                                <span class="is-active" style="--br-index: 0; --word-index: 1;" data-word>Motor</span>
5873                    
5874                                                     
5875                                                            
5876                                                                                                
5877                                                                <span class="" style="--br-index: 0; --word-index: 2;" data-word>Inn</span>
5878                    
5879                                                    
5880                                    </p>
5881    </c-heading>
5882                                </div>
5883
5884                                
5885
5886
5887
5888
5889
5890
5891
5892
5893
5894    <div  class="c-image c-listing-properties_image -cover -lazy-load">
5895
5896        
5897            <picture class="c-image_inner">
5898                                <img  class="c-image_img" alt="" width="2560" height="1707" src="https://thedrake.ca/uploads/2025/03/045A8887-scaled.jpg" loading="lazy" onload="this.classList.add(&#039;is-loaded&#039;); this.parentNode.parentNode.classList.add(&#039;is-loaded&#039;);this.removeAttribute(&#039;onload&#039;);">
5899            </picture>
5900
5901        
5902            </div>
5903
5904                                                                    <a href="https://thedrake.ca/drake-motor-inn/" class="c-listing-properties_link">
5905                                        <span class="u-sr-only">
5906                                            Visit Drake Motor Inn
5907                                        </span>
5908                                    </a>
5909                                
5910                            </li>
5911                                            </ul>
5912                
5913            </li>
5914            </ul>
5915</section>
5916                                    </div>
5917            </div>
5918    </div>
5919                        </div>
5920                    </main>
5921
5922                                            
5923<footer class="c-footer u-grid md:u-grid-cols-2 u-gap-x-gutter u-bg-black u-min-h-[100svh] u-py-4 to-sm:u-px-containerMarginMobile sm:u-px-containerMargin">
5924    <div class="u-relative u-flex u-items-center u-justify-center to-md:u-min-h-[500px] to-md:u-mb-8">
5925        <div class="u-text-lavender">
5926            
5927
5928
5929
5930
5931
5932
5933
5934    <span
5935         class="c-illustration" data-type="flowers-vase" aria-hidden="true"
5936    >
5937                <svg
5938             class="svg-flowers-vase" focusable="false" aria-hidden="true"
5939        >
5940            <use xlink:href="https://thedrake.ca/themes/thedrake/static/assets/svgs/sprite.svg?=11#illu-flowers-vase"></use>
5941        </svg>
5942    </span>
5943        </div>
5944        <div class="u-text-white u-absolute u-left-0 u-bottom-4 u-translate-x-[-9%] u-translate-y-[9%]">
5945            
5946
5947
5948
5949
5950
5951    <span
5952         class="c-icon"
5953    >
5954                <svg class="svg-logo-td-multi" focusable="false" aria-hidden="true">
5955            <use xlink:href="https://thedrake.ca/themes/thedrake/static/assets/svgs/sprite.svg?=17#logo-td-multi"></use>
5956        </svg>
5957    </span>
5958        </div>
5959        <p class="u-text-white/40 u-absolute u-right-0 u-bottom-4 lg:u-w-[grid-space(3/12)] u-typo-label u-hidden sm:u-block">
5960            <span>&copy;2026&nbsp;</span>
5961            <span>Website by</span>&nbsp;<a class="hover:u-underline hover:u-text-white u-transition u-duration-300 u-ease-default" href="https://locomotive.ca" target="_blank" rel="noopener noreferrer">Locomotive</a>
5962        </p>
5963    </div>
5964    <div class="md:u-border-l-1 u-border-cream u-border-opacity-10 md:u-pl-6 u-py-4">
5965        
5966<div class="u-flex u-flex-col u-flex-grow u-gap-y-8 u-justify-between u-text-white u-h-full">
5967
5968        
5969
5970
5971<nav class="c-nav-primary">
5972            <div class="u-flex u-flex-col u-gap-2">
5973                            <p class="c-nav-primary_heading || u-typo-label u-text-lavender">
5974                    Toronto,  ON
5975                </p>
5976            
5977                            <ul>
5978                                            <li class="u-border-t-1 u-border-cream u-border-opacity-10 u-typo-h4">
5979                            <a  
5980                                class="c-nav-primary_item || u-inline-block u-py-4"
5981                                href="https://thedrake.ca/thedrakehotel/"
5982                                target=""
5983                            >
5984                                The Drake Hotel
5985                            </a>
5986                        </li>
5987                                            <li class="u-border-t-1 u-border-cream u-border-opacity-10 u-typo-h4">
5988                            <a  
5989                                class="c-nav-primary_item || u-inline-block u-py-4"
5990                                href="https://thedrake.ca/thedrakehotel/meetings-and-events/weddings/"
5991                                target=""
5992                            >
5993                                Weddings
5994                            </a>
5995                        </li>
5996                                    </ul>
5997            
5998        </div>
5999            <div class="u-flex u-flex-col u-gap-2">
6000                            <p class="c-nav-primary_heading || u-typo-label u-text-lavender">
6001                    Prince Edward County,  ON
6002                </p>
6003            
6004                            <ul>
6005                                            <li class="u-border-t-1 u-border-cream u-border-opacity-10 u-typo-h4">
6006                            <a  
6007                                class="c-nav-primary_item || u-inline-block u-py-4"
6008                                href="https://thedrake.ca/drakedevonshire/"
6009                                target=""
6010                            >
6011                                Drake Devonshire
6012                            </a>
6013                        </li>
6014                                            <li class="u-border-t-1 u-border-cream u-border-opacity-10 u-typo-h4">
6015                            <a  
6016                                class="c-nav-primary_item || u-inline-block u-py-4"
6017                                href="https://thedrake.ca/drakemotorinn/"
6018                                target=""
6019                            >
6020                                Drake Motor Inn
6021                            </a>
6022                        </li>
6023                                    </ul>
6024            
6025        </div>
6026    </nav>
6027    <div class="u-flex u-flex-col u-gap-y-6">
6028
6029                
6030
6031<nav class="u-border-t-1 u-border-b-1 u-border-cream u-border-opacity-10 u-py-5">
6032    <ul class="u-flex u-flex-wrap to-xs:u-flex-col u-typo-label-medium">
6033                    <li class="u-mt-2 u-pr-4 xs:u-w-[50%]">
6034                <a  href="https://thedrake.ca/about/"
6035                    target="_self"
6036                    class="u-inline-block u-py-1 u-underline-link"
6037                >
6038                    About
6039                </a>
6040            </li>
6041                    <li class="u-mt-2 u-pr-4 xs:u-w-[50%]">
6042                <a  href="/events"
6043                    target="_self"
6044                    class="u-inline-block u-py-1 u-underline-link"
6045                >
6046                    What's On
6047                </a>
6048            </li>
6049                    <li class="u-mt-2 u-pr-4 xs:u-w-[50%]">
6050                <a  href="https://thedrake.ca/careers/"
6051                    target="_self"
6052                    class="u-inline-block u-py-1 u-underline-link"
6053                >
6054                    Careers
6055                </a>
6056            </li>
6057                    <li class="u-mt-2 u-pr-4 xs:u-w-[50%]">
6058                <a  href="/drake-art"
6059                    target="_self"
6060                    class="u-inline-block u-py-1 u-underline-link"
6061                >
6062                    Drake Art
6063                </a>
6064            </li>
6065                    <li class="u-mt-2 u-pr-4 xs:u-w-[50%]">
6066                <a  href="/blog"
6067                    target="_self"
6068                    class="u-inline-block u-py-1 u-underline-link"
6069                >
6070                    Blog
6071                </a>
6072            </li>
6073                    <li class="u-mt-2 u-pr-4 xs:u-w-[50%]">
6074                <a  href="https://thedrake.ca/gift-cards/"
6075                    target="_self"
6076                    class="u-inline-block u-py-1 u-underline-link"
6077                >
6078                    Gift Cards
6079                </a>
6080            </li>
6081                    <li class="u-mt-2 u-pr-4 xs:u-w-[50%]">
6082                <a  href="https://thedrake.ca/contact-us/"
6083                    target="_self"
6084                    class="u-inline-block u-py-1 u-underline-link"
6085                >
6086                    Contact Us
6087                </a>
6088            </li>
6089                    <li class="u-mt-2 u-pr-4 xs:u-w-[50%]">
6090                <a  href="https://thedrake.ca/faq/"
6091                    target="_self"
6092                    class="u-inline-block u-py-1 u-underline-link"
6093                >
6094                    FAQ
6095                </a>
6096            </li>
6097                    <li class="u-mt-2 u-pr-4 xs:u-w-[50%]">
6098                <a  href="https://thedrake.ca/terms-and-conditions/"
6099                    target="_self"
6100                    class="u-inline-block u-py-1 u-underline-link"
6101                >
6102                    Terms and Conditions
6103                </a>
6104            </li>
6105                    <li class="u-mt-2 u-pr-4 xs:u-w-[50%]">
6106                <a  href="https://thedrake.ca/aeroplan/"
6107                    target="_self"
6108                    class="u-inline-block u-py-1 u-underline-link"
6109                >
6110                    Aeroplan
6111                </a>
6112            </li>
6113                            <li class="u-mt-2 u-pr-4 xs:u-w-[50%]">
6114                <a  href="#show-cookie-consent"
6115                    class="u-inline-block u-py-1 u-underline-link"
6116                >
6117                    Manage Cookies
6118                </a>
6119            </li>
6120            </ul>
6121</nav>
6122
6123        <div class="u-flex u-flex-col u-gap-y-4">
6124
6125                        
6126
6127
6128
6129
6130
6131
6132<c-form-newsletter  class="c-newsletter u-relative -default">
6133    <form  data-form action="https://thedrake.ca/wp-ajax.php?action=subscribe_to_newsletter" method="POST" data-success-feedback="Thank y
6133ou for subscribing to the newsletter." data-error-feedback="An unexpected error occurred. Please try again later." data-recaptcha-pubkey="6LfNp_gqAAAAAJrTp4RbhH53Ot8_Oy8YHmHIfMIC">
6134        <div class="u-flex u-flex-col u-gap-4" data-form-inner>
6135            <p class="u-typo-label u-text-lavender">
6136                Don't miss a thing
6137            </p>
6138            <div class="c-newsletter_input-container">
6139                <input type="hidden" name="action" value="subscribe_to_newsletter">
6140                <input class="c-newsletter_input" type="email" id="newsletter" name="email" placeholder="Your email" required>
6141                <button class="c-newsletter_submit" type="submit">
6142                    <span class="u-typo-label to-xs:u-hidden">
6143                        Subscribe
6144                    </span>
6145                    <span class="xs:u-hidden">
6146                        
6147
6148
6149
6150
6151
6152    <span
6153         class="c-icon"
6154    >
6155                <svg class="svg-arrow" focusable="false" aria-hidden="true">
6156            <use xlink:href="https://thedrake.ca/themes/thedrake/static/assets/svgs/sprite.svg?=17#arrow"></use>
6157        </svg>
6158    </span>
6159                    </span>
6160                </button>
6161            </div>
6162
6163            <div class="u-form-feedback u-form-frame u-hidden" data-form-feedback role="alert" aria-live="polite">
6164                <svg class="u-shrink-0 u-w-4 u-h-4" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20">
6165                    <path d="M10 .5a9.5 9.5 0 1 0 9.5 9.5A9.51 9.51 0 0 0 10 .5ZM9.5 4a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3ZM12 15H8a1 1 0 0 1 0-2h1v-3H8a1 1 0 0 1 0-2h2a1 1 0 0 1 1 1v4h1a1 1 0 0 1 0 2Z"/>
6166                </svg>
6167                <span class="u-sr-only">Form feedback</span>
6168                <div class="u-typo-label-small u-mt-[1px]" data-form-feedback-message>
6169                </div>
6170            </div>
6171        </div>
6172
6173        <div class="u-form_spinner" aria-hidden="true"><div class="u-form_spinner_inner"></div></div>
6174    </form>
6175</c-form-newsletter>            
6176
6177
6178
6179
6180<ul  class="c-socials">
6181            <li class="c-socials_item">
6182            <a href="https://www.facebook.com/thedrakehoteltoronto/" target="_blank" class="c-socials_link">
6183                <span class="u-sr-only">facebook</span>
6184                
6185
6186
6187
6188
6189
6190    <span
6191         class="c-icon"
6192    >
6193                <svg class="svg-facebook" focusable="false" aria-hidden="true">
6194            <use xlink:href="https://thedrake.ca/themes/thedrake/static/assets/svgs/sprite.svg?=17#facebook"></use>
6195        </svg>
6196    </span>
6197            </a>
6198        </li>
6199            <li class="c-socials_item">
6200            <a href="https://www.instagram.com/thedrake/" target="_blank" class="c-socials_link">
6201                <span class="u-sr-only">instagram</span>
6202                
6203
6204
6205
6206
6207
6208    <span
6209         class="c-icon"
6210    >
6211                <svg class="svg-instagram" focusable="false" aria-hidden="true">
6212            <use xlink:href="https://thedrake.ca/themes/thedrake/static/assets/svgs/sprite.svg?=17#instagram"></use>
6213        </svg>
6214    </span>
6215            </a>
6216        </li>
6217            <li class="c-socials_item">
6218            <a href="https://www.linkedin.com/company/the-drake-hotel" target="_blank" class="c-socials_link">
6219                <span class="u-sr-only">linkedin</span>
6220                
6221
6222
6223
6224
6225
6226    <span
6227         class="c-icon"
6228    >
6229                <svg class="svg-linkedin" focusable="false" aria-hidden="true">
6230            <use xlink:href="https://thedrake.ca/themes/thedrake/static/assets/svgs/sprite.svg?=17#linkedin"></use>
6231        </svg>
6232    </span>
6233            </a>
6234        </li>
6235            <li class="c-socials_item">
6236            <a href="https://www.tiktok.com/@thedrakehotel" target="_blank" class="c-socials_link">
6237                <span class="u-sr-only">tiktok</span>
6238                
6239
6240
6241
6242
6243
6244    <span
6245         class="c-icon"
6246    >
6247                <svg class="svg-tiktok" focusable="false" aria-hidden="true">
6248            <use xlink:href="https://thedrake.ca/themes/thedrake/static/assets/svgs/sprite.svg?=17#tiktok"></use>
6249        </svg>
6250    </span>
6251            </a>
6252        </li>
6253            <li class="c-socials_item">
6254            <a href="https://open.spotify.com/user/thedrakex%5Boh%21%5D#_=_" target="_blank" class="c-socials_link">
6255                <span class="u-sr-only">spotify</span>
6256                
6257
6258
6259
6260
6261
6262    <span
6263         class="c-icon"
6264    >
6265                <svg class="svg-spotify" focusable="false" aria-hidden="true">
6266            <use xlink:href="https://thedrake.ca/themes/thedrake/static/assets/svgs/sprite.svg?=17#spotify"></use>
6267        </svg>
6268    </span>
6269            </a>
6270        </li>
6271            <li class="c-socials_item">
6272            <a href="https://www.tripadvisor.ca/Hotel_Review-g155019-d496106-Reviews-The_Drake_Hotel-Toronto_Ontario.html" target="_blank" class="c-socials_link">
6273                <span class="u-sr-only">tripadvisor</span>
6274                
6275
6276
6277
6278
6279
6280    <span
6281         class="c-icon"
6282    >
6283                <svg class="svg-tripadvisor" focusable="false" aria-hidden="true">
6284            <use xlink:href="https://thedrake.ca/themes/thedrake/static/assets/svgs/sprite.svg?=17#tripadvisor"></use>
6285        </svg>
6286    </span>
6287            </a>
6288        </li>
6289    </ul>
6290        </div>
6291    </div>
6292</div>
6293    </div>
6294    <p class="u-text-white/40 u-typo-label sm:u-hidden">
6295        <span>&copy;2026&nbsp;</span>
6296        <span>Website by</span>&nbsp;<a class="hover:u-underline hover:u-text-white u-transition u-duration-300 u-ease-default" href="https://locomotive.ca" target="_blank" rel="noopener noreferrer">Locomotive</a>
6297    </p>
6298</footer>
6299                                    </div>
6300            </div>
6301        </div>
6302
6303        
6303<script type="speculationrules">
6304{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"\/*"},{"not":{"href_matches":["\/wordpress\/wp-*.php","\/wordpress\/wp-admin\/*","\/uploads\/*","\/*","\/plugins\/*","\/themes\/thedrake\/theme\/*","\/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
6305</script>
vendor: 1 bytes, line 6305
6305
6306<script type="application/ld+json" id="slim-seo-schema">{"@context":"https://schema.org","@graph":[{"@type":"WebSite","@id":"https://thedrake.ca/#website","url":"https://thedrake.ca/","name":"The Drake","description":"Book Direct for Best Rates — Stay at The Drake Hotel, a top destination in Queen West with award-winning accommodation.","inLanguage":"en-CA","potentialAction":{"@id":"https://thedrake.ca/#searchaction"},"publisher":{"@id":"https://thedrake.ca/#organization"}},{"@type":"SearchAction","@id":"https://thedrake.ca/#searchaction","target":"https://thedrake.ca/?s={search_term_string}","query-input":"required name=search_term_string"},{"@type":"BreadcrumbList","name":"Breadcrumbs","@id":"https://thedrake.ca/thedrakehotel/#breadcrumblist","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://thedrake.ca/"},{"@type":"ListItem","position":2,"name":"The Drake Hotel"}]},{"@type":"WebPage","@id":"https://thedrake.ca/thedrakehotel/#webpage","url":"https://thedrake.ca/thedrakehotel/","inLanguage":"en-CA","name":"The Drake Hotel | Boutique Hotel in Queen West Toronto","description":"Toronto's boutique art hotel, in West Queen West. 51 art-filled rooms, elevated dining, and live shows at Drake Underground. Book direct for the best rates.","datePublished":"2025-03-06T19:56:20+00:00","dateModified":"2026-09-21T17:17:34+00:00","isPartOf":{"@id":"https://thedrake.ca/#website"},"breadcrumb":{"@id":"https://thedrake.ca/thedrakehotel/#breadcrumblist"},"potentialAction":{"@id":"https://thedrake.ca/thedrakehotel/#readaction"}},{"@type":"ReadAction","@id":"https://thedrake.ca/thedrakehotel/#readaction","target":"https://thedrake.ca/thedrakehotel/"},{"@type":"Organization","@id":"https://thedrake.ca/#organization","url":"https://thedrake.ca/","name":"The Drake"}]}</script>
6306<script>
6307// ======================================
6308// PAGE CHECK
6309// ======================================
6310function isPatiosPage() {
6311  return window.location.pathname.includes('/thedrakehotel/our-patios');
6312}
6313
6314// ======================================
6315// CUSTOM ETHOS BLOCK (NEW)
6316// ======================================
6317const customEthosHTML = `
6318<c-ns class="c-ns-perks -horizontal -default is-inview" data-anim-stagger-words="" data-anim-reveal="" data-anim-reveal-translate="" data-scroll="" id="newspaper-324" style="--anim-stagger-words-length: 2;">
6319  <div class="u-container || c-ns-perks_inner">
6320    <div class="c-ns-perks_header_wrapper">
6321      <c-ns class="c-ns-head -default c-ns-perks_header is-inview" data-anim-stagger-words="" data-anim-reveal="" data-anim-reveal-translate="" data-scroll="" id="newspaper-325" style="--anim-stagger-words-length: 2;">
6322        <div class="c-ns-head_header">
6323          <c-heading class="c-heading anim-stagger-words c-ns-head_heading || u-typo-h2 is-inview" data-uid="279401214" data-scroll="" data-scroll-call="callHeading279401214" data-scroll-repeat="" data-has-animation="" id="heading-326">
6324            <h2 class="u-sr-only">Where Summer  <em>Happens</em></h2>
6325            <p class="c-heading_split" aria-hidden="true">
6326              <span class="" style="--br-index: 0; --word-index: 0;" data-word="">Where Summer</span>
6327              <span class="c-heading_underlined is-active" style="--br-index: 0; --word-index: 1;" data-word="">
6328                <span class="u-inline-block">Happens</span>
6329                <span class="c-underline c-heading_underline u-text-coral" data-type="underline-2" aria-hidden="true">
6330                  <svg class="svg-underline-2" focusable="false" aria-hidden="true">
6331                    <use xlink:href="https://thedrake.ca/themes/thedrake/static/assets/svgs/sprite.svg?=6#underline-2"></use>
6332                  </svg>
6333                </span>
6334              </span>
6335            </p>
6336          </c-heading>
6337        </div>
6338               <div class="u-mx-auto sm:u-absolute sm:u-left-1/2 sm:u-top-1/2 sm:u-transform sm:-u-translate-x-1/2 sm:-u-translate-y-1/2 || anim-reveal" style="--index: 0;">
6339          <span class="c-illustration c-ns-head_illustration" data-type="heart-hand" aria-hidden="true">
6340           			   <img class="c-image_img is-loaded" alt="" width="1697" height="2560" src="https://thedrake.ca/uploads/2026/06/cocktails.png" loading="lazy">
6341          </span>
6342        </div> 
6343        <div class="c-ns-head_footer anim-reveal" style="--index: 1;">
6344          <div class="u-max-w-[365px]">
6345            <p class="u-typo-body">At the Drake, patios are more than outdoor seating—they're places where great food, creative energy, and memorable moments come together. From sun-soaked afternoons and leisurely brunches to lively evenings under the lights, each patio offers its own unique atmosphere while staying true to the spirit of the Drake. Whether you're joining us for a quick drink or settling in for the night, there's always a reason to stay a little longer. </p>
6346          </div>
6347        </div>
6348      </c-ns>
6349    </div>
6350    <ul class="c-ns-perks_list">
6351      <li>
6352        <div class="c-ns-perks_card anim-reveal-translate" style="--index: 1; --offset: 40px;">
6353          <c-heading class="c-heading u-typo-h5" data-uid="1651299198" data-scroll="" data-scroll-call="callHeading1651299198" data-scroll-repeat="" id="heading-327">
6354            <h3 class="u-sr-only">Gather</h3>
6355            <p class="c-heading_split" aria-hidden="true">
6356              <span class="is-active" style="--br-index: 0; --word-index: 0;" data-word="">Gather</span>
6357            </p>
6358          </c-heading>
6359          <p class="c-ns-perks_card_value">At the Drake, every patio is designed to bring people together. Whether you're catching up over brunch, meeting for after-work drinks, or gathering with a group to share a meal, our outdoor spaces create the perfect backdrop for connection. Comfortable, welcoming, and full of energy, they invite guests to slow down, stay awhile, and enjoy the company around them.</p>
6360        </div>
6361      </li>
6362      <li>
6363        <div class="c-ns-perks_card anim-reveal-translate" style="--index: 2; --offset: 40px;">
6364          <c-heading class="c-heading u-typo-h5" data-uid="1817145506" data-scroll="" data-scroll-call="callHeading1817145506" data-scroll-repeat="" id="heading-328">
6365            <h3 class="u-sr-only">Unwind</h3>
6366            <p class="c-heading_split" aria-hidden="true">
6367              <span class="is-active" style="--br-index: 0; --word-index: 0;" data-word="">Unwind</span>
6368            </p>
6369          </c-heading>
6370          <p class="c-ns-perks_card_value">Step away from the pace of the city and settle into a more relaxed rhythm. From sunny afternoons to warm evenings under the lights, our patios offer an escape without ever leaving the neighbourhood. Thoughtfully designed spaces, attentive service, and a vibrant atmosphere come together to create moments that feel effortless, comfortable, and distinctly Drake.</p>
6371        </div>
6372      </li>
6373      <li>
6374        <div class="c-ns-perks_card anim-reveal-translate" style="--index: 3; --offset: 40px;">
6375          <c-heading class="c-heading u-typo-h5" data-uid="176341346" data-scroll="" data-scroll-call="callHeading176341346" data-scroll-repeat="" id="heading-329">
6376            <h3 class="u-sr-only">Celebrate</h3>
6377            <p class="c-heading_split" aria-hidden="true">
6378              <span class="is-active" style="--br-index: 0; --word-index: 0;" data-word="">Celebrate</span>
6379            </p>
6380          </c-heading>
6381          <p class="c-ns-perks_card_value">Every visit has the potential to become a memorable occasion. Raise a glass to milestones big and small, enjoy seasonal menus inspired by the moment, and experience the music, art, and culture that define the Drake spirit. Whether it's a spontaneous toast at sunset or a planned celebration with friends, our patios provide a setting where great experiences naturally unfold.</p>
6382        </div>
6383      </li>
6384    </ul>
6385  </div>
6386</c-ns>
6387`;
6388
6389// ======================================
6390// CUSTOM TILES BLOCK
6391// ======================================
6392const customTilesHTML = `
6393<div class="c-listing-tiles-package -default" data-uid="908453131">
6394  <div class="u-container u-grid u-grid-cols-1 u-gap-x-gutter u-gap-y-16">
6395    <div class="u-max-w-[500px]">
6396      <c-heading class="c-heading u-typo-h3" data-uid="1389871748" data-scroll="" data-scroll-call="callHeading1389871748" data-scroll-repeat="" id="heading-130">
6397        <h2 class="u-sr-only">Looking For Toronto’s Best Hotel Patio?</h2>
6398        <p class="c-heading_split" aria-hidden="true">
6399          <span class="" style="--br-index: 0; --word-index: 0;" data-word="">Looking</span>
6400          <span class="" style="--br-index: 0; --word-index: 1;" data-word="">For</span>
6401          <span class="" style="--br-index: 0; --word-index: 2;" data-word="">Toronto’s</span>
6402          <span class="is-active" style="--br-index: 0; --word-index: 3;" data-word="">Best Hotel</span>
6403          <span class="" style="--br-index: 0; --word-index: 4;" data-word=""> Patio?</span>
6404        </p>
6405      </c-heading>
6406    </div>
6407    <div class="u-flex u-flex-col u-gap-y-[var(--grid-margin)] u-pb-fluid-2xl">
6408      <section id="packages" data-scroll="" data-scroll-offset="50%, 50%" data-scroll-repeat="" data-scroll-call="onInview908453131" data-scroll-ignore-fold="" class="">
6409        <ul class="u-flex u-flex-col u-gap-y-[var(--grid-margin)]">
6410          <li>
6411            <article class="c-tile-package anim-reveal-translate -default is-inview" data-scroll="" data-anim-reveal-translate="" style="--offset: 20%;">
6412              <div class="u-grid u-grid-cols-1 sm:u-grid-cols-2">
6413                <div class="c-tile-package_visual">
6414                  <div class="c-image u-absolute u-inset-0 -cover -lazy-load is-loaded">
6415                    <picture class="c-image_inner">
6416                      <img class="c-image_img is-loaded" alt="" width="1697" height="2560" src="https://thedrake.ca/uploads/2026/06/bbqskyyard953-scaled.jpg" loading="lazy">
6417                    </picture>
6418                  </div>
6419                </div>
6420                <div class="u-flex u-flex-col u-gap-y-12 u-justify-between u-p-4">
6421                  <div class="u-flex u-flex-col u-gap-y-6">
6422                    <h4 class="c-tile-package_heading || u-typo-h4 u-capitalize">
6423                      <p style="margin-bottom:10px!important;">Sky Yard BBQ: Your Go-To Toronto Rooftop Bar</p>
6424                     
6425                    <p class="c-tile-package_description || u-text-wysiwyg -tiny" style="margin-bottom:10px!important;"> Come for the food, sips and views. Stay for the vibes. A desert-inspired oasis perched above Queen Street West, our newly renovated and year-round Sky Yard patio is Toronto's best rooftop for summer in the city. Golden hour means DJ sunset sets, and then the playlist turns up for our signature Drake after-dark energy. Newly renovated and open from Happy Hour to late-night and weekend brunch. </p>
6426                    <ul class="c-tile-package_list">
6427                      <li class="u-typo-body u-px-0 u-py-2">Sunset DJ Sets + Nightlife: High-energy evening tracks and live-mixed beats to transition your day seamlessly into night.</li>
6428                      <li class="u-typo-body u-px-0 u-py-2">Ever-Changing Art Installations: A dynamically curated rooftop environment featuring rotating visual art from local and global creators.</li>
6429                      <li class="u-typo-body u-px-0 u-py-2">Year-Round Vibrant Atmosphere: Fully winterized spaces for cozy cold-weather drinks, transforming into an open-air oasis all summer long.</li>
6430                      <li class="u-typo-body u-px-0 u-py-2">West Queen West Views: Perched perfectly above the neighborhood, making it the ultimate destination for people-watching and city stargazing.</li>
6431            
6432                    </ul>
6433                  </div>
6434                  <div class="u-flex u-flex-col lg:u-flex-row u-gap-[var(--grid-gutter)]">
6435                    <a class="c-button -alt -full u-z-above" href="https://thedrake.ca/restaurant/sky-yard/">
6436                      <span class="c-button_inner">
6437                        <span class="c-button_label">
6438                          <span>Learn More</span>
6439                        </span>
6440                        <span class="c-button_icon-container" aria-hidden="true">
6441                          <span class="c-icon c-button_icon">
6442                            <svg class="svg-arrow" focusable="false" aria-hidden="true">
6443                              <use xlink:href="https://thedrake.ca/themes/thedrake/static/assets/svgs/sprite.svg?=17#arrow"></use>
6444                            </svg>
6445                          </span>
6446                        </span>
6447                      </span>
6448                    </a>
6449                  </div>
6450                </div>
6451              </div>
6452            </article>
6453          </li>
6454          <li>
6455            <article class="c-tile-package anim-reveal-translate -default is-inview" data-scroll="" data-anim-reveal-translate="" style="--offset: 20%;">
6456              <div class="u-grid u-grid-cols-1 sm:u-grid-cols-2">
6457                <div class="c-tile-package_visual">
6458                  <div class="c-image u-absolute u-inset-0 -cover -lazy-load is-loaded">
6459                    <picture class="c-image_inner">
6460                      <img class="c-image_img is-loaded" alt="" width="2560" height="1707" src="https://thedrake.ca/uploads/2026/06/DSC_0548_copy-scaled.jpg" loading="lazy">
6461                    </picture>
6462                  </div>
6463                </div>
6464                <div class="u-flex u-flex-col u-gap-y-12 u-justify-between u-p-4">
6465                  <div class="u-flex u-flex-col u-gap-y-6">
6466                    <h3 class="c-tile-package_heading || u-typo-h4 u-capitalize">
6467                      <p>Drake Cafe: A Street Level Patio on WQW</p>
6468                    </h3>
6469                    <p class="c-tile-package_description || u-text-wysiwyg -tiny"> Our sun-soaked Drake Café Patio is a neighbourhood hub made for lingering from first coffee to last call. Easy, welcoming + always in a good mood, it's the kind of West Queen West patio where one drink turns into two and lunch stretches a little longer than planned. This summer, our menu leans a little cantina: pork carnitas tacos, steak tartare tostadas + ancho chili lime wings alongside Drake classics like sushi and shareables. To drink, we've got crisp lagers, housemade grapefruit guava or citrus basil Modelo radlers, plus low-ABV cocktails that hold their own. It's Toronto's best outdoor dining, all day, all summer. PS: Bring your dog.   </p>
6470                    <ul class="c-tile-package_list">
6471                      <li class="u-typo-body u-px-0 u-py-2">All-Day Neighborhood Hub: Open from early morning espresso to late-night cocktails.</li>
6472                      <li class="u-typo-body u-px-0 u-py-2">Sun-Soaked Street-Level Patio: Located in the center of the vibrant West Queen West neighborhood.</li>
6473                      <li class="u-typo-body u-px-0 u-py-2">Tacos, Shareables + Drake Classics: A casual, cantina-inspired summer food menu.</li>
6474                      <li class="u-typo-body u-px-0 u-py-2">100% Dog-Friendly: Bring your pup along to enjoy Toronto's best outdoor dining space.</li>
6475                    
6476                    </ul>
6477                  </div>
6478                  <div class="u-flex u-flex-col lg:u-flex-row u-gap-[var(--grid-gutter)]">
6479                    <a class="c-button -alt -full u-z-above" href="https://thedrake.ca/restaurant/drake-cafe/">
6480                      <span class="c-button_inner">
6481                        <span class="c-button_label">
6482                          <span>Learn More</span>
6483                        </span>
6484                        <span class="c-button_icon-container" aria-hidden="true">
6485                          <span class="c-icon c-button_icon">
6486                            <svg class="svg-arrow" focusable="false" aria-hidden="true">
6487                              <use xlink:href="https://thedrake.ca/themes/thedrake/static/assets/svgs/sprite.svg?=17#arrow"></use>
6488                            </svg>
6489                          </span>
6490                        </span>
6491                      </span>
6492                    </a>
6493                  </div>
6494                </div>
6495              </div>
6496            </article>
6497          </li>
6498           
6499        </ul>
6500      </section>
6501    </div>
6502  </div>
6503</div>
6504`;
6505
6506// ======================================
6507// MODIFY PATIOS PAGE ELEMENTS
6508// ======================================
6509function cleanAndModifyPatiosContent() {
6510  if (!isPatiosPage()) return;
6511
6512  // 1. Target the entry point element
6513  const galleryTarget = document.querySelector('.c-listing-gallery');
6514  
6515  if (galleryTarget) {
6516    // Inject the tiles package after gallery if it doesn't exist yet
6517    if (!document.querySelector('.c-listing-tiles-package')) {
6518      galleryTarget.insertAdjacentHTML('afterend', customTilesHTML);
6519    }
6520
6521    // Target our newly appended layout element to map out the next entry point
6522    const tilesTarget = document.querySelector('.c-listing-tiles-package');
6523    if (tilesTarget && !document.getElementById('newspaper-324')) {
6524      // Inject the Ethos block right BEFORE the tiles package block
6525      tilesTarget.insertAdjacentHTML('beforebegin', customEthosHTML);
6526    }
6527  }
6528
6529  // 2. Remove old cross-content section
6530  const crossContentSection = document.querySelector('section.c-cross-content');
6531  if (crossContentSection) {
6532    crossContentSection.remove();
6533  }
6534
6535  // 3. Remove the listing collection div cleanly
6536  const listingCollection = document.querySelector('div.c-listing-collection');
6537  if (listingCollection) {
6538    listingCollection.remove();
6539  }
6540}
6541
6542// ======================================
6543// OBSERVE FOR LATE-LOADING CONTENT
6544// ======================================
6545function observePageChanges() {
6546  const observer = new MutationObserver(() => {
6547    cleanAndModifyPatiosContent();
6548  });
6549
6550  observer.observe(document.body, {
6551    childList: true,
6552    subtree: true
6553  });
6554}
6555
6556// ======================================
6557// INITIAL LOAD
6558// ======================================
6559document.addEventListener('DOMContentLoaded', () => {
6560  cleanAndModifyPatiosContent();
6561  observePageChanges();
6562});
6563
6564// ======================================
6565// SWUP EVENTS
6566// ======================================
6567document.addEventListener('swup:contentReplaced', cleanAndModifyPatiosContent);
6568document.addEventListener('swup:page:view', cleanAndModifyPatiosContent);</script>
6568<script>
6569// ======================================
6570// PAGE CONFIG
6571// ======================================
6572const PAGE_CONFIG = {
6573  '/thedrakehotel/wedding-and-parties': {
6574    updateButton: false,
6575    hero: `
6576      <div class="c-hero_background" data-customized="true">
6577        <c-video-inline class="c-video-inline is-inview">
6578          <video
6579            class="c-video"
6580            poster="https://thedrake.ca/uploads/2025/11/44444.jpg"
6581            autoplay
6582            muted
6583            loop
6584            playsinline
6585            preload="metadata"
6586          >
6587            <source
6588              src="https://player.vimeo.com/progressive_redirect/playback/1133530949/rendition/1080p/file.mp4?loc=external&log_user=0&signature=259e68deda6f7aa72f3fcd0f3652ff28a514b866c3b86039f6d6260d9604414d"
6589              type="video/mp4"
6590            >
6591          </video>
6592        </c-video-inline>
6593      </div>
6594    `
6595  },
6596
6597  '/drakedevonshire/wedding-and-parties': {
6598    updateButton: true,
6599    hero: `
6600      <div class="c-hero_background" data-customized="true">
6601        <c-video-inline
6602          class="c-video-inline is-inview"
6603          style="display:block;width:100%;height:100%;min-height:100vh;overflow:hidden;background:#000;"
6604        >
6605
6606          <style>
6607            @keyframes fadeOutPlaceholder {
6608              0% { opacity:1; visibility:visible; }
6609              85% { opacity:1; }
6610              100% { opacity:0; visibility:hidden; }
6611            }
6612
6613            .pure-css-placeholder{
6614              position:absolute;
6615              top:0;
6616              left:0;
6617              width:100%;
6618              height:100%;
6619              background:url('https://thedrake.ca/uploads/2026/05/devonshire_wedding.png') center center / cover no-repeat;
6620              z-index:2;
6621              animation:fadeOutPlaceholder 1.4s forwards ease-in-out;
6622            }
6623          </style>
6624
6625          <div class="pure-css-placeholder"></div>
6626
6627          <iframe
6628            src="https://player.vimeo.com/video/1194130809?background=1&autoplay=1&muted=1&loop=1&byline=0&title=0&controls=0&badge=0&autopause=0"
6629            frameborder="0"
6630            allow="autoplay; fullscreen; picture-in-picture"
6631            class="c-video"
6632            style="position:absolute;top:50%;left:50%;width:100vw;height:56.25vw;min-height:100vh;min-width:177.77vh;transform:translate(-50%,-50%);object-fit:cover;pointer-events:none;z-index:1;"
6633            title="DEV wedding page">
6634          </iframe>
6635
6636        </c-video-inline>
6637      </div>
6638    `
6639  }
6640};
6641
6642// ======================================
6643// HELPERS
6644// ======================================
6645function getCurrentConfig() {
6646  const path = window.location.pathname;
6647
6648  for (const url in PAGE_CONFIG) {
6649    if (path.includes(url)) {
6650      return PAGE_CONFIG[url];
6651    }
6652  }
6653
6654  return null;
6655}
6656
6657// ======================================
6658// HERO
6659// ======================================
6660function replaceHeroBackground() {
6661  const config = getCurrentConfig();
6662  if (!config) return;
6663
6664  const oldHero = document.querySelector('.c-hero_background');
6665
6666  if (!oldHero || oldHero.dataset.customized === 'true') return;
6667
6668  oldHero.outerHTML = config.hero;
6669
6670}
6671
6672// ======================================
6673// LEARN MORE BUTTON (DEVONSHIRE ONLY)
6674// ======================================
6675function updateLearnMoreButton() {
6676  const config = getCurrentConfig();
6677
6678  if (!config || !config.updateButton) return;
6679
6680  setTimeout(() => {
6681    const button = document.querySelector(
6682      'a.c-button.-alt.-full.u-z-above[href="https://thedrake.ca/LLLLL/"]'
6683    );
6684
6685    if (!button) return;
6686
6687    button.href = 'https://thedrake.ca/weddings/';
6688
6689    
6690  }, 500);
6691}
6692
6693// ======================================
6694// AWARDS
6695// ======================================
6696function insertAwardsList() {
6697  if (!getCurrentConfig()) return;
6698
6699  const targetElement = document.querySelector('.c-hero_container');
6700
6701  if (!targetElement || targetElement.querySelector('.c-award_list')) return;
6702
6703  targetElement.insertAdjacentHTML(
6704    'beforeend',
6705    `
6706    <ul class="c-award_list">
6707
6708      <li class="c-award anim-reveal-translate">
6709        <span class="c-award_content">
6710
6711          <span class="c-award_icon">
6712            <span class="c-icon">
6713              <svg class="svg-award" focusable="false" aria-hidden="true">
6714                <use xlink:href="https://thedrake.ca/themes/thedrake/static/assets/svgs/sprite.svg?=17#award"></use>
6715              </svg>
6716            </span>
6717          </span>
6718
6719          <span class="c-award_label u-typo-label-tiny">
6720            <a href="https://www.tripadvisor.ca/Hotel_Review-g155019-d496106-Reviews-The_Drake_Hotel-Toronto_Ontario.html" target="_blank">
6721              Recognized as a Trip Advisor 2025 Travelers' Choice Award Winner
6722            </a>
6723          </span>
6724
6725        </span>
6726      </li>
6727
6728      <li class="c-award anim-reveal-translate">
6729        <span class="c-award_content">
6730
6731          <span class="c-award_icon">
6732            <span class="c-icon">
6733              <svg class="svg-award" focusable="false" aria-hidden="true">
6734                <use xlink:href="https://thedrake.ca/themes/thedrake/static/assets/svgs/sprite.svg?=17#award"></use>
6735              </svg>
6736            </span>
6737          </span>
6738
6739          <span class="c-award_label u-typo-label-tiny">
6740            <a href="https://www.cntraveller.com/gallery/best-hotels-resorts-canada-2025" target="_blank">
6741              Conde Nast Readers Choice 2025 Award Winner, Top Hotels In Canada
6742            </a>
6743          </span>
6744
6745        </span>
6746      </li>
6747
6748    </ul>
6749  `
6750  );
6751
6752
6753}
6754
6755// ======================================
6756// OBSERVER
6757// ======================================
6758let observerStarted = false;
6759
6760function observeAwards() {
6761  if (observerStarted) return;
6762
6763  observerStarted = true;
6764
6765  const observer = new MutationObserver(() => {
6766    replaceHeroBackground();
6767    insertAwardsList();
6768    updateLearnMoreButton();
6769  });
6770
6771  observer.observe(document.body, {
6772    childList: true,
6773    subtree: true
6774  });
6775}
6776
6777// ======================================
6778// INIT
6779// ======================================
6780function initWeddingPage() {
6781  replaceHeroBackground();
6782  insertAwardsList();
6783  updateLearnMoreButton();
6784}
6785
6786// ======================================
6787// EVENTS
6788// ======================================
6789document.addEventListener('DOMContentLoaded', () => {
6790  initWeddingPage();
6791  observeAwards();
6792});
6793
6794document.addEventListener('swup:contentReplaced', initWeddingPage);
6795document.addEventListener('swup:page:view', initWeddingPage);</script>
6795
6796
6797                    
6797<script async src="https://www.googletagmanager.com/gtag/js?id=GTM-WKX59Q"></script>
6797
6798
6799            
6799<script>
6800                window.dataLayer = window.dataLayer || [];
6801                function gtag(){dataLayer.push(arguments);}
6802                gtag('consent', 'default', {
6803                    'ad_storage': 'denied',
6804                    'ad_user_data': 'denied',
6805                    'ad_personalization': 'denied',
6806                    'analytics_storage': 'denied',
6807                    'wait_for_update': 500
6808                });
6809                gtag('js', new Date());
6810                gtag('config', 'GTM-WKX59Q');
6811            </script>
6811
6812        	
6812<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"1ea6870214f34b388be6138df004ab9a","r":1,"spa":2}' crossorigin="anonymous"></script>
6812
6813</body>
6814</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.