https://bedfordandgrove.com/

1<!doctype html><html lang="en" class="is-clipped"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><meta http-equiv="X-UA-Compatible" content="ie=edge"><meta name="theme-color" content="#ffffff"><link rel="icon" href="resource/bottle.png" type="image/png"><title> Bedford &amp; Grove </title><link href="https://fonts.googleapis.com/css?family=Noto+Serif|Source+Sans+Pro" rel="stylesheet"><link rel="manifest" href="/resource/manifest.json">

1<script>function onloadCallback () {
2			setTimeout(() => {
3				grecaptcha.render('g-recaptcha-elem', {
4					'sitekey' : '6LcZmtwkAAAAAKmOrlGV-E0OOqkGCPi4JNC_tzjE'
5				});
6			}, 3000);
7		}</script>

7<base href="/"><link href="loading.css?1b07fe552ac500e92e01" rel="stylesheet">

7<script defer="defer" src="resource/loading.js?1b07fe552ac500e92e01"></script>

7</head><body><div id="verify-age" class="modal"><div class="modal-background age"></div><div class="modal-card age age-modal"><section class="modal-card-body age-modal"><p class="has-text-centered">You must be 21 years or older to view Bedford &amp; Grove's website. Are you 21 or older?</p><div class="field is-grouped centered-buttons"><div class="control"><button id="old-enough" class="button v1 is-medium is-primary describing-button has-text-black">Yes</button></div><div class="control"><button id="not-old-enough" class="button v2 is-medium is-primary describing-button has-text-black">No</button></div></div></section></div></div><section class="loading-page"><div class="loading"><img src="resource/loading-bedford-grove-logotype.svg" alt="Bedford and Grove"><div id="indicator-bar"><div class="current"></div></div><p id="loading-indicator" class="in-progress has-text-centered">loading</p></div></section> <header id="navbar"><section class="section navigation"><div class="container is-fluid padding-mobile"><div id="navbar-nav" class="nav-container"><div class="left"><div class="level is-mobile"><ul class="level-left has-text-weight-semibold"><li class="level-item required"><div @click="goBack(); handleSiteMenu(true)" @keydown.enter="goBack(); handleSiteMenu(true)" title="Go Back" tabindex="0" aria-label="Go back button" id="back-button" class="has-text-black menu-icon-container"><span class="back-icon"></span> <span class="menu-text mobile-shrink">Back</span></div></li><li class="level-item required menu-item-outer-container"><div @click="handleSiteMenu()" @keydown.enter="handleSiteMenu()" title="Menu" tabindex="0" aria-label="Menu button" id="menu-button" class="has-text-black menu-icon-container"><span class="menu-icon" :class="{ close }"></span> <span class="menu-text mobile-shrink is-required-home-block">{{ close ? 'Close' : 'Menu' }}</span></div></li><li v-for="nav in navigation" :key="nav.link" v-if="nav.home" class="level-item home-item"><a class="nav-link" :href="nav.link" class="has-text-black">{{ nav.name }}</a></li></ul></div></div><div class="center"><div class="level is-mobile"><div class="level-item required"><div class="bg-logotype is-image is-family-serif has-text-centered"><a @click="handleSiteMenu(true)" @keydown.enter="handleSiteMenu(true)" class="nav-logotype" href="/" class="has-text-black"><img src="resource/loading-bedford-grove-logotype.svg" alt="Bedford and Grove"></a></div></div></div></div><div class="right"><div class="level is-mobile is-hidden-mobile is-required-home-flex"><div class="level-left"></div><ul class="social-container level-right"><li class="level-item label has-text-centered"><span class="is-hidden-mobile is-hidden-tablet-only">Follow:</span></li><li v-for="social of social_media" :key="social.link" class="level-item required" :data-tippy-content="social.name"><a class="social-nav" :href="makeLink(social.link)" :title="social.name" target="_blank"><!-- <div class="social facebook"></div> --><f-a :icon="mediaDetails(social.link)"></f-a></a></li></ul><ul class="cart-container level-right"><p class="icon-label left cart"><a class="has-text-black has-text-weight-semibold" href="/shop/cart">My Cart</a></p></ul></div></div></div></div></section><section class="navigation-fullscreen hero is-fullheight"><div class="fade-bg"></div><div class="hero-body px-3 py-5"><div class="container is-fluid"><div class="columns"><div class="column is-narrow"><ul class="fullscreen-links has-text-weight-semibold"><li v-for="nav in navigation" :key="nav.link"><a :href="nav.link" class="has-text-black" :class="{ active: currentPath == nav.link }">{{ nav.name }}</a></li></ul></div></div></div></div></section><div class="site-notifications"><div class="level"><div class="level-left"></div><div class="level-right"><cookies-notice class="selectable"></cookies-notice><!-- <div :style="{ display: showCart ? 'block' : 'none' }" class="cart">
8					<a href="/shop/cart" class="selectable button v4 is-medium is-primary has-text-black">
9						<f-a class="mr-2" :icon="['fas', 'shopping-cart']"></f-a>My Cart{{ cartCountFormatted }}
10					</a>
11				</div> --></div></div></div></header><main>

11<div id="home-gallery"><section class="section introduction px-5"><div class="gallery-introduction container is-fluid px-0"><div class="columns is-mobile"><template v-if="featuredProducts && featuredProducts.length > 0"><gallery-column v-for="(d, i) in featuredProducts" :key="d.slug" :image-source="d.photos[0]" :image-alt="d.name" :link="absoluteProductURL(d)" :color="d.color" :caption="d.name" :order="i"></gallery-column></template></div></div><div class="intro-nav-container"><div class="intro-nav"><p class="bg-logotype is-image is-family-serif has-text-centered"><a href="/" class="has-text-black"><img src="resource/loading-bedford-grove-logotype.svg" alt="Bedford and Grove"></a></p><p class="has-text-centered has-text-weight-bold">{{ message }}</p><div class="level is-mobile priority-items has-text-weight-bold"><a href="/brands" class="level-item brands"><span class="has-text-black">Our<br>Brands</span></a><div class="separator level-item"></div><a href="/contact" class="level-item contact"><span class="has-text-black">Get in<br>Contact</span></a></div></div></div></section><div v-if="featuredProducts && featuredProducts.length > 5" @click="scrollBelowFold" class="scroll-more"><p class="has-text-weight-bold">Scroll Down</p></div><section class="section recent-news" v-if="articles.length > 0"><div class="container"><h2 class="title site-title v5">Recent News</h2><div class="columns"><div class="column is-6" v-for="p in articles" :key="p.slug"><news-preview :full-news-link="p.slug" :thumbnail="p.preview_image" :tags="p.tags" :post-title="p.title" :author="p.author" :brands="p.brands" :date="p.updatedAt" :article="p.story" :caption="p.thumbtext"></news-preview></div></div><a href="/news" class="button v5 is-medium is-primary describing-button has-text-black">More News</a></div></section><section v-if="featuredProducts && featuredProducts.length > 5" id="featured-products" class="section products-featured"><div class="container"><div v-if="featuredProducts[1] != undefined" v-for="(product, i) in featuredProducts.slice(0,2)" class="featured-product columns" :class="i == 1 ? 'reverse' : ''"><div class="column is-4"><div :class="[getColor(product.color), (i == 1 ? 'b-right' : 'b-left')]" class="img-border image is-4by5 contain"><img class="lazyload is-site-color" :data-src="cmsPhoto(product.photos[0], false, 'medium')" :alt="'Bottle of ' + product.name"></div></div><div class="column is-8"><h2 class="title site-title" :class="getColor(product.color)">{{ product.name }}</h2><p>{{ product.details }}</p><div class="button-group"><a :href="absoluteProductURL(product)" class="button is-medium is-primary has-spacing-top describing-button has-text-black mr-3" :class="getColor(product.color)">See Product </a><a :href="absoluteBrandURL(product)" class="button is-medium is-primary has-spacing-top describing-button has-text-black mr-3" :class="getColor(product.color)">See Brand</a></div></div></div><div v-if="featuredProducts[3] != undefined" class="additional-brands columns is-mobile is-multiline"><div v-for="(product, i) in featuredProducts.slice(2,6)" class="column is-6-mobile is-3-desktop"><a :href="absoluteProductURL(product)"><div class="image is-4by5 contain"><img class="lazyload is-site-color" :data-src="cmsPhoto(product.photos[0], false, 'small')" :alt="'Bottle of ' + product.name"></div><h2 class="title is-size-4 has-text-centered">{{ product.name }}</h2></a></div></div><div v-if="featuredProducts[3] != undefined" class="centered-button"><a href="/brands" class="button v3 is-medium is-primary describing-button has-text-black">See All Products</a></div></div></section><section v-if="!featuredProducts || featuredProducts && featuredProducts.length == 0" class="section is-medium"><h1 class="title has-text-centered">Home has not been set up yet.</h1><p class="has-text-centered">Please add several products to properly display the home page.</p></section><section class="section recent-cocktails" v-if="recipes.length > 0"><div class="container"><h2 class="title site-title v2">Cocktails</h2><div class="columns is-multiline is-flex-mobile"><div class="column is-3 is-6-mobile" v-if="recipes" v-for="cocktail in recipes" :key="cocktail.id"><cocktail-preview :name="cocktail.name" :slug="cocktail.id" :photo="cocktail.ph

11oto" :products="cocktail.products" :featured="cocktail.featured" :video="cocktail.video"></cocktail-preview></div></div><a href="/cocktails" class="button v2 is-medium is-primary describing-button has-text-black">More Cocktails</a></div></section></div><div id="footer-map"></div></main><footer class="section site-footer"><div class="container"><ul class="level has-text-weight-semibold"> <li class="level-item"><a href="/contact" class="has-text-black">Contact</a></li><li class="level-item"><a href="/privacy" class="has-text-black">Privacy Policy</a></li></ul></div></footer></body></html>