PageSourceSearch

https://www.beer52.com/wine

html beer52.com collected 2026-09-24 19:08:53 UTC 104,194 bytes, 2,714 lines download raw bytes

1<!doctype html>
2<html lang="en" class="no-js">
3<head>
4    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
5	<meta charset="UTF-8">
6    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
7
8    <title>
9        Wine52: Wine Club UK | Wine Subscription | Buy Wine Online
10    </title>
11    <meta name="viewport" content="width=device-width, initial-scale=1"/>
12
13	<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-4Q6Gf2aSP4eDXB8Miphtr37CMZZQ5oXLH2yaXMJ2w8e2ZtHTl7GptT4jmndRuHDT" crossorigin="anonymous">
14	
14<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-j1CDi7MgGQ12Z7Qab0qlWQ/Qqz24Gc6BM0thvEMVjHnfYGF0rmFCozFSxQBxwHKO" crossorigin="anonymous"></script>
14
15
16	<!-- Start cookieyes banner -->
17<script id="cookieyes" type="text/javascript" src="https://cdn-cookieyes.com/client_data/ee26e5828a9bb820c505a8fa/script.js"></script>
17
18<!-- End cookieyes banner -->
19
20	
21
22	
23
24    
24<script type="text/javascript" src="/assets/application-e2ef2d2c6f4f85a20b17d4d7f9a63acb.js" ></script>
24
25
26	<link rel="apple-touch-icon" sizes="180x180" href="https://dth50iqs19w2y.cloudfront.net/static/favicon/apple-touch-icon.png">
27<link rel="apple-touch-icon" sizes="120x120" href="https://dth50iqs19w2y.cloudfront.net/static/favicon/apple-touch-icon-120x120.png">
28<link rel="apple-touch-icon" sizes="152x152" href="https://dth50iqs19w2y.cloudfront.net/static/favicon/apple-touch-icon-152x152.png">
29<link rel="icon" type="image/png" sizes="32x32" href="https://dth50iqs19w2y.cloudfront.net/static/favicon/favicon-32x32.png">
30<link rel="icon" type="image/png" sizes="16x16" href="https://dth50iqs19w2y.cloudfront.net/static/favicon/favicon-16x16.png">
31<link rel="manifest" href="https://dth50iqs19w2y.cloudfront.net/static/favicon/site.webmanifest">
32<link rel="mask-icon" href="https://dth50iqs19w2y.cloudfront.net/static/favicon/safari-pinned-tab.svg" color="#e33b12">
33<meta name="msapplication-TileColor" content="#da532c">
34<meta name="theme-color" content="#ffffff">
35
36	
37
38    
39        
39<script type="text/javascript" src="/assets/closedBrowserPopUp-b4df92cc2776703824f4db194c6b8aef.js" ></script>
39
40    
41
42    
43	
44		<!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 65 bytes, lines 44-45
44
45<script async src="https://www.googletagmanager.com/gtag/js?id=
45G-W7PFR2VN22
vendor: 13 bytes, line 45
45"></script>
46<script>
47	
vendor: 135 bytes, lines 47-51
47window.dataLayer = window.dataLayer || [];
48	function gtag(){dataLayer.push(arguments);}
49	gtag('js', new Date());
50
51	gtag('config', '
51G-W7PFR2VN22
vendor: 5 bytes, line 51
51');
52</script>
52
53		
54		
55	
56	
57
58	<!-- Google Tag Manager -->
59	
59<script>
vendor: 342 bytes, lines 59-63
59(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
60				new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
61			j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
62			'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
63	})(window,document,'script','dataLayer','
63GTM-WT9FBDLD
vendor: 3 bytes, line 63
63');
63</script>
63
64	<!-- End Google Tag Manager -->
65
66
67    
68	
69
70	
70<script type="text/javascript" src="//script.crazyegg.com/pages/scripts/0088/9951.js" async="async"></script>
70
71
72	
73
74
75	
76
77	
78		<!-- TrustBox script -->
79		
79<script type="text/javascript" src="//widget.trustpilot.com/bootstrap/v5/tp.widget.bootstrap.min.js" async></script>
79
80		<!-- End Trustbox script -->
81	
82
83    
84    <meta name="layout" content="main"/>
85    
86
87	
88		<link rel="canonical" href="https://www.beer52.com/wine"/>
89	
90
91	
92		<meta name="description" content="Welcome to Wine52, the UK's largest wine discovery club. Hand-selected wines from the world's best independent winemakers, all delivered to your door in the UK."/>
93		<meta property="og:title" content="Join the Wine52 Wine Club"/>
94		<meta property="og:description" content="Join Wine52, the UK's largest wine discovery club. Hand-selected wines from the world's best independent winemakers delivered to your door."/>
95		<meta property="og:image" content="https://dth50iqs19w2y.cloudfront.net/80/2f9ce47abe4079a9e86e319ae6af61/Wine52-Italian-South-Landing-Page-Photography.png"/>
96	
97
98	<link rel="stylesheet" href="/assets/indexPageBundle-1e803876b5f72443b7c3641f01f402e8.css" />
99	<link rel="stylesheet" href="/assets/wineIndexPageBundle-7e8aee126ab68d5d4aa805ea109dda34.css" />
100
101	
102	<style type="text/css">
103		
104		.grecaptcha-badge { bottom: 103px!important; }
105	</style>
106	
107
108	<!-- Facebook Pixel Code -->
109<script type="text/javascript">
vendor: 410 bytes, lines 109-117
109
110
111	!function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
112			n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;
113		n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;
114		t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,
115			document,'script','https://connect.facebook.net/en_US/fbevents.js');
116
117	fbq('init', '
117325518494503939
vendor: 41 bytes, lines 117-123
117');
118	fbq('track', "PageView");
119	
120	
121	
122	
123
124</script>
124
125
126<noscript><img height="1" width="1" style="display:none"
127			   src="https://www.facebook.com/tr?id=325518494503939&ev=PageView&noscript=1"
128/></noscript>
129<!-- End Facebook Pixel Code -->
130
131	
132
133	<!-- Global site tag (gtag.js) - Google Ads: 993462946 -->
vendor: 65 bytes, lines 133-134
133
134	<script async src="https://www.googletagmanager.com/gtag/js?id=
134AW-993462946
vendor: 13 bytes, lines 134-135
134"></script>
135	
135<script>
136		
vendor: 143 bytes, lines 136-143
136window.dataLayer = window.dataLayer || [];
137
138		function gtag() {
139			dataLayer.push(arguments);
140		}
141
142		gtag('js', new Date());
143		gtag('config', '
143AW-993462946
vendor: 5 bytes, lines 143-144
143');
144	
144</script>
144
145
146	
147
148
149	
149<script type="text/javascript" src="/assets/indexVueBundle-8fc29de35e97d27891a74fcb7d1848a8.js" ></script>
149
150
151	
151<script type="application/ld+json">
152	{
153	  "@context": "http://schema.org",
154	  "@type": "Organization",
155	  "name": "Beer52",
156	  "url": "https://www.beer52.com",
157	  "sameAs": [
158		"https://www.facebook.com/beer52HQ",
159		"https://instagram.com/beer52HQ",
160		"https://www.twitter.com/beer52HQ"
161	  ]
162	}
163	</script>
vendor: 76 bytes, lines 163-167
163
164
165	
166		
167		<script src="https://www.recaptcha.net/recaptcha/api.js?render=
1676LdNxPQUAAAAAME7C-qbKAwIKa5sOXh-M8RmdVR_
vendor: 26 bytes, lines 167-172
167"></script>
168	
169
170	
171	
172
173<script type="text/javascript"
174		src="https://www.dwin1.com/110978.js" defer="defer"></script>
174
175	
176<script type="text/javascript">
177    
178        const ROKT_API_KEY = 'us2-4d306bd2443bf14f8fccfb15a8d686e1'
179    
180    const ROKT_DOMAIN = "https://rkt.beer52.com";
181
182    window.mParticle = {
183        config: {
184            isDevelopmentMode: false,
185
186            identifyRequest: {
187                userIdentities: (function() {
188                    const identities = {};
189                    
190                    return identities;
191                })(),
192            },
193
194            identityCallback: function (result) {
195                if (result.getUser()) {
196                    const user = result.getUser();
197
198                    
199
200                    return user;
201                }
202            },
203        },
204    };
205
206    (function(e) { window.mParticle = window.mParticle || {}; window.mParticle.EventType = { Unknown: 0, Navigation: 1, Location: 2, Search: 3, Transaction: 4, UserContent: 5, UserPreference: 6, Social: 7, Other: 8, Media: 9 }; window.mParticle.eCommerce = { Cart: {} }; window.mParticle.Identity = {}; window.mParticle.Rokt = {}; window.mParticle.config = window.mParticle.config || {}; window.mParticle.config.rq = []; window.mParticle.config.snippetVersion = 2.8; window.mParticle.ready = function(e) { window.mParticle.config.rq.push(e); }; ["endSession", "logError", "logBaseEvent", "logEvent", "logForm", "logLink", "logPageView", "setSessionAttribute", "setAppName", "setAppVersion", "setOptOut", "setPosition", "startNewSession", "startTrackingLocation", "stopTrackingLocation"].forEach(function(e) { window.mParticle[e] = function() { var t = Array.prototype.slice.call(arguments); t.unshift(e); window.mParticle.config.rq.push(t); }; }); ["setCurrencyCode", "logCheckout"].forEach(function(e) { window.mParticle.eCommerce[e] = function() { var t = Array.prototype.slice.call(arguments); t.unshift("eCommerce." + e); window.mParticle.config.rq.push(t); }; }); ["identify", "login", "logout", "modify"].forEach(function(e) { window.mParticle.Identity[e] = function() { var t = Array.prototype.slice.call(arguments); t.unshift("Identity." + e); window.mParticle.config.rq.push(t); }; }); ["selectPlacements","hashAttributes","hashSha256","setExtensionData","use","getVersion","terminate"].forEach(function(e) { window.mParticle.Rokt[e] = function() { var t = Array.prototype.slice.call(arguments); t.unshift("Rokt." + e); window.mParticle.config.rq.push(t); }; }); var t = window.mParticle.config.isDevelopmentMode ? 1 : 0, n = "?env=" + t, a = window.mParticle.config.dataPlan; if (a) { var o = a.planId, r = a.planVersion; o && (r && (r < 1 || r > 1e3) && (r = null), n += "&plan_id=" + o + (r ? "&plan_version=" + r : "")); } var i = window.mParticle.config.versions, s = [];
206 i && Object.keys(i).forEach(function(e) { s.push(e + "=" + i[e]); }); var c = document.createElement("script"); c.type = "text/javascript"; c.async = !0; window.ROKT_DOMAIN = ROKT_DOMAIN || 'https://apps.rokt-api.com'; mParticle.config.domain = ROKT_DOMAIN.split('//')[1]; c.src = ROKT_DOMAIN + "/js/v2/" + e + "/app.js" + n + "&" + s.join("&"); var l = document.getElementsByTagName("script")[0]; l.parentNode.insertBefore(c, l); })(ROKT_API_KEY);
207
208    window.mParticle.ready(function () {
209        mParticle.logPageView(
210            "page view",
211            {
212                screen_name: location.pathname.split("/").filter(Boolean).pop() || "home",
213                url: window.location.toString(),
214                "referring-page": document.referrer
215            }
216        );
217    });
218
219    
220
221    function logRoktPageView(screenName) {
222      mParticle.logPageView(
223          "page view",
224          {
225            screen_name: screenName,
226            url: window.location.toString(),
227            "referring-page": document.referrer
228          }
229      );
230    }
231</script>
231
232
233	
234
235
236    
236<script src="https://kit.fontawesome.com/51acd4c7d2.js" crossorigin="anonymous"></script>
236
237
238	<style>html{display:none;}</style>
239<script>
240	if (self == top) {
241		document.documentElement.style.display = 'block';
242	} else {
243		top.location = self.location;
244	}
245</script>
245
246	
246<script type="text/javascript">
247
248		var defaultPopupOKThanks = "OK, thanks"
249		var commonStaticCdnUrl = "https://dth50iqs19w2y.cloudfront.net/static/"
250	
251</script>
251
252
253
254    
255        
255<script>
256  !function(e,t,n,i,o,r){const s=4e3,c="xnpe_async_hide";function a(e){if("number"!=typeof e)return e;const t=new Date;return new Date(t.getTime()+1e3*e)}function m(e){return e.reduce((function(e,t){return e[t]=function(){e._.push([t.toString(),arguments])},e}),{_:[]})}function p(e,t,n){const i=n.createElement(t);i.src=e;const o=n.getElementsByTagName(t)[0];return o.parentNode.insertBefore(i,o),i}function l(e){return"[object Date]"===Object.prototype.toString.call(e)}r.target=r.target||"https://api.exponea.com",r.file_path=r.file_path||r.target+"/js/brweb.min.js",o[t]=m(["anonymize","initialize","identify","getSegments","update","track","trackLink","trackEnhancedEcommerce","getHtml","showHtml","showBanner","showWebLayer","ping","getAbTest","loadDependency","getRecommendation","reloadWebLayers","_preInitialize","_initializeConfig","metadata"]),o[t].notifications=m(["isAvailable","isSubscribed","subscribe","unsubscribe"]),o[t].segments=m(["subscribe"]),o[t]["snippetVersion"]="v3.1.1",function(e,t,n,i){e[i]={sdk:e[n],sdkObjectName:n,skipExperiments:!!t.new_experiments,path:t.target,streamId:t.stream_id}}(o,r,t,i),function(e,t,n){p(e.file_path,t,n)}(r,n,e),function(e,t,n,i,o,r,m,u){if(!e.new_experiments)return;!0===e.new_experiments&&(e.new_experiments={});const f=e.new_experiments.hide_class||c,d=e.new_experiments.timeout||s,_=encodeURIComponent(r.location.href);let g;e.cookies&&e.cookies.expires&&("number"==typeof e.cookies.expires||l(e.cookies.expires)?g=a(e.cookies.expires):e.cookies.expires.tracking&&("number"==typeof e.cookies.expires.tracking||l(e.cookies.expires.tracking))&&(g=a(e.cookies.expires.tracking))),g&&g<new Date&&(g=void 0);const k=e.target+"/webxp/streams/"+e.stream_id+"/"+t+"/"+(u.exec(m.cookie)||[0,"new"])[1]+"/modifications.min.js?http-referer="+_+"&timeout="+d+"ms"+(g?"&cookie-expires="+Math.floor(g.getTime()/1e3):"");"sync"===e.new_experiments.mode&&r.localStorage.getItem("__exponea__sync_modifications__")?function(e,t,n,i,o){n[o][t]="<"+t+' src="'+e+'"></'+t+">",i.writeln(n[o][t]),i.writeln("<"+t+">!"+o+".init && document.writeln("+o+"."+t+'.replace("/'+t+'/", "/'+t+'-async/").replace("><", " async><"))</'+t+">")}(k,t,r,m,n):function(e,t,n,i,o,r,s,c){r.documentElement.classList.add(e);const a=p(n,i,r);function m(){o[c].init||p(n.replace("/"+i+"/","/"+i+"-async/"),i,r)}function l(){r.documentElement.classList.remove(e)}a.onload=m,a.onerror=m,o.setTimeout(l,t),o[s]._revealPage=l}(f,d,k,t,r,m,o,n)}(r,n,i,0,t,o,e,RegExp("__exponea_etc__"+"=([\\w-]+)")),function(e,t,n){var i;e[t]._initializeConfig(n),(null===(i=n.experimental)||void 0===i?void 0:i.non_personalized_weblayers)&&e[t]._preInitialize(n),e[t].start=function(i){i&&Object.keys(i).forEac
256h((e=>n[e]=i[e])),e[t].initialize(n)}}(o,t,r)}(document,"brweb","script","webxpClient",window,{
257    target: "https://bloom.beer52.com",
258    stream_id: "06bb6b9d-bd74-405f-a0a2-a144ed824160",
259    
260  });
261  brweb.start();
262</script>
262
263    
264</head>
265<body>
266
267
268
269    <div id='generalWrapper' class="wrapper ">
270        
271
272        <div id="topAnchor"></div>
273        <main id="main" class="main-section">
274
275            
276
277	
277<script type="text/javascript">
278		/* <![CDATA[ */
279        var google_conversion_id = 993462946;
280        var google_custom_params = window.google_tag_params;
281        var google_remarketing_only = true;
282		/* ]]> */
283	</script>
283
284	<div style="display: none;">
285		
285<script type="text/javascript" src="//www.googleadservices.com/pagead/conversion.js">
286		</script>
286
287	</div>
288	<noscript>
289		<div style="display:inline;">
290			<img height="1" width="1" style="border-style:none;" alt=""
291				 src="//googleads.g.doubleclick.net/pagead/viewthroughconversion/993462946/?guid=ON&amp;script=0"/>
292		</div>
293	</noscript>
294
295
296			<div class="siteNavSection">
297                
298
299
300
301
302
303
304<header id="cookiesBar">
305    <!--Cookies panel-->
306    
307    <!--END Cookies panel-->
308</header>
309
310<header id="header" class="v4-header sitenav-loading">
311    <div id="backgroundOverlay" v-show="isShowDropdown" class="v4-dropdown-background sitenav-preloading-hide" @click="hideSubMenuDropdown"></div>
312    <div class="v4-main-header"
313         :class="{  'bordered-bottom' : !bottomBorder,
314                    'sticky-shop-menu' : isActiveStickyMenu,
315                    'v4-additional-menu-open' : magazineMenuOpen}">
316        <!--Desktop navigation-->
317        <div class="container v4-container-padding">
318            <nav class="navbar navbar-expand-lg v4-navbar-main">
319                
320
321                
322                    <a href="/wine" class="navbar-brand no-border v4-navbar-brand">
323                        <img src="https://dth50iqs19w2y.cloudfront.net/static/logo/[email protected]" alt="logo" class="v4-logo-beer52"/>
324                    </a>
325                
326
327                
328                    <div class="collapse navbar-collapse v4-site-nav-links" v-if="!hideNav">
329                        <ul class="navbar-nav v4-navbar-list sitenav-preloading-hide">
330                            <li class="nav-item v4-nav-item"
331                                v-for="link in mainMenuLinks"
332                                :key="link.name"
333                                v-show="!link.hideDesktop">
334                                <a :href="link.url" class="v4-nav-link  nav-link"
335                                   :class="{'v4-active-nav-item': (link === activeLink),
336                                            'v4-active-responsive-nav-item' : link.isActiveResponsive,
337                                            'v4-submenu-open': link === activeLink}"
338                                   v-if="link.submenu" @click.prevent="toggleSubmenuDropdown(link)">
339                                    {{link.name}}
340                                    <span class="v4-primary-nav-icon-wrapper">
341                                        <i class="fas fa-caret-down v4-primary-nav-icon"></i>
342                                    </span>
343                                </a>
344                                <a :href="link.url" class="v4-nav-link  nav-link"
345                                   v-else>{{link.name}}</a>
346                            </li>
347
348                            <li class="nav-item v4-nav-item">
349                                <a class="v4-nav-link  search nav-link" href="javascript: void(0)" rel="nofollow" data-title="Search" @click="showSearchPanel"><i class="fas fa-search"></i><span class="ms-2 v4-search-sign">Search</span></a>
350                            </li>
351                        </ul>
352                    </div>
353                    
354                
355
356                
357
358                
359
360                
361                    
362                        
363                            
364                                <div class="trustpilot nav-item v4-trustpilot live">
365                                    <!-- TrustBox widget - Micro TrustScore --> <div class="trustpilot-widget" data-locale="en-GB" data-template-id="5419b637fa0340045cd0c936" data-businessunit-id="6250312376ea62debd1f8995" data-style-height="48px" data-style-width="96px" data-theme="light"> <a href="https://www.trustpilot.com/review/wine52.com" target="_blank" rel="noopener">Trustpilot</a> </div> <!-- End TrustBox widget -->
366                                </div>
367                            
368                        
369                    
370
371                    
372                        <div class="nav-item v4-login-desktop " v-if="!showSteps">
373                            <a href="/login?targetUri=%2Fwine" id="authLink" class="btn btn-white v4-login-btn black-border" rel="nofollow">Login</a>
374                        </div>
375                        <div v-else>
376                            <a href="/login?targetUri=%2Fwine" id="authLink" rel="nofollow"></a>
377                        </div>
378                    
379                
380
381            <!--Signed in user-->
382                
383            <!--END Signed in user-->
384
385            <!--Burger menu button-->
386                
387                    <div class="v4-mobile-menu-btn" v-if="!hideNav">
388                        <button class="navbar-toggler border-0 collapsed v4-burger-toggler" type="button" @click="showBurgerMenu">
389                            <span class="navbar-toggler-icon v4-burger-line"></span>
390                            <span class="navbar-toggler-icon v4-burger-line"></span>
391                            <span class="navbar-toggler-icon v4-burger-line"></span>
392                        </button>
393                    </div>
394                
395            <!--END Burger menu button-->
396            </nav>
397
398        </div>
399
400        <div class="v4-dropdown-wrapper sitenav-preloading-hide" v-if="activeSubmenuList">
401            <div class="v4-dropdown-nav">
402                <div class="container">
403                    <div class="v4-dropdown-submenu">
404                        <a :href="item.url" class="v4-submenu-item"
405                           v-for="item in activeSubmenuList"
406                           :target="item.newTab ? '_blank' : '_self'"
407                           key="item.name">
408                            <div class="v4-submenu-item-top">
409                                <div class="v4-submenu-icon-wrapper">
410                                    <i class="v4-submenu-icon" :class="item.icon"></i>
411                                </div>
412
413                                <h3 class="patron-medium v4-submenu-name">{{item.name}}</h3>
414                            </div>
415
416                            <div class="v4-submenu-description patron-light">{{item.description}}</div>
417                        </a>
418                    </div>
419                </div>
420            </div>
421        </div>
422        <!--END Desktop navigation-->
423
424    
425        
426    
427
428    <!--Search panel-->
429        <section class="search-panel">
430            <div class="container">
431                <div class="row align-items-center">
432                    <div class="col-12 col-md-auto">
433                        <form action="/search" method="get" name="searchForm" class="search-form" id="searchForm" >
434                            <input type="text" name="query" class="search-input float-start text-start no-outline" autocapitalize="off" autocomplete="off" autocorrect="off" placeholder="Search the site" value="" id="query" />
435
436                            <a class="btn btn-primary search-submit float-start" href="/" data-title="Search" onclick="$('[name=searchForm]').submit(); headerVue.closeSearchPanel(); return false" rel="nofollow">
437                                <i class="fas fa-search"></i>
438                            </a>
439                        </form>
440                    </div>
441
442                    <div class="col-md-auto search-closer" @click="closeSearchPanel">
443                        <a class="closer">
444                            <span>&#215;</span>
445                        </a>
446                    </div>
447                </div>
448            </div>
449        </section>
450    <!--END of Search panel-->
451
452    
453        <section class="v4-submenu-mobile-bar sitenav-preloading-hide" v-if="blackBar.activeSubmenu.length > 0"
454                 :class="{ 'v4-school-submenu' : isBeerSchoolActive }">
455            <div class="container v4-container-padding position-relative overflow-hidden">
456                <ul class="v4-submenu-list v4-submenu-list-shadow">
457                    <li class="v4-subitem">
458                        <a class="v4-sublink patron-medium" :href="blackBar.activeMenu.url">{{blackBar.activeMenu.nameMobile || blackBar.activeMenu.name}}</a>
459                    </li>
460
461                    <li class="v4-subitem" v-for="(link, index) in blackBar.activeSubmenu">
462                        <a class="v4-sublink patron-light" :href="link.url" >{{link.nameMobile || link.name}}</a>
463                    </li>
464                </ul>
465                <ul class="v4-submenu-list">
466                    <li class="v4-subitem">
467                        <a class="v4-sublink patron-medium" :href="blackBar.activeMenu.url">{{blackBar.activeMenu.nameMobile || blackBar.activeMenu.name}}</a>
468                    </li>
469
470                    <li class="v4-subitem" v-for="(link, index) in blackBar.activeSubmenu" :class="{'d-none': index >= blackBar.lastEl}">
471                        <a class="v4-sublink patron-light" :href="link.url" >{{link.nameMobile || link.name}}</a>
472                    </li>
473
474                    <li class="v4-subitem" v-if="blackBar.lastEl < blackBar.activeSubmenu.length">
475                        <a class="v4-sublink patron-light v4-sublink-dropdown"
476                           href="#hidden-submenu"
477                           data-bs-toggle="collapse"
478                           aria-expanded="false">
479
480                            <span class="v4-submenu-dropdown-close">More</span>
481
482                            <span class="v4-submenu-dropdown-open">Less</span>
483
484                            <i class="fas fa-chevron-down v4-submenu-dropdown-icon"></i>
485                        </a>
486                    </li>
487                </ul>
488            </div>
489
490            <ul id="hidden-submenu" class="collapse v4-hidden-submenu">
491                <li class="v4-hidden-subitem" v-for="(sublink, index) in blackBar.activeSubmenu"
492                    :class="{'d-none': index < blackBar.lastEl }">
493                    <div class="container v4-container-padding">
494                        <a class="v4-hidden-sublink patron-light"
495                           :href="sublink.url">{{sublink.nameMobile || sublink.name}}</a>
496                    </div>
497                </li>
498            </ul>
499        </section>
500    
501
502    
503        
504    
505
506    <!--Subscription mobile navigation panel-->
507        
508
509        
510
511    
512        <div id='scroll-top-btn-sticky' class="v4-scroll-to-top"
513            style="display: none"
514             @click="scrollToSection('header')" v-if="scrollToTopON">
515            <i class="fas fa-arrow-up v4-to-top-icon"></i>
516
517            <span class="patron-medium">Top</span>
518        </div>
519    
520    </div>
521
522    
523    
524    
525
526    
527    <section class="v4-burger-menu sitenav-preloading-hide" v-if="showBurger">
528        <header class="v4-burger-header">
529            <nav class="navbar v4-burger-navbar">
530                
531
532                <div class="v4-mobile-search-wrapper nav-item">
533                    <a class="v4-nav-link v4-mobile-burger-link search nav-link"
534                       href="javascript: void(0)"
535                       rel="nofollow"
536                       data-title="Search"
537                       @click="toggleSearchMobile">
538                        <i class="fas fa-search v4-mobile-burger-icon"></i>
539                        <span class="v4-mobile-burger-sign patron-light">Search</span>
540                    </a>
541                </div>
542
543                <div class="v4-burger-closer">
544                    <button class="navbar-toggler v4-burger-closer-toggler" type="button" @click="hideBurgerMenu">
545                        <span class="navbar-toggler-icon v4-burger-closer-line"></span>
546                        <span class="navbar-toggler-icon v4-burger-closer-line"></span>
547                    </button>
548                </div>
549            </nav>
550        </header>
551
552        <ul class="navbar-nav v4-burger-links" v-if="!isShowSearchMob">
553            <li class="nav-item v4-burger-item"
554                v-for="link in mainMenuLinks"
555                :key="link.name"
556                v-if="(!link.submenu || link.submenu.find(function(el){return !el.hide})) && !link.hideMobile"
557                :class="{'active' : isLinkActive(link)}">
558                <a class="nav-link v4-burger-link patron-medium" v-if="link.submenu"
559                   :href="'#' + link.name.replace(/\s|&/g, '-').toLowerCase()"
560                   data-bs-toggle="collapse"
561                   aria-expanded="false">
562                    <span>{{link.nameMobile || link.name}}</span>
563
564                    <i class="fas fa-chevron-down v4-burger-link-icon"></i>
565                </a>
566                <a class="nav-link v4-burger-link patron-medium" v-else
567                   :target="link.newTab ? '_blank' : '_self'"
568                   :href="link.url">
569                    <span>{{link.nameMobile || link.name}}</span>
570                </a>
571
572                <ul v-if="link.submenu"
573                    :id="link.name.replace(/\s|&/g, '-').toLowerCase()"
574                    class="navbar-nav v4-burger-submenu collapse">
575
576                    <li class="nav-item v4-burger-subitem">
577                        <a :href="link.url"
578                           :target="link.newTab ? '_blank' : '_self'"
579                           class="nav-link v4-burger-sublink v4-main-link" v-if="link.url">
580                            <i :class="link.icon"
581                                class="v4-burger-submenu-icon">
582                            </i>
583
584                            <span class="patron-medium">{{link.name}}</span>
585                        </a>
586                    </li>
587
588                    <li class="nav-item v4-burger-subitem"
589                        v-if="!sublink.hide"
590                        v-for="sublink in link.submenu">
591                        <a :href="sublink.url"
592                           :target="sublink.newTab ? '_blank' : '_self'"
593                           class="nav-link v4-burger-sublink"
594                            :class="{'v4-main-link' : !link.url}">
595                            <i :class="sublink.icon"
596                                class="v4-burger-submenu-icon">
597                            </i>
598
599                            <span class="patron-medium">{{sublink.name}}</span>
600                        </a>
601                    </li>
602                </ul>
603            </li>
604
605            
606                <div class="v4-mobile-login-wrapper nav-item">
607                    <a href="/login?targetUri=%2Fwine" class="btn btn-primary v4-login-btn" rel="nofollow">Login</a>
608                </div>
609            
610        </ul>
611
612        <!--Mobile Search panel-->
613        <div class="v4mob-search-panel" v-show="isShowSearchMob">
614            <form action="/search" method="get" name="searchFormMob" class="v4mob-search-form" id="searchFormMob" >
615                <input type="text" name="query" class="v4mob-search-input float-start text-start patron-light" autocapitalize="off" autocomplete="off" autocorrect="off" placeholder="Search the site" value="" id="query" />
616
617                <a class="btn btn-primary v4mob-search-submit float-start" href="/" data-title="Search" onclick="$('[name=searchFormMob]').submit(); headerVue.closeSearchPanel(); return false" rel="nofollow">
618                    <i class="fas fa-search v4mob-search-icon"></i>
619                </a>
620            </form>
621        </div>
622        <!--END of Mobile Search panel-->
623    </section>
624    
625
626    <div id="header-lightbox" class="lightbox"> 
627        <div class="fullScreenOverlay white"></div>
628        
629    </div>
630
631    <div class="lightbox">
632        <div class="fullScreenOverlay white"></div>
633        
634        
635    </div>
636</header>
637
638<script type="text/javascript">
639
640    $(function () {
641    
642        $("#close-cookies").click(function() {
643            $('.v4-main-header.sticky-shop-menu .shop-menu').css('top', '0');
644            $('.v4-main-header.sticky-shop-menu .all-beers-dropdown').css('top', $('.shop-menu').outerHeight());
645            $('.v4-main-header.sticky-shop-menu .shop-free-delivery').css('top', $('.shop-menu').outerHeight());
646        })
647    
648
649    
650        
651
652        
653    });
654
655    var submenu = {
656    	
657        
658        
659        
660        giftsAndMore: [
661            {
662                icon: 'fas fa-gift',
663                name: 'Italian Prosecco Hamper',
664                description: "Gift a Italian Prosecco Gift Hamper from the finest small, independent producers",
665                url: "/wine/italian-hamper",
666                hide: true
667            },
668            
669                {
670                  icon: 'fas fa-beer',
671                  name: 'Beer Gifts',
672                  description: "Gift a beer subscription or one-off case.",
673                  url: '/gift',
674                  hide: true
675                },
676            
677            
678                {
679                    icon: 'fa-solid fa-wine-glass',
680                    name: 'Wine Gifts',
681                    description: "Gift a wine subscription or one-off case.",
682                    url: '/wine/gift',
683                    hide: true
684                },
685            
686            
687                {
688                    icon: 'fa-solid fa-whiskey-glass',
689                    name: 'Whisky Gifts',
690                            description: "Gift a whisky subscription or one-off case.",
691                            url: '/whisky/gift',
692                            hide: true
693                        },
694            
695            
696                {
697                    icon: 'fa-solid fa-coffee-bean',
698                    name: 'Coffee Gifts',
699                            description: "Gift a coffee subscription or one-off case.",
700                            url: '/coffee/gift',
701                            hide: true
702                        },
703            
704			
705                {
706                    icon: 'fa-solid fa-book-open',
707                    name: 'Ferment magazine',
708                    description: "Read the UK's No.1 craft beer magazine.",
709                    url: "/ferment",
710                    hide: true
711                },
712            
713            
714                {
715                    icon: 'fa-solid fa-book-open',
716                    name: 'Glug magazine',
717                    description: "Read the UK's most exciting new wine magazine.",
718                    url: "/glug",
719                    hide: true
720                },
721            
722            {
723                icon: 'fas fa-piggy-bank',
724                name: 'Exclusive rewards',
725                description: "Grab special discounts, offers and prize draws from our global partners.",
726                url: "/perks",
727                hide: true
728            }
729		],
730		
731		read: [
732		    {
733			    icon: 'fa-solid fa-book-open',
734                name: 'Ferment magazine',
735                nameMobile: 'Ferment',
736                url: "/ferment",
737                logo: "https://dth50iqs19w2y.cloudfront.net/static/logo/[email protected]",
738                magazine: 'FERMENT',
739                submenu: [
740                    {
741                        icon: 'fas fa-beer',
742                        name: 'Breweries',
743                        description: "Come behind the scenes at the world's most exciting breweries.",
744                        url: '/ferment/category/breweries'
745                    },
746                    {
747                        icon: 'fas fa-glasses',
748                        name: 'Knowledge',
749                        nameMobile: 'Knowledge',
750                        description: 'Raise your beer nerd game with brewing science and history.',
751                        url: '/ferment/category/school'
752                    },
753                    {
754                        icon: 'fas fa-hiking',
755                        name: 'Adventure',
756                        description: 'Get out and about, and let beer be your guide.',
757                        url: '/ferment/category/adventure'
758                    },
759                    {
760                        icon: 'fas fa-flask',
761                        name: 'Homebrew',
762                        description: 'Take your hobby to the next level, with expert tips and tricks.',
763                        url: '/ferment/category/home'
764                    },
765                    {
766                        icon: 'fas fa-wine-bottle',
767                        name: 'Booze',
768                        description: 'Tales from the wide world of craft alcohol.',
769                        url: '/ferment/category/booze'
770                    },
771                    {
772                        icon: 'fa-regular fa-newspaper',
773                        name: 'Miscellany',
774                        description: 'Thought-provoking or just plain daft - something for everyone.',
775                        url: '/ferment/category/miscellany'
776                    }
777                ]
778			},
779			{
780			    icon: 'fa-solid fa-book-open',
781                name: 'Glug magazine',
782                nameMobile: 'Glug',
783                url: "/glug",
784                logo: "https://dth50iqs19w2y.cloudfront.net/static/logo/[email protected]",
785                magazine: 'GLUG',
786                submenu: [
787                    {
788                        icon: 'fas fa-compass',
789                        name: 'Italy',
790                        description: 'The very best of Italian wine, food and culture ',
791                        url: '/glug/category/italy'
792                    },
793                    {
794                        icon: 'fas fa-wine-bottle',
795                        name: 'Winemakers',
796                        description: 'The passionate individuals behind every glass, and their stories.',
797                        url: '/glug/category/winemakers'
798                    },
799                    {
800                        icon: 'fas fa-glass-cheers',
801                        name: 'Pairings',
802                        description: 'Wine loves company, from the classic to the heretical. ',
803                        url: '/glug/category/pairings'
804                    },
805                    {
806                        icon: 'fas fa-glasses',
807                        name: 'Knowledge',
808                        description: 'Broaden your horizons, enhance every sip.',
809                        url: '/glug/category/knowledge'
810                    },
811                    {
812                        icon: 'fa-solid fa-masks-theater',
813                        name: 'Culture',
814                        description: 'Wine, beyond the vines.',
815                        url: '/glug/category/culture'
816                    }
817                ]
818			},
819			{
820			    icon: 'fa-solid fa-book-open',
821                name: 'Stramash magazine',
822                nameMobile: 'Stramash',
823                url: "/stramash",
824                logo: "https://dth50iqs19w2y.cloudfront.net/static/logo/[email protected]",
825                magazine: 'STRAMASH',
826                submenu: []
827			}
828		]
829	};
830    var mainMenu = {
831        myBeer52: {
832            icon: "fas fa-beer",
833            nameMobile: "Beer Club",
834            name: "Beer",
835            url: "/",
836            isActive: false && false, /*TODO: temporary condition 'finishV4'*/
837            submenu: true ? false : submenu.myBeer52
838        },
839        
840            wineClub: {
841                icon: 'fa-solid fa-wine-glass',
842                nameMobile: "Wine Club",
843                name: "Wine",
844                url: "/wine",
845                isActive: true && true,
846                submenu: true ? false : submenu.myWine52
847            },
848        
849        
850            whiskyClub: {
851                icon: 'fa-solid fa-whiskey-glass',
852                nameMobile: "Whisky Club",
853                name: "Whisky",
854                url: "/whisky",
855                isActive: false && false,
856                submenu: true ? false : submenu.myWhisky52
857            },
858        
859        
860            coffeeClub: {
861                icon: 'fa-solid fa-coffee-bean',
862                nameMobile: "Coffee Club",
863                    name: "Coffee",
864                    url: "/coffee",
865                    isActive: false && false,
866                    submenu: true ? false : submenu.myCoffee52
867                },
868        
869        
870            shop: {
871                name: 'Shop',
872                url: "/shop",
873                isActive: false
874            },
875        
876
877
878
879
880
881
882        
883            customLink: {
884                name: "Advent",
885                nameMobile: "Advent",
886                url: "https://www.beer52.com/advent",
887                isActive: false
888            },
889        
890            hamper: {
891              icon: 'fas fa-piggy-bank',
892                name: 'Italian Prosecco Hamper',
893                description: "Gift a Italian Prosecco Gift Hamper from the finest small, independent producers",
894                url: "/wine/italian-hamper",
895                hideDesktop: true
896            },
897            
898                giftsAndMore: {
899                    name: 'Gifts & more',
900                    isActive: false,
901                    isActiveResponsive: false,
902                    submenu: submenu.giftsAndMore,
903                    giftParent: true
904                },
905            
906            
907                gifts : {
908					icon: 'fas fa-beer',
909					name: 'Beer Gifts',
910                  isActive: false,
911                  description: "Gift a beer subscription or one-off case.",
912                  url: '/gift',
913                  hideDesktop: true,
914                  giftChild: true
915              },
916            
917
918        
919        
920            giftsWine:    {
921                icon: 'fa-solid fa-wine-glass',
922                name: 'Wine Gifts',
923                isActive: false,
924                description: "Gift a wine subscription or one-off case.",
925                url: '/wine/gift',
926                hideDesktop: true,
927                giftChild: true
928            },
929        
930        
931            giftsWhisky:    {
932                icon: 'fa-solid fa-whiskey-glass',
933                name: 'Whisky Gifts',
934                    isActive: false,
935                    description: "Gift a whisky subscription or one-off case.",
936                    url: '/whisky/gift',
937                    hideDesktop: true,
938                    giftChild: true
939                },
940        
941        
942            giftsCoffee:    {
943                icon: 'fa-solid fa-coffee-bean',
944                name: 'Coffee Gifts',
945                        isActive: false,
946                        description: "Gift a coffee subscription or one-off case.",
947                        url: '/coffee/gift',
948                        hideDesktop: true,
949                        giftChild: true
950                    },
951        
952        rewards: {
953            icon: 'fas fa-piggy-bank',
954            name: 'Exclusive rewards',
955            description: "Grab special discounts, offers and prize draws from our global partners.",
956            url: "/perks",
957            hideDesktop: true
958        },
959        
960            ferment: {
961                name: 'Ferment magazine',
962                url: "/ferment",
963                isActive: window.location.pathname.startsWith('/ferment'),
964                hideDesktop: true,
965                giftChild: true
966            },
967        
968        
969            stramash: {
970                name: 'Stramash magazine',
971                    url: "/stramash",
972                    isActive: window.location.pathname.startsWith('/stramash'),
973                    hideDesktop: true,
974                    hideMobile: true
975                },
976        
977        
978            glug: {
979                name: 'Glug magazine',
980                url: "/glug",
981                isActive: window.location.pathname.startsWith('/glug'),
982                hideDesktop: true,
983                giftChild: true
984            }
985        
986    };
987
988    var activeBlackBar
989    var activeSubMenu = []
990    for(var key in mainMenu) {
991    	if (mainMenu[key].isActive) {
992    	    if (key !== 'giftsAndMore' && true) {
993    	    	if (['ferment', 'glug', 'stramash'].includes(key)) {
994    	    		for (var index in submenu.read) {
995                        if (window.location.pathname.startsWith(submenu.read[index].url)) {
996                            activeBlackBar = submenu.read[index];
997                            activeSubMenu = activeBlackBar.submenu
998                        }
999                    }
1000    	    	} else {
1001    	    		activeBlackBar = mainMenu[key]
1002                    if (activeBlackBar.submenu) {
1003                        activeSubMenu = activeBlackBar.submenu.filter(function (item) {
1004                            return !item.hide;
1005                        })
1006                    }
1007    	    	}
1008    	    }
1009            if (false) {
1010                activeBlackBar = submenu.giftsAndMore.filter(function(el) {
1011                    return el.blackBar
1012                })[0]
1013                if (activeBlackBar) {
1014                	activeSubMenu = activeBlackBar.submenu
1015                }
1016            }
1017    	}
1018    }
1019
1020    var headerVue = new Vue({
1021        i18n: vueI18N,
1022        el: '#header',
1023        data: {
1024            activeSubmenuList: null,
1025            activeLink: null,
1026            isShowDropdown: false,
1027            showNotifications: false,
1028            unreadNotifications: -1,
1029            submenuMap: submenu,
1030            showBurger: false,
1031            mainMenuLinks: mainMenu,
1032            submenuAd: {
1033                title: "See what's fresh in our bottleshop.",
1034                image: 'https://dth50iqs19w2y.cloudfront.net/static/dashboard/v4/Lager-Stout-IPA-Beers-MOB-2x.png',
1035                imageAlt: 'shop now',
1036                description: 'Shop our amazing range of craft beers from all around the world.',
1037                cta: 'Shop now',
1038                url: '/shop'
1039            },
1040            itemCount: 0,
1041            spentFreeDelivery: "0",
1042            isFreeDelivery: false,
1043            add: true,
1044            showAdded: false,
1045            loaded: false,
1046            lastScrollTop: 0,
1047            isActiveStickyMenu: false,
1048
1049            isShowSearchMob: false,
1050
1051            steps: false,
1052            voucherDiscount: false,
1053            voucherDiscountConfig: {},
1054            hideVoucherBarLink: false,
1055            version: 2,
1056            currency: false,
1057
1058            
1059
1060            loadSpendPoints: false,
1061            minPoints: 100,
1062            // controlled from gift checkout
1063            hideNav: false,
1064            showSteps: false,
1065
1066            scrollToTopON: false,
1067            lastActiveElement: null,
1068            blackBar: {
1069            	activeMenu: activeBlackBar,
1070            	activeSubmenu: activeSubMenu,
1071            	lastEl: activeSubMenu.length + 1,
1072            },
1073            isBeerSchoolActive: 'page' === 'beerSchool',
1074            
1075                activeMagazine: null,
1076            
1077            magazineMenuOpen: false,
1078            staticCdn:"https://dth50iqs19w2y.cloudfront.net/static/",
1079            postCheckoutCurrentStep: -1,
1080            postCheckoutStepsAmount: 4
1081        },
1082        mounted: function () {
1083            var thisVue = this
1084            
1085        	if (thisVue.unreadNotifications === -1) {
1086        		
1087        	}
1088
1089            document.querySelectorAll('.sitenav-loading').forEach(element => {
1090                element.classList.remove('sitenav-loading')
1091            })
1092
1093            this.resizeBlackBar(10)
1094            window.addEventListener('resize', function() {
1095            	thisVue.resizeBlackBar(0)
1096            })
1097
1098            
1099                $('.menu-subtitle-wrap').click(function (){
1100                    $('#allBeersMenu').addClass('show-sub-item');
1101                    $('#allWineMenu').addClass('show-sub-item');
1102                    $(this).parent().addClass('active');
1103                })
1104
1105                $('.shop-dropdown-back').click(function (){
1106                    $('#allBeersMenu').removeClass('show-sub-item');
1107                    $('#allWineMenu').removeClass('show-sub-item');
1108                    var allBeersNavItem = $(this).parent().parent();
1109                    setTimeout(function(){
1110                        allBeersNavItem.removeClass('active');
1111                        }, 400);
1112                })
1113            
1114        },
1115        computed: {
1116            bottomBorder: function() {
1117                return !!($('.shop-menu, .v4-read-submenu').length)
1118            },
1119            logoutData: function() {
1120                for (let i=0; i < this.submenuMap.myBeer52.length; i++) {
1121                    if (this.submenuMap.myBeer52[i].isLogout) {
1122                        return this.submenuMap.myBeer52[i]
1123                    }
1124                }
1125            }
1126        },
1127        methods: {
1128        	resizeBlackBar: function(extraWidth) {
1129        		if (window.innerWidth > 991) {
1130        			return
1131        		}
1132        		var $menu = $('.v4-submenu-list-shadow')
1133                var menuWidth = $('.v4-container-padding').width() - 20
1134                var subLists = $menu.find('.v4-subitem')
1135                var elWidth = 0
1136                var lastEl = -1
1137                for(var i = 0; i < subLists.length; i++) {
1138                	linkWidth = subLists[i].offsetWidth + ( i > 1 ? 20 : 0)
1139                    if ((elWidth + extraWidth) + linkWidth > menuWidth) {
1140                    	if (elWidth + 70 > menuWidth) {
1141                    		lastEl = i - 2
1142                    	} else {
1143                            lastEl = i - 1
1144                    	}
1145                        break;
1146                    }
1147                    elWidth += linkWidth + extraWidth
1148                }
1149                if (lastEl > -1) {
1150                    this.blackBar.lastEl = lastEl
1151                } else {
1152                	this.blackBar.lastEl = activeSubMenu.length + 1
1153                }
1154        	},
1155            showSubMenuDropdown: function(link) {
1156        		this.isShowDropdown = true
1157                this.activeSubmenuList = link.submenu
1158                this.activeLink = link
1159            },
1160            hideSubMenuDropdown: function() {
1161         		if (!$('.shop-sitenav').hasClass('show-shop-dropdown-beer') && !$('.shop-sitenav').hasClass('show-shop-dropdown-wine')){
1162                    this.isShowDropdown = false;
1163                }
1164                this.activeSubmenuList = null;
1165                this.activeLink = null
1166            },
1167            toggleSubmenuDropdown: function(link) {
1168        		if (this.isShowDropdown) {
1169        			if (this.activeLink != link) {
1170        				this.showSubMenuDropdown(link)
1171        			} else {
1172                        this.hideSubMenuDropdown()
1173        			}
1174        		} else {
1175                    this.showSubMenuDropdown(link)
1176        		}
1177            },
1178            toggleNotifications: function() {
1179                if ($('#generalWrapper').hasClass('user-notifications-shown')) {
1180                	this.showNotifications = false
1181                    this.closeNotifications();
1182                } else {
1183                	if ($('.shop-sitenav').hasClass('show-shop-dropdown-beer') || $('.shop-sitenav').hasClass('show-shop-dropdown-wine')) {
1184                		this.hideShopDropdown()
1185                	}
1186                	if (this.magazineMenuOpen) {
1187                	    this.toggleMagazineMenu();
1188                	}
1189                	if($('.dbv4').hasClass('dbv4-settings-open')) {
1190                        dashboardVueApp.toggleSettings();
1191                    }
1192                    $('#generalWrapper').addClass('user-notifications-shown');
1193                    this.showNotifications = true
1194                }
1195            },
1196            closeNotifications: function() {
1197                $('#generalWrapper').removeClass('user-notifications-shown');
1198            },
1199            triggerNotificationCheck: function() {
1200            	var thisVue = this
1201            	$.ajax({
1202                    type: 'GET',
1203                    contentType: "application/json",
1204                    url: "/profile/loadNotificationCounter",
1205                    success: function (data) {
1206                    	thisVue.unreadNotifications = data.total
1207                    },
1208                    error: function(response) {
1209                        thisVue.unreadNotifications = 0
1210                    }
1211            	})
1212            },
1213            showBurgerMenu: function () {
1214        		this.hideShopDropdown();
1215                $('body').css('background', "#FBF5E2");
1216                $('#generalWrapper').removeClass('user-notifications-shown');
1217                if($('.dbv4').hasClass('dbv4-settings-open')) {
1218                    dashboardVueApp.toggleSettings();
1219                }
1220                if(this.magazineMenuOpen) {
1221                    this.toggleMagazineMenu();
1222                }
1223                $('#generalWrapper').addClass('show-burger');
1224                hideFooter();
1225                hideMainSection();
1226                $('.grecaptcha-badge').css('opacity', '0');
1227                this.showBurger = true;
1228            },
1229            hideBurgerMenu: function () {
1230                $('body').removeAttr('style');
1231                $('#generalWrapper').removeClass('show-burger');
1232                showMainSection();
1233                showFooter();
1234                $('.grecaptcha-badge').css('opacity', '1');
1235                this.showBurger = false;
1236                this.isShowSearchMob = false;
1237            },
1238
1239            addToCart: function(product, callback) {
1240                var productData = {productId: product.id}
1241                this.addToCartCall(product, productData, callback)
1242            },
1243            addToCartSafe: function(product, callback) {
1244                var productData = {productId: product.id}
1245                this.addToCartCall(product, productData, callback, true)
1246            },
1247            addToCartMult: function(product, qty, callback) {
1248                var productData = {productId: product.id, quantity: qty}
1249                this.addToCartCall(product, productData, callback)
1250            },
1251            addToCartCall: function(product, productData, callback, ignoreError) {
1252                var thisVue = this
1253                $.ajax({
1254                    type: 'POST',
1255                    url: "/shop/addToCart",
1256                    data: productData,
1257                    success: function (data) {
1258                        product.currentQuantity = data.currentProductQuantity
1259                        thisVue.add = true
1260                        thisVue.processCartChange(data, callback)
1261                    },
1262                    error: function(response) {
1263						if (!ignoreError) {
1264                            showMsg("Oops, something went wrong!", response.responseText, 'error');
1265						}
1266                        callback()
1267                    }
1268                });
1269                this.triggerCartTrackingEvents()
1270            },
1271            triggerCartTrackingEvents: function() {
1272                if (typeof pintrk === "function") {
1273                	pintrk('track', 'AddToCart')
1274                }
1275                if (typeof rdt === "function") {
1276                	rdt('track', 'AddToCart')
1277                }
1278            },
1279            removeFromCart: function(product, callback) {
1280                var thisVue = this
1281                $.ajax({
1282                    type: 'POST',
1283                    //contentType: "application/json",
1284                    url: "/shop/removeFromCart",
1285                    data: {'productId': product.id},
1286                    success: function (data) {
1287                        product.currentQuantity = data.currentProductQuantity
1288                        thisVue.add = false
1289                        thisVue.processCartChange(data, callback)
1290                    },
1291                    error: function(response) {
1292                        showMsg("Oops, something went wrong!", response.responseText, 'error');
1293                        callback()
1294                    }
1295                });
1296            },
1297            processCartChange: function(data, callback) {
1298                this.itemCount = data.productsInCart
1299                this.isFreeDelivery = data.isFreeDelivery
1300                this.spentFreeDelivery = data.spentFreeDelivery
1301                this.showAdded = true
1302                var thisVue = this
1303                setTimeout(function () {
1304                    thisVue.showAdded = false
1305                    callback({itemCount: thisVue.itemCount, cartVersion: data.cartVersion, isOk: true, addedProduct: data.addedProduct})
1306                }, 200)
1307            },
1308            handleScroll: function () {
1309                let thisVue = this
1310                let navbarHeight = $('.v4-navbar-main').outerHeight()
1311                let shopMenuHeight = $('.shop-menu').outerHeight()
1312                let goldenBarHeight = $('.shop-free-delivery').outerHeight()
1313                let st = $(window).scrollTop();
1314                if (st > thisVue.lastScrollTop && st > navbarHeight){
1315                    thisVue.isActiveStickyMenu = true;
1316                    if(!$('#cookiesBar').is(':hidden')){
1317                        $('.v4-main-header.sticky-shop-menu .shop-menu').css('top', $('#cookiesBar').outerHeight());
1318                        $('.v4-main-header.sticky-shop-menu .all-beers-dropdown').css('top', $('#cookiesBar').outerHeight()+shopMenuHeight);
1319                        $('.v4-main-header.sticky-shop-menu .shop-free-delivery').css('top', $('#cookiesBar').outerHeight()+shopMenuHeight);
1320                    } else {
1321                        $('.v4-main-header.sticky-shop-menu .shop-menu').css('top', '0');
1322                        $('.v4-main-header.sticky-shop-menu .all-beers-dropdown').css('top', shopMenuHeight);
1323                        $('.v4-main-header.sticky-shop-menu .shop-free-delivery').css('top', shopMenuHeight);
1324                    }
1325                    $('.shop-menu-sticky-bg').css('height', shopMenuHeight + goldenBarHeight);
1326                } else {
1327                    if (thisVue.lastScrollTop > st && st <= navbarHeight){
1328                        thisVue.isActiveStickyMenu = false;
1329                        $('.shop-menu-sticky-bg').removeAttr( 'style' );
1330                    }
1331                }
1332                thisVue.lastScrollTop = st;
1333            },
1334            showShopDropdown: function (club) {
1335                if ($('.shop-sitenav').hasClass('show-shop-dropdown-' + club)) {
1336                    this.hideShopDropdown()
1337                } else {
1338                    this.hideShopDropdown()
1339                    $('.shop-sitenav').addClass('show-shop-dropdown-' + club);
1340                    let shopMenuHeight = $('.shop-menu').outerHeight()
1341                    $('.wrapper').addClass('all-beers-dropdown-open');
1342                    this.isShowDropdown = true;
1343                    if(!$('#cookiesBar').is(':hidden')){
1344                        $('.v4-main-header.sticky-shop-menu .all-beers-dropdown').css('top', $('#cookiesBar').outerHeight()+shopMenuHeight);
1345                    } else {
1346                        $('.v4-main-header.sticky-shop-menu .all-beers-dropdown').css('top', shopMenuHeight);
1347                    }
1348                }
1349                $('#allBeersMenu').removeClass('show-sub-item');
1350                $('#allWineMenu').removeClass('show-sub-item');
1351                $('.all-beers-nav-item.active').removeClass('active');
1352            },
1353            hideShopDropdown: function() {
1354        		$('.shop-sitenav').removeClass('show-shop-dropdown-wine show-shop-dropdown-beer')
1355        		this.isShowDropdown = false;
1356                $('.wrapper').removeClass('all-beers-dropdown-open');
1357            },
1358            showSearchPanel: function() {
1359               $('.search-panel').slideToggle('fast', function(){
1360                   $('.wrapper').toggleClass('show-search-panel');
1361                   $('form[name=searchForm]').find('input').focus();
1362                   return false;
1363               })
1364            },
1365            closeSearchPanel: function() {
1366                var $wrapper = $('.wrapper');
1367                if ($wrapper.hasClass('show-search-panel')){
1368                    $('.search-panel').slideUp('fast', function(){
1369                        $wrapper.removeClass('show-search-panel');
1370                    })
1371                    this.isShowSearchMob = false;
1372                }
1373            },
1374            toggleSearchMobile: function () {
1375                this.isShowSearchMob = !this.isShowSearchMob;
1376                if(this.isShowSearchMob) {
1377                	setTimeout(function () {
1378                		$('form[name=searchFormMob]').find('input').focus();
1379                	}, 200)
1380                } else {
1381                    $('.wrapper').removeClass('show-search-panel');
1382                }
1383                return false;
1384            },
1385            scrollToSection: function(id) {
1386				var topNav = $('#header').height()
1387				this.$scrollTo(window.document.getElementById(id), 500, {offset: -topNav})
1388			},
1389
1390			/*Checkout header*/
1391			updateSteps: function(steps) {
1392                this.steps = steps
1393            },
1394            updateVersion: function(version) {
1395                this.version = version
1396            },
1397            updateHideVoucherBarLink(hide) {
1398              this.hideVoucherBarLink = hide
1399            },
1400            updateCurrency: function(currency) {
1401                this.currency = currency
1402            },
1403            updateVoucherDiscount: function(voucherDiscount, config) {
1404                this.voucherDiscount = voucherDiscount
1405                if (config) {
1406                  this.voucherDiscountConfig = config
1407                }
1408            },
1409            showFinalBar: function(step, rewards) {
1410                // TODO: Delete it
1411            },
1412            scrollToVoucher: function() {
1413                var topNav = $(".siteNavSection").height();
1414                var voucherTrigger = window.document.getElementById('orderInfoSection')
1415                if($('#voucherPopUpLink').length) {
1416                    voucherTrigger = window.document.getElementById('voucherPopUpLink')
1417                }
1418                this.$scrollTo(voucherTrigger, 500, {offset: -topNav})
1419                $('#voucherCodeInput').focus()
1420            },
1421            showStep: function(step) {
1422                vueApp.showStep(step)
1423            },
1424
1425            addPoints: function(points) {
1426                this.currentPoints += points
1427                this.lifetimePoints += points
1428
1429                $('.points-sitenav').html(this.currentPoints.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ","))
1430            },
1431            showSpendPoints: function() {
1432                showFixedLightbox('.spend-points');
1433            },
1434            showSpendPointsPopup: function () {
1435			    $('#header-lightbox').addClass('show-popup').removeAttr('style');
1436            },
1437            scrollToTop: function() {
1438				var top = window.document.getElementById('topAnchor')
1439				this.$scrollTo(top, 200)
1440            },
1441
1442            //Ferment / Glug menu
1443            toggleMagazineMenu: function () {
1444			    this.magazineMenuOpen = !this.magazineMenuOpen;
1445				if (this.magazineMenuOpen) {
1446				    hideFooter();
1447				    hideMainSection();
1448				} else {
1449				    showFooter();
1450				    showMainSection();
1451				}
1452            },
1453            isLinkActive: function (link) {
1454                //We make additional checks here to avoid duplicate active links on the mobile menu (e.g. Gifts && More and Wine/Beer Gifts)
1455                return link.isActive && (!link.giftParent || !Object.values(this.mainMenuLinks).find(function (e) {return e.giftChild && e.isActive}))
1456            },
1457
1458            updatePostCheckoutBar: function (stepsAmount, currentStep) {
1459                this.postCheckoutStepsAmount = stepsAmount
1460                this.postCheckoutCurrentStep = currentStep
1461            }
1462        }
1463    });
1464    var cartVue = headerVue;
1465    var headerStepsVue = headerVue;
1466    var lightboxVue = headerVue;
1467
1468    /*Scroll to top handler*/
1469    window.onscroll = function() {adjustScrollToTop()};
1470
1471    function adjustScrollToTop() {
1472    	var mybutton = document.getElementById("scroll-top-btn-sticky");
1473    	if (mybutton) {
1474            if (document.body.scrollTop > 100 || document.documentElement.scrollTop > 100) {
1475            	mybutton.style.display = "flex";
1476            } else {
1477            	mybutton.style.display = "none";
1478            }
1479    	}
1480    }
1481
1482</script>
1482
1483
1484            </div>
1485
1486            <div class="mainSection">
1487                
1488                    
1489                
1490                
1491
1492
1493<div id="index" class="page-content hp-content wine-hp ">
1494
1495	
1496		<section class="hp-top-v2 hp-top  ">
1497			<div class="container">
1498				<div class="row align-items-lg-center">
1499					
1500						<h2 id="hp-top-v2-heading-mobile" class="col-12 d-lg-none hp-top-v2-heading-mobile">
1501							
1502								A world of wine to your door.
1503							
1504						</h2>
1505					
1506
1507					<div class="col-12 col-lg-7 hp-top-v2-img-box">
1508						
1509						<div class="hp-top-v2-bg-circle"></div>
1510						
1511
1512						
1513						
1514							<div class="hp-top-v2-price-label hp-top-v2-common-rosette">
1515								
1516									
1517    
1518        First case </br> from £36
1519    
1520
1521								
1522							</div>
1523						
1524						
1525
1526						<div class="position-relative">
1527						
1528							
1529								<img src="https://dth50iqs19w2y.cloudfront.net/80/2f9ce47abe4079a9e86e319ae6af61/Wine52-Italian-South-Landing-Page-Photography.png" class="img-fluid"/>
1530							
1531
1532							
1533
1534							
1535								<div class="hp-top-v2-box-content patron-light">
1536									
1537										This month:
1538									
1539
1540									<span class="patron-medium">The Italian South</span>.
1541								</div>
1542							
1543
1544							
1545								<div class="hp-top-v2-box-content antwerp-italic">
1546									3 bottles, Glug magazine and 2 snacks.
1547								</div>
1548							
1549						</div>
1550					</div>
1551
1552					<div class="col-12 col-lg-5 hp-top-v2-text-box hp-top-text">
1553						
1554							<div class="title-deal">
1555								<div class="dotted-line-red hp-top-v2-dots">&#8226;&#8226;&#8226;</div>
1556
1557								<h1>A world of wine to your door.</h1>
1558
1559								<ul class="hp-list">
1560									<li><p>Try exclusive wines each month.</p></li>
1561									<li><p>Hand-selected by our experts for you.</p></li>
1562									<li><p>Supporting independent winemakers.</p></li>
1563									<li><p>Glug magazine & 2 artisan snacks.</p></li>
1564									<li><p>Customise to your preferences.</p></li>
1565								</ul>
1566
1567								<div class="hp-link-wrapper">
1568									<div>
1569										<a href="/wine/subscription" class="sg-btn sg-btn-primary sg-btn-lg mb-4 getStarted">
1570											Get started
1571										</a>
1572									</div>
1573
1574									<i class="fa-solid fa-tag d-none d-md-inline-block hp-top-v2-icon"></i>
1575									<a id="voucherPopUpLink" class="subscription-code d-inline-block"
1576									   onclick="showFixedLightbox('.special-code-v2');
1577									   return false;">Promo or gift code?</a>
1578								</div>
1579
1580								
1581									<div class="patron-light hp-subscription-payments">
1582    <p class="mb-0">
1583        
1584        
1585            £36 today, then £38.95 every 28 days, unless stated otherwise, until cancelled.
1586        
1587    </p>
1588    
1589        <p class="hp-max-extra-location-charge">
1590            Remote surcharge of £2.99 may apply.
1591        </p>
1592    
1593</div>
1594								
1595							</div>
1596						
1597					</div>
1598				</div>
1599			</div>
1600		</section>
1601	
1602
1603	
1604		<section class="mobile-sticker show">
1605			<div class="d-block d-sm-none">
1606				<div class="container">
1607					<div class="row">
1608						<div class="col-12 hp-link-wrapper text-center hp-v2-link-wrapper">
1609							
1610								<a href="/wine/subscription" id="mobileStickerLink" class="sg-btn sg-btn-primary sg-btn-lg w-100 getStarted">Get started</a>
1611							
1612						</div>
1613					</div>
1614				</div>
1615			</div>
1616		</section>
1617	
1618
1619	
1620	
1621		<section id="counter" class="counter">
1622			<div class="container">
1623				<div class="row">
1624					<div class="col-12 d-lg-flex">
1625						<div class="col-12 col-lg-3 text-center text-lg-end mt-3">
1626							<p class="patron-light mb-0 text-lg-end counter-main-text">Order in the next</p>
1627						</div>
1628						<div class="col-12 col-lg-6 p-0">
1629							<div class="clock col-12">
1630								<div class="mx-auto clock-container">
1631									
1632									<div class="hours-number-1">
1633										<span class="patron d-inline-block clock-number">0</span>
1634									</div>
1635									<div class="hours-number-2">
1636										<span class="patron d-inline-block clock-number">6</span>
1637									</div>
1638									<div class="clock-symbol">
1639										<span class="patron d-inline-block clock-number">H</span>
1640									</div>
1641									
1642									<div class="dotted-line-white">
1643										<span class="d-block">&#8226;</span>
1644										<span class="d-block">&#8226;</span>
1645										<span class="d-block">&#8226;</span>
1646									</div>
1647									<div class="minutes-number-1">
1648										<span class="patron d-inline-block clock-number">3</span>
1649									</div>
1650									<div class="minutes-number-2">
1651										<span class="patron d-inline-block clock-number">5</span>
1652									</div>
1653									<div class="clock-symbol">
1654										<span class="patron d-inline-block clock-number">M</span>
1655									</div>
1656									
1657									<div class="dotted-line-white">
1658										<span class="d-block">&#8226;</span>
1659										<span class="d-block">&#8226;</span>
1660										<span class="d-block">&#8226;</span>
1661									</div>
1662									<div class="seconds-number-1">
1663										<span class="patron d-inline-block clock-number">5</span>
1664									</div>
1665									<div class="seconds-number-2">
1666										<span class="patron d-inline-block clock-number">9</span>
1667									</div>
1668									<div class="clock-symbol">
1669										<span class="patron d-inline-block clock-number">S</span>
1670									</div>
1671								</div>
1672							</div>
1673						</div>
1674						<div class="col-12 col-lg-3 text-center text-lg-start mt-3">
1675							<p class="patron-light mb-0 counter-main-text">
1676								
1677									to drink on Saturday
1678								
1679							</p>
1680						</div>
1681					</div>
1682				</div>
1683			</div>
1684		</section>
1685	
1686
1687	
1688	
1689		
1690			<section class="how-it-works">
1691				<div class="container">
1692					<div class="hp-title">
1693						<hr class="line-red line-gold">
1694
1695						<h2 class="patron">How it works</h2>
1696					</div>
1697
1698					<div class="row position-relative pt-4">
1699						<div class="col-12 col-md-4 text-center">
1700							<div class="flow-step flow-step1 mx-auto">
1701								<img src="https://dth50iqs19w2y.cloudfront.net/static/wine/[email protected]" />
1702							</div>
1703
1704							<div class="text-container-margin">
1705								<h5 class="patron">We deliver</h5>
1706								<h6 class="patron-light flow-step1-descr hiw-description">
1707									Well deliver awesome wines, Glug magazine and craft snacks to you.
1708								</h6>
1709							</div>
1710						</div>
1711
1712						<div class="stippled-line-left d-none d-md-block">
1713							<img src="https://dth50iqs19w2y.cloudfront.net/static/home-page/illu-line-left.png" />
1714						</div>
1715
1716						<div class="col-12 col-md-4 text-center">
1717							<div class="flow-step flow-step2 mx-auto">
1718								<img src="https://dth50iqs19w2y.cloudfront.net/static/wine/[email protected]" />
1719							</div>
1720
1721							<div class="text-container-margin">
1722								<h5 class="patron">You discover</h5>
1723								<h6 class="patron-light hiw-description">
1724									Enjoy learning about a new wine region each month.
1725								</h6>
1726							</div>
1727						</div>
1728
1729						<div class="stippled-line-right d-none d-md-block">
1730							<img src="https://dth50iqs19w2y.cloudfront.net/static/home-page/illu-line-left.png" class="stippled-line-mirror"/>
1731						</div>
1732
1733						<div class="col-12 col-md-4 text-center">
1734							<div class="flow-step flow-step3 mx-auto">
1735								<img src="https://dth50iqs19w2y.cloudfront.net/static/wine/[email protected]" />
1736							</div>
1737							<div class="text-container-margin">
1738								<h5 class="patron">Better together</h5>
1739								<h6 class="patron-light hiw-description">
1740									Support the world’s best independent winemakers.
1741								</h6>
1742							</div>
1743						</div>
1744					</div>
1745					
1746						<div class="row hp-button-hide">
1747							<div class="col-12 text-center">
1748								<a href="/wine/subscription" class="sg-btn sg-btn-primary sg-btn-lg wine-cta-width getStarted">Get started</a>
1749							</div>
1750						</div>
1751					
1752				</div>
1753			</section>
1754		
1755	
1756
1757	
1758	
1759		<section class="trustpilot">
1760			<div class="container">
1761				<div class="row">
1762					<div class="col-12 d-none d-md-block">
1763						<hr class="line-red line-gold">
1764						<h2 class="patron mb-5">What our customers say</h2>
1765					</div>
1766					<div class="col-12">
1767						
1768							<div class="trustpilot-widget" data-locale="en-US" data-template-id="54ad5defc6454f065c28af8b" data-businessunit-id="6250312376ea62debd1f8995" data-style-height="240px" data-style-width="100%" data-theme="light" data-stars="5" data-review-languages="en">
1769								<a href="https://www.trustpilot.com/review/wine52.com" target="_blank" rel="noopener">Trustpilot</a>
1770							</div>
1771							<!-- End TrustBox widget -->
1772						
1773					</div>
1774				</div>
1775			</div>
1776		</section>
1777
1778	
1779		<section class="around-the-world">
1780			<div class="container">
1781				<div class="hp-title">
1782					<hr class="line-red line-gold">
1783
1784					<h2 class="patron-medium text-white">There's a world of wines out there...</h2>
1785				</div>
1786
1787				<div class="row pt-3 flex-lg-row-reverse">
1788					<div class="col-12 col-lg-10">
1789						<div class="collection-video p-5 d-flex flex-row-reverse flex-wrap">
1790							<div class="col-12 collection-video-title">
1791								<h2 class="patron-medium wine-month-theme-video-heading">The Italian South</h2>
1792							</div>
1793
1794							
1795							
1796							<div class="col-12 col-md-6 col-xl-7 p-0">
1797								<div class="ratio ratio-16x9 youtube-lazy-load"
1798									 data-loader="youtubeLoader"
1799									 data-embed-yt-lazy="UYySFEEXUgo">
1800								</div>
1801								
1802							</div>
1803
1804							<div class="col-12 col-md-6 col-xl-5 month-text">
1805								<p class="patron-light wine-video-description">Wine52 is making a return to the beautiful country of Italy and this time we’re exploring the southern regions!</p>
1806								<div class="text-center text-md-start hp-button-hide">
1807									<a href="/wine/subscription" class="sg-btn sg-btn-primary sg-btn-lg wine-cta-width getStarted">
1808										Join us
1809									</a>
1810								</div>
1811							</div>
1812						</div>
1813					</div>
1814
1815					<div class="col-12 col-lg-2 d-none d-md-block">
1816						<div class="recently-places">
1817							<h6 class="patron-medium text-white">Join us for future adventures...</h6>
1818
1819							<div class="row mx-0">
1820								<div class="col-4 col-lg-12 recently-picture">
1821									<div>
1822										<img src="https://dth50iqs19w2y.cloudfront.net/static/wine/Wine-barrels.png" class="img-fluid"/>
1823									</div>
1824
1825									<div class="pic-description">
1826										<span class="patron-medium">California</span>
1827									</div>
1828								</div>
1829
1830								<div class="col-4 col-lg-12 recently-picture">
1831									<div>
1832										<img src="https://dth50iqs19w2y.cloudfront.net/static/wine/Glass-vinyard.png" />
1833									</div>
1834
1835									<div class="pic-description">
1836										<span class="patron-medium">Tasmania</span>
1837									</div>
1838								</div>
1839
1840								<div class="col-4 col-lg-12 recently-picture">
1841									<div class="col-12 p-0">
1842										<img src="https://dth50iqs19w2y.cloudfront.net/static/wine/Grapes-vinyard.jpg" />
1843									</div>
1844
1845									<div class="pic-description">
1846										<span class="patron-medium">Portugal</span>
1847									</div>
1848								</div>
1849							</div>
1850						</div>
1851					</div>
1852				</div>
1853			</div>
1854		</section>
1855
1856	
1857		<section class="partners mt-4">
1858			<div class="container">
1859				<div class="hp-title">
1860					<hr class="line-red line-gold">
1861
1862					<h2 class="patron">As seen in</h2>
1863				</div>
1864
1865				<div class="row">
1866					
1867						<div class="col-6 col-md-4 col-lg-2 mt-4 text-center">
1868							<img src="https://dth50iqs19w2y.cloudfront.net/static/index/guardian.png" />
1869						</div>
1870					
1871						<div class="col-6 col-md-4 col-lg-2 mt-4 text-center">
1872							<img src="https://dth50iqs19w2y.cloudfront.net/static/index/wired.png" />
1873						</div>
1874					
1875						<div class="col-6 col-md-4 col-lg-2 mt-4 text-center">
1876							<img src="https://dth50iqs19w2y.cloudfront.net/static/index/independent.png" />
1877						</div>
1878					
1879						<div class="col-6 col-md-4 col-lg-2 mt-4 text-center">
1880							<img src="https://dth50iqs19w2y.cloudfront.net/static/index/les-min.png" />
1881						</div>
1882					
1883						<div class="col-6 col-md-4 col-lg-2 mt-4 text-center">
1884							<img src="https://dth50iqs19w2y.cloudfront.net/static/index/goodfood.png" />
1885						</div>
1886					
1887						<div class="col-6 col-md-4 col-lg-2 mt-4 text-center">
1888							<img src="https://dth50iqs19w2y.cloudfront.net/static/index/thelist.png" />
1889						</div>
1890					
1891				</div>
1892			</div>
1893		</section>
1894
1895	
1896		<section class="wine-beer-link">
1897			<div class="container wine-beer-link-content">
1898				<div>
1899					<span class="patron-light">More of a beer drinker?</span>
1900
1901					<div class="d-md-none"></div>
1902
1903					<a href="/">Check out our beer club</a>
1904				</div>
1905			</div>
1906		</section>
1907	
1908</div>
1909
1910<div class="lightbox">
1911	<div class="fullScreenOverlay white"></div>
1912	<div class="sg-lightbox sg-lightbox-sm lightbox-inner special-code-v2">
1913	<div class="sg-lb-closer sg-closer">
1914		<i class="fas fa-times"></i>
1915	</div>
1916
1917	<div class="special-code-content">
1918		<h4 class="patron-medium sg-lb-title">
1919			Please enter your voucher code below.
1920		</h4>
1921	</div>
1922
1923	<span id="successMessage"></span>
1924
1925	<div class="sg-form special-code-form">
1926		<div class="input-block">
1927			<input id="voucherCode" class="patron-light form-control" type="text" name="voucherCode">
1928
1929			<label for="voucherCode" class="placeholder patron-light form-label">Enter code</label>
1930
1931			<div id="voucherCodeError" class="dynamicErrors special-code-error"></div>
1932		</div>
1933
1934		<div id="voucherPinSection" class="input-block special-code-pin">
1935			<input id="voucherPin" class="patron-light form-control" type="text" name="voucherPin">
1936
1937			<label for="voucherPin" class="placeholder patron-light form-label">Enter pin</label>
1938
1939			<div id="voucherPinError" class="dynamicErrors special-code-error"></div>
1940		</div>
1941
1942		<div class="text-center special-code-submit">
1943			<a id="voucherSubmitButton" href="javascript:void(0)" class="sg-btn sg-btn-primary sg-btn-lg autoDisable special-code-submit-button" onclick="validateVoucher(); return false;">
1944				Apply
1945			</a>
1946		</div>
1947	</div>
1948</div>
1949
1950<script type="text/javascript">
1951
1952	$(function() {
1953		$("input[name=voucherCode]").keypress(function (event) {
1954			if (event.which == 13) {
1955				$('#voucherSubmitButton').click()
1956			}
1957			var code = $(this).val()
1958			if (code && code.startsWith("5045075507")) {
1959				$('#voucherPinSection').show()
1960			}
1961		});
1962		$("input[name=voucherCode]").on('input', function (e) {
1963			updatePopulatedField($('#voucherCode'), e.target.value.length !== 0)
1964		});
1965
1966		$("input[name=voucherPin]").keypress(function (event) {
1967			if (event.which == 13) {
1968				$('#voucherSubmitButton').click()
1969			}
1970		});
1971		$("input[name=voucherPin]").on('input', function (e) {
1972			updatePopulatedField($('#voucherPin'), e.target.value.length !== 0)
1973		});
1974	})
1975	function updatePopulatedField(el, isPopulated) {
1976		if (isPopulated) {
1977			el.addClass('populated')
1978		} else {
1979			el.removeClass('populated')
1980		}
1981	}
1982
1983	function handleErrorState (codeError, pinError) {
1984		!codeError || codeError.length === 0 ? $('#voucherCode').removeClass('error') : $('#voucherCode').addClass('error')
1985		!pinError || pinError.length === 0 ? $('#voucherPin').removeClass('error') : $('#voucherPin').addClass('error')
1986	}
1987
1988</script>
1988
1989
1990</div>
1991
1992<script type="text/javascript">
1993
1994	
1995	var vue = new Vue({
1996		el: '#index',
1997		data: {
1998		    starSize: window.innerWidth > 767 ? 23 : 18,
1999			
2000			currentSlide: 0,
2001			lock: false
2002		},
2003		mounted: function () {
2004            let thisVue = this;
2005            let slick = $('.hp-hiw-v2-slider').slick({
2006				arrows: false,
2007				slidesToShow: 1,
2008				slidesToScroll: 1,
2009				touchMove: false,
2010				infinite: true,
2011				fade: true,
2012				speed: 600
2013			});
2014			slick.on('beforeChange', function(event, slick, currentSlide, nextSlide){
2015				thisVue.switchSlide(thisVue.howItWorksSteps[nextSlide])
2016			});
2017			slick.on('afterChange', function(event, slick, currentSlide, nextSlide){
2018				thisVue.lock = false
2019			});
2020		},
2021		methods: {
2022            switchSlide: function (item) {
2023				if (item.isActive) {
2024					return
2025				}
2026				if (this.lock) {
2027					return;
2028				}
2029				this.lock = true;
2030				this.howItWorksSteps.map(function(step) {
2031					return step.isActive = false
2032				});
2033				item.isActive = true;
2034				this.currentSlide = parseInt(item.id) - 1;
2035				$('.hp-hiw-v2-slider').slick('slickGoTo', this.currentSlide)
2036				try {
2037					if (typeof gtag === "function") {
2038						gtag('event', "page-windex-hw-slide");
2039					}
2040				} catch (error) {
2041				}
2042			}
2043		}
2044	})
2045	
2046	$(function () {
2047		
2048			initializeClock('counter', "2026-09-25T20:00:00.651+01:00");
2049		
2050
2051        
2052
2053    $('.siteNavSection').css('background-color', $('.hp-top').css('background-color'));
2054
2055    /*var topMobileH1 = $('.hp-top-deal-heading-mobile')
2056    if (topMobileH1.length) {
2057		topMobileH1.html($('.hp-deal-text-box h1').text())
2058    }*/
2059
2060
2061    /*$(window).scroll(function() {
2062        var $sticker = $('.mobile-sticker');
2063        var isShown = $sticker.hasClass('show');
2064        var $topContainer = $('.hp-top-container');
2065        var top = $topContainer.offset().top + $topContainer.height() - 50;
2066
2067
2068        var scrollPosition = $(window).scrollTop();
2069        if (scrollPosition >= top && !isShown) {
2070            $sticker.addClass('show')
2071        } else if (scrollPosition < top && isShown) {
2072
2073            $sticker.removeClass('show')
2074        }
2075    })*/
2076    $('#footer').addClass('mobile-sticker-padding');
2077
2078    initializeYoutube()
2079
2080	
2081	
2082	});
2083
2084function getTimeRemaining(endtime){
2085	var t = Date.parse(endtime) - Date.parse(new Date());
2086	var seconds = Math.floor( (t/1000) % 60 );
2087	var minutes = Math.floor( (t/1000/60) % 60 );
2088	var hours = Math.floor(t/(1000*60*60));
2089	return {
2090		'total': t,
2091		'hours': hours,
2092		'minutes': minutes,
2093		'seconds': seconds
2094	};
2095}
2096
2097function initializeClock(id, endtime) {
2098	var clock = document.getElementById(id);
2099	var hoursSpan1 = clock.querySelector('.hours-number-1 .patron');
2100	var hoursSpan2 = clock.querySelector('.hours-number-2 .patron');
2101	var minutesSpan1 = clock.querySelector('.minutes-number-1 .patron');
2102	var minutesSpan2 = clock.querySelector('.minutes-number-2 .patron');
2103	var secondsSpan1 = clock.querySelector('.seconds-number-1 .patron');
2104	var secondsSpan2 = clock.querySelector('.seconds-number-2 .patron');
2105	var timeinterval = setInterval(function () {
2106		var t = getTimeRemaining(endtime);
2107		var hours = ("0" + t.hours).slice(-2);
2108		var minutes = ("0" + t.minutes).slice(-2);
2109		var seconds = ("0" + t.seconds).slice(-2);
2110
2111		hoursSpan1.innerHTML = hours.slice(-2, -1);
2112		hoursSpan2.innerHTML = hours.slice(-1);
2113		minutesSpan1.innerHTML = minutes.slice(-2, -1);
2114		minutesSpan2.innerHTML = minutes.slice(-1);
2115		secondsSpan1.innerHTML = seconds.slice(-2, -1);
2116		secondsSpan2.innerHTML = seconds.slice(-1);
2117		if (t.total <= 0) {
2118			clearInterval(timeinterval);
2119			$(clock).hide()
2120		}
2121	}, 1000);
2122}
2123
2124function validateVoucher() {
2125	
2126		validateVoucherCaptcha()
2127	
2128}
2129
2130function validateVoucherCaptcha() {
2131	grecaptcha.ready(function() {
2132		grecaptcha.execute("6LdNxPQUAAAAAME7C-qbKAwIKa5sOXh-M8RmdVR_", {action: 'vouchindx'}).then(function(token) {
2133			validateVoucherProcess(token)
2134		});
2135	});
2136}
2137
2138function validateVoucherProcess(captchaToken) {
2139	var code = $('input[name=voucherCode]').val();
2140	var pin = $('input[name=voucherPin]').val();
2141	$.ajax({
2142		type: 'POST',
2143		async: true,
2144		url: "/page/checkVoucher",
2145			data: {code: code, pin: pin, slug: "", voucherMode: "WINE52",token: captchaToken},
2146			success: function (data) {
2147				if (data.isOk) {
2148					$.redirect(data.redirectSlug, {'code': code, 'pin': pin});
2149				} else {
2150					if (data.showPin) {
2151						$('#voucherPinSection').slideDown('slow');
2152					} else {
2153						$('#voucherPinError').html(data.pinError);
2154					}
2155                    handleErrorState(data.codeError, data.pinError);
2156					$('#voucherCodeError').html(data.codeError);
2157					$('#voucherSubmitButton').removeClass('disabled')
2158				}
2159			},
2160			error: function(response) {
2161				showMsg(' ', response.responseText, 'error');
2162				$('#voucherSubmitButton').removeClass('disabled')
2163			}
2164		});
2165	}
2166
2167	function scrollToDeal() {
2168		var topNav = 0;
2169		var section = $('.hp-top-text');
2170		$('html, body').animate({ scrollTop: section.offset().top - topNav}, 'slow');
2171	}
2172
2173	$('.hp-content .btn-primary,.sg-btn-primary').on('click', function() {
2174		if (!!window.triggerSuccessAbEvent) {
2175			triggerSuccessAbEvent()
2176		}
2177	});
2178
2179</script>
2179
2180
2181
2182
2183
2184            </div>
2185        </main>
2186		
2187			
2188
2189
2190<footer id="footer" class="v4footer">
2191    <section id="footer-black-bar-section" class="v4f-back-anchor">
2192        <div class="container g-0">
2193            <div class="v4f-row flex-nowrap">
2194                
2195
2196                <div class="v4f-link-wrap">
2197                    <a href="javascript: void(0)" class="v4f-link-to-top" @click="scrollToSection('topAnchor')">
2198                        <i class="fas fa-arrow-up v4f-link-to-top-icon"></i>
2199
2200                        <span class="patron-medium">Back to top</span>
2201                    </a>
2202                </div>
2203            </div>
2204        </div>
2205    </section>
2206
2207    <section class="v4f-main">
2208        <div class="container">
2209            <div class="row">
2210                <div class="col-xl-4 d-none d-xl-block">
2211                    <a href="/" class="v4f-logo-link">
2212                        <img src="https://dth50iqs19w2y.cloudfront.net/static/logo/Beer-white.png" alt="Beer52 Logo White" class="v4f-logo-beer52"/>
2213                    </a>
2214
2215                    <p class="patron-light v4f-text-sm">Beer52, 8 Melville Crescent, <span class="v4f-no-wrap">Edinburgh, EH3 7JA.</span></p>
2216
2217                    <p class="patron-light v4f-text-sm">Registered in Scotland No SC449930. <span class="v4f-no-wrap d-block">VAT No GB 166068984.</span></p>
2218
2219                    <div class="v4f-certificate">
2220                        <a href="/bcorp" class="border-0">
2221                            <img src="https://dth50iqs19w2y.cloudfront.net/static/logo/certificate/[email protected]" alt="B Corp logo" class="v4f-certificate-image"/>
2222                        </a>
2223
2224                        <a href="/bcorp#carbonNeutral" class="border-0">
2225                            <img src="https://dth50iqs19w2y.cloudfront.net/static/logo/certificate/[email protected]" alt="OCW Carbon Neutral" class="v4f-certificate-image"/>
2226                        </a>
2227
2228                        <a href="/bcorp#livingWage" class="border-0">
2229                            <img src="https://dth50iqs19w2y.cloudfront.net/static/logo/certificate/[email protected]" alt="Living wage employer" class="v4f-certificate-image"/>
2230                        </a>
2231                    </div>
2232                </div>
2233
2234                <div class="col-12 col-xl-8">
2235                    <div class="row flex-wrap">
2236                        <div class="col-6 col-sm-4 col-md-3 v4f-link-group">
2237                            <h6 class="v4f-link-group-title patron-medium">
2238                                {{clubs.groupName}}
2239                            </h6>
2240
2241                            <ul class="v4f-links-list">
2242                                <li v-for="link in clubs.links" :key="link.name">
2243                                    <a class="v4f-link patron-light" :href="link.url">{{link.name}}</a>
2244                                </li>
2245                            </ul>
2246                        </div>
2247
2248                        <div class="col-6 col-sm-4 col-md-3 v4f-link-group">
2249                            <h6 class="v4f-link-group-title patron-medium">
2250                                {{magazines.groupName}}
2251                            </h6>
2252
2253                            <ul class="v4f-links-list">
2254                                <li v-for="link in magazines.links" :key="link.name">
2255                                    <a class="v4f-link patron-light" :href="link.url">{{link.name}}</a>
2256                                </li>
2257                            </ul>
2258                        </div>
2259
2260                        <div class="col-6 col-sm-4 col-md-3 v4f-link-group">
2261                            <h6 class="v4f-link-group-title patron-medium">
2262                                {{shop.groupName}}
2263                            </h6>
2264
2265                            <ul class="v4f-links-list">
2266                                <li v-for="link in shop.links" :key="link.name">
2267                                    <a class="v4f-link patron-light" :href="link.url">{{link.name}}</a>
2268                                </li>
2269                            </ul>
2270                        </div>
2271
2272                        <div class="col-6 col-sm-4 col-md-3 v4f-link-group">
2273                            <h6 class="v4f-link-group-title patron-medium">
2274                                {{gifts.groupName}}
2275                            </h6>
2276
2277                            <ul class="v4f-links-list">
2278                                <li v-for="link in gifts.links" :key="link.name">
2279                                    <a class="v4f-link patron-light" :href="link.url">{{link.name}}</a>
2280                                </li>
2281                            </ul>
2282                        </div>
2283
2284                        <div class="col-6 col-sm-4 col-md-3 v4f-link-group">
2285                            <h6 class="v4f-link-group-title patron-medium">
2286                                {{help.groupName}}
2287                            </h6>
2288
2289                            <ul class="v4f-links-list">
2290                                <li v-for="link in help.links" :key="link.name">
2291                                    <a class="v4f-link patron-light" :href="link.url">{{link.name}}</a>
2292                                </li>
2293                            </ul>
2294                        </div>
2295
2296                        <div class="col-6 col-sm-4 col-md-3 v4f-link-group">
2297                            <h6 class="v4f-link-group-title patron-medium">
2298                                {{company.groupName}}
2299                            </h6>
2300
2301                            <ul class="v4f-links-list">
2302                                <li v-for="link in company.links" :key="link.name">
2303                                    <a class="v4f-link patron-light" :href="link.url">{{link.name}}</a>
2304                                </li>
2305                            </ul>
2306                        </div>
2307
2308                        <div class="col-6 col-sm-4 col-md-3 v4f-link-group">
2309                            <h6 class="v4f-link-group-title patron-medium">
2310                                {{legal.groupName}}
2311                            </h6>
2312
2313                            <ul class="v4f-links-list">
2314                                <li v-for="link in legal.links" :key="link.name">
2315                                    <a class="v4f-link patron-light" :href="link.url">{{link.name}}</a>
2316                                </li>
2317                            </ul>
2318                        </div>
2319
2320                        <div class="col-6 col-sm-4 col-md-3 v4f-link-group">
2321                            <h6 class="v4f-link-group-title patron-medium">
2322                                {{eebria.groupName}}
2323                            </h6>
2324
2325                            <ul class="v4f-links-list">
2326                                <li v-for="link in eebria.links" :key="link.name">
2327                                    <a class="v4f-link patron-light" :href="link.url" target="_blank">
2328                                        {{link.name}}
2329
2330                                        <i class="fa-regular fa-arrow-up-right-from-square"></i>
2331                                    </a>
2332                                </li>
2333                            </ul>
2334                        </div>
2335                    </div>
2336                </div>
2337            </div>
2338        </div>
2339    </section>
2340
2341    <section class="v4f-social-media">
2342        <div class="container">
2343            <div class="row flex-lg-row-reverse">
2344                <div class="col-12 col-xl-8 v4f-bottom-padding">
2345                    <ul class="v4f-links-list v4f-social-media-list">
2346                        <li class="v4f-social-media-item" v-for="item in socialMedia">
2347                            <a class="v4f-social-media-link" :href="item.url">
2348                                <i class="v4f-social-media-icon" :class="item.icon"></i>
2349                                <span class="patron-medium">{{item.name}}</span>
2350                            </a>
2351                        </li>
2352                    </ul>
2353                </div>
2354
2355                <div class="col-12 col-xl-4 v4f-bottom-padding">
2356                    <a href="/" class="v4f-logo-link d-xl-none">
2357                        <img src="https://dth50iqs19w2y.cloudfront.net/static/logo/Beer-white.png" alt="Beer52 Logo White" class="v4f-logo-beer52"/>
2358                    </a>
2359
2360                    <p class="patron-light v4f-text-sm d-xl-none">Beer52, 8 Melville Crescent, <span class="v4f-no-wrap">Edinburgh, EH3 7JA.</span></p>
2361
2362                    <p class="patron-light v4f-text-sm d-xl-none">Registered in Scotland No SC449930. <span class="v4f-no-wrap">VAT No GB 166068984.</span></p>
2363
2364                    <i class="far fa-copyright"></i>
2365                    <span class="patron-light">2026 Beer52. All rights reserved.</span>
2366
2367                    <div class="v4f-certificate d-xl-none">
2368                        <a href="/bcorp" class="border-0">
2369                            <img src="https://dth50iqs19w2y.cloudfront.net/static/logo/certificate/[email protected]" alt="B Corp logo" class="v4f-certificate-image"/>
2370                        </a>
2371
2372                        <a href="/bcorp#carbonNeutral" class="border-0">
2373                            <img src="https://dth50iqs19w2y.cloudfront.net/static/logo/certificate/[email protected]" alt="OCW Carbon Neutral" class="v4f-certificate-image"/>
2374                        </a>
2375
2376                        <a href="/bcorp#livingWage" class="border-0">
2377                            <img src="https://dth50iqs19w2y.cloudfront.net/static/logo/certificate/[email protected]" alt="Living wage employer" class="v4f-certificate-image"/>
2378                        </a>
2379                    </div>
2380                </div>
2381            </div>
2382        </div>
2383    </section>
2384
2385    <section class="v4f-payments">
2386        <div class="container">
2387            <div class="patron-light v4f-text-sm v4f-payments-margin">Secure online payments</div>
2388
2389            <div class="v4f-payments-logos">
2390                <img src="https://dth50iqs19w2y.cloudfront.net/static/icons/payment/[email protected]" alt="VISA card payments accepted" class="v4f-payment-logo"/>
2391
2392                <img src="https://dth50iqs19w2y.cloudfront.net/static/icons/payment/[email protected]" alt="Mastercard card payments accepted" class="v4f-payment-logo"/>
2393
2394                <img src="https://dth50iqs19w2y.cloudfront.net/static/icons/payment/[email protected]" alt="American Express card payments accepted" class="v4f-payment-logo"/>
2395
2396                <img src="https://dth50iqs19w2y.cloudfront.net/static/icons/payment/[email protected]" alt="Maestro card payments accepted" class="v4f-payment-logo"/>
2397
2398                <img src="https://dth50iqs19w2y.cloudfront.net/static/icons/payment/[email protected]" alt="Apple Pay accepted" class="v4f-payment-logo"/>
2399
2400                <img src="https://dth50iqs19w2y.cloudfront.net/static/icons/payment/[email protected]" alt="Google Pay accepted" class="v4f-payment-logo"/>
2401            </div>
2402        </div>
2403    </section>
2404</footer>
2405
2406<script type="text/javascript">
2407
2408var footerVue = new Vue ({
2409    el: '#footer',
2410    data: {
2411        clubs: {
2412            groupName: "Discovery Clubs",
2413            links: [
2414                {
2415                    name: "Beer Club",
2416                    url: "/"
2417                },
2418                
2419                    {
2420                        name: "Wine Club",
2421                        url: "/wine"
2422                    },
2423                
2424                
2425                    {
2426                        name: "Whisky Club",
2427                        url: "/whisky"
2428                    },
2429                
2430                
2431                    {
2432                        name: "Coffee Club",
2433                        url: "/coffee"
2434                    },
2435                
2436                {
2437                    name: "Office Beers",
2438                    url: "/landing/craft-beer-fridays"
2439                }
2440            ]
2441        },
2442        magazines: {
2443            groupName: "Magazines",
2444            links: [
2445                
2446                    {
2447                        name: "Ferment Online",
2448                        url: "/ferment"
2449                    },
2450                    {
2451                        name: "Ferment Delivered",
2452                        url: "/landing/ferment"
2453                    },
2454                
2455                
2456                    {
2457                        name: "Glug Online",
2458                        url: "/glug"
2459                    },
2460                    {
2461                        name: "Glug Delivered",
2462                        url: "/landing/glug"
2463                    },
2464                
2465                
2466                    {
2467                        name: "Stramash Delivered",
2468                        url: "/landing/stramash"
2469                    },
2470                
2471            ]
2472        },
2473        shop: {
2474            groupName: "Shop",
2475            links: [
2476                
2477                    {
2478                        name: "Beer",
2479                        url: "/shop/beer"
2480                    },
2481                    {
2482                        name: "Beer Cases",
2483                        url: "/shop/cases"
2484                    },
2485                
2486                
2487                    {
2488                        name: "Wine",
2489                        url: "/shop/wine"
2490                    },
2491                    {
2492                        name: "Wine Cases",
2493                        url: "/shop/wine/cases"
2494                    },
2495                
2496                
2497                    {
2498                        name: "Whisky",
2499                        url: "/shop/whisky"
2500                    },
2501                
2502                
2503                    {
2504                        name: "Coffee",
2505                        url: "/shop/coffee/cases"
2506                    },
2507                
2508                
2509                    {
2510                        name: "Other",
2511                        url: "/shop/other"
2512                    }
2513                
2514            ]
2515        },
2516        gifts: {
2517            groupName: "Gifts",
2518            links: [
2519                
2520                    {
2521                        name: "Beer Gifts",
2522                        url: "/gift"
2523                    },
2524                
2525                
2526                    {
2527                        name: "Wine Gifts",
2528                        url: "/wine/gift"
2529                    },
2530                
2531                
2532                    {
2533                        name: "Whisky Gifts",
2534                        url: "/whisky/gift"
2535                    },
2536                
2537                
2538                    {
2539                        name: "Coffee Gifts",
2540                        url: "/coffee/gift"
2541                    },
2542                
2543                
2544                    {
2545                        name: "Advent",
2546                        url: "https://www.beer52.com/advent"
2547                    },
2548                
2549            ]
2550        },
2551        help: {
2552            groupName: "Help",
2553            links: [
2554                {
2555                    name: "Help Centre",
2556                    url: "/help"
2557                },
2558                {
2559                    name: "FAQs",
2560                    url: "/wine/faq"
2561                },
2562                {
2563                    name: "Contact us",
2564                    url: "/wine/contactUs"
2565                }
2566            ]
2567        },
2568        company: {
2569            groupName: "Company",
2570            links: [
2571                {
2572                    name: "About us",
2573                    url: "/aboutUs"
2574                },
2575                {
2576                    name: "B Corp",
2577                    url: "/bcorp"
2578                },
2579                {
2580                    name: "Careers",
2581                    url: "/careers"
2582                }
2583            ]
2584        },
2585        legal: {
2586            groupName: "Legal",
2587            links: [
2588                {
2589                    name: "Privacy Policy",
2590                    url: "/wine/privacy"
2591                },
2592                {
2593                    name: "Cookie Policy",
2594                    url: "/wine/cookies"
2595                },
2596                {
2597                    name: "Modern Slavery",
2598                    url: "/modernSlaveryStatement"
2599                },
2600                {
2601                    name: "T&Cs",
2602                    url: "/wine/terms"
2603                }
2604            ]
2605        },
2606        eebria: {
2607            groupName: "EEBRIA",
2608            links: [
2609                {
2610                    name: "Trade buying",
2611                    url: "https://www.eebriatrade.com/"
2612                },
2613                {
2614                    name: "Drink at home",
2615                    url: "https://www.eebriatrade.com/individuals"
2616                },
2617                {
2618                    name: "Sell with us",
2619                    url: "https://www.eebriatrade.com/page/view/selling-on-eebria-and-eebriatrade"
2620                }
2621            ]
2622        },
2623        socialMedia: [
2624            {
2625                name: "Facebook",
2626                icon: 'fab fa-facebook-f',
2627                url: 'https://www.facebook.com/beer52HQ'
2628            },
2629            {
2630                name: "X (Twitter)",
2631                icon: 'fa-brands fa-x-twitter',
2632                url: 'https://www.twitter.com/beer52HQ'
2633            },
2634            {
2635                name: "Instagram",
2636                icon: 'fab fa-instagram',
2637                url: 'https://instagram.com/beer52hq'
2638            },
2639            {
2640                name: "YouTube",
2641                icon: 'fab fa-youtube',
2642                url: 'https://www.youtube.com/channel/UCQO5-cG8ErXEjzc8LQx1J-g'
2643            }
2644        ]
2645    },
2646    methods: {
2647        scrollToSection: function(id) {
2648            var topNav = $('.siteNavSection').height();
2649            this.$scrollTo(window.document.getElementById(id), 500, {offset: -topNav})
2650        }
2651    }
2652})
2653
2654</script>
2654
2655
2656		
2657    </div>
2658
2659	<div class='lightbox'>
2660		<div class='fullScreenOverlay white'></div>
2661		<div id="authenticatePopup" class="sg-lightbox sg-lightbox-sm lightbox-inner popup-events error authenticate-yourself">
2662    <div class="sg-lb-closer sg-closer">
2663        <i class="fas fa-times"></i>
2664    </div>
2665
2666    <div class="sg-lb-image">
2667        <img src="https://dth50iqs19w2y.cloudfront.net/static/icons/[email protected]" alt="error image" class="error-image img-fluid"/>
2668    </div>
2669
2670    <h4 class="patron-medium sg-lb-title">Oops, something went wrong!</h4>
2671
2672    <p class="sub patron-light sg-lb-text">Sorry, you need to authenticate yourself to perform this action</p>
2673
2674    <div class="">
2675        <div>
2676            <a href='' class='signinTrigger sg-btn sg-btn-white sg-btn-lg login-submit authenticate-yourself-button' data-remember-me='true'>
2677                Login
2678            </a>
2679        </div>
2680        <a href="javascript:void(0)" class="sg-link sg-link-lg sg-link-black" onclick="closeLightbox();return false">
2681            No thanks
2682        </a>
2683    </div>
2684</div>
2685		
2686
2687<div id="popup-box" class="sg-lightbox sg-lightbox-sm lightbox-inner popup-events">
2688	<div class="sg-lb-closer sg-closer">
2689		<i class="fas fa-times"></i>
2690	</div>
2691
2692	<div class="sg-lb-image">
2693		
2694			<img src="https://dth50iqs19w2y.cloudfront.net/static/icons/wine/[email protected]" alt="success image" class="success-image img-fluid"/>
2695
2696			<img src="https://dth50iqs19w2y.cloudfront.net/static/icons/wine/[email protected]" alt="error image" class="error-image img-fluid"/>
2697		
2698	</div>
2699
2700	<h4 class="patron-medium sg-lb-title">High Five!</h4>
2701
2702	<p class="sub patron-light sg-lb-text"></p> 
2703
2704	<button class="sg-btn sg-btn-lg sg-lb-btn sg-btn-primary success-btn" onclick="closeLightbox();return false">
2705		OK, thanks
2706	</button>
2707
2708	<button class="sg-btn sg-btn-lg sg-lb-btn sg-btn-white error-btn" onclick="closeLightbox();return false">
2709		OK, thanks
2710	</button>
2711</div>
2712	</div>
2713</body>
2714</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.