{"id":244,"date":"2026-05-13T09:30:59","date_gmt":"2026-05-13T09:30:59","guid":{"rendered":"http:\/\/bluebellbakes.co.uk\/?page_id=244"},"modified":"2026-05-16T16:24:21","modified_gmt":"2026-05-16T16:24:21","slug":"gallery","status":"publish","type":"page","link":"https:\/\/bluebellbakes.co.uk\/?page_id=244","title":{"rendered":"Gallery"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Gallery \u2014 Bluebell Bakes | Artisan Patisserie Milton Keynes<\/title>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500&family=Raleway:wght@200;300;400;500&family=Alex+Brush&display=swap\" rel=\"stylesheet\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\r\n <style>\r\n *,*::before,*::after{margin:0;padding:0;box-sizing:border-box}\r\n :root{\r\n --blue:#3a8fba;--blue-dark:#2d7399;--blue-light:#6ab3d0;\r\n --blue-pale:#e3f0f5;--blue-mist:#cde2ed;--blue-deep:#1a4f6e;--blue-fog:#f0f8fb;\r\n --pearl:#fdfcfa;--ivory:#faf8f5;--cream:#f5f0e8;--warm-white:#fefcf9;\r\n --gold:#c9a96e;--gold-light:#e0c898;--gold-pale:#f5ead8;\r\n --ink:#1a2d3a;--ink-2:#2d4a5a;--ink-3:#5a7a8a;--ink-4:#a0bfcc;\r\n --serif:'Playfair Display',Georgia,serif;\r\n --script:'Alex Brush',cursive;\r\n --sans:'Raleway',sans-serif;\r\n --ease:cubic-bezier(0.25,0.46,0.45,0.94);\r\n --ease-spring:cubic-bezier(0.34,1.56,0.64,1);\r\n }\r\n html{width:100%;overflow-x:hidden;scroll-behavior:smooth}\r\n body{width:100%;overflow-x:hidden;background:var(--pearl);color:var(--ink);font-family:var(--sans);font-weight:300;line-height:1.7}\r\n a{text-decoration:none;color:inherit}\r\n img{display:block;width:100%;height:100%;object-fit:cover}\r\n\r\n \/* DREAMY BG *\/\r\n .dream-bg{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}\r\n .orb{position:absolute;border-radius:50%;filter:blur(90px);animation:orbFloat ease-in-out infinite alternate;opacity:0.5}\r\n @keyframes orbFloat{0%{transform:translateY(0) scale(1)}100%{transform:translateY(-40px) scale(1.12)}}\r\n\r\n \/* BACK BUTTON *\/\r\n .back-btn{\r\n position:fixed;top:2rem;left:2rem;z-index:100;\r\n width:44px;height:44px;border-radius:50%;\r\n background:rgba(253,252,250,.92);border:1px solid rgba(58,143,186,.15);\r\n display:flex;align-items:center;justify-content:center;\r\n color:var(--blue-dark);font-size:1rem;\r\n backdrop-filter:blur(14px);\r\n box-shadow:0 4px 22px rgba(26,45,58,.08);\r\n transition:all .35s var(--ease);\r\n }\r\n .back-btn:hover{background:var(--blue-pale);border-color:var(--blue-light);transform:translateX(-4px);}\r\n\r\n \/* HERO BANNER *\/\r\n .gallery-hero{\r\n position:relative;width:100vw;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;\r\n min-height:35vh;display:flex;align-items:center;justify-content:center;\r\n background:linear-gradient(160deg,var(--blue-deep) 0%,#1e5570 50%,var(--blue-dark) 100%);\r\n overflow:hidden;\r\n }\r\n .gallery-hero::before{\r\n content:'';position:absolute;inset:0;\r\n background:url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%236ab3d0' fill-opacity='0.04'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\r\n }\r\n .gallery-hero-content{position:relative;z-index:2;text-align:center;padding:2.5rem 2rem}\r\n .gh-script{font-family:var(--script);font-size:clamp(2rem,3.5vw,2.8rem);color:rgba(205,226,237,.7);display:block;margin-bottom:.2rem}\r\n .gh-title{font-family:var(--serif);font-size:clamp(2rem,4vw,3.6rem);font-weight:300;color:#fff;line-height:1.1}\r\n .gh-title em{font-style:italic;color:var(--blue-light)}\r\n .gh-sub{color:rgba(205,226,237,.42);font-size:.82rem;margin-top:.7rem;max-width:440px;margin-left:auto;margin-right:auto;line-height:1.8}\r\n\r\n \/* FILTER TABS *\/\r\n .filter-tabs{\r\n display:flex;justify-content:center;flex-wrap:wrap;gap:.5rem;\r\n padding:2.5rem 6vw 1rem;position:relative;z-index:2;\r\n max-width:900px;margin:0 auto;\r\n }\r\n .filter-tab{\r\n font-size:.58rem;letter-spacing:.16em;text-transform:uppercase;\r\n padding:.55rem 1.2rem;border-radius:50px;\r\n border:1.5px solid rgba(58,143,186,.18);color:var(--ink-3);\r\n background:transparent;cursor:pointer;\r\n transition:all .3s var(--ease);font-family:var(--sans);font-weight:400;\r\n }\r\n .filter-tab:hover{border-color:var(--blue-light);color:var(--blue);background:var(--blue-pale)}\r\n .filter-tab.active{background:linear-gradient(135deg,var(--blue),var(--blue-dark));color:#fff;border-color:transparent;box-shadow:0 4px 18px rgba(58,143,186,.35)}\r\n\r\n \/* MASONRY GALLERY *\/\r\n .gallery-container{padding:1rem 3vw 4rem;position:relative;z-index:1;max-width:1500px;margin:0 auto}\r\n .masonry-grid{columns:5;column-gap:1rem}\r\n @media(max-width:1400px){.masonry-grid{columns:4}}\r\n @media(max-width:1000px){.masonry-grid{columns:3}}\r\n @media(max-width:700px){.masonry-grid{columns:2}}\r\n @media(max-width:450px){.masonry-grid{columns:1}}\r\n\r\n .gallery-item{\r\n break-inside:avoid;margin-bottom:1rem;border-radius:18px;\r\n overflow:hidden;position:relative;cursor:pointer;\r\n transition:transform .5s var(--ease),box-shadow .5s var(--ease);\r\n background:var(--blue-pale);\r\n }\r\n .gallery-item:hover{transform:translateY(-6px) scale(1.015);box-shadow:0 20px 50px rgba(26,45,58,.15)}\r\n .gallery-item img{transition:transform .8s var(--ease);filter:brightness(.88)saturate(1.08)}\r\n .gallery-item:hover img{transform:scale(1.08)}\r\n .gallery-overlay{\r\n position:absolute;inset:0;\r\n background:linear-gradient(to top,rgba(26,45,58,.78) 0%,rgba(58,143,186,.1) 50%,transparent 100%);\r\n opacity:0;transition:opacity .4s var(--ease);\r\n display:flex;flex-direction:column;justify-content:flex-end;\r\n padding:1.4rem 1.2rem;\r\n }\r\n .gallery-item:hover .gallery-overlay{opacity:1}\r\n .go-category{font-size:.54rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(205,226,237,.65);margin-bottom:.25rem}\r\n .go-title{font-family:var(--serif);font-style:italic;font-size:1rem;color:#fff;line-height:1.25}\r\n .go-icon{position:absolute;top:1rem;right:1rem;width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.15);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;color:#fff;font-size:.7rem;opacity:0;transition:opacity .35s var(--ease),transform .35s var(--ease);transform:scale(.8)}\r\n .gallery-item:hover .go-icon{opacity:1;transform:scale(1)}\r\n\r\n \/* LIGHTBOX *\/\r\n .lightbox{\r\n position:fixed;inset:0;z-index:9999;background:rgba(26,45,58,.94);\r\n backdrop-filter:blur(20px);\r\n display:flex;align-items:center;justify-content:center;\r\n opacity:0;visibility:hidden;transition:opacity .4s var(--ease),visibility .4s;\r\n }\r\n .lightbox.open{opacity:1;visibility:visible}\r\n .lightbox-content{position:relative;max-width:85vw;max-height:85vh;display:flex;flex-direction:column;align-items:center;gap:1rem}\r\n .lightbox-img{border-radius:18px;overflow:hidden;max-height:70vh;box-shadow:0 24px 80px rgba(0,0,0,.4)}\r\n .lightbox-img img{max-width:100%;max-height:70vh;object-fit:contain}\r\n .lightbox-info{text-align:center}\r\n .lb-category{font-size:.58rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(205,226,237,.5);margin-bottom:.2rem}\r\n .lb-title{font-family:var(--serif);font-style:italic;font-size:1.3rem;color:#fff;line-height:1.3}\r\n .lightbox-close{\r\n position:absolute;top:-3rem;right:0;width:40px;height:40px;\r\n border-radius:50%;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);\r\n display:flex;align-items:center;justify-content:center;color:#fff;font-size:1rem;\r\n cursor:pointer;transition:all .3s;\r\n }\r\n .lightbox-close:hover{background:rgba(255,255,255,.2)}\r\n .lightbox-nav{\r\n position:absolute;top:50%;transform:translateY(-50%);\r\n width:40px;height:40px;border-radius:50%;\r\n background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);\r\n display:flex;align-items:center;justify-content:center;color:#fff;font-size:.9rem;\r\n cursor:pointer;transition:all .3s;\r\n }\r\n .lightbox-nav:hover{background:rgba(255,255,255,.2)}\r\n .lightbox-prev{left:-3.5rem}\r\n .lightbox-next{right:-3.5rem}\r\n @media(max-width:700px){\r\n .lightbox-prev{left:1rem}\r\n .lightbox-next{right:1rem}\r\n .lightbox-content{max-width:92vw}\r\n }\r\n\r\n \/* CTA BANNER *\/\r\n .cta-banner{\r\n background:linear-gradient(135deg,var(--blue-pale),var(--blue-mist));\r\n padding:3rem 6vw;text-align:center;\r\n width:100vw;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;\r\n position:relative;z-index:1;\r\n }\r\n .cta-script{font-family:var(--script);font-size:2.2rem;color:var(--blue-dark);display:block;margin-bottom:.25rem}\r\n .cta-title{font-family:var(--serif);font-size:clamp(1.5rem,2.2vw,2.2rem);font-weight:300;color:var(--ink);margin-bottom:.5rem}\r\n .cta-title em{font-style:italic;color:var(--blue)}\r\n .cta-sub{font-size:.8rem;color:var(--ink-3);max-width:420px;margin:0 auto 1.5rem;line-height:1.8}\r\n .btn-blue{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,var(--blue),var(--blue-dark));color:#fff;padding:.8rem 1.8rem;border-radius:50px;font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;font-weight:400;transition:all .35s var(--ease);border:none;box-shadow:0 8px 28px rgba(58,143,186,.35)}\r\n .btn-blue:hover{transform:translateY(-3px);box-shadow:0 14px 44px rgba(58,143,186,.5)}\r\n\r\n \/* FOOTER MINI *\/\r\n .footer-mini{\r\n background:linear-gradient(135deg,var(--blue-deep),var(--ink));\r\n padding:2rem 6vw;text-align:center;\r\n width:100vw;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;\r\n position:relative;z-index:1;\r\n }\r\n .ft-mini-brand{font-family:var(--script);font-size:1.8rem;color:#fff;margin-bottom:.25rem}\r\n .ft-mini-social{display:flex;gap:.6rem;justify-content:center;margin:.8rem 0}\r\n .ft-mini-social a{width:32px;height:32px;border-radius:50%;border:1px solid rgba(106,179,208,.2);display:flex;align-items:center;justify-content:center;color:rgba(106,179,208,.5);font-size:.7rem;transition:all .3s}\r\n .ft-mini-social a:hover{background:rgba(58,143,186,.25);border-color:rgba(106,179,208,.4);color:rgba(205,226,237,.9)}\r\n .ft-mini-copy{font-size:.63rem;color:rgba(106,179,208,.35)}\r\n\r\n .sr{opacity:0;transform:translateY(24px);transition:opacity .8s var(--ease),transform .8s var(--ease)}\r\n .sr.vis{opacity:1;transform:none}\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <!-- ambient bg -->\r\n <div class=\"dream-bg\">\r\n <div class=\"orb\" style=\"width:400px;height:400px;top:-100px;left:-100px;background:radial-gradient(circle,rgba(106,179,208,.06),transparent 70%);animation-duration:15s\"><\/div>\r\n <div class=\"orb\" style=\"width:300px;height:300px;bottom:-60px;right:-60px;background:radial-gradient(circle,rgba(201,169,110,.05),transparent 70%);animation-duration:18s\"><\/div>\r\n <div class=\"orb\" style=\"width:250px;height:250px;top:50%;left:60%;background:radial-gradient(circle,rgba(58,143,186,.04),transparent 70%);animation-duration:20s\"><\/div>\r\n <\/div>\r\n\r\n \r\n\r\n <!-- HERO -->\r\n <section class=\"gallery-hero\">\r\n <div class=\"gallery-hero-content\">\r\n <span class=\"gh-script\">our creations<\/span>\r\n <h1 class=\"gh-title\">The <em>Gallery<\/em><\/h1>\r\n \r\n <\/div>\r\n <\/section>\r\n\r\n <!-- FILTER TABS -->\r\n <div class=\"filter-tabs\" id=\"filterTabs\">\r\n <button class=\"filter-tab active\" data-filter=\"all\">All Bakes<\/button>\r\n <button class=\"filter-tab\" data-filter=\"brownies\">Brownies<\/button>\r\n <button class=\"filter-tab\" data-filter=\"blondies\">Blondies<\/button>\r\n <button class=\"filter-tab\" data-filter=\"cakes\">Cakes<\/button>\r\n <button class=\"filter-tab\" data-filter=\"cookies\">Cookies<\/button>\r\n \r\n <\/div>\r\n\r\n <!-- MASONRY GALLERY -->\r\n <div class=\"gallery-container\">\r\n <div class=\"masonry-grid\" id=\"masonryGrid\">\r\n\r\n <!-- BROWNIES -->\r\n <div class=\"gallery-item sr\" data-category=\"brownies\">\r\n <img decoding=\"async\" src=\"http:\/\/bluebellbakes.co.uk\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-13-at-2.46.15-PM-1-300x300.jpeg\" alt=\"Classic Chocolate Brownies\" loading=\"lazy\">\r\n <div class=\"gallery-overlay\"><span class=\"go-category\">Brownies<\/span><span class=\"go-title\">Classic Chocolate Brownies<\/span><\/div>\r\n <div class=\"go-icon\"><i class=\"fa-solid fa-magnifying-glass-plus\"><\/i><\/div>\r\n <\/div>\r\n <div class=\"gallery-item sr\" data-category=\"brownies\">\r\n <img decoding=\"async\" src=\"\" alt=\"Salted Caramel Brownies\" loading=\"lazy\">\r\n <div class=\"gallery-overlay\"><span class=\"go-category\">Brownies<\/span><span class=\"go-title\">Salted Caramel Brownies<\/span><\/div>\r\n <div class=\"go-icon\"><i class=\"fa-solid fa-magnifying-glass-plus\"><\/i><\/div>\r\n <\/div>\r\n <div class=\"gallery-item sr\" data-category=\"brownies\">\r\n <img decoding=\"async\" src=\"\" alt=\"Lotus Biscoff Brownies\" loading=\"lazy\">\r\n <div class=\"gallery-overlay\"><span class=\"go-category\">Brownies<\/span><span class=\"go-title\">Lotus Biscoff Brownies<\/span><\/div>\r\n <div class=\"go-icon\"><i class=\"fa-solid fa-magnifying-glass-plus\"><\/i><\/div>\r\n <\/div>\r\n <div class=\"gallery-item sr\" data-category=\"brownies\">\r\n <img decoding=\"async\" src=\"\" alt=\"Nutella Swirl Brownies\" loading=\"lazy\">\r\n <div class=\"gallery-overlay\"><span class=\"go-category\">Brownies<\/span><span class=\"go-title\">Nutella Swirl Brownies<\/span><\/div>\r\n <div class=\"go-icon\"><i class=\"fa-solid fa-magnifying-glass-plus\"><\/i><\/div>\r\n <\/div>\r\n <div class=\"gallery-item sr\" data-category=\"brownies\">\r\n <img decoding=\"async\" src=\"\" alt=\"White Chocolate Brownies\" loading=\"lazy\">\r\n <div class=\"gallery-overlay\"><span class=\"go-category\">Brownies<\/span><span class=\"go-title\">White Chocolate Brownies<\/span><\/div>\r\n <div class=\"go-icon\"><i class=\"fa-solid fa-magnifying-glass-plus\"><\/i><\/div>\r\n <\/div>\r\n\r\n <!-- BLONDIES -->\r\n <div class=\"gallery-item sr\" data-category=\"blondies\">\r\n <img decoding=\"async\" src=\"\" alt=\"Classic White Chocolate Blondies\" loading=\"lazy\">\r\n <div class=\"gallery-overlay\"><span class=\"go-category\">Blondies<\/span><span class=\"go-title\">Classic White Chocolate Blondies<\/span><\/div>\r\n <div class=\"go-icon\"><i class=\"fa-solid fa-magnifying-glass-plus\"><\/i><\/div>\r\n <\/div>\r\n <div class=\"gallery-item sr\" data-category=\"blondies\">\r\n <img decoding=\"async\" src=\"http:\/\/bluebellbakes.co.uk\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-13-at-2.44.11-PM-1.jpeg\" alt=\"Golden Blondies\" loading=\"lazy\">\r\n <div class=\"gallery-overlay\"><span class=\"go-category\">Blondies<\/span><span class=\"go-title\">Golden Blondies Selection<\/span><\/div>\r\n <div class=\"go-icon\"><i class=\"fa-solid fa-magnifying-glass-plus\"><\/i><\/div>\r\n <\/div>\r\n <div class=\"gallery-item sr\" data-category=\"blondies\">\r\n <img decoding=\"async\" src=\"\" alt=\"Raspberry Blondies\" loading=\"lazy\">\r\n <div class=\"gallery-overlay\"><span class=\"go-category\">Blondies<\/span><span class=\"go-title\">Raspberry White Chocolate Blondies<\/span><\/div>\r\n <div class=\"go-icon\"><i class=\"fa-solid fa-magnifying-glass-plus\"><\/i><\/div>\r\n <\/div>\r\n\r\n <!-- CAKES -->\r\n <div class=\"gallery-item sr\" data-category=\"cakes\">\r\n <img decoding=\"async\" src=\"http:\/\/bluebellbakes.co.uk\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-13-at-2.20.08-PM-1-225x300.jpeg\" alt=\"Bespoke Custom Cake\" loading=\"lazy\">\r\n <div class=\"gallery-overlay\"><span class=\"go-category\">Cakes<\/span><span class=\"go-title\">Bespoke Custom Cake<\/span><\/div>\r\n <div class=\"go-icon\"><i class=\"fa-solid fa-magnifying-glass-plus\"><\/i><\/div>\r\n <\/div>\r\n <div class=\"gallery-item sr\" data-category=\"cakes\">\r\n <img decoding=\"async\" src=\"http:\/\/bluebellbakes.co.uk\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-13-at-2.25.50-PM-218x300.jpeg\" alt=\"Celebration Cake\" loading=\"lazy\">\r\n <div class=\"gallery-overlay\"><span class=\"go-category\">Cakes<\/span><span class=\"go-title\">Celebration Layer Cake<\/span><\/div>\r\n <div class=\"go-icon\"><i class=\"fa-solid fa-magnifying-glass-plus\"><\/i><\/div>\r\n <\/div>\r\n <div class=\"gallery-item sr\" data-category=\"cakes\">\r\n <img decoding=\"async\" src=\"http:\/\/bluebellbakes.co.uk\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-13-at-2.16.44-PM-1-225x300.jpeg\" alt=\"Wedding Cake\" loading=\"lazy\">\r\n <div class=\"gallery-overlay\"><span class=\"go-category\">Cakes<\/span><span class=\"go-title\">Elegant Cake<\/span><\/div>\r\n <div class=\"go-icon\"><i class=\"fa-solid fa-magnifying-glass-plus\"><\/i><\/div>\r\n <\/div>\r\n <div class=\"gallery-item sr\" data-category=\"cakes\">\r\n <img decoding=\"async\" src=\"http:\/\/bluebellbakes.co.uk\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-13-at-2.24.47-PM.jpeg\" alt=\"Birthday Cake\" loading=\"lazy\">\r\n <div class=\"gallery-overlay\"><span class=\"go-category\">Cakes<\/span><span class=\"go-title\">Personalised Birthday Cake<\/span><\/div>\r\n <div class=\"go-icon\"><i class=\"fa-solid fa-magnifying-glass-plus\"><\/i><\/div>\r\n <\/div>\r\n\r\n <!-- COOKIES -->\r\n <div class=\"gallery-item sr\" data-category=\"cookies\">\r\n <img decoding=\"async\" src=\"\" alt=\"Decorated Cookies\" loading=\"lazy\">\r\n <div class=\"gallery-overlay\"><span class=\"go-category\">Cookies<\/span><span class=\"go-title\">Hand-Decorated Royal Icing Cookies<\/span><\/div>\r\n <div class=\"go-icon\"><i class=\"fa-solid fa-magnifying-glass-plus\"><\/i><\/div>\r\n <\/div>\r\n <div class=\"gallery-item sr\" data-category=\"cookies\">\r\n <img decoding=\"async\" src=\"\" alt=\"Cookie Collection\" loading=\"lazy\">\r\n <div class=\"gallery-overlay\"><span class=\"go-category\">Cookies<\/span><span class=\"go-title\">Custom Cookie Collection<\/span><\/div>\r\n <div class=\"go-icon\"><i class=\"fa-solid fa-magnifying-glass-plus\"><\/i><\/div>\r\n <\/div>\r\n\r\n \r\n\r\n \r\n\r\n \r\n\r\n\r\n <script>\r\n \/\/ Scroll reveal\r\n const revealObserver=new IntersectionObserver(entries=>{\r\n entries.forEach(e=>{if(e.isIntersecting)e.target.classList.add('vis');});\r\n },{threshold:.05,rootMargin:'0px 0px -20px 0px'});\r\n document.querySelectorAll('.sr').forEach(el=>revealObserver.observe(el));\r\n\r\n \/\/ Filter functionality\r\n const filterTabs=document.querySelectorAll('.filter-tab');\r\n const galleryItems=document.querySelectorAll('.gallery-item');\r\n\r\n filterTabs.forEach(tab=>{\r\n tab.addEventListener('click',()=>{\r\n filterTabs.forEach(t=>t.classList.remove('active'));\r\n tab.classList.add('active');\r\n const filter=tab.getAttribute('data-filter');\r\n galleryItems.forEach(item=>{\r\n if(filter==='all' || item.getAttribute('data-category')===filter){\r\n item.style.display='';\r\n setTimeout(()=>item.classList.add('vis'),50);\r\n }else{\r\n item.style.display='none';\r\n item.classList.remove('vis');\r\n }\r\n });\r\n });\r\n });\r\n\r\n \/\/ Lightbox functionality\r\n const lightbox=document.getElementById('lightbox');\r\n const lightboxImg=document.getElementById('lightboxImg');\r\n const lbCategory=document.getElementById('lbCategory');\r\n const lbTitle=document.getElementById('lbTitle');\r\n const lightboxClose=document.getElementById('lightboxClose');\r\n const lightboxPrev=document.getElementById('lightboxPrev');\r\n const lightboxNext=document.getElementById('lightboxNext');\r\n let currentItems=[];\r\n let currentIndex=0;\r\n\r\n function getVisibleItems(){\r\n return Array.from(galleryItems).filter(item=>item.style.display!=='none');\r\n }\r\n\r\n function openLightbox(index,items){\r\n currentItems=items;\r\n currentIndex=index;\r\n updateLightbox();\r\n lightbox.classList.add('open');\r\n document.body.style.overflow='hidden';\r\n }\r\n\r\n function updateLightbox(){\r\n const item=currentItems[currentIndex];\r\n const img=item.querySelector('img');\r\n const category=item.querySelector('.go-category');\r\n const title=item.querySelector('.go-title');\r\n lightboxImg.src=img.src;\r\n lightboxImg.alt=img.alt;\r\n lbCategory.textContent=category?category.textContent:'';\r\n lbTitle.textContent=title?title.textContent:'';\r\n }\r\n\r\n function closeLightbox(){\r\n lightbox.classList.remove('open');\r\n document.body.style.overflow='';\r\n }\r\n\r\n function nextImage(){\r\n currentIndex=(currentIndex+1)%currentItems.length;\r\n updateLightbox();\r\n }\r\n\r\n function prevImage(){\r\n currentIndex=(currentIndex-1+currentItems.length)%currentItems.length;\r\n updateLightbox();\r\n }\r\n\r\n galleryItems.forEach((item,index)=>{\r\n item.addEventListener('click',()=>{\r\n const visibleItems=getVisibleItems();\r\n const visibleIndex=visibleItems.indexOf(item);\r\n openLightbox(visibleIndex>=0?visibleIndex:0,visibleItems);\r\n });\r\n });\r\n\r\n lightboxClose.addEventListener('click',closeLightbox);\r\n lightbox.addEventListener('click',(e)=>{\r\n if(e.target===lightbox)closeLightbox();\r\n });\r\n lightboxNext.addEventListener('click',(e)=>{e.stopPropagation();nextImage();});\r\n lightboxPrev.addEventListener('click',(e)=>{e.stopPropagation();prevImage();});\r\n\r\n document.addEventListener('keydown',(e)=>{\r\n if(!lightbox.classList.contains('open'))return;\r\n if(e.key==='Escape')closeLightbox();\r\n if(e.key==='ArrowRight')nextImage();\r\n if(e.key==='ArrowLeft')prevImage();\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Gallery \u2014 Bluebell Bakes | Artisan Patisserie Milton Keynes our creations The Gallery All Bakes Brownies Blondies Cakes Cookies BrowniesClassic…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-244","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bluebellbakes.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/244","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bluebellbakes.co.uk\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bluebellbakes.co.uk\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bluebellbakes.co.uk\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bluebellbakes.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=244"}],"version-history":[{"count":31,"href":"https:\/\/bluebellbakes.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/244\/revisions"}],"predecessor-version":[{"id":703,"href":"https:\/\/bluebellbakes.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/244\/revisions\/703"}],"wp:attachment":[{"href":"https:\/\/bluebellbakes.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=244"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}