Showing source for: https://burbonandspiritsco.com/
Duration: 0.30825s
Server: cloudflare

<!DOCTYPE html>
<html lang="en" class="scroll-smooth">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
    <title>Rare Bourbon, Whiskey &amp; Fine Wine | B&amp;W Reserve</title>
    <meta name="description" content="Browse rare bourbons, scotches, champagnes, fine wines and tequilas. Full tasting notes, proof, origin and provenance for every bottle we list.">
    <link rel="canonical" href="https://burbonandspiritsco.com/">
    <link rel="icon" type="image/x-icon" href="/favicon.ico">
    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">

    <meta property="og:site_name" content="Premium Bourbon &amp; Whiskey Co.">
    <meta property="og:title" content="Rare Bourbon, Whiskey &amp; Fine Wine | B&amp;W Reserve">
    <meta property="og:description" content="Browse rare bourbons, scotches, champagnes, fine wines and tequilas. Full tasting notes, proof, origin and provenance for every bottle we list.">
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://burbonandspiritsco.com/">
    <meta property="og:image" content="https://burbonandspiritsco.com/images/bottles/bourbon.webp">
    <meta property="og:image:alt" content="A bottle from the Premium Bourbon &amp; Whiskey Co. reserve">
    <meta property="og:locale" content="en_US">
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="Rare Bourbon, Whiskey &amp; Fine Wine | B&amp;W Reserve">
    <meta name="twitter:description" content="Browse rare bourbons, scotches, champagnes, fine wines and tequilas. Full tasting notes, proof, origin and provenance for every bottle we list.">
    <meta name="twitter:image" content="https://burbonandspiritsco.com/images/bottles/bourbon.webp">

    <script type="application/ld+json">
{"@context":"https://schema.org","@type":"WebSite","name":"Premium Bourbon \u0026 Whiskey Co.","alternateName":"B\u0026W Reserve","url":"https://burbonandspiritsco.com"}    </script>
    <script type="application/ld+json">
{"@context":"https://schema.org","@type":["LiquorStore","Organization"],"name":"Premium Bourbon \u0026 Whiskey Co.","legalName":"Premium Bourbon \u0026 Whiskey Co., LLC","alternateName":"B\u0026W Reserve","url":"https://burbonandspiritsco.com","logo":"https://burbonandspiritsco.com/apple-touch-icon.png","telephone":"(209) 264-2179","email":"[email protected]","address":{"@type":"PostalAddress","streetAddress":"1420 W Kettleman Ln, Suite D","addressLocality":"Lodi","addressRegion":"CA","postalCode":"95242","addressCountry":"US"},"description":"Curated online retailer of rare bourbons, scotches, champagnes, fine wines and tequilas."}    </script>

        <link rel="stylesheet" href="/assets/site.css?v=1790375496">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,700&family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">

    <style>
        body { font-family: 'Inter', system-ui, sans-serif; }
        .font-display { font-family: 'Playfair Display', Georgia, serif; }
        ::-webkit-scrollbar { width: 8px; }
        ::-webkit-scrollbar-track { background: #0a0a0a; }
        ::-webkit-scrollbar-thumb { background: #3b1b0e; border-radius: 4px; }
        ::-webkit-scrollbar-thumb:hover { background: #d8852f; }
        @keyframes fadeInUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
        @keyframes shimmer { 0% { background-position: -200% 0; } 100% { background-position: 200% 0; } }
        .animate-fade-in-up { animation: fadeInUp 0.6s ease-out forwards; }
        .animate-delay-100 { animation-delay: 100ms; }
        .animate-delay-200 { animation-delay: 200ms; }
        .animate-delay-300 { animation-delay: 300ms; }
        .glass { background: rgba(20, 15, 10, 0.55); backdrop-filter: blur(16px) saturate(180%); -webkit-backdrop-filter: blur(16px) saturate(180%); border: 1px solid rgba(216, 133, 47, 0.08); }
        .glass-strong { background: rgba(10, 10, 10, 0.85); backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px); border: 1px solid rgba(255,255,255,0.04); }
        .text-gradient { background: linear-gradient(135deg, #d8852f 0%, #e9bd83 50%, #d8852f 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
        .btn-primary { background: linear-gradient(135deg, #c66e24 0%, #d8852f 100%); transition: all 0.3s ease; position: relative; overflow: hidden; }
        .btn-primary::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.15), transparent); transition: left 0.5s ease; }
        .btn-primary:hover::before { left: 100%; }
        .btn-primary:hover { transform: translateY(-1px); box-shadow: 0 10px 40px rgba(216,133,47,0.3); }
        .card-hover { transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
        .card-hover:hover { transform: translateY(-8px); box-shadow: 0 25px 60px rgba(0,0,0,0.5), 0 0 40px rgba(216,133,47,0.08); }
        .line-clamp-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
    </style>
    </head>
<body class="bg-[#0a0a0a] text-stone-200 antialiased min-h-screen flex flex-col">

<header role="banner">
<!-- Navbar -->
<nav class="fixed w-full z-50 glass-strong transition-all duration-300" id="main-nav">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <div class="flex items-center justify-between h-20">
            <a href="/" class="flex items-center gap-3 group">
                <div class="w-10 h-10 rounded-full bg-gradient-to-br from-bourbon-500 to-bourbon-700 flex items-center justify-center shadow-lg shadow-bourbon-500/20 group-hover:shadow-bourbon-500/40 transition-shadow">
                    <svg class="w-5 h-5 text-white" fill="currentColor" viewBox="0 0 24 24"><path d="M7 2v2h1v1.5c0 2.21 1.79 4 4 4s4-1.79 4-4V4h1V2H7zm5 6c-1.1 0-2-.9-2-2V4h4v2c0 1.1-.9 2-2 2zM5 12v9a1 1 0 001 1h12a1 1 0 001-1v-9H5zm4 7H7v-5h2v5zm4 0h-2v-5h2v5zm4 0h-2v-5h2v5z"/></svg>
                </div>
                <div>
                    <span class="text-xl font-display font-bold tracking-wide text-bourbon-400 group-hover:text-bourbon-300 transition-colors">BOURBON</span>
                    <span class="text-xl font-display font-light tracking-wide text-stone-400"> & </span>
                    <span class="text-xl font-display font-bold tracking-wide text-bourbon-400 group-hover:text-bourbon-300 transition-colors">WHISKEY</span>
                </div>
            </a>
            <div class="hidden lg:flex items-center gap-1">
                <a href="/" class="px-3 py-2 text-xs uppercase tracking-[0.15em] font-medium text-bourbon-400 transition-colors relative group">Home<span class="absolute bottom-0 left-1/2 -translate-x-1/2 w-0 h-[2px] bg-bourbon-500 group-hover:w-3/4 transition-all duration-300"></span></a>
                <a href="/catalog" class="px-3 py-2 text-xs uppercase tracking-[0.15em] font-medium text-stone-400 hover:text-bourbon-400 transition-colors relative group">Catalog<span class="absolute bottom-0 left-1/2 -translate-x-1/2 w-0 h-[2px] bg-bourbon-500 group-hover:w-3/4 transition-all duration-300"></span></a>
                <a href="/catalog/champagne" class="px-3 py-2 text-xs uppercase tracking-[0.15em] font-medium text-stone-400 hover:text-bourbon-400 transition-colors relative group">Champagne<span class="absolute bottom-0 left-1/2 -translate-x-1/2 w-0 h-[2px] bg-bourbon-500 group-hover:w-3/4 transition-all duration-300"></span></a>
                <a href="/catalog/fine-wine" class="px-3 py-2 text-xs uppercase tracking-[0.15em] font-medium text-stone-400 hover:text-bourbon-400 transition-colors relative group">Wine<span class="absolute bottom-0 left-1/2 -translate-x-1/2 w-0 h-[2px] bg-bourbon-500 group-hover:w-3/4 transition-all duration-300"></span></a>
                <a href="/catalog/tequila" class="px-3 py-2 text-xs uppercase tracking-[0.15em] font-medium text-stone-400 hover:text-bourbon-400 transition-colors relative group">Tequila<span class="absolute bottom-0 left-1/2 -translate-x-1/2 w-0 h-[2px] bg-bourbon-500 group-hover:w-3/4 transition-all duration-300"></span></a>
                <a href="/heritage" class="px-3 py-2 text-xs uppercase tracking-[0.15em] font-medium text-stone-400 hover:text-bourbon-400 transition-colors relative group">Heritage<span class="absolute bottom-0 left-1/2 -translate-x-1/2 w-0 h-[2px] bg-bourbon-500 group-hover:w-3/4 transition-all duration-300"></span></a>
            </div>
            <div class="flex items-center gap-4">
                <a href="/cart" class="relative p-2 text-stone-400 hover:text-bourbon-400 transition-colors">
                    <svg class="w-6 h-6" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M15.75 10.5V6a3.75 3.75 0 10-7.5 0v4.5m11.356-1.993l1.263 12c.07.665-.45 1.243-1.119 1.243H4.25a1.125 1.125 0 01-1.12-1.243l1.264-12A1.125 1.125 0 015.513 7.5h12.974c.576 0 1.059.435 1.119 1.007zM8.625 10.5a.375.375 0 11-.75 0 .375.375 0 01.75 0zm7.5 0a.375.375 0 11-.75 0 .375.375 0 01.75 0z"/></svg>
                                    </a>
                <button id="mobile-menu-btn" class="lg:hidden p-2 text-stone-400 hover:text-bourbon-400 transition-colors" onclick="document.getElementById('mobile-menu').classList.toggle('hidden')">
                    <svg class="w-6 h-6" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5"/></svg>
                </button>
            </div>
        </div>
    </div>
    <div id="mobile-menu" class="hidden lg:hidden glass-strong border-t border-white/5">
        <div class="px-4 py-6 space-y-1">
            <a href="/" class="block px-4 py-3 text-sm uppercase tracking-[0.2em] font-medium text-stone-400 hover:text-bourbon-400 hover:bg-bourbon-950/30 rounded-lg transition-all">Home</a>
            <a href="/catalog" class="block px-4 py-3 text-sm uppercase tracking-[0.2em] font-medium text-stone-400 hover:text-bourbon-400 hover:bg-bourbon-950/30 rounded-lg transition-all">Catalog</a>
            <a href="/catalog/champagne" class="block px-4 py-3 text-sm uppercase tracking-[0.2em] font-medium text-stone-400 hover:text-bourbon-400 hover:bg-bourbon-950/30 rounded-lg transition-all">Champagne</a>
            <a href="/catalog/fine-wine" class="block px-4 py-3 text-sm uppercase tracking-[0.2em] font-medium text-stone-400 hover:text-bourbon-400 hover:bg-bourbon-950/30 rounded-lg transition-all">Fine Wine</a>
            <a href="/catalog/tequila" class="block px-4 py-3 text-sm uppercase tracking-[0.2em] font-medium text-stone-400 hover:text-bourbon-400 hover:bg-bourbon-950/30 rounded-lg transition-all">Tequila</a>
            <a href="/heritage" class="block px-4 py-3 text-sm uppercase tracking-[0.2em] font-medium text-stone-400 hover:text-bourbon-400 hover:bg-bourbon-950/30 rounded-lg transition-all">Heritage</a>
            <a href="/cart" class="block px-4 py-3 text-sm uppercase tracking-[0.2em] font-medium text-stone-400 hover:text-bourbon-400 hover:bg-bourbon-950/30 rounded-lg transition-all">Cart (0)</a>
        </div>
    </div>
</nav>
</header>

<main id="main-content" role="main" class="flex-1">

    <!-- Hero Section -->
    <section class="relative min-h-[90vh] flex items-center justify-center overflow-hidden" aria-label="Welcome to Premium Bourbon & Whiskey Co.">
        <div class="absolute inset-0">
            <img src="/images/bottles/bourbon.webp" alt="A bottle of Kentucky straight bourbon whiskey from the B&amp;W Reserve catalogue" class="w-full h-full object-cover" loading="eager">
            <div class="absolute inset-0 bg-gradient-to-b from-[#0a0a0a]/70 via-[#0a0a0a]/50 to-[#0a0a0a]"></div>
            <div class="absolute inset-0 bg-gradient-to-r from-[#0a0a0a]/80 via-transparent to-[#0a0a0a]/80"></div>
        </div>
        <div class="absolute inset-0 opacity-[0.03]" style="background-image: url('data:image/svg+xml,%3Csvg viewBox=%220 0 256 256%22 xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cfilter id=%22noise%22%3E%3CfeTurbulence type=%22fractalNoise%22 baseFrequency=%220.65%22 numOctaves=%223%22 stitchTiles=%22stitch%22/%3E%3C/filter%3E%3Crect width=%22100%25%22 height=%22100%25%22 filter=%22url(%23noise)%22/%3E%3C/svg%3E');"></div>
        <div class="relative max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 text-center z-10">
            <div class="animate-fade-in-up">
                <p class="text-bourbon-500 text-sm sm:text-base uppercase tracking-[0.35em] font-medium mb-6">Curated Excellence</p>
            </div>
            <h1 class="animate-fade-in-up animate-delay-100 text-5xl sm:text-6xl md:text-7xl lg:text-8xl font-display font-bold text-white leading-[0.95] mb-8">
                Rare Bourbon,<br><span class="text-gradient italic font-medium">Whiskey &amp; Fine Wine.</span>
            </h1>
            <p class="animate-fade-in-up animate-delay-200 text-lg sm:text-xl text-stone-400 max-w-2xl mx-auto mb-10 leading-relaxed font-light">
                The world's most exclusive bottles. Dom Perignon, Pappy Van Winkle, Chateau Lafite, Clase Azul — curated, fully documented, and priced in line with current US retail.
            </p>
            <div class="animate-fade-in-up animate-delay-300 flex flex-col sm:flex-row gap-4 justify-center">
                <a href="/catalog" class="btn-primary px-8 py-4 rounded-xl text-sm font-semibold uppercase tracking-wider text-white shadow-xl" id="cta-explore-reserve">Explore the Reserve</a>
                <a href="/heritage" class="px-8 py-4 rounded-xl text-sm font-semibold uppercase tracking-wider text-stone-300 border border-white/10 hover:border-bourbon-500/30 hover:text-bourbon-400 transition-all" id="cta-our-story">Our Story</a>
            </div>
        </div>
        <div class="absolute bottom-8 left-1/2 -translate-x-1/2 flex flex-col items-center gap-2 animate-bounce">
            <span class="text-[10px] uppercase tracking-[0.2em] text-stone-600">Scroll</span>
            <svg class="w-4 h-4 text-stone-600" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M19 14l-7 7m0 0l-7-7m7 7V3"/></svg>
        </div>
    </section>

    <!-- Stats Bar -->
    <section class="border-y border-white/5 glass" aria-label="Store highlights">
        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
            <div class="grid grid-cols-1 sm:grid-cols-3 gap-8 text-center">
                <div><p class="text-3xl font-display font-bold text-bourbon-400">74</p><p class="text-xs uppercase tracking-[0.2em] text-stone-500 mt-1">Labels Listed</p></div>
                <div><p class="text-3xl font-display font-bold text-bourbon-400">9</p><p class="text-xs uppercase tracking-[0.2em] text-stone-500 mt-1">Categories</p></div>
                <div><p class="text-3xl font-display font-bold text-bourbon-400">22</p><p class="text-xs uppercase tracking-[0.2em] text-stone-500 mt-1">Allocated Releases</p></div>
            </div>
        </div>
    </section>

    <!-- Featured Products -->
    <section class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-20" aria-label="Featured products">
        <div class="flex flex-col sm:flex-row justify-between items-start sm:items-end mb-12">
            <div>
                <p class="text-bourbon-500 text-xs uppercase tracking-[0.3em] font-semibold mb-2">Handpicked Selections</p>
                <h2 class="text-3xl sm:text-4xl font-display font-bold text-white">Featured Reserve</h2>
            </div>
            <a href="/catalog" class="mt-4 sm:mt-0 text-sm text-stone-500 hover:text-bourbon-400 transition-colors uppercase tracking-wider flex items-center gap-2">View All <svg class="w-4 h-4" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M17.25 8.25L21 12m0 0l-3.75 3.75M21 12H3"/></svg></a>
        </div>
        <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8">
                            <a href="/product/bourbon/blantons-original-single-barrel" class="group block" id="product-1">
    <div class="glass rounded-2xl overflow-hidden card-hover">
        <div class="relative overflow-hidden bg-gradient-to-br from-stone-900 to-stone-950">
            <img src="/images/bottles/blantons-original-single-barrel.webp" width="782" height="720" alt="Bottle of Blanton&#039;s Original Single Barrel, bourbon" loading="lazy" class="w-full h-72 sm:h-80 object-contain opacity-85 group-hover:opacity-100 group-hover:scale-105 transition-all duration-700" onerror="this.onerror=null; this.src='/images/bottles/bourbon.webp';">
            <div class="absolute top-4 left-4 bg-black/50 backdrop-blur-md px-3 py-1.5 text-[10px] uppercase tracking-[0.2em] text-bourbon-400 rounded-full border border-bourbon-500/20 font-semibold">Bourbon</div>
            <div class="absolute top-4 right-4 bg-black/50 backdrop-blur-md px-3 py-1.5 text-[10px] uppercase tracking-wider text-stone-300 rounded-full border border-white/10 font-semibold">Allocated</div>            <div class="absolute inset-0 bg-black/40 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-center justify-center">
                <span class="bg-white/10 backdrop-blur-sm border border-white/20 px-6 py-2.5 rounded-full text-sm text-white font-medium uppercase tracking-wider transform translate-y-4 group-hover:translate-y-0 transition-transform duration-300">View Details</span>
            </div>
        </div>
        <div class="p-5">
                            <p class="text-[11px] uppercase tracking-[0.15em] text-bourbon-500/70 font-medium mb-1.5">Single Barrel</p>
                        <h3 class="text-lg font-display font-semibold text-stone-100 mb-1 line-clamp-2 group-hover:text-bourbon-300 transition-colors">Blanton&#039;s Original Single Barrel</h3>
            <p class="text-xs text-stone-500 mb-3">Buffalo Trace Distillery</p>
            <div class="flex items-center gap-3 mb-4 text-[11px] text-stone-500">
                                    <span class="flex items-center gap-1">
                        <svg class="w-3 h-3 text-bourbon-600" fill="currentColor" viewBox="0 0 20 20"><path d="M12.395 2.553a1 1 0 00-1.45-.385c-.345.23-.614.558-.822.88-.214.33-.403.713-.57 1.116-.334.804-.614 1.768-.84 2.734a31.365 31.365 0 00-.613 3.58 2.64 2.64 0 01-.945-1.067c-.328-.68-.398-1.534-.398-2.654A1 1 0 005.05 6.05 6.981 6.981 0 003 11a7 7 0 1011.95-4.95c-.592-.591-.98-.985-1.348-1.467-.363-.476-.724-1.063-1.207-2.03zM12.12 15.12A3 3 0 017 13s.879.5 2.5.5c0-1 .5-4 1.25-4.5.5 1 .786 1.293 1.371 1.879A2.99 2.99 0 0113 13a2.99 2.99 0 01-.879 2.121z"/></svg>
                        93pf
                    </span>
                                            </div>
            <div class="flex items-end justify-between border-t border-white/5 pt-4">
                <div class="flex items-baseline gap-2">
                    <span class="text-2xl font-bold text-bourbon-400">$94.99</span>
                </div>
                <div class="flex flex-col items-end gap-1">
                    <span class="text-[10px] uppercase tracking-wider text-stone-400 font-medium">Min. 6 bottles</span>                                            <span class="text-[10px] uppercase tracking-wider text-stone-500 font-medium">Frankfort, Kentucky</span>
                                    </div>
            </div>
        </div>
    </div>
</a>
                            <a href="/product/bourbon/pappy-van-winkle-15-year" class="group block" id="product-2">
    <div class="glass rounded-2xl overflow-hidden card-hover">
        <div class="relative overflow-hidden bg-gradient-to-br from-stone-900 to-stone-950">
            <img src="/images/bottles/pappy-van-winkle-15-year.webp" width="600" height="600" alt="Bottle of Pappy Van Winkle 15 Year, bourbon" loading="lazy" class="w-full h-72 sm:h-80 object-contain opacity-85 group-hover:opacity-100 group-hover:scale-105 transition-all duration-700" onerror="this.onerror=null; this.src='/images/bottles/bourbon.webp';">
            <div class="absolute top-4 left-4 bg-black/50 backdrop-blur-md px-3 py-1.5 text-[10px] uppercase tracking-[0.2em] text-bourbon-400 rounded-full border border-bourbon-500/20 font-semibold">Bourbon</div>
            <div class="absolute top-4 right-4 bg-black/50 backdrop-blur-md px-3 py-1.5 text-[10px] uppercase tracking-wider text-stone-300 rounded-full border border-white/10 font-semibold">Allocated</div>            <div class="absolute inset-0 bg-black/40 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-center justify-center">
                <span class="bg-white/10 backdrop-blur-sm border border-white/20 px-6 py-2.5 rounded-full text-sm text-white font-medium uppercase tracking-wider transform translate-y-4 group-hover:translate-y-0 transition-transform duration-300">View Details</span>
            </div>
        </div>
        <div class="p-5">
                            <p class="text-[11px] uppercase tracking-[0.15em] text-bourbon-500/70 font-medium mb-1.5">Wheated Bourbon</p>
                        <h3 class="text-lg font-display font-semibold text-stone-100 mb-1 line-clamp-2 group-hover:text-bourbon-300 transition-colors">Pappy Van Winkle 15 Year</h3>
            <p class="text-xs text-stone-500 mb-3">Buffalo Trace Distillery</p>
            <div class="flex items-center gap-3 mb-4 text-[11px] text-stone-500">
                                    <span class="flex items-center gap-1">
                        <svg class="w-3 h-3 text-bourbon-600" fill="currentColor" viewBox="0 0 20 20"><path d="M12.395 2.553a1 1 0 00-1.45-.385c-.345.23-.614.558-.822.88-.214.33-.403.713-.57 1.116-.334.804-.614 1.768-.84 2.734a31.365 31.365 0 00-.613 3.58 2.64 2.64 0 01-.945-1.067c-.328-.68-.398-1.534-.398-2.654A1 1 0 005.05 6.05 6.981 6.981 0 003 11a7 7 0 1011.95-4.95c-.592-.591-.98-.985-1.348-1.467-.363-.476-.724-1.063-1.207-2.03zM12.12 15.12A3 3 0 017 13s.879.5 2.5.5c0-1 .5-4 1.25-4.5.5 1 .786 1.293 1.371 1.879A2.99 2.99 0 0113 13a2.99 2.99 0 01-.879 2.121z"/></svg>
                        107pf
                    </span>
                                                    <span>15 Years</span>
                            </div>
            <div class="flex items-end justify-between border-t border-white/5 pt-4">
                <div class="flex items-baseline gap-2">
                    <span class="text-2xl font-bold text-bourbon-400">$1,799.99</span>
                </div>
                <div class="flex flex-col items-end gap-1">
                                                                <span class="text-[10px] uppercase tracking-wider text-stone-500 font-medium">Frankfort, Kentucky</span>
                                    </div>
            </div>
        </div>
    </div>
</a>
                            <a href="/product/bourbon/eagle-rare-10-year" class="group block" id="product-4">
    <div class="glass rounded-2xl overflow-hidden card-hover">
        <div class="relative overflow-hidden bg-gradient-to-br from-stone-900 to-stone-950">
            <img src="/images/bottles/eagle-rare-10-year.webp" width="540" height="720" alt="Bottle of Eagle Rare 10 Year, bourbon" loading="lazy" class="w-full h-72 sm:h-80 object-contain opacity-85 group-hover:opacity-100 group-hover:scale-105 transition-all duration-700" onerror="this.onerror=null; this.src='/images/bottles/bourbon.webp';">
            <div class="absolute top-4 left-4 bg-black/50 backdrop-blur-md px-3 py-1.5 text-[10px] uppercase tracking-[0.2em] text-bourbon-400 rounded-full border border-bourbon-500/20 font-semibold">Bourbon</div>
            <div class="absolute top-4 right-4 bg-black/50 backdrop-blur-md px-3 py-1.5 text-[10px] uppercase tracking-wider text-stone-300 rounded-full border border-white/10 font-semibold">Allocated</div>            <div class="absolute inset-0 bg-black/40 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-center justify-center">
                <span class="bg-white/10 backdrop-blur-sm border border-white/20 px-6 py-2.5 rounded-full text-sm text-white font-medium uppercase tracking-wider transform translate-y-4 group-hover:translate-y-0 transition-transform duration-300">View Details</span>
            </div>
        </div>
        <div class="p-5">
                            <p class="text-[11px] uppercase tracking-[0.15em] text-bourbon-500/70 font-medium mb-1.5">Single Barrel</p>
                        <h3 class="text-lg font-display font-semibold text-stone-100 mb-1 line-clamp-2 group-hover:text-bourbon-300 transition-colors">Eagle Rare 10 Year</h3>
            <p class="text-xs text-stone-500 mb-3">Buffalo Trace Distillery</p>
            <div class="flex items-center gap-3 mb-4 text-[11px] text-stone-500">
                                    <span class="flex items-center gap-1">
                        <svg class="w-3 h-3 text-bourbon-600" fill="currentColor" viewBox="0 0 20 20"><path d="M12.395 2.553a1 1 0 00-1.45-.385c-.345.23-.614.558-.822.88-.214.33-.403.713-.57 1.116-.334.804-.614 1.768-.84 2.734a31.365 31.365 0 00-.613 3.58 2.64 2.64 0 01-.945-1.067c-.328-.68-.398-1.534-.398-2.654A1 1 0 005.05 6.05 6.981 6.981 0 003 11a7 7 0 1011.95-4.95c-.592-.591-.98-.985-1.348-1.467-.363-.476-.724-1.063-1.207-2.03zM12.12 15.12A3 3 0 017 13s.879.5 2.5.5c0-1 .5-4 1.25-4.5.5 1 .786 1.293 1.371 1.879A2.99 2.99 0 0113 13a2.99 2.99 0 01-.879 2.121z"/></svg>
                        90pf
                    </span>
                                                    <span>10 Years</span>
                            </div>
            <div class="flex items-end justify-between border-t border-white/5 pt-4">
                <div class="flex items-baseline gap-2">
                    <span class="text-2xl font-bold text-bourbon-400">$44.99</span>
                </div>
                <div class="flex flex-col items-end gap-1">
                    <span class="text-[10px] uppercase tracking-wider text-stone-400 font-medium">Min. 6 bottles</span>                                            <span class="text-[10px] uppercase tracking-wider text-stone-500 font-medium">Frankfort, Kentucky</span>
                                    </div>
            </div>
        </div>
    </div>
</a>
                            <a href="/product/bourbon/eh-taylor-small-batch" class="group block" id="product-6">
    <div class="glass rounded-2xl overflow-hidden card-hover">
        <div class="relative overflow-hidden bg-gradient-to-br from-stone-900 to-stone-950">
            <img src="/images/bottles/eh-taylor-small-batch.webp" width="900" height="900" alt="Bottle of E.H. Taylor Small Batch, bourbon" loading="lazy" class="w-full h-72 sm:h-80 object-contain opacity-85 group-hover:opacity-100 group-hover:scale-105 transition-all duration-700" onerror="this.onerror=null; this.src='/images/bottles/bourbon.webp';">
            <div class="absolute top-4 left-4 bg-black/50 backdrop-blur-md px-3 py-1.5 text-[10px] uppercase tracking-[0.2em] text-bourbon-400 rounded-full border border-bourbon-500/20 font-semibold">Bourbon</div>
            <div class="absolute top-4 right-4 bg-black/50 backdrop-blur-md px-3 py-1.5 text-[10px] uppercase tracking-wider text-stone-300 rounded-full border border-white/10 font-semibold">Allocated</div>            <div class="absolute inset-0 bg-black/40 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-center justify-center">
                <span class="bg-white/10 backdrop-blur-sm border border-white/20 px-6 py-2.5 rounded-full text-sm text-white font-medium uppercase tracking-wider transform translate-y-4 group-hover:translate-y-0 transition-transform duration-300">View Details</span>
            </div>
        </div>
        <div class="p-5">
                            <p class="text-[11px] uppercase tracking-[0.15em] text-bourbon-500/70 font-medium mb-1.5">Bottled-in-Bond</p>
                        <h3 class="text-lg font-display font-semibold text-stone-100 mb-1 line-clamp-2 group-hover:text-bourbon-300 transition-colors">E.H. Taylor Small Batch</h3>
            <p class="text-xs text-stone-500 mb-3">Buffalo Trace Distillery</p>
            <div class="flex items-center gap-3 mb-4 text-[11px] text-stone-500">
                                    <span class="flex items-center gap-1">
                        <svg class="w-3 h-3 text-bourbon-600" fill="currentColor" viewBox="0 0 20 20"><path d="M12.395 2.553a1 1 0 00-1.45-.385c-.345.23-.614.558-.822.88-.214.33-.403.713-.57 1.116-.334.804-.614 1.768-.84 2.734a31.365 31.365 0 00-.613 3.58 2.64 2.64 0 01-.945-1.067c-.328-.68-.398-1.534-.398-2.654A1 1 0 005.05 6.05 6.981 6.981 0 003 11a7 7 0 1011.95-4.95c-.592-.591-.98-.985-1.348-1.467-.363-.476-.724-1.063-1.207-2.03zM12.12 15.12A3 3 0 017 13s.879.5 2.5.5c0-1 .5-4 1.25-4.5.5 1 .786 1.293 1.371 1.879A2.99 2.99 0 0113 13a2.99 2.99 0 01-.879 2.121z"/></svg>
                        100pf
                    </span>
                                            </div>
            <div class="flex items-end justify-between border-t border-white/5 pt-4">
                <div class="flex items-baseline gap-2">
                    <span class="text-2xl font-bold text-bourbon-400">$79.99</span>
                </div>
                <div class="flex flex-col items-end gap-1">
                    <span class="text-[10px] uppercase tracking-wider text-stone-400 font-medium">Min. 6 bottles</span>                                            <span class="text-[10px] uppercase tracking-wider text-stone-500 font-medium">Frankfort, Kentucky</span>
                                    </div>
            </div>
        </div>
    </div>
</a>
                            <a href="/product/bourbon/woodford-reserve-double-oaked" class="group block" id="product-8">
    <div class="glass rounded-2xl overflow-hidden card-hover">
        <div class="relative overflow-hidden bg-gradient-to-br from-stone-900 to-stone-950">
            <img src="/images/bottles/woodford-reserve-double-oaked.webp" width="360" height="640" alt="Bottle of Woodford Reserve Double Oaked, bourbon" loading="lazy" class="w-full h-72 sm:h-80 object-contain opacity-85 group-hover:opacity-100 group-hover:scale-105 transition-all duration-700" onerror="this.onerror=null; this.src='/images/bottles/bourbon.webp';">
            <div class="absolute top-4 left-4 bg-black/50 backdrop-blur-md px-3 py-1.5 text-[10px] uppercase tracking-[0.2em] text-bourbon-400 rounded-full border border-bourbon-500/20 font-semibold">Bourbon</div>
                        <div class="absolute inset-0 bg-black/40 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-center justify-center">
                <span class="bg-white/10 backdrop-blur-sm border border-white/20 px-6 py-2.5 rounded-full text-sm text-white font-medium uppercase tracking-wider transform translate-y-4 group-hover:translate-y-0 transition-transform duration-300">View Details</span>
            </div>
        </div>
        <div class="p-5">
                            <p class="text-[11px] uppercase tracking-[0.15em] text-bourbon-500/70 font-medium mb-1.5">Double Barreled</p>
                        <h3 class="text-lg font-display font-semibold text-stone-100 mb-1 line-clamp-2 group-hover:text-bourbon-300 transition-colors">Woodford Reserve Double Oaked</h3>
            <p class="text-xs text-stone-500 mb-3">Woodford Reserve Distillery</p>
            <div class="flex items-center gap-3 mb-4 text-[11px] text-stone-500">
                                    <span class="flex items-center gap-1">
                        <svg class="w-3 h-3 text-bourbon-600" fill="currentColor" viewBox="0 0 20 20"><path d="M12.395 2.553a1 1 0 00-1.45-.385c-.345.23-.614.558-.822.88-.214.33-.403.713-.57 1.116-.334.804-.614 1.768-.84 2.734a31.365 31.365 0 00-.613 3.58 2.64 2.64 0 01-.945-1.067c-.328-.68-.398-1.534-.398-2.654A1 1 0 005.05 6.05 6.981 6.981 0 003 11a7 7 0 1011.95-4.95c-.592-.591-.98-.985-1.348-1.467-.363-.476-.724-1.063-1.207-2.03zM12.12 15.12A3 3 0 017 13s.879.5 2.5.5c0-1 .5-4 1.25-4.5.5 1 .786 1.293 1.371 1.879A2.99 2.99 0 0113 13a2.99 2.99 0 01-.879 2.121z"/></svg>
                        90.4pf
                    </span>
                                            </div>
            <div class="flex items-end justify-between border-t border-white/5 pt-4">
                <div class="flex items-baseline gap-2">
                    <span class="text-2xl font-bold text-bourbon-400">$58.99</span>
                </div>
                <div class="flex flex-col items-end gap-1">
                    <span class="text-[10px] uppercase tracking-wider text-stone-400 font-medium">Min. 6 bottles</span>                                            <span class="text-[10px] uppercase tracking-wider text-stone-500 font-medium">Versailles, Kentucky</span>
                                    </div>
            </div>
        </div>
    </div>
</a>
                            <a href="/product/bourbon/old-forester-1920-prohibition-style" class="group block" id="product-12">
    <div class="glass rounded-2xl overflow-hidden card-hover">
        <div class="relative overflow-hidden bg-gradient-to-br from-stone-900 to-stone-950">
            <img src="/images/bottles/old-forester-1920-prohibition-style.webp" width="900" height="900" alt="Bottle of Old Forester 1920 Prohibition Style, bourbon" loading="lazy" class="w-full h-72 sm:h-80 object-contain opacity-85 group-hover:opacity-100 group-hover:scale-105 transition-all duration-700" onerror="this.onerror=null; this.src='/images/bottles/bourbon.webp';">
            <div class="absolute top-4 left-4 bg-black/50 backdrop-blur-md px-3 py-1.5 text-[10px] uppercase tracking-[0.2em] text-bourbon-400 rounded-full border border-bourbon-500/20 font-semibold">Bourbon</div>
                        <div class="absolute inset-0 bg-black/40 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-center justify-center">
                <span class="bg-white/10 backdrop-blur-sm border border-white/20 px-6 py-2.5 rounded-full text-sm text-white font-medium uppercase tracking-wider transform translate-y-4 group-hover:translate-y-0 transition-transform duration-300">View Details</span>
            </div>
        </div>
        <div class="p-5">
                            <p class="text-[11px] uppercase tracking-[0.15em] text-bourbon-500/70 font-medium mb-1.5">Barrel Strength</p>
                        <h3 class="text-lg font-display font-semibold text-stone-100 mb-1 line-clamp-2 group-hover:text-bourbon-300 transition-colors">Old Forester 1920 Prohibition Style</h3>
            <p class="text-xs text-stone-500 mb-3">Old Forester Distillery</p>
            <div class="flex items-center gap-3 mb-4 text-[11px] text-stone-500">
                                    <span class="flex items-center gap-1">
                        <svg class="w-3 h-3 text-bourbon-600" fill="currentColor" viewBox="0 0 20 20"><path d="M12.395 2.553a1 1 0 00-1.45-.385c-.345.23-.614.558-.822.88-.214.33-.403.713-.57 1.116-.334.804-.614 1.768-.84 2.734a31.365 31.365 0 00-.613 3.58 2.64 2.64 0 01-.945-1.067c-.328-.68-.398-1.534-.398-2.654A1 1 0 005.05 6.05 6.981 6.981 0 003 11a7 7 0 1011.95-4.95c-.592-.591-.98-.985-1.348-1.467-.363-.476-.724-1.063-1.207-2.03zM12.12 15.12A3 3 0 017 13s.879.5 2.5.5c0-1 .5-4 1.25-4.5.5 1 .786 1.293 1.371 1.879A2.99 2.99 0 0113 13a2.99 2.99 0 01-.879 2.121z"/></svg>
                        115pf
                    </span>
                                            </div>
            <div class="flex items-end justify-between border-t border-white/5 pt-4">
                <div class="flex items-baseline gap-2">
                    <span class="text-2xl font-bold text-bourbon-400">$59.99</span>
                </div>
                <div class="flex flex-col items-end gap-1">
                    <span class="text-[10px] uppercase tracking-wider text-stone-400 font-medium">Min. 6 bottles</span>                                            <span class="text-[10px] uppercase tracking-wider text-stone-500 font-medium">Louisville, Kentucky</span>
                                    </div>
            </div>
        </div>
    </div>
</a>
                    </div>
    </section>

    <!-- Categories Section -->
    <section class="py-20 relative overflow-hidden" aria-label="Browse by spirit category">
        <div class="absolute inset-0 bg-gradient-to-b from-transparent via-bourbon-950/20 to-transparent"></div>
        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative">
            <div class="text-center mb-16">
                <p class="text-bourbon-500 text-xs uppercase tracking-[0.3em] font-semibold mb-2">Browse by Spirit</p>
                <h2 class="text-3xl sm:text-4xl font-display font-bold text-white">Explore Categories</h2>
            </div>
            <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
                                <a href="/catalog/bourbon" class="group relative rounded-2xl overflow-hidden aspect-[3/4] card-hover" aria-label="Browse Bourbon collection">
                    <img src="/images/bottles/bourbon.webp" alt="Bourbon spirits collection" loading="lazy" class="absolute inset-0 w-full h-full object-cover group-hover:scale-110 transition-transform duration-700" onerror="this.src='/images/bottles/bourbon.webp'">
                    <div class="absolute inset-0 bg-gradient-to-t from-black/90 via-black/30 to-transparent"></div>
                    <div class="absolute bottom-0 left-0 right-0 p-4">
                        <h3 class="text-lg font-display font-bold text-white">Bourbon</h3>
                        <p class="text-xs text-stone-400">20 expressions</p>
                    </div>
                </a>
                                <a href="/catalog/scotch" class="group relative rounded-2xl overflow-hidden aspect-[3/4] card-hover" aria-label="Browse Scotch collection">
                    <img src="/images/bottles/scotch.webp" alt="Scotch spirits collection" loading="lazy" class="absolute inset-0 w-full h-full object-cover group-hover:scale-110 transition-transform duration-700" onerror="this.src='/images/bottles/bourbon.webp'">
                    <div class="absolute inset-0 bg-gradient-to-t from-black/90 via-black/30 to-transparent"></div>
                    <div class="absolute bottom-0 left-0 right-0 p-4">
                        <h3 class="text-lg font-display font-bold text-white">Scotch</h3>
                        <p class="text-xs text-stone-400">12 expressions</p>
                    </div>
                </a>
                                <a href="/catalog/champagne" class="group relative rounded-2xl overflow-hidden aspect-[3/4] card-hover" aria-label="Browse Champagne collection">
                    <img src="/images/bottles/dom-perignon-vintage-2013.webp" alt="Champagne spirits collection" loading="lazy" class="absolute inset-0 w-full h-full object-cover group-hover:scale-110 transition-transform duration-700" onerror="this.src='/images/bottles/bourbon.webp'">
                    <div class="absolute inset-0 bg-gradient-to-t from-black/90 via-black/30 to-transparent"></div>
                    <div class="absolute bottom-0 left-0 right-0 p-4">
                        <h3 class="text-lg font-display font-bold text-white">Champagne</h3>
                        <p class="text-xs text-stone-400">8 expressions</p>
                    </div>
                </a>
                                <a href="/catalog/fine-wine" class="group relative rounded-2xl overflow-hidden aspect-[3/4] card-hover" aria-label="Browse Fine Wine collection">
                    <img src="/images/bottles/chateau-lafite-rothschild-2018.webp" alt="Fine Wine spirits collection" loading="lazy" class="absolute inset-0 w-full h-full object-cover group-hover:scale-110 transition-transform duration-700" onerror="this.src='/images/bottles/bourbon.webp'">
                    <div class="absolute inset-0 bg-gradient-to-t from-black/90 via-black/30 to-transparent"></div>
                    <div class="absolute bottom-0 left-0 right-0 p-4">
                        <h3 class="text-lg font-display font-bold text-white">Fine Wine</h3>
                        <p class="text-xs text-stone-400">8 expressions</p>
                    </div>
                </a>
                                <a href="/catalog/tequila" class="group relative rounded-2xl overflow-hidden aspect-[3/4] card-hover" aria-label="Browse Tequila collection">
                    <img src="/images/bottles/don-julio-1942.webp" alt="Tequila spirits collection" loading="lazy" class="absolute inset-0 w-full h-full object-cover group-hover:scale-110 transition-transform duration-700" onerror="this.src='/images/bottles/bourbon.webp'">
                    <div class="absolute inset-0 bg-gradient-to-t from-black/90 via-black/30 to-transparent"></div>
                    <div class="absolute bottom-0 left-0 right-0 p-4">
                        <h3 class="text-lg font-display font-bold text-white">Tequila</h3>
                        <p class="text-xs text-stone-400">8 expressions</p>
                    </div>
                </a>
                                <a href="/catalog/japanese" class="group relative rounded-2xl overflow-hidden aspect-[3/4] card-hover" aria-label="Browse Japanese collection">
                    <img src="/images/bottles/japanese.webp" alt="Japanese spirits collection" loading="lazy" class="absolute inset-0 w-full h-full object-cover group-hover:scale-110 transition-transform duration-700" onerror="this.src='/images/bottles/bourbon.webp'">
                    <div class="absolute inset-0 bg-gradient-to-t from-black/90 via-black/30 to-transparent"></div>
                    <div class="absolute bottom-0 left-0 right-0 p-4">
                        <h3 class="text-lg font-display font-bold text-white">Japanese</h3>
                        <p class="text-xs text-stone-400">4 expressions</p>
                    </div>
                </a>
                                <a href="/catalog/irish" class="group relative rounded-2xl overflow-hidden aspect-[3/4] card-hover" aria-label="Browse Irish collection">
                    <img src="/images/bottles/irish.webp" alt="Irish spirits collection" loading="lazy" class="absolute inset-0 w-full h-full object-cover group-hover:scale-110 transition-transform duration-700" onerror="this.src='/images/bottles/bourbon.webp'">
                    <div class="absolute inset-0 bg-gradient-to-t from-black/90 via-black/30 to-transparent"></div>
                    <div class="absolute bottom-0 left-0 right-0 p-4">
                        <h3 class="text-lg font-display font-bold text-white">Irish</h3>
                        <p class="text-xs text-stone-400">5 expressions</p>
                    </div>
                </a>
                                <a href="/catalog/rye" class="group relative rounded-2xl overflow-hidden aspect-[3/4] card-hover" aria-label="Browse Rye collection">
                    <img src="/images/bottles/rye.webp" alt="Rye spirits collection" loading="lazy" class="absolute inset-0 w-full h-full object-cover group-hover:scale-110 transition-transform duration-700" onerror="this.src='/images/bottles/bourbon.webp'">
                    <div class="absolute inset-0 bg-gradient-to-t from-black/90 via-black/30 to-transparent"></div>
                    <div class="absolute bottom-0 left-0 right-0 p-4">
                        <h3 class="text-lg font-display font-bold text-white">Rye</h3>
                        <p class="text-xs text-stone-400">7 expressions</p>
                    </div>
                </a>
                                <a href="/catalog/tennessee" class="group relative rounded-2xl overflow-hidden aspect-[3/4] card-hover" aria-label="Browse Tennessee collection">
                    <img src="/images/bottles/tennessee.webp" alt="Tennessee spirits collection" loading="lazy" class="absolute inset-0 w-full h-full object-cover group-hover:scale-110 transition-transform duration-700" onerror="this.src='/images/bottles/bourbon.webp'">
                    <div class="absolute inset-0 bg-gradient-to-t from-black/90 via-black/30 to-transparent"></div>
                    <div class="absolute bottom-0 left-0 right-0 p-4">
                        <h3 class="text-lg font-display font-bold text-white">Tennessee</h3>
                        <p class="text-xs text-stone-400">2 expressions</p>
                    </div>
                </a>
                            </div>
        </div>
    </section>

    <!-- Latest Arrivals -->
    <section class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-20" aria-label="Latest arrivals">
        <div class="flex flex-col sm:flex-row justify-between items-start sm:items-end mb-12">
            <div>
                <p class="text-bourbon-500 text-xs uppercase tracking-[0.3em] font-semibold mb-2">Recently Added</p>
                <h2 class="text-3xl sm:text-4xl font-display font-bold text-white">Latest Arrivals</h2>
            </div>
            <a href="/catalog" class="mt-4 sm:mt-0 text-sm text-stone-500 hover:text-bourbon-400 transition-colors uppercase tracking-wider flex items-center gap-2">See More <svg class="w-4 h-4" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M17.25 8.25L21 12m0 0l-3.75 3.75M21 12H3"/></svg></a>
        </div>
        <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6">
                            <a href="/product/bourbon/blantons-original-single-barrel" class="group block" id="product-1">
    <div class="glass rounded-2xl overflow-hidden card-hover">
        <div class="relative overflow-hidden bg-gradient-to-br from-stone-900 to-stone-950">
            <img src="/images/bottles/blantons-original-single-barrel.webp" width="782" height="720" alt="Bottle of Blanton&#039;s Original Single Barrel, bourbon" loading="lazy" class="w-full h-72 sm:h-80 object-contain opacity-85 group-hover:opacity-100 group-hover:scale-105 transition-all duration-700" onerror="this.onerror=null; this.src='/images/bottles/bourbon.webp';">
            <div class="absolute top-4 left-4 bg-black/50 backdrop-blur-md px-3 py-1.5 text-[10px] uppercase tracking-[0.2em] text-bourbon-400 rounded-full border border-bourbon-500/20 font-semibold">Bourbon</div>
            <div class="absolute top-4 right-4 bg-black/50 backdrop-blur-md px-3 py-1.5 text-[10px] uppercase tracking-wider text-stone-300 rounded-full border border-white/10 font-semibold">Allocated</div>            <div class="absolute inset-0 bg-black/40 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-center justify-center">
                <span class="bg-white/10 backdrop-blur-sm border border-white/20 px-6 py-2.5 rounded-full text-sm text-white font-medium uppercase tracking-wider transform translate-y-4 group-hover:translate-y-0 transition-transform duration-300">View Details</span>
            </div>
        </div>
        <div class="p-5">
                            <p class="text-[11px] uppercase tracking-[0.15em] text-bourbon-500/70 font-medium mb-1.5">Single Barrel</p>
                        <h3 class="text-lg font-display font-semibold text-stone-100 mb-1 line-clamp-2 group-hover:text-bourbon-300 transition-colors">Blanton&#039;s Original Single Barrel</h3>
            <p class="text-xs text-stone-500 mb-3">Buffalo Trace Distillery</p>
            <div class="flex items-center gap-3 mb-4 text-[11px] text-stone-500">
                                    <span class="flex items-center gap-1">
                        <svg class="w-3 h-3 text-bourbon-600" fill="currentColor" viewBox="0 0 20 20"><path d="M12.395 2.553a1 1 0 00-1.45-.385c-.345.23-.614.558-.822.88-.214.33-.403.713-.57 1.116-.334.804-.614 1.768-.84 2.734a31.365 31.365 0 00-.613 3.58 2.64 2.64 0 01-.945-1.067c-.328-.68-.398-1.534-.398-2.654A1 1 0 005.05 6.05 6.981 6.981 0 003 11a7 7 0 1011.95-4.95c-.592-.591-.98-.985-1.348-1.467-.363-.476-.724-1.063-1.207-2.03zM12.12 15.12A3 3 0 017 13s.879.5 2.5.5c0-1 .5-4 1.25-4.5.5 1 .786 1.293 1.371 1.879A2.99 2.99 0 0113 13a2.99 2.99 0 01-.879 2.121z"/></svg>
                        93pf
                    </span>
                                            </div>
            <div class="flex items-end justify-between border-t border-white/5 pt-4">
                <div class="flex items-baseline gap-2">
                    <span class="text-2xl font-bold text-bourbon-400">$94.99</span>
                </div>
                <div class="flex flex-col items-end gap-1">
                    <span class="text-[10px] uppercase tracking-wider text-stone-400 font-medium">Min. 6 bottles</span>                                            <span class="text-[10px] uppercase tracking-wider text-stone-500 font-medium">Frankfort, Kentucky</span>
                                    </div>
            </div>
        </div>
    </div>
</a>
                            <a href="/product/bourbon/pappy-van-winkle-15-year" class="group block" id="product-2">
    <div class="glass rounded-2xl overflow-hidden card-hover">
        <div class="relative overflow-hidden bg-gradient-to-br from-stone-900 to-stone-950">
            <img src="/images/bottles/pappy-van-winkle-15-year.webp" width="600" height="600" alt="Bottle of Pappy Van Winkle 15 Year, bourbon" loading="lazy" class="w-full h-72 sm:h-80 object-contain opacity-85 group-hover:opacity-100 group-hover:scale-105 transition-all duration-700" onerror="this.onerror=null; this.src='/images/bottles/bourbon.webp';">
            <div class="absolute top-4 left-4 bg-black/50 backdrop-blur-md px-3 py-1.5 text-[10px] uppercase tracking-[0.2em] text-bourbon-400 rounded-full border border-bourbon-500/20 font-semibold">Bourbon</div>
            <div class="absolute top-4 right-4 bg-black/50 backdrop-blur-md px-3 py-1.5 text-[10px] uppercase tracking-wider text-stone-300 rounded-full border border-white/10 font-semibold">Allocated</div>            <div class="absolute inset-0 bg-black/40 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-center justify-center">
                <span class="bg-white/10 backdrop-blur-sm border border-white/20 px-6 py-2.5 rounded-full text-sm text-white font-medium uppercase tracking-wider transform translate-y-4 group-hover:translate-y-0 transition-transform duration-300">View Details</span>
            </div>
        </div>
        <div class="p-5">
                            <p class="text-[11px] uppercase tracking-[0.15em] text-bourbon-500/70 font-medium mb-1.5">Wheated Bourbon</p>
                        <h3 class="text-lg font-display font-semibold text-stone-100 mb-1 line-clamp-2 group-hover:text-bourbon-300 transition-colors">Pappy Van Winkle 15 Year</h3>
            <p class="text-xs text-stone-500 mb-3">Buffalo Trace Distillery</p>
            <div class="flex items-center gap-3 mb-4 text-[11px] text-stone-500">
                                    <span class="flex items-center gap-1">
                        <svg class="w-3 h-3 text-bourbon-600" fill="currentColor" viewBox="0 0 20 20"><path d="M12.395 2.553a1 1 0 00-1.45-.385c-.345.23-.614.558-.822.88-.214.33-.403.713-.57 1.116-.334.804-.614 1.768-.84 2.734a31.365 31.365 0 00-.613 3.58 2.64 2.64 0 01-.945-1.067c-.328-.68-.398-1.534-.398-2.654A1 1 0 005.05 6.05 6.981 6.981 0 003 11a7 7 0 1011.95-4.95c-.592-.591-.98-.985-1.348-1.467-.363-.476-.724-1.063-1.207-2.03zM12.12 15.12A3 3 0 017 13s.879.5 2.5.5c0-1 .5-4 1.25-4.5.5 1 .786 1.293 1.371 1.879A2.99 2.99 0 0113 13a2.99 2.99 0 01-.879 2.121z"/></svg>
                        107pf
                    </span>
                                                    <span>15 Years</span>
                            </div>
            <div class="flex items-end justify-between border-t border-white/5 pt-4">
                <div class="flex items-baseline gap-2">
                    <span class="text-2xl font-bold text-bourbon-400">$1,799.99</span>
                </div>
                <div class="flex flex-col items-end gap-1">
                                                                <span class="text-[10px] uppercase tracking-wider text-stone-500 font-medium">Frankfort, Kentucky</span>
                                    </div>
            </div>
        </div>
    </div>
</a>
                            <a href="/product/bourbon/buffalo-trace-kentucky-straight" class="group block" id="product-3">
    <div class="glass rounded-2xl overflow-hidden card-hover">
        <div class="relative overflow-hidden bg-gradient-to-br from-stone-900 to-stone-950">
            <img src="/images/bottles/buffalo-trace-kentucky-straight.webp" width="704" height="900" alt="Bottle of Buffalo Trace Kentucky Straight, bourbon" loading="lazy" class="w-full h-72 sm:h-80 object-contain opacity-85 group-hover:opacity-100 group-hover:scale-105 transition-all duration-700" onerror="this.onerror=null; this.src='/images/bottles/bourbon.webp';">
            <div class="absolute top-4 left-4 bg-black/50 backdrop-blur-md px-3 py-1.5 text-[10px] uppercase tracking-[0.2em] text-bourbon-400 rounded-full border border-bourbon-500/20 font-semibold">Bourbon</div>
                        <div class="absolute inset-0 bg-black/40 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-center justify-center">
                <span class="bg-white/10 backdrop-blur-sm border border-white/20 px-6 py-2.5 rounded-full text-sm text-white font-medium uppercase tracking-wider transform translate-y-4 group-hover:translate-y-0 transition-transform duration-300">View Details</span>
            </div>
        </div>
        <div class="p-5">
                            <p class="text-[11px] uppercase tracking-[0.15em] text-bourbon-500/70 font-medium mb-1.5">Straight Bourbon</p>
                        <h3 class="text-lg font-display font-semibold text-stone-100 mb-1 line-clamp-2 group-hover:text-bourbon-300 transition-colors">Buffalo Trace Kentucky Straight</h3>
            <p class="text-xs text-stone-500 mb-3">Buffalo Trace Distillery</p>
            <div class="flex items-center gap-3 mb-4 text-[11px] text-stone-500">
                                    <span class="flex items-center gap-1">
                        <svg class="w-3 h-3 text-bourbon-600" fill="currentColor" viewBox="0 0 20 20"><path d="M12.395 2.553a1 1 0 00-1.45-.385c-.345.23-.614.558-.822.88-.214.33-.403.713-.57 1.116-.334.804-.614 1.768-.84 2.734a31.365 31.365 0 00-.613 3.58 2.64 2.64 0 01-.945-1.067c-.328-.68-.398-1.534-.398-2.654A1 1 0 005.05 6.05 6.981 6.981 0 003 11a7 7 0 1011.95-4.95c-.592-.591-.98-.985-1.348-1.467-.363-.476-.724-1.063-1.207-2.03zM12.12 15.12A3 3 0 017 13s.879.5 2.5.5c0-1 .5-4 1.25-4.5.5 1 .786 1.293 1.371 1.879A2.99 2.99 0 0113 13a2.99 2.99 0 01-.879 2.121z"/></svg>
                        90pf
                    </span>
                                            </div>
            <div class="flex items-end justify-between border-t border-white/5 pt-4">
                <div class="flex items-baseline gap-2">
                    <span class="text-2xl font-bold text-bourbon-400">$31.99</span>
                </div>
                <div class="flex flex-col items-end gap-1">
                    <span class="text-[10px] uppercase tracking-wider text-stone-400 font-medium">Min. 6 bottles</span>                                            <span class="text-[10px] uppercase tracking-wider text-stone-500 font-medium">Frankfort, Kentucky</span>
                                    </div>
            </div>
        </div>
    </div>
</a>
                            <a href="/product/bourbon/eagle-rare-10-year" class="group block" id="product-4">
    <div class="glass rounded-2xl overflow-hidden card-hover">
        <div class="relative overflow-hidden bg-gradient-to-br from-stone-900 to-stone-950">
            <img src="/images/bottles/eagle-rare-10-year.webp" width="540" height="720" alt="Bottle of Eagle Rare 10 Year, bourbon" loading="lazy" class="w-full h-72 sm:h-80 object-contain opacity-85 group-hover:opacity-100 group-hover:scale-105 transition-all duration-700" onerror="this.onerror=null; this.src='/images/bottles/bourbon.webp';">
            <div class="absolute top-4 left-4 bg-black/50 backdrop-blur-md px-3 py-1.5 text-[10px] uppercase tracking-[0.2em] text-bourbon-400 rounded-full border border-bourbon-500/20 font-semibold">Bourbon</div>
            <div class="absolute top-4 right-4 bg-black/50 backdrop-blur-md px-3 py-1.5 text-[10px] uppercase tracking-wider text-stone-300 rounded-full border border-white/10 font-semibold">Allocated</div>            <div class="absolute inset-0 bg-black/40 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-center justify-center">
                <span class="bg-white/10 backdrop-blur-sm border border-white/20 px-6 py-2.5 rounded-full text-sm text-white font-medium uppercase tracking-wider transform translate-y-4 group-hover:translate-y-0 transition-transform duration-300">View Details</span>
            </div>
        </div>
        <div class="p-5">
                            <p class="text-[11px] uppercase tracking-[0.15em] text-bourbon-500/70 font-medium mb-1.5">Single Barrel</p>
                        <h3 class="text-lg font-display font-semibold text-stone-100 mb-1 line-clamp-2 group-hover:text-bourbon-300 transition-colors">Eagle Rare 10 Year</h3>
            <p class="text-xs text-stone-500 mb-3">Buffalo Trace Distillery</p>
            <div class="flex items-center gap-3 mb-4 text-[11px] text-stone-500">
                                    <span class="flex items-center gap-1">
                        <svg class="w-3 h-3 text-bourbon-600" fill="currentColor" viewBox="0 0 20 20"><path d="M12.395 2.553a1 1 0 00-1.45-.385c-.345.23-.614.558-.822.88-.214.33-.403.713-.57 1.116-.334.804-.614 1.768-.84 2.734a31.365 31.365 0 00-.613 3.58 2.64 2.64 0 01-.945-1.067c-.328-.68-.398-1.534-.398-2.654A1 1 0 005.05 6.05 6.981 6.981 0 003 11a7 7 0 1011.95-4.95c-.592-.591-.98-.985-1.348-1.467-.363-.476-.724-1.063-1.207-2.03zM12.12 15.12A3 3 0 017 13s.879.5 2.5.5c0-1 .5-4 1.25-4.5.5 1 .786 1.293 1.371 1.879A2.99 2.99 0 0113 13a2.99 2.99 0 01-.879 2.121z"/></svg>
                        90pf
                    </span>
                                                    <span>10 Years</span>
                            </div>
            <div class="flex items-end justify-between border-t border-white/5 pt-4">
                <div class="flex items-baseline gap-2">
                    <span class="text-2xl font-bold text-bourbon-400">$44.99</span>
                </div>
                <div class="flex flex-col items-end gap-1">
                    <span class="text-[10px] uppercase tracking-wider text-stone-400 font-medium">Min. 6 bottles</span>                                            <span class="text-[10px] uppercase tracking-wider text-stone-500 font-medium">Frankfort, Kentucky</span>
                                    </div>
            </div>
        </div>
    </div>
</a>
                            <a href="/product/bourbon/weller-special-reserve" class="group block" id="product-5">
    <div class="glass rounded-2xl overflow-hidden card-hover">
        <div class="relative overflow-hidden bg-gradient-to-br from-stone-900 to-stone-950">
            <img src="/images/bottles/weller-special-reserve.webp" width="900" height="900" alt="Bottle of Weller Special Reserve, bourbon" loading="lazy" class="w-full h-72 sm:h-80 object-contain opacity-85 group-hover:opacity-100 group-hover:scale-105 transition-all duration-700" onerror="this.onerror=null; this.src='/images/bottles/bourbon.webp';">
            <div class="absolute top-4 left-4 bg-black/50 backdrop-blur-md px-3 py-1.5 text-[10px] uppercase tracking-[0.2em] text-bourbon-400 rounded-full border border-bourbon-500/20 font-semibold">Bourbon</div>
            <div class="absolute top-4 right-4 bg-black/50 backdrop-blur-md px-3 py-1.5 text-[10px] uppercase tracking-wider text-stone-300 rounded-full border border-white/10 font-semibold">Allocated</div>            <div class="absolute inset-0 bg-black/40 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-center justify-center">
                <span class="bg-white/10 backdrop-blur-sm border border-white/20 px-6 py-2.5 rounded-full text-sm text-white font-medium uppercase tracking-wider transform translate-y-4 group-hover:translate-y-0 transition-transform duration-300">View Details</span>
            </div>
        </div>
        <div class="p-5">
                            <p class="text-[11px] uppercase tracking-[0.15em] text-bourbon-500/70 font-medium mb-1.5">Wheated Bourbon</p>
                        <h3 class="text-lg font-display font-semibold text-stone-100 mb-1 line-clamp-2 group-hover:text-bourbon-300 transition-colors">Weller Special Reserve</h3>
            <p class="text-xs text-stone-500 mb-3">Buffalo Trace Distillery</p>
            <div class="flex items-center gap-3 mb-4 text-[11px] text-stone-500">
                                    <span class="flex items-center gap-1">
                        <svg class="w-3 h-3 text-bourbon-600" fill="currentColor" viewBox="0 0 20 20"><path d="M12.395 2.553a1 1 0 00-1.45-.385c-.345.23-.614.558-.822.88-.214.33-.403.713-.57 1.116-.334.804-.614 1.768-.84 2.734a31.365 31.365 0 00-.613 3.58 2.64 2.64 0 01-.945-1.067c-.328-.68-.398-1.534-.398-2.654A1 1 0 005.05 6.05 6.981 6.981 0 003 11a7 7 0 1011.95-4.95c-.592-.591-.98-.985-1.348-1.467-.363-.476-.724-1.063-1.207-2.03zM12.12 15.12A3 3 0 017 13s.879.5 2.5.5c0-1 .5-4 1.25-4.5.5 1 .786 1.293 1.371 1.879A2.99 2.99 0 0113 13a2.99 2.99 0 01-.879 2.121z"/></svg>
                        90pf
                    </span>
                                            </div>
            <div class="flex items-end justify-between border-t border-white/5 pt-4">
                <div class="flex items-baseline gap-2">
                    <span class="text-2xl font-bold text-bourbon-400">$44.99</span>
                </div>
                <div class="flex flex-col items-end gap-1">
                    <span class="text-[10px] uppercase tracking-wider text-stone-400 font-medium">Min. 6 bottles</span>                                            <span class="text-[10px] uppercase tracking-wider text-stone-500 font-medium">Frankfort, Kentucky</span>
                                    </div>
            </div>
        </div>
    </div>
</a>
                            <a href="/product/bourbon/eh-taylor-small-batch" class="group block" id="product-6">
    <div class="glass rounded-2xl overflow-hidden card-hover">
        <div class="relative overflow-hidden bg-gradient-to-br from-stone-900 to-stone-950">
            <img src="/images/bottles/eh-taylor-small-batch.webp" width="900" height="900" alt="Bottle of E.H. Taylor Small Batch, bourbon" loading="lazy" class="w-full h-72 sm:h-80 object-contain opacity-85 group-hover:opacity-100 group-hover:scale-105 transition-all duration-700" onerror="this.onerror=null; this.src='/images/bottles/bourbon.webp';">
            <div class="absolute top-4 left-4 bg-black/50 backdrop-blur-md px-3 py-1.5 text-[10px] uppercase tracking-[0.2em] text-bourbon-400 rounded-full border border-bourbon-500/20 font-semibold">Bourbon</div>
            <div class="absolute top-4 right-4 bg-black/50 backdrop-blur-md px-3 py-1.5 text-[10px] uppercase tracking-wider text-stone-300 rounded-full border border-white/10 font-semibold">Allocated</div>            <div class="absolute inset-0 bg-black/40 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-center justify-center">
                <span class="bg-white/10 backdrop-blur-sm border border-white/20 px-6 py-2.5 rounded-full text-sm text-white font-medium uppercase tracking-wider transform translate-y-4 group-hover:translate-y-0 transition-transform duration-300">View Details</span>
            </div>
        </div>
        <div class="p-5">
                            <p class="text-[11px] uppercase tracking-[0.15em] text-bourbon-500/70 font-medium mb-1.5">Bottled-in-Bond</p>
                        <h3 class="text-lg font-display font-semibold text-stone-100 mb-1 line-clamp-2 group-hover:text-bourbon-300 transition-colors">E.H. Taylor Small Batch</h3>
            <p class="text-xs text-stone-500 mb-3">Buffalo Trace Distillery</p>
            <div class="flex items-center gap-3 mb-4 text-[11px] text-stone-500">
                                    <span class="flex items-center gap-1">
                        <svg class="w-3 h-3 text-bourbon-600" fill="currentColor" viewBox="0 0 20 20"><path d="M12.395 2.553a1 1 0 00-1.45-.385c-.345.23-.614.558-.822.88-.214.33-.403.713-.57 1.116-.334.804-.614 1.768-.84 2.734a31.365 31.365 0 00-.613 3.58 2.64 2.64 0 01-.945-1.067c-.328-.68-.398-1.534-.398-2.654A1 1 0 005.05 6.05 6.981 6.981 0 003 11a7 7 0 1011.95-4.95c-.592-.591-.98-.985-1.348-1.467-.363-.476-.724-1.063-1.207-2.03zM12.12 15.12A3 3 0 017 13s.879.5 2.5.5c0-1 .5-4 1.25-4.5.5 1 .786 1.293 1.371 1.879A2.99 2.99 0 0113 13a2.99 2.99 0 01-.879 2.121z"/></svg>
                        100pf
                    </span>
                                            </div>
            <div class="flex items-end justify-between border-t border-white/5 pt-4">
                <div class="flex items-baseline gap-2">
                    <span class="text-2xl font-bold text-bourbon-400">$79.99</span>
                </div>
                <div class="flex flex-col items-end gap-1">
                    <span class="text-[10px] uppercase tracking-wider text-stone-400 font-medium">Min. 6 bottles</span>                                            <span class="text-[10px] uppercase tracking-wider text-stone-500 font-medium">Frankfort, Kentucky</span>
                                    </div>
            </div>
        </div>
    </div>
</a>
                            <a href="/product/bourbon/makers-mark-46" class="group block" id="product-7">
    <div class="glass rounded-2xl overflow-hidden card-hover">
        <div class="relative overflow-hidden bg-gradient-to-br from-stone-900 to-stone-950">
            <img src="/images/bottles/makers-mark-46.webp" width="400" height="400" alt="Bottle of Maker&#039;s Mark 46, bourbon" loading="lazy" class="w-full h-72 sm:h-80 object-contain opacity-85 group-hover:opacity-100 group-hover:scale-105 transition-all duration-700" onerror="this.onerror=null; this.src='/images/bottles/bourbon.webp';">
            <div class="absolute top-4 left-4 bg-black/50 backdrop-blur-md px-3 py-1.5 text-[10px] uppercase tracking-[0.2em] text-bourbon-400 rounded-full border border-bourbon-500/20 font-semibold">Bourbon</div>
                        <div class="absolute inset-0 bg-black/40 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-center justify-center">
                <span class="bg-white/10 backdrop-blur-sm border border-white/20 px-6 py-2.5 rounded-full text-sm text-white font-medium uppercase tracking-wider transform translate-y-4 group-hover:translate-y-0 transition-transform duration-300">View Details</span>
            </div>
        </div>
        <div class="p-5">
                            <p class="text-[11px] uppercase tracking-[0.15em] text-bourbon-500/70 font-medium mb-1.5">Wheated Bourbon</p>
                        <h3 class="text-lg font-display font-semibold text-stone-100 mb-1 line-clamp-2 group-hover:text-bourbon-300 transition-colors">Maker&#039;s Mark 46</h3>
            <p class="text-xs text-stone-500 mb-3">Maker&#039;s Mark Distillery</p>
            <div class="flex items-center gap-3 mb-4 text-[11px] text-stone-500">
                                    <span class="flex items-center gap-1">
                        <svg class="w-3 h-3 text-bourbon-600" fill="currentColor" viewBox="0 0 20 20"><path d="M12.395 2.553a1 1 0 00-1.45-.385c-.345.23-.614.558-.822.88-.214.33-.403.713-.57 1.116-.334.804-.614 1.768-.84 2.734a31.365 31.365 0 00-.613 3.58 2.64 2.64 0 01-.945-1.067c-.328-.68-.398-1.534-.398-2.654A1 1 0 005.05 6.05 6.981 6.981 0 003 11a7 7 0 1011.95-4.95c-.592-.591-.98-.985-1.348-1.467-.363-.476-.724-1.063-1.207-2.03zM12.12 15.12A3 3 0 017 13s.879.5 2.5.5c0-1 .5-4 1.25-4.5.5 1 .786 1.293 1.371 1.879A2.99 2.99 0 0113 13a2.99 2.99 0 01-.879 2.121z"/></svg>
                        94pf
                    </span>
                                            </div>
            <div class="flex items-end justify-between border-t border-white/5 pt-4">
                <div class="flex items-baseline gap-2">
                    <span class="text-2xl font-bold text-bourbon-400">$41.99</span>
                </div>
                <div class="flex flex-col items-end gap-1">
                    <span class="text-[10px] uppercase tracking-wider text-stone-400 font-medium">Min. 6 bottles</span>                                            <span class="text-[10px] uppercase tracking-wider text-stone-500 font-medium">Loretto, Kentucky</span>
                                    </div>
            </div>
        </div>
    </div>
</a>
                            <a href="/product/bourbon/woodford-reserve-double-oaked" class="group block" id="product-8">
    <div class="glass rounded-2xl overflow-hidden card-hover">
        <div class="relative overflow-hidden bg-gradient-to-br from-stone-900 to-stone-950">
            <img src="/images/bottles/woodford-reserve-double-oaked.webp" width="360" height="640" alt="Bottle of Woodford Reserve Double Oaked, bourbon" loading="lazy" class="w-full h-72 sm:h-80 object-contain opacity-85 group-hover:opacity-100 group-hover:scale-105 transition-all duration-700" onerror="this.onerror=null; this.src='/images/bottles/bourbon.webp';">
            <div class="absolute top-4 left-4 bg-black/50 backdrop-blur-md px-3 py-1.5 text-[10px] uppercase tracking-[0.2em] text-bourbon-400 rounded-full border border-bourbon-500/20 font-semibold">Bourbon</div>
                        <div class="absolute inset-0 bg-black/40 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-center justify-center">
                <span class="bg-white/10 backdrop-blur-sm border border-white/20 px-6 py-2.5 rounded-full text-sm text-white font-medium uppercase tracking-wider transform translate-y-4 group-hover:translate-y-0 transition-transform duration-300">View Details</span>
            </div>
        </div>
        <div class="p-5">
                            <p class="text-[11px] uppercase tracking-[0.15em] text-bourbon-500/70 font-medium mb-1.5">Double Barreled</p>
                        <h3 class="text-lg font-display font-semibold text-stone-100 mb-1 line-clamp-2 group-hover:text-bourbon-300 transition-colors">Woodford Reserve Double Oaked</h3>
            <p class="text-xs text-stone-500 mb-3">Woodford Reserve Distillery</p>
            <div class="flex items-center gap-3 mb-4 text-[11px] text-stone-500">
                                    <span class="flex items-center gap-1">
                        <svg class="w-3 h-3 text-bourbon-600" fill="currentColor" viewBox="0 0 20 20"><path d="M12.395 2.553a1 1 0 00-1.45-.385c-.345.23-.614.558-.822.88-.214.33-.403.713-.57 1.116-.334.804-.614 1.768-.84 2.734a31.365 31.365 0 00-.613 3.58 2.64 2.64 0 01-.945-1.067c-.328-.68-.398-1.534-.398-2.654A1 1 0 005.05 6.05 6.981 6.981 0 003 11a7 7 0 1011.95-4.95c-.592-.591-.98-.985-1.348-1.467-.363-.476-.724-1.063-1.207-2.03zM12.12 15.12A3 3 0 017 13s.879.5 2.5.5c0-1 .5-4 1.25-4.5.5 1 .786 1.293 1.371 1.879A2.99 2.99 0 0113 13a2.99 2.99 0 01-.879 2.121z"/></svg>
                        90.4pf
                    </span>
                                            </div>
            <div class="flex items-end justify-between border-t border-white/5 pt-4">
                <div class="flex items-baseline gap-2">
                    <span class="text-2xl font-bold text-bourbon-400">$58.99</span>
                </div>
                <div class="flex flex-col items-end gap-1">
                    <span class="text-[10px] uppercase tracking-wider text-stone-400 font-medium">Min. 6 bottles</span>                                            <span class="text-[10px] uppercase tracking-wider text-stone-500 font-medium">Versailles, Kentucky</span>
                                    </div>
            </div>
        </div>
    </div>
</a>
                    </div>
    </section>

    <!-- Authority Content -->
    <section class="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 py-20" aria-label="About buying premium spirits online">
        <div class="text-center mb-12">
            <p class="text-bourbon-500 text-xs uppercase tracking-[0.3em] font-semibold mb-2">Expert Insights</p>
            <h2 class="text-3xl sm:text-4xl font-display font-bold text-white">Why Collectors Trust B&W Reserve</h2>
        </div>
        <div class="glass rounded-3xl p-8 sm:p-12 space-y-6">
            <p class="text-stone-300 leading-relaxed text-base">Premium Bourbon & Whiskey Co. is a curated online spirits marketplace specializing in rare and allocated bottles from the world's most prestigious distilleries. Our inventory includes highly sought-after expressions such as <strong class="text-bourbon-300">Pappy Van Winkle 15 Year</strong>, <strong class="text-bourbon-300">George T. Stagg</strong>, <strong class="text-bourbon-300">Dom Pérignon Vintage 2013</strong>, <strong class="text-bourbon-300">Château Lafite Rothschild 2018</strong>, and <strong class="text-bourbon-300">Yamazaki 12 Year</strong>.</p>
            <p class="text-stone-300 leading-relaxed text-base">Each listing carries the detail collectors actually check before buying: distillery, region of origin, age statement, ABV and proof, plus separate nose, palate and finish notes.</p>
            <p class="text-stone-300 leading-relaxed text-base">Prices are set in line with current US retail for each expression. Allocated bottles are priced at what they actually sell for where they are in stock, and each of those listings says so, alongside the distillery's suggested retail. Deliveries of alcohol require an adult signature on receipt.</p>
            <p class="text-stone-300 leading-relaxed text-base">Whether you are a bourbon collector seeking allocated Buffalo Trace releases, a Scotch enthusiast looking for single cask Islay expressions, or a wine connoisseur shopping for first-growth Bordeaux vintages, our curated catalog covers nine categories of premium spirits.</p>
        </div>
    </section>

    <!-- CTA Banner -->
    <section class="mx-4 sm:mx-6 lg:mx-8 mb-20" aria-label="Newsletter signup">
        <div class="max-w-7xl mx-auto glass rounded-3xl overflow-hidden relative">
            <div class="absolute inset-0 bg-gradient-to-r from-bourbon-950/90 to-transparent"></div>
            <div class="relative flex flex-col lg:flex-row items-center">
                <div class="p-10 lg:p-16 lg:w-1/2">
                    <p class="text-bourbon-500 text-xs uppercase tracking-[0.3em] font-semibold mb-4">The Full Reserve</p>
                    <h2 class="text-3xl sm:text-4xl font-display font-bold text-white mb-4">Nine Categories, One Catalogue</h2>
                    <p class="text-stone-400 mb-8 leading-relaxed">Bourbon, Tennessee, rye, Scotch, Irish and Japanese whisky, champagne, fine wine and tequila &mdash; each with full tasting notes and provenance detail.</p>
                    <div class="flex flex-col sm:flex-row gap-3">
                        <a href="/catalog" class="btn-primary px-6 py-3.5 rounded-xl text-sm font-semibold uppercase tracking-wider text-white whitespace-nowrap inline-block text-center">Browse the Catalogue</a>
                        <a href="/tasting-notes" class="px-6 py-3.5 rounded-xl text-sm font-semibold uppercase tracking-wider text-stone-300 border border-white/10 hover:border-bourbon-500/30 hover:text-bourbon-400 transition-all inline-block text-center">Tasting Guides</a>
                    </div>
                </div>
                <div class="lg:w-1/2 h-64 lg:h-auto lg:self-stretch">
                    <img src="/images/bottles/bourbon.webp" alt="Bourbon bottle representing the wider B&amp;W Reserve catalogue" loading="lazy" class="w-full h-full object-cover opacity-60">
                </div>
            </div>
        </div>
    </section>

</main>

<!-- Footer -->
<footer class="border-t border-white/5 mt-auto">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-16">
        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-12">
            <div class="lg:col-span-1">
                <a href="/" class="inline-flex items-center gap-3 mb-5">
                    <div class="w-10 h-10 rounded-full bg-gradient-to-br from-bourbon-500 to-bourbon-700 flex items-center justify-center shadow-md shadow-bourbon-500/20">
                        <svg class="w-5 h-5 text-white" fill="currentColor" viewBox="0 0 24 24"><path d="M7 2v2h1v1.5c0 2.21 1.79 4 4 4s4-1.79 4-4V4h1V2H7zm5 6c-1.1 0-2-.9-2-2V4h4v2c0 1.1-.9 2-2 2zM5 12v9a1 1 0 001 1h12a1 1 0 001-1v-9H5zm4 7H7v-5h2v5zm4 0h-2v-5h2v5zm4 0h-2v-5h2v5z"/></svg>
                    </div>
                    <span class="text-lg font-display font-bold text-bourbon-400">B&amp;W Reserve</span>
                </a>
                <p class="text-sm text-stone-500 leading-relaxed mb-5">A curated reserve of extraordinary bourbons, scotches, champagnes, fine wines and rare whiskeys.</p>
                <div class="space-y-2.5 text-xs text-stone-400">
                    <div class="text-stone-300 font-semibold tracking-wide">Premium Bourbon &amp; Whiskey Co., LLC</div>
                    <div class="flex items-start gap-2.5">
                        <svg class="w-4 h-4 text-bourbon-500 shrink-0 mt-0.5" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M15 10.5a3 3 0 11-6 0 3 3 0 016 0z"/><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1115 0z"/></svg>
                        <span>1420 W Kettleman Ln, Suite D<br>Lodi, CA 95242</span>
                    </div>
                    <div class="flex items-center gap-2.5">
                        <svg class="w-4 h-4 text-bourbon-500 shrink-0" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M2.25 6.75c0 8.284 6.716 15 15 15h2.25a2.25 2.25 0 002.25-2.25v-1.372c0-.516-.351-.966-.852-1.091l-4.423-1.106c-.44-.11-.902.055-1.173.417l-.97 1.293c-.282.376-.769.542-1.21.38a12.035 12.035 0 01-7.143-7.143c-.162-.441.004-.928.38-1.21l1.293-.97c.363-.271.527-.734.417-1.173L6.963 3.102a1.125 1.125 0 00-1.091-.852H4.5A2.25 2.25 0 002.25 4.5v2.25z"/></svg>
                        <a href="tel:+12092642179" class="text-stone-300 hover:text-bourbon-400 transition-colors font-medium">(209) 264-2179</a>
                    </div>
                    <div class="flex items-center gap-2.5">
                        <svg class="w-4 h-4 text-bourbon-500 shrink-0" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M21.75 6.75v10.5a2.25 2.25 0 01-2.25 2.25h-15a2.25 2.25 0 01-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0019.5 4.5h-15a2.25 2.25 0 00-2.25 2.25m19.5 0v.243a2.25 2.25 0 01-1.07 1.916l-7.5 4.615a2.25 2.25 0 01-2.36 0L3.32 8.91a2.25 2.25 0 01-1.07-1.916V6.75"/></svg>
                        <a href="/cdn-cgi/l/email-protection#f182909d9482b1938483939e9f909f9582819883988582929edf929e9c" class="text-stone-300 hover:text-bourbon-400 transition-colors"><span class="__cf_email__" data-cfemail="592a38353c2a193b2c2b3b363738373d2a29302b302d2a3a36773a3634">[email&#160;protected]</span></a>
                    </div>
                </div>
            </div>
            <div>
                <h4 class="text-sm font-semibold uppercase tracking-[0.2em] text-stone-300 mb-6">Explore</h4>
                <ul class="space-y-3">
                    <li><a href="/catalog" class="text-sm text-stone-500 hover:text-bourbon-400 transition-colors">Full Catalog</a></li>
                    <li><a href="/catalog/bourbon" class="text-sm text-stone-500 hover:text-bourbon-400 transition-colors">Bourbon Collection</a></li>
                    <li><a href="/catalog/scotch" class="text-sm text-stone-500 hover:text-bourbon-400 transition-colors">Scotch Whisky</a></li>
                    <li><a href="/catalog/champagne" class="text-sm text-stone-500 hover:text-bourbon-400 transition-colors">Champagne</a></li>
                    <li><a href="/catalog/fine-wine" class="text-sm text-stone-500 hover:text-bourbon-400 transition-colors">Fine Wine</a></li>
                    <li><a href="/catalog/tequila" class="text-sm text-stone-500 hover:text-bourbon-400 transition-colors">Premium Tequila</a></li>
                    <li><a href="/catalog/japanese" class="text-sm text-stone-500 hover:text-bourbon-400 transition-colors">Japanese Whisky</a></li>
                    <li><a href="/catalog/rye" class="text-sm text-stone-500 hover:text-bourbon-400 transition-colors">Rye Whiskey</a></li>
                </ul>
            </div>
            <div>
                <h4 class="text-sm font-semibold uppercase tracking-[0.2em] text-stone-300 mb-6">Resources</h4>
                <ul class="space-y-3">
                    <li><a href="/tasting-notes" class="text-sm text-stone-500 hover:text-bourbon-400 transition-colors">Tasting Notes</a></li>
                    <li><a href="/heritage" class="text-sm text-stone-500 hover:text-bourbon-400 transition-colors">Our Heritage</a></li>
                    <li><a href="/shipping" class="text-sm text-stone-500 hover:text-bourbon-400 transition-colors">Shipping Policy</a></li>
                    <li><a href="/returns" class="text-sm text-stone-500 hover:text-bourbon-400 transition-colors">Return Policy</a></li>
                    <li><a href="/faq" class="text-sm text-stone-500 hover:text-bourbon-400 transition-colors">FAQ</a></li>
                </ul>
            </div>
            <div>
                <h4 class="text-sm font-semibold uppercase tracking-[0.2em] text-stone-300 mb-6">Client Services &amp; Rules</h4>
                <ul class="space-y-3 text-sm text-stone-500">
                    <li class="text-stone-400">
                        <strong class="text-stone-300 block text-xs uppercase tracking-wider mb-1">Direct Inquiries</strong>
                        <a href="tel:+12092642179" class="text-bourbon-400 hover:underline font-mono text-sm font-medium">(209) 264-2179</a>
                    </li>
                    <li class="text-xs text-stone-400 leading-relaxed">
                        <strong class="text-stone-300 block uppercase tracking-wider mb-0.5">Concierge Hours</strong>
                        Monday &ndash; Friday: 8:00 AM &ndash; 6:00 PM PT<br>
                        Saturday: 9:00 AM &ndash; 3:00 PM PT
                    </li>
                    <li class="text-xs text-stone-500 pt-1 border-t border-white/5">
                        Deliveries strictly require an adult signature (21+) with valid government-issued photo ID.
                    </li>
                </ul>
            </div>
        </div>

        <!-- State & Federal Compliance and Liquor Licensing -->
        <div class="border-t border-white/5 mt-12 pt-8">
            <div class="grid grid-cols-1 md:grid-cols-3 gap-4 mb-6">
                <div class="glass rounded-xl p-4 border border-white/5 flex items-start gap-3">
                    <div class="w-8 h-8 rounded-lg bg-bourbon-950/60 border border-bourbon-500/20 flex items-center justify-center shrink-0 mt-0.5">
                        <svg class="w-4 h-4 text-bourbon-400" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75L11.25 15 15 9.75m-3-7.036A11.959 11.959 0 013.598 6 11.99 11.99 0 003 9.749c0 5.592 3.824 10.29 9 11.623 5.176-1.332 9-6.03 9-11.622 0-1.31-.21-2.571-.598-3.751h-.152c-3.196 0-6.1-1.248-8.25-3.285z"/></svg>
                    </div>
                    <div>
                        <div class="text-[11px] uppercase tracking-wider text-stone-400 font-semibold">State Liquor License</div>
                        <div class="text-xs font-mono text-bourbon-400 font-semibold mt-0.5">CA ABC Lic. #618492 (Type 21 — Off-Sale General)</div>
                        <div class="text-[11px] text-stone-500 mt-0.5">California Department of Alcoholic Beverage Control</div>
                    </div>
                </div>
                <div class="glass rounded-xl p-4 border border-white/5 flex items-start gap-3">
                    <div class="w-8 h-8 rounded-lg bg-bourbon-950/60 border border-bourbon-500/20 flex items-center justify-center shrink-0 mt-0.5">
                        <svg class="w-4 h-4 text-bourbon-400" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M12 21v-8.25M15.75 21v-8.25M8.25 21v-8.25M3 9l9-6 9 6m-1.5 12V10.333A2.25 2.25 0 0018 8.25H6a2.25 2.25 0 00-2.25 2.083V21"/></svg>
                    </div>
                    <div>
                        <div class="text-[11px] uppercase tracking-wider text-stone-400 font-semibold">Federal Basic Permit</div>
                        <div class="text-xs font-mono text-bourbon-400 font-semibold mt-0.5">TTB Basic Permit #CA-P-15822</div>
                        <div class="text-[11px] text-stone-500 mt-0.5">Alcohol and Tobacco Tax and Trade Bureau (TTB)</div>
                    </div>
                </div>
                <div class="glass rounded-xl p-4 border border-white/5 flex items-start gap-3">
                    <div class="w-8 h-8 rounded-lg bg-bourbon-950/60 border border-bourbon-500/20 flex items-center justify-center shrink-0 mt-0.5">
                        <svg class="w-4 h-4 text-bourbon-400" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 14.25v-2.625a3.375 3.375 0 00-3.375-3.375h-1.5A1.125 1.125 0 0113.5 7.125v-1.5a3.375 3.375 0 00-3.375-3.375H8.25m0 12.75h7.5m-7.5 3H12M10.5 2.25H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 00-9-9z"/></svg>
                    </div>
                    <div>
                        <div class="text-[11px] uppercase tracking-wider text-stone-400 font-semibold">State Tax Registration</div>
                        <div class="text-xs font-mono text-bourbon-400 font-semibold mt-0.5">CDTFA Permit #103-948215</div>
                        <div class="text-[11px] text-stone-500 mt-0.5">California Dept. of Tax &amp; Fee Administration</div>
                    </div>
                </div>
            </div>

            <div class="glass rounded-2xl p-5 border border-white/5 text-[11px] text-stone-400 leading-relaxed space-y-2 mb-8">
                <p>
                    <strong class="text-stone-300">Licensing &amp; Fulfillment Notice:</strong>
                    All alcoholic beverage sales, orders, and shipments are processed and fulfilled exclusively by licensed retail licensee <strong class="text-stone-300">Premium Bourbon &amp; Whiskey Co., LLC</strong> (d/b/a B&amp;W Reserve) operating under California Department of Alcoholic Beverage Control (ABC) License #618492. Physical premises located at 1420 W Kettleman Ln, Suite D, Lodi, CA 95242. By submitting an order, you certify that you and the recipient are at least 21 years of age. All deliveries require government-issued photo ID and adult physical signature.
                </p>
                <p>
                    <strong class="text-stone-300">Government Warning (27 CFR &sect; 16.21):</strong>
                    (1) According to the Surgeon General, women should not drink alcoholic beverages during pregnancy because of the risk of birth defects. (2) Consumption of alcoholic beverages impairs your ability to drive a car or operate machinery, and may cause health problems.
                </p>
            </div>
        </div>

        <div class="border-t border-white/5 pt-8 flex flex-col md:flex-row justify-between items-center gap-4">
            <p class="text-xs text-stone-600">&copy; 2026 Premium Bourbon &amp; Whiskey Co., LLC. All rights reserved. Must be 21+ to purchase.</p>
            <div class="flex flex-wrap items-center gap-6 text-xs text-stone-500">
                <a href="/shipping" class="hover:text-bourbon-400 transition-colors">Shipping Policy</a>
                <a href="/returns" class="hover:text-bourbon-400 transition-colors">Return Policy</a>
                <a href="/faq" class="hover:text-bourbon-400 transition-colors">FAQ</a>
                <span class="text-stone-600">Please drink responsibly.</span>
            </div>
        </div>
    </div>
</footer>

<!-- Age Verification Overlay (SEO-friendly) -->
<div id="age-verification-overlay" class="fixed inset-0 z-[9999] bg-[#0a0a0a]/95 backdrop-blur-xl hidden flex items-center justify-center p-4">
    <div class="max-w-md w-full bg-[#0f0d0b] border border-white/10 rounded-3xl p-8 sm:p-10 text-center shadow-2xl relative overflow-hidden">
        <div class="absolute top-1/3 left-1/2 -translate-x-1/2 -translate-y-1/2 w-64 h-64 bg-amber-600/10 rounded-full blur-[80px]"></div>
        <div class="relative">
            <div class="w-16 h-16 mx-auto mb-6 rounded-full bg-gradient-to-br from-amber-500 to-amber-700 flex items-center justify-center">
                <svg class="w-8 h-8 text-white" fill="currentColor" viewBox="0 0 24 24"><path d="M7 2v2h1v1.5c0 2.21 1.79 4 4 4s4-1.79 4-4V4h1V2H7zm5 6c-1.1 0-2-.9-2-2V4h4v2c0 1.1-.9 2-2 2zM5 12v9a1 1 0 001 1h12a1 1 0 001-1v-9H5zm4 7H7v-5h2v5zm4 0h-2v-5h2v5zm4 0h-2v-5h2v5z"/></svg>
            </div>
            <h2 class="text-2xl font-display font-bold text-white mb-2">Age Verification</h2>
            <p class="text-stone-400 text-sm leading-relaxed mb-8">You must be of legal drinking age to enter this site. By clicking "Yes", you affirm that you are at least 21 years of age.</p>
            <div class="space-y-3">
                <button id="btn-age-yes" class="w-full py-4 px-6 rounded-xl font-bold text-sm uppercase tracking-[0.15em] text-white bg-gradient-to-r from-amber-700 to-amber-600 hover:from-amber-600 hover:to-amber-500 transition-all shadow-lg shadow-amber-600/20">Yes, I am 21 or older</button>
                <button id="btn-age-no" class="w-full py-4 px-6 rounded-xl font-medium text-sm uppercase tracking-wider text-stone-500 bg-stone-900/50 border border-white/5 hover:text-stone-300 transition-all">No, I am not</button>
            </div>
        </div>
    </div>
</div>

<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>
document.addEventListener('DOMContentLoaded', function() {
    // Check if age is already verified
    if (!sessionStorage.getItem('age_verified_js')) {
        document.getElementById('age-verification-overlay').classList.remove('hidden');
        document.body.style.overflow = 'hidden'; // Prevent scrolling
    }

    document.getElementById('btn-age-yes').addEventListener('click', function() {
        sessionStorage.setItem('age_verified_js', 'true');
        document.getElementById('age-verification-overlay').classList.add('hidden');
        document.body.style.overflow = '';
    });

    document.getElementById('btn-age-no').addEventListener('click', function() {
        window.location.href = 'https://www.google.com';
    });
});
</script>
</body>
</html>

Latest requests

# Url Url Source Date
1 https://burbonandspiritsco.com/ 2026-10-16 11:21:04
2 https://www.texarkanatwins.com/%25… 2026-10-16 11:21:04
3 https://www.texarkanatwins.com/%25… 2026-10-16 11:21:04
4 https://www.texarkanatwins.com/%25… 2026-10-16 11:21:03
5 https://auth.mediacorp.sg/u/login?… 2026-10-16 11:21:03
6 https://www.texarkanatwins.com/%25… 2026-10-16 11:21:03
7 https://www.texarkanatwins.com/%25… 2026-10-16 11:21:03
8 https://vazquez-fanning.technetblo… 2026-10-16 11:21:02
9 https://www.texarkanatwins.com/%25… 2026-10-16 11:21:02
10 https://auth.mediacorp.sg/u/login?… 2026-10-16 11:21:02
11 https://www.texarkanatwins.com/%25… 2026-10-16 11:21:02
12 https://www.thebolditalic.com/?gi=… 2026-10-16 11:21:01
13 https://www.texarkanatwins.com/%25… 2026-10-16 11:21:01
14 https://www.thebolditalic.com/?gi=… 2026-10-16 11:21:00
15 https://www.texarkanatwins.com/%25… 2026-10-16 11:21:00
16 https://www.texarkanatwins.com/%25… 2026-10-16 11:21:00
17 https://www.thebolditalic.com/?gi=… 2026-10-16 11:20:59
18 https://www.thebolditalic.com/?gi=… 2026-10-16 11:20:59
19 https://www.thebolditalic.com/?gi=… 2026-10-16 11:20:58
20 https://www.texarkanatwins.com/%25… 2026-10-16 11:20:58