{"id":2,"date":"2026-01-30T01:39:19","date_gmt":"2026-01-30T01:39:19","guid":{"rendered":"https:\/\/demo.tastebot.co.uk\/?page_id=2"},"modified":"2026-01-30T01:47:48","modified_gmt":"2026-01-30T01:47:48","slug":"under-development","status":"publish","type":"page","link":"https:\/\/demo.tastebot.co.uk\/","title":{"rendered":"Under Development"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2\" class=\"elementor elementor-2\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-0e56145 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"0e56145\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-b427777\" data-id=\"b427777\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4b6738d elementor-widget elementor-widget-html\" data-id=\"4b6738d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Wrapper ID to isolate styles -->\r\n<div id=\"tb-wip-overlay\">\r\n    \r\n    <!-- Google Fonts import -->\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n    <style>\r\n        \/* =========================================\r\n           ISOLATION STYLES FOR ELEMENTOR\r\n           ========================================= *\/\r\n        \r\n        \/* Force the wrapper to cover the WHOLE screen *\/\r\n        #tb-wip-overlay {\r\n            position: fixed !important;\r\n            top: 0 !important;\r\n            left: 0 !important;\r\n            width: 100vw !important;\r\n            height: 100vh !important;\r\n            background-color: #111827 !important; \/* Dark Navy *\/\r\n            z-index: 999999 !important; \/* Above everything *\/\r\n            display: flex !important;\r\n            flex-direction: column !important;\r\n            align-items: center !important;\r\n            justify-content: center !important;\r\n            font-family: 'Inter', sans-serif !important;\r\n            color: #ffffff !important;\r\n            overflow: hidden !important;\r\n            box-sizing: border-box !important;\r\n            margin: 0 !important;\r\n            padding: 0 !important;\r\n        }\r\n\r\n        #tb-wip-overlay * {\r\n            box-sizing: border-box !important;\r\n        }\r\n\r\n        \/* Background Gradient Effect *\/\r\n        .tb-bg-gradient {\r\n            position: absolute !important;\r\n            top: 0; left: 0; width: 100%; height: 100%;\r\n            background: radial-gradient(circle at top right, rgba(73, 94, 221, 0.2), transparent 40%),\r\n                        radial-gradient(circle at bottom left, rgba(73, 94, 221, 0.1), transparent 40%) !important;\r\n            z-index: 1 !important;\r\n            pointer-events: none !important;\r\n        }\r\n\r\n        .tb-content-wrapper {\r\n            position: relative !important;\r\n            z-index: 10 !important;\r\n            max-width: 550px !important;\r\n            width: 90% !important;\r\n            text-align: center !important;\r\n        }\r\n\r\n        \/* Logo Styling *\/\r\n        .tb-brand-logo {\r\n            height: 45px !important;\r\n            width: auto !important;\r\n            max-width: none !important; \r\n            margin: 0 auto 2.5rem auto !important;\r\n            display: block !important;\r\n            filter: brightness(0) invert(1) !important; \r\n            opacity: 0;\r\n            animation: tbFadeInDown 0.8s ease forwards !important;\r\n        }\r\n\r\n        \/* Card Container *\/\r\n        .tb-status-card {\r\n            background: rgba(255, 255, 255, 0.03) !important;\r\n            border: 1px solid rgba(255, 255, 255, 0.08) !important;\r\n            backdrop-filter: blur(12px) !important;\r\n            -webkit-backdrop-filter: blur(12px) !important;\r\n            padding: 3rem 2.5rem !important;\r\n            border-radius: 16px !important;\r\n            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5) !important;\r\n            opacity: 0;\r\n            animation: tbFadeInUp 0.8s 0.2s ease forwards !important;\r\n            text-align: left !important;\r\n        }\r\n\r\n        #tb-wip-overlay h1 {\r\n            font-family: 'Cormorant Garamond', serif !important;\r\n            font-size: 2.2rem !important;\r\n            font-weight: 500 !important;\r\n            margin: 0 0 1rem 0 !important;\r\n            line-height: 1.2 !important;\r\n            color: white !important;\r\n            text-align: center !important;\r\n        }\r\n\r\n        #tb-wip-overlay p {\r\n            font-family: 'Inter', sans-serif !important;\r\n            font-size: 1rem !important;\r\n            color: #94a3b8 !important;\r\n            line-height: 1.6 !important;\r\n            margin-bottom: 2rem !important;\r\n            text-align: center !important;\r\n        }\r\n\r\n        \/* Status List *\/\r\n        .tb-system-check {\r\n            background: rgba(0, 0, 0, 0.2) !important;\r\n            border-radius: 8px !important;\r\n            padding: 1.5rem !important;\r\n            margin-bottom: 2rem !important;\r\n            border: 1px solid rgba(255,255,255,0.05) !important;\r\n        }\r\n\r\n        .tb-check-item {\r\n            display: flex !important;\r\n            justify-content: space-between !important;\r\n            align-items: center !important;\r\n            margin-bottom: 12px !important;\r\n            font-size: 0.9rem !important;\r\n            color: #e2e8f0 !important;\r\n        }\r\n\r\n        .tb-check-item:last-child { margin-bottom: 0 !important; }\r\n\r\n        .tb-status-badge {\r\n            font-size: 0.75rem !important;\r\n            padding: 4px 10px !important;\r\n            border-radius: 20px !important;\r\n            font-weight: 600 !important;\r\n            letter-spacing: 0.5px !important;\r\n            text-transform: uppercase !important;\r\n            white-space: nowrap !important;\r\n        }\r\n\r\n        .tb-status-ready { \r\n            background: rgba(16, 185, 129, 0.2) !important; \r\n            color: #34d399 !important; \r\n            border: 1px solid rgba(16, 185, 129, 0.3) !important; \r\n        }\r\n        \r\n        .tb-status-progress { \r\n            background: rgba(245, 158, 11, 0.2) !important; \r\n            color: #fbbf24 !important; \r\n            border: 1px solid rgba(245, 158, 11, 0.3) !important; \r\n            animation: tbPulse 2s infinite !important; \r\n        }\r\n\r\n        \/* Progress Bar *\/\r\n        .tb-progress-container {\r\n            width: 100% !important;\r\n            height: 4px !important;\r\n            background: rgba(255,255,255,0.1) !important;\r\n            border-radius: 2px !important;\r\n            margin-top: 15px !important;\r\n            overflow: hidden !important;\r\n            display: none;\r\n        }\r\n        \r\n        .tb-progress-bar {\r\n            height: 100% !important;\r\n            background: #495edd !important;\r\n            width: 0%;\r\n            transition: width 0.5s ease !important;\r\n        }\r\n\r\n        \/* Form *\/\r\n        .tb-notify-form {\r\n            display: flex !important;\r\n            gap: 10px !important;\r\n            margin-top: 2rem !important;\r\n            width: 100% !important;\r\n        }\r\n\r\n        .tb-notify-input {\r\n            flex: 1 !important;\r\n            background: rgba(255,255,255,0.05) !important;\r\n            border: 1px solid #4b5563 !important;\r\n            color: white !important;\r\n            padding: 12px 16px !important;\r\n            border-radius: 6px !important;\r\n            font-family: 'Inter', sans-serif !important;\r\n            font-size: 0.95rem !important;\r\n            outline: none !important;\r\n            transition: border 0.3s !important;\r\n            min-height: 45px !important;\r\n        }\r\n\r\n        .tb-notify-input:focus { border-color: #495edd !important; }\r\n\r\n        .tb-notify-btn {\r\n            background: #495edd !important;\r\n            color: white !important;\r\n            border: none !important;\r\n            padding: 0 24px !important;\r\n            border-radius: 6px !important;\r\n            font-weight: 500 !important;\r\n            cursor: pointer !important;\r\n            transition: background 0.3s !important;\r\n            min-height: 45px !important;\r\n            font-family: 'Inter', sans-serif !important;\r\n        }\r\n\r\n        .tb-notify-btn:hover { background: #3b4cb8 !important; }\r\n\r\n        .tb-back-link {\r\n            display: block !important;\r\n            text-align: center !important;\r\n            margin-top: 2rem !important;\r\n            color: #64748b !important;\r\n            text-decoration: none !important;\r\n            font-size: 0.9rem !important;\r\n            transition: color 0.3s !important;\r\n            cursor: pointer !important;\r\n        }\r\n        .tb-back-link:hover { color: #ffffff !important; }\r\n\r\n        \/* Animations *\/\r\n        @keyframes tbFadeInDown { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } }\r\n        @keyframes tbFadeInUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }\r\n        @keyframes tbPulse { 0% { opacity: 0.6; } 50% { opacity: 1; } 100% { opacity: 0.6; } }\r\n\r\n        \/* Mobile Fix *\/\r\n        @media (max-width: 600px) {\r\n            .tb-notify-form { flex-direction: column !important; }\r\n            .tb-status-card { padding: 2rem 1.5rem !important; }\r\n            .tb-notify-btn { width: 100% !important; }\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"tb-bg-gradient\"><\/div>\r\n\r\n    <div class=\"tb-content-wrapper\">\r\n        <!-- Logo -->\r\n        <img decoding=\"async\" src=\"https:\/\/tastebot.co.uk\/wp-content\/uploads\/2026\/01\/TasteBot-logo.png\" alt=\"TasteBot\" class=\"tb-brand-logo\">\r\n\r\n        <div class=\"tb-status-card\">\r\n            <h1>Private Beta Access<\/h1>\r\n            <p>\r\n                You've caught us a bit early.\r\n            <\/p>\r\n\r\n            <!-- System Status Checklist -->\r\n            <div class=\"tb-system-check\">\r\n                <div class=\"tb-check-item\">\r\n                    <span><i class=\"fas fa-brain\" style=\"color: #495edd; margin-right: 10px; width: 20px;\"><\/i> AI Flavor Engine<\/span>\r\n                    <span class=\"tb-status-badge tb-status-ready\">Operational<\/span>\r\n                <\/div>\r\n                <div class=\"tb-check-item\">\r\n                    <span><i class=\"fas fa-mobile-alt\" style=\"color: #495edd; margin-right: 10px; width: 20px;\"><\/i> Guest Interface<\/span>\r\n                    <span class=\"tb-status-badge tb-status-ready\">Operational<\/span>\r\n                <\/div>\r\n                <div class=\"tb-check-item\">\r\n                    <span><i class=\"fas fa-server\" style=\"color: #495edd; margin-right: 10px; width: 20px;\"><\/i> Live Inventory Sync<\/span>\r\n                    <span class=\"tb-status-badge tb-status-progress\" id=\"tb-sync-badge\">Initializing...<\/span>\r\n                <\/div>\r\n                \r\n                <!-- Fake Loading Bar for the last item -->\r\n                <div class=\"tb-progress-container\" id=\"tb-progress-wrapper\">\r\n                    <div class=\"tb-progress-bar\" id=\"tb-progress-bar\"><\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <p style=\"font-size: 0.9rem !important; margin-bottom: 0.5rem !important; text-align: center !important;\">\r\n                Get notified the moment the Full Demo environment goes public:\r\n            <\/p>\r\n\r\n            <form class=\"tb-notify-form\" onsubmit=\"handleTbNotify(event)\">\r\n                <input type=\"email\" class=\"tb-notify-input\" placeholder=\"Enter your work email\" required>\r\n                <button type=\"submit\" class=\"tb-notify-btn\">Notify Me<\/button>\r\n            <\/form>\r\n        <\/div>\r\n\r\n        <!-- UPDATED LINK HERE -->\r\n        <a href=\"https:\/\/tastebot.co.uk\/\" class=\"tb-back-link\">\r\n            <i class=\"fas fa-arrow-left\" style=\"margin-right: 6px;\"><\/i> Return to Homepage\r\n        <\/a>\r\n    <\/div>\r\n\r\n    <script>\r\n        (function() {\r\n            \/\/ Loading Animation Simulation\r\n            setTimeout(() => {\r\n                const badge = document.getElementById('tb-sync-badge');\r\n                const wrapper = document.getElementById('tb-progress-wrapper');\r\n                const bar = document.getElementById('tb-progress-bar');\r\n                \r\n                if(badge && wrapper && bar) {\r\n                    badge.innerText = \"Connecting...\";\r\n                    wrapper.style.display = \"block\";\r\n                    \r\n                    \/\/ Animate bar\r\n                    setTimeout(() => { bar.style.width = \"40%\"; }, 100);\r\n                    setTimeout(() => { bar.style.width = \"75%\"; }, 800);\r\n                    \r\n                    \/\/ Stop at 75% and show message\r\n                    setTimeout(() => {\r\n                        badge.innerText = \"Restricted Access\";\r\n                        badge.style.color = \"#fbbf24\";\r\n                        badge.style.borderColor = \"rgba(245, 158, 11, 0.3)\";\r\n                    }, 2000);\r\n                }\r\n            }, 1000);\r\n\r\n            \/\/ Form Handler\r\n            window.handleTbNotify = function(e) {\r\n                e.preventDefault();\r\n                const btn = e.target.querySelector('button');\r\n                const input = e.target.querySelector('input');\r\n                \r\n                btn.innerText = \"Processing...\";\r\n                \r\n                setTimeout(() => {\r\n                    btn.innerText = \"You're on the list\";\r\n                    btn.style.background = \"#10b981\"; \/\/ Green\r\n                    input.value = \"\";\r\n                    input.placeholder = \"Thank you!\";\r\n                    input.disabled = true;\r\n                }, 1200);\r\n            }\r\n        })();\r\n    <\/script>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Private Beta Access You&#8217;ve caught us a bit early. AI Flavor Engine Operational Guest Interface Operational Live Inventory Sync Initializing&#8230; Get notified the moment the Full Demo environment goes public: Notify Me Return to Homepage<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/demo.tastebot.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.tastebot.co.uk\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.tastebot.co.uk\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.tastebot.co.uk\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.tastebot.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":10,"href":"https:\/\/demo.tastebot.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":22,"href":"https:\/\/demo.tastebot.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/22"}],"wp:attachment":[{"href":"https:\/\/demo.tastebot.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}