PageSourceSearch

https://www.beer52.com/wine

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