/* ── Reserve Nav Link ── */ .nav-reserve-link { font-family: 'Barlow Condensed', sans-serif; font-size: 11px; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; color: #C9A84C !important; text-decoration: none; transition: color .2s; } .nav-reserve-link:hover { color: #e8c97a !important; } /* ── Reserve Gate (on product pages) ── */ .reserve-member-badge { display: inline-block; background: #C9A84C; color: #1a120a; font-family: 'Barlow Condensed', sans-serif; font-size: 10px; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; padding: 5px 12px; margin-bottom: 12px; } .reserve-gate { border: 1.5px solid #C9A84C; padding: 24px; text-align: center; background: rgba(201,168,76,.06); margin: 8px 0 12px; } .reserve-gate-lock { font-size: 28px; margin-bottom: 8px; } .reserve-gate-title { font-family: 'Playfair Display', serif; font-size: 20px; font-weight: 700; color: var(--ink); margin-bottom: 8px; } .reserve-gate-desc { font-family: 'EB Garamond', serif; font-size: 15px; color: var(--ink-mid); line-height: 1.55; margin-bottom: 20px; } .reserve-gate-btns { display: flex; flex-direction: column; gap: 8px; } .reserve-gate-join { display: block; padding: 13px 24px; background: #C9A84C; color: #1a120a; font-family: 'Barlow Condensed', sans-serif; font-size: 11px; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; text-decoration: none; transition: background .2s; } .reserve-gate-join:hover { background: #e8c97a; } .reserve-gate-login { display: block; padding: 11px 24px; background: transparent; color: var(--ink); font-family: 'Barlow Condensed', sans-serif; font-size: 11px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; text-decoration: none; border: 1.5px solid var(--rule-hvy); transition: all .2s; } .reserve-gate-login:hover { border-color: var(--ink); }

Est. 1887 Complimentary shipping on orders over $99 · Age Verification Required on Delivery · Currently accepting waitlist for No. 7

The Art of the Perfect Pour

Curated spirits. Expert knowledge. Delivered to your door.

Shop Whiskey Browse All Spirits

01

Explore by Spirit

SpiritWhiskey→ SpiritTequila→ SpiritGin→ SpiritRum→ SpiritWine→ SpiritVodka→

02

Staff Picks

1792 Full Proof Straight Bourbon Whiskey

1792 Full Proof Straight Bourbon Whiskey

1792 Small Batch Kentucky Straight Bourbon Whiskey

1792 Small Batch Kentucky Straight Bourbon Whiskey

Aberfeldy 12 Year Old Single Malt Scotch Whisky

Aberfeldy 12 Year Old Single Malt Scotch Whisky

Aberlour 12 Year Old Double Cask Matured

Aberlour 12 Year Old Double Cask Matured

Aberlour 16 Year Old Double Cask Matured

Aberlour 16 Year Old Double Cask Matured

Aberlour A'bunadh Single Malt Scotch Whisky

Aberlour A'bunadh Single Malt Scotch Whisky

🏆 Award-Winning Selection 🔒 Secure Checkout 🚚 Free Shipping on 2+ Bottles ✅ Guaranteed Authentic

03

Learn the Craft

Whiskey

Bourbon vs. Rye: What's the Real Difference?

Two American icons, one endless debate — here's exactly what sets them apart in the glass and the grain.

Read →

Scotch

How to Read a Scotch Label

Single malt, blended, age statements, cask types — decode every word before you spend a dime.

Read →

Whisky

Japanese Whisky: A Field Guide

Precision craftsmanship meets centuries of tradition — your essential primer on Japan's finest drams.

Read →

Join the Inner Circle

First access to rare drops. No spam, ever.

*/ (function () { "use strict"; const SCRIPT = document.currentScript; const API_URL = "https://ai-bartender-production.up.railway.app"; const STARTERS = [ "🥃 What are you in the mood for tonight?", "🍽️ Planning a dinner party? Tell me about the menu.", "🎁 Looking for a gift? Let me help.", ]; const WELCOME = "Hey there! I'm Jack — your friendly neighborhood barkeep at SpeakSpirits. What can I pour for you tonight?"; /* ── Inject CSS ── */ function injectStyles() { const base = SCRIPT ? SCRIPT.src.replace(/bartender-widget\.js.*$/, "") : ""; const link = document.createElement("link"); link.rel = "stylesheet"; link.href = base + "bartender-widget.css"; document.head.appendChild(link); } /* ── Build DOM ── */ function buildWidget() { const wrapper = document.createElement("div"); wrapper.id = "ss-bartender-widget"; wrapper.innerHTML = `

🥃

Jack the Barkeep

SpeakSpirits.com

`; document.body.appendChild(wrapper); } /* ── State ── */ let messages = []; // {role, content} let isOpen = false; let isStreaming = false; /* ── DOM refs (set after build) ── */ let panel, bubble, msgContainer, input, sendBtn, startersDiv; /* ── Helpers ── */ function scrollBottom() { msgContainer.scrollTop = msgContainer.scrollHeight; } function autoResize() { input.style.height = "auto"; input.style.height = Math.min(input.scrollHeight, 80) + "px"; } /** Parse product JSON blocks from assistant text and return HTML */ function renderContent(text) { // Replace ```product {...} ``` blocks with product cards const productRe = /```product\s*(\{[\s\S]*?\})\s*```/g; let html = text; html = html.replace(productRe, function (_, jsonStr) { try { const p = JSON.parse(jsonStr); return `

${esc(p.name)}

${esc(p.tasting_note || "")}

`; } catch { return ""; } }); // Basic markdown: **bold**, *italic*, line breaks html = html.replace(/\*\*(.+?)\*\*/g, "$1"); html = html.replace(/\*(.+?)\*/g, "$1"); html = html.replace(/\n/g, "
"); return html; } function esc(s) { const d = document.createElement("div"); d.textContent = s; return d.innerHTML; } function addMessage(role, content, streaming) { const div = document.createElement("div"); div.className = "ss-msg " + (role === "user" ? "ss-msg-user" : "ss-msg-bot"); div.innerHTML = renderContent(content); if (streaming) div.setAttribute("data-streaming", "1"); msgContainer.appendChild(div); scrollBottom(); return div; } function showTyping() { const div = document.createElement("div"); div.className = "ss-typing"; div.id = "ss-typing"; div.innerHTML = ""; msgContainer.appendChild(div); scrollBottom(); } function hideTyping() { const el = document.getElementById("ss-typing"); if (el) el.remove(); } function hideStarters() { if (startersDiv) startersDiv.style.display = "none"; } /* ── Streaming chat ── */ async function sendMessage(text) { if (isStreaming || !text.trim()) return; hideStarters(); isStreaming = true; sendBtn.disabled = true; // User message messages.push({ role: "user", content: text.trim() }); addMessage("user", text.trim()); input.value = ""; autoResize(); showTyping(); try { const resp = await fetch(API_URL + "/chat", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ messages }), }); if (!resp.ok) throw new Error("API error " + resp.status); hideTyping(); const botDiv = addMessage("assistant", "", true); let fullText = ""; const reader = resp.body.getReader(); const decoder = new TextDecoder(); let buffer = ""; while (true) { const { done, value } = await reader.read(); if (done) break; buffer += decoder.decode(value, { stream: true }); const lines = buffer.split("\n\n"); buffer = lines.pop() || ""; for (const line of lines) { if (!line.startsWith("data: ")) continue; try { const evt = JSON.parse(line.slice(6)); if (evt.type === "text") { fullText += evt.text; botDiv.innerHTML = renderContent(fullText); scrollBottom(); } else if (evt.type === "error") { fullText += evt.text; botDiv.innerHTML = renderContent(fullText); } } catch {} } } messages.push({ role: "assistant", content: fullText }); botDiv.removeAttribute("data-streaming"); } catch (err) { hideTyping(); addMessage("assistant", "Oops — looks like I knocked over a bottle back here. Give me a sec and try again. 🍸"); console.error("[Bartender]", err); } finally { isStreaming = false; sendBtn.disabled = false; input.focus(); } } /* ── Toggle panel ── */ function toggle() { isOpen = !isOpen; panel.classList.toggle("ss-open", isOpen); if (isOpen) input.focus(); } /* ── Init ── */ function init() { // CSS already inlined in theme.liquid buildWidget(); panel = document.getElementById("ss-bartender-panel"); bubble = document.getElementById("ss-bartender-bubble"); msgContainer = document.getElementById("ss-messages"); input = document.getElementById("ss-input"); sendBtn = document.getElementById("ss-send"); startersDiv = document.getElementById("ss-starters"); // Welcome message addMessage("assistant", WELCOME); // Starters STARTERS.forEach(function (text) { const btn = document.createElement("button"); btn.className = "ss-starter-btn"; btn.textContent = text; btn.addEventListener("click", function () { sendMessage(text); }); startersDiv.appendChild(btn); }); // Events bubble.addEventListener("click", toggle); panel.querySelector(".ss-close-btn").addEventListener("click", toggle); sendBtn.addEventListener("click", function () { sendMessage(input.value); }); input.addEventListener("keydown", function (e) { if (e.key === "Enter" && !e.shiftKey) { e.preventDefault(); sendMessage(input.value); } }); input.addEventListener("input", autoResize); } if (document.readyState === "loading") { document.addEventListener("DOMContentLoaded", init); } else { init(); } // Expose global API for product page buttons window.BartenderWidget = { open: function() { if (!isOpen) toggle(); }, close: function() { if (isOpen) toggle(); }, toggle: toggle }; })(); */ (function () { "use strict"; const SCRIPT = document.currentScript; const API_URL = "https://ai-bartender-production-475d.up.railway.app"; const STARTERS = [ "🥃 What are you in the mood for tonight?", "🍽️ Planning a dinner party? Tell me about the menu.", "🎁 Looking for a gift? Let me help.", ]; const WELCOME = "Hey there! I'm Jack — your friendly neighborhood barkeep at SpeakSpirits. What can I pour for you tonight?"; /* CSS already inlined in theme */ function injectStyles() { /* no-op */ } /* ── Build DOM ── */ function buildWidget() { const wrapper = document.createElement("div"); wrapper.id = "ss-bartender-widget"; wrapper.innerHTML = `

🥃

Jack the Barkeep

SpeakSpirits.com

`; document.body.appendChild(wrapper); } /* ── State ── */ let messages = []; // {role, content} let isOpen = false; let isStreaming = false; /* ── DOM refs (set after build) ── */ let panel, bubble, msgContainer, input, sendBtn, startersDiv; /* ── Helpers ── */ function scrollBottom() { msgContainer.scrollTop = msgContainer.scrollHeight; } function autoResize() { input.style.height = "auto"; input.style.height = Math.min(input.scrollHeight, 80) + "px"; } /** Parse product JSON blocks from assistant text and return HTML */ function renderContent(text) { // Replace ```product {...} ``` blocks with product cards const productRe = /```product\s*(\{[\s\S]*?\})\s*```/g; let html = text; html = html.replace(productRe, function (_, jsonStr) { try { const p = JSON.parse(jsonStr); return `

${esc(p.name)}

${esc(p.tasting_note || "")}

`; } catch { return ""; } }); // Basic markdown: **bold**, *italic*, line breaks html = html.replace(/\*\*(.+?)\*\*/g, "$1"); html = html.replace(/\*(.+?)\*/g, "$1"); html = html.replace(/\n/g, "
"); return html; } function esc(s) { const d = document.createElement("div"); d.textContent = s; return d.innerHTML; } function addMessage(role, content, streaming) { const div = document.createElement("div"); div.className = "ss-msg " + (role === "user" ? "ss-msg-user" : "ss-msg-bot"); div.innerHTML = renderContent(content); if (streaming) div.setAttribute("data-streaming", "1"); msgContainer.appendChild(div); scrollBottom(); return div; } function showTyping() { const div = document.createElement("div"); div.className = "ss-typing"; div.id = "ss-typing"; div.innerHTML = ""; msgContainer.appendChild(div); scrollBottom(); } function hideTyping() { const el = document.getElementById("ss-typing"); if (el) el.remove(); } function hideStarters() { if (startersDiv) startersDiv.style.display = "none"; } /* ── Streaming chat ── */ async function sendMessage(text) { if (isStreaming || !text.trim()) return; hideStarters(); isStreaming = true; sendBtn.disabled = true; // User message messages.push({ role: "user", content: text.trim() }); addMessage("user", text.trim()); input.value = ""; autoResize(); showTyping(); try { const resp = await fetch(API_URL + "/chat", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ messages }), }); if (!resp.ok) throw new Error("API error " + resp.status); hideTyping(); const botDiv = addMessage("assistant", "", true); let fullText = ""; const reader = resp.body.getReader(); const decoder = new TextDecoder(); let buffer = ""; while (true) { const { done, value } = await reader.read(); if (done) break; buffer += decoder.decode(value, { stream: true }); const lines = buffer.split("\n\n"); buffer = lines.pop() || ""; for (const line of lines) { if (!line.startsWith("data: ")) continue; try { const evt = JSON.parse(line.slice(6)); if (evt.type === "text") { fullText += evt.text; botDiv.innerHTML = renderContent(fullText); scrollBottom(); } else if (evt.type === "error") { fullText += evt.text; botDiv.innerHTML = renderContent(fullText); } } catch {} } } messages.push({ role: "assistant", content: fullText }); botDiv.removeAttribute("data-streaming"); } catch (err) { hideTyping(); addMessage("assistant", "Oops — looks like I knocked over a bottle back here. Give me a sec and try again. 🍸"); console.error("[Bartender]", err); } finally { isStreaming = false; sendBtn.disabled = false; input.focus(); } } /* ── Toggle panel ── */ function toggle() { isOpen = !isOpen; panel.classList.toggle("ss-open", isOpen); if (isOpen) input.focus(); } /* ── Init ── */ function init() { injectStyles(); buildWidget(); panel = document.getElementById("ss-bartender-panel"); bubble = document.getElementById("ss-bartender-bubble"); msgContainer = document.getElementById("ss-messages"); input = document.getElementById("ss-input"); sendBtn = document.getElementById("ss-send"); startersDiv = document.getElementById("ss-starters"); // Welcome message addMessage("assistant", WELCOME); // Starters STARTERS.forEach(function (text) { const btn = document.createElement("button"); btn.className = "ss-starter-btn"; btn.textContent = text; btn.addEventListener("click", function () { sendMessage(text); }); startersDiv.appendChild(btn); }); // Events bubble.addEventListener("click", toggle); panel.querySelector(".ss-close-btn").addEventListener("click", toggle); sendBtn.addEventListener("click", function () { sendMessage(input.value); }); input.addEventListener("keydown", function (e) { if (e.key === "Enter" && !e.shiftKey) { e.preventDefault(); sendMessage(input.value); } }); input.addEventListener("input", autoResize); } if (document.readyState === "loading") { document.addEventListener("DOMContentLoaded", init); } else { init(); } })();