{"id":16554,"date":"2026-06-30T11:11:30","date_gmt":"2026-06-30T11:11:30","guid":{"rendered":"https:\/\/thecolognehouse.com\/?page_id=16554"},"modified":"2026-06-30T11:11:50","modified_gmt":"2026-06-30T11:11:50","slug":"coming-soon","status":"publish","type":"page","link":"https:\/\/thecolognehouse.com\/","title":{"rendered":"Coming Soon"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"16554\" class=\"elementor elementor-16554\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-471de4b e-con e-atomic-element e-flexbox-base e-ed05350 \" data-id=\"471de4b\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"471de4b\">\n    \t\t<div class=\"elementor-element elementor-element-f928542 elementor-widget elementor-widget-html\" data-id=\"f928542\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Coming Soon - The Cologne House<\/title>\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=Inter:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n    <style>\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        :root {\r\n            --dark-brown: #3E2723;\r\n            --medium-brown: #6D4C41;\r\n            --light-brown: #C49A6C;\r\n            --soft-green: #8FA88A;\r\n            --soft-green-light: #B8C9B3;\r\n            --cream: #FDF8F0;\r\n            --white: #FFFFFF;\r\n        }\r\n\r\n        body {\r\n            font-family: 'Inter', sans-serif;\r\n            min-height: 100vh;\r\n            background: var(--white);\r\n            overflow-x: hidden;\r\n            position: relative;\r\n        }\r\n\r\n        .bg-image {\r\n            position: fixed;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            z-index: 0;\r\n            background: url('https:\/\/image.qwenlm.ai\/public_source\/be336bf9-2639-450e-a2c0-e156e1a52672\/1c790c227-f177-48dd-9a8e-ae7ca718f5f2.png') center center \/ cover no-repeat;\r\n            opacity: 0.4;\r\n        }\r\n\r\n        .bg-overlay {\r\n            position: fixed;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            z-index: 1;\r\n            background: linear-gradient(135deg, rgba(253,248,240,0.85) 0%, rgba(255,255,255,0.9) 50%, rgba(240,245,238,0.85) 100%);\r\n        }\r\n\r\n        .bg-blob-1 {\r\n            position: fixed;\r\n            top: -10%;\r\n            right: -5%;\r\n            width: 500px;\r\n            height: 500px;\r\n            border-radius: 50%;\r\n            background: radial-gradient(circle, rgba(196,154,108,0.2) 0%, transparent 70%);\r\n            z-index: 1;\r\n            animation: float1 8s ease-in-out infinite;\r\n        }\r\n\r\n        .bg-blob-2 {\r\n            position: fixed;\r\n            bottom: -10%;\r\n            left: -5%;\r\n            width: 600px;\r\n            height: 600px;\r\n            border-radius: 50%;\r\n            background: radial-gradient(circle, rgba(143,168,138,0.15) 0%, transparent 70%);\r\n            z-index: 1;\r\n            animation: float2 10s ease-in-out infinite;\r\n        }\r\n\r\n        .bg-blob-3 {\r\n            position: fixed;\r\n            top: 40%;\r\n            left: 50%;\r\n            transform: translate(-50%, -50%);\r\n            width: 700px;\r\n            height: 700px;\r\n            border-radius: 50%;\r\n            background: radial-gradient(circle, rgba(62,39,35,0.05) 0%, transparent 70%);\r\n            z-index: 1;\r\n        }\r\n\r\n        @keyframes float1 {\r\n            0%, 100% { transform: translate(0, 0) scale(1); }\r\n            50% { transform: translate(-30px, 30px) scale(1.05); }\r\n        }\r\n\r\n        @keyframes float2 {\r\n            0%, 100% { transform: translate(0, 0) scale(1); }\r\n            50% { transform: translate(20px, -20px) scale(1.08); }\r\n        }\r\n\r\n        .watermark {\r\n            position: fixed;\r\n            bottom: -20px;\r\n            left: 50%;\r\n            transform: translateX(-50%);\r\n            font-family: 'Playfair Display', serif;\r\n            font-size: clamp(120px, 18vw, 280px);\r\n            font-weight: 700;\r\n            color: rgba(62, 39, 35, 0.04);\r\n            letter-spacing: 0.05em;\r\n            z-index: 1;\r\n            pointer-events: none;\r\n            user-select: none;\r\n            white-space: nowrap;\r\n        }\r\n\r\n        .container {\r\n            position: relative;\r\n            z-index: 10;\r\n            min-height: 100vh;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            justify-content: center;\r\n            padding: 2rem;\r\n        }\r\n\r\n        .logo-container {\r\n            margin-bottom: 1.5rem;\r\n            animation: fadeInDown 1s ease-out;\r\n        }\r\n\r\n        .logo-container img {\r\n            max-width: 220px;\r\n            height: auto;\r\n            filter: drop-shadow(0 2px 8px rgba(62,39,35,0.1));\r\n        }\r\n\r\n        .badge {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 0.5rem;\r\n            padding: 0.5rem 1.2rem;\r\n            background: rgba(143, 168, 138, 0.15);\r\n            border: 1px solid rgba(143, 168, 138, 0.3);\r\n            border-radius: 50px;\r\n            font-size: 0.8rem;\r\n            font-weight: 500;\r\n            color: var(--soft-green);\r\n            letter-spacing: 0.1em;\r\n            text-transform: uppercase;\r\n            margin-bottom: 1.5rem;\r\n            animation: fadeInDown 1s ease-out 0.2s both;\r\n        }\r\n\r\n        .badge-dot {\r\n            width: 6px;\r\n            height: 6px;\r\n            background: var(--soft-green);\r\n            border-radius: 50%;\r\n            animation: pulse 2s ease-in-out infinite;\r\n        }\r\n\r\n        @keyframes pulse {\r\n            0%, 100% { opacity: 1; transform: scale(1); }\r\n            50% { opacity: 0.5; transform: scale(1.3); }\r\n        }\r\n\r\n        .title {\r\n            font-family: 'Playfair Display', serif;\r\n            font-size: clamp(2.5rem, 6vw, 4.5rem);\r\n            font-weight: 600;\r\n            color: var(--dark-brown);\r\n            text-align: center;\r\n            margin-bottom: 0.5rem;\r\n            line-height: 1.1;\r\n            animation: fadeInDown 1s ease-out 0.3s both;\r\n        }\r\n\r\n        .title span {\r\n            font-style: italic;\r\n            color: var(--light-brown);\r\n        }\r\n\r\n        .subtitle {\r\n            font-size: 1rem;\r\n            color: var(--medium-brown);\r\n            text-align: center;\r\n            margin-bottom: 2.5rem;\r\n            font-weight: 300;\r\n            max-width: 400px;\r\n            line-height: 1.6;\r\n            animation: fadeInDown 1s ease-out 0.4s both;\r\n        }\r\n\r\n        .card {\r\n            background: rgba(255, 255, 255, 0.7);\r\n            backdrop-filter: blur(20px);\r\n            -webkit-backdrop-filter: blur(20px);\r\n            border: 1px solid rgba(196, 154, 108, 0.2);\r\n            border-radius: 24px;\r\n            padding: 2.5rem 2rem;\r\n            max-width: 520px;\r\n            width: 100%;\r\n            text-align: center;\r\n            box-shadow: 0 20px 60px rgba(62, 39, 35, 0.08), 0 1px 3px rgba(62, 39, 35, 0.05);\r\n            animation: fadeInUp 1s ease-out 0.5s both;\r\n        }\r\n\r\n        .card-title {\r\n            font-family: 'Playfair Display', serif;\r\n            font-size: 1.6rem;\r\n            font-weight: 600;\r\n            color: var(--dark-brown);\r\n            margin-bottom: 0.75rem;\r\n        }\r\n\r\n        .card-desc {\r\n            font-size: 0.9rem;\r\n            color: var(--medium-brown);\r\n            line-height: 1.6;\r\n            margin-bottom: 2rem;\r\n            font-weight: 300;\r\n        }\r\n\r\n        .form-group {\r\n            display: flex;\r\n            gap: 0.75rem;\r\n            margin-bottom: 1rem;\r\n        }\r\n\r\n        .email-input {\r\n            flex: 1;\r\n            padding: 0.9rem 1.2rem;\r\n            border: 1.5px solid rgba(196, 154, 108, 0.3);\r\n            border-radius: 12px;\r\n            font-size: 0.9rem;\r\n            font-family: 'Inter', sans-serif;\r\n            background: rgba(255, 255, 255, 0.8);\r\n            color: var(--dark-brown);\r\n            outline: none;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .email-input::placeholder {\r\n            color: rgba(109, 76, 65, 0.4);\r\n        }\r\n\r\n        .email-input:focus {\r\n            border-color: var(--soft-green);\r\n            box-shadow: 0 0 0 3px rgba(143, 168, 138, 0.15);\r\n        }\r\n\r\n        .submit-btn {\r\n            padding: 0.9rem 1.8rem;\r\n            background: var(--dark-brown);\r\n            color: var(--white);\r\n            border: none;\r\n            border-radius: 12px;\r\n            font-size: 0.9rem;\r\n            font-weight: 500;\r\n            font-family: 'Inter', sans-serif;\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n            white-space: nowrap;\r\n        }\r\n\r\n        .submit-btn:hover {\r\n            background: var(--medium-brown);\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 8px 20px rgba(62, 39, 35, 0.2);\r\n        }\r\n\r\n        .submit-btn:active {\r\n            transform: translateY(0);\r\n        }\r\n\r\n        .submit-btn.success {\r\n            background: var(--soft-green);\r\n        }\r\n\r\n        .privacy-note {\r\n            font-size: 0.75rem;\r\n            color: rgba(109, 76, 65, 0.5);\r\n        }\r\n\r\n        .countdown {\r\n            display: flex;\r\n            justify-content: center;\r\n            gap: 1rem;\r\n            margin-top: 2.5rem;\r\n            animation: fadeInUp 1s ease-out 0.6s both;\r\n        }\r\n\r\n        .countdown-item {\r\n            text-align: center;\r\n            min-width: 70px;\r\n        }\r\n\r\n        .countdown-value {\r\n            font-family: 'Playfair Display', serif;\r\n            font-size: 2rem;\r\n            font-weight: 600;\r\n            color: var(--dark-brown);\r\n            background: rgba(255, 255, 255, 0.6);\r\n            backdrop-filter: blur(10px);\r\n            border: 1px solid rgba(196, 154, 108, 0.2);\r\n            border-radius: 14px;\r\n            padding: 0.75rem 0.5rem;\r\n            display: block;\r\n            min-width: 70px;\r\n        }\r\n\r\n        .countdown-label {\r\n            font-size: 0.7rem;\r\n            color: var(--medium-brown);\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.1em;\r\n            margin-top: 0.5rem;\r\n            font-weight: 500;\r\n        }\r\n\r\n        .launch-date-display {\r\n            text-align: center;\r\n            margin-top: 1rem;\r\n            font-size: 0.85rem;\r\n            color: var(--medium-brown);\r\n            font-weight: 400;\r\n            animation: fadeInUp 1s ease-out 0.65s both;\r\n        }\r\n\r\n        .launch-date-display strong {\r\n            color: var(--dark-brown);\r\n            font-weight: 600;\r\n        }\r\n\r\n        .social-links {\r\n            display: flex;\r\n            justify-content: center;\r\n            gap: 1rem;\r\n            margin-top: 2rem;\r\n            animation: fadeInUp 1s ease-out 0.7s both;\r\n        }\r\n\r\n        .social-link {\r\n            width: 44px;\r\n            height: 44px;\r\n            border-radius: 12px;\r\n            background: rgba(255, 255, 255, 0.6);\r\n            backdrop-filter: blur(10px);\r\n            border: 1px solid rgba(196, 154, 108, 0.2);\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            color: var(--dark-brown);\r\n            text-decoration: none;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .social-link:hover {\r\n            background: var(--dark-brown);\r\n            color: var(--white);\r\n            transform: translateY(-3px);\r\n            box-shadow: 0 8px 20px rgba(62, 39, 35, 0.15);\r\n        }\r\n\r\n        .social-link svg {\r\n            width: 18px;\r\n            height: 18px;\r\n        }\r\n\r\n        .footer-text {\r\n            position: fixed;\r\n            bottom: 1.5rem;\r\n            left: 50%;\r\n            transform: translateX(-50%);\r\n            font-size: 0.75rem;\r\n            color: rgba(109, 76, 65, 0.4);\r\n            z-index: 10;\r\n            text-align: center;\r\n            letter-spacing: 0.05em;\r\n        }\r\n\r\n        @keyframes fadeInDown {\r\n            from { opacity: 0; transform: translateY(-20px); }\r\n            to { opacity: 1; transform: translateY(0); }\r\n        }\r\n\r\n        @keyframes fadeInUp {\r\n            from { opacity: 0; transform: translateY(20px); }\r\n            to { opacity: 1; transform: translateY(0); }\r\n        }\r\n\r\n        @media (max-width: 600px) {\r\n            .form-group {\r\n                flex-direction: column;\r\n            }\r\n\r\n            .submit-btn {\r\n                width: 100%;\r\n            }\r\n\r\n            .card {\r\n                padding: 2rem 1.5rem;\r\n            }\r\n\r\n            .countdown {\r\n                gap: 0.5rem;\r\n            }\r\n\r\n            .countdown-value {\r\n                font-size: 1.5rem;\r\n                min-width: 55px;\r\n            }\r\n\r\n            .logo-container img {\r\n                max-width: 160px;\r\n            }\r\n        }\r\n\r\n        .toast {\r\n            position: fixed;\r\n            top: 2rem;\r\n            left: 50%;\r\n            transform: translateX(-50%) translateY(-100px);\r\n            background: var(--soft-green);\r\n            color: white;\r\n            padding: 1rem 2rem;\r\n            border-radius: 12px;\r\n            font-size: 0.9rem;\r\n            font-weight: 500;\r\n            z-index: 100;\r\n            transition: transform 0.4s ease;\r\n            box-shadow: 0 10px 30px rgba(143, 168, 138, 0.3);\r\n        }\r\n\r\n        .toast.show {\r\n            transform: translateX(-50%) translateY(0);\r\n        }\r\n\r\n        .toast.error {\r\n            background: #c0392b;\r\n        }\r\n\r\n        .countdown.ended .countdown-value {\r\n            color: var(--soft-green);\r\n            border-color: rgba(143, 168, 138, 0.4);\r\n            background: rgba(143, 168, 138, 0.1);\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <div class=\"bg-image\"><\/div>\r\n    <div class=\"bg-overlay\"><\/div>\r\n    <div class=\"bg-blob-1\"><\/div>\r\n    <div class=\"bg-blob-2\"><\/div>\r\n    <div class=\"bg-blob-3\"><\/div>\r\n    <div class=\"watermark\">Waitlist<\/div>\r\n\r\n    <div class=\"toast\" id=\"toast\">\u2713 Thank you! You've been added to the waitlist.<\/div>\r\n\r\n    <div class=\"container\">\r\n        <div class=\"logo-container\">\r\n            <img decoding=\"async\" src=\"http:\/\/thecolognehouse.com\/wp-content\/uploads\/2022\/08\/logo-final-copy-8.webp\" alt=\"The Cologne House Logo\">\r\n        <\/div>\r\n\r\n        <div class=\"badge\">\r\n            <span class=\"badge-dot\"><\/span>\r\n            Under Development\r\n        <\/div>\r\n\r\n        <h1 class=\"title\">Coming <span>Soon<\/span><\/h1>\r\n        <p class=\"subtitle\">We're crafting something extraordinary. Be the first to experience our new collection.<\/p>\r\n\r\n        <div class=\"card\">\r\n            <h2 class=\"card-title\">Join Our Waitlist<\/h2>\r\n            <p class=\"card-desc\">Sign up for early access to exclusive launches and receive special offers before anyone else.<\/p>\r\n\r\n            <form class=\"form-group\" id=\"waitlistForm\">\r\n                <input type=\"email\" class=\"email-input\" id=\"emailInput\" placeholder=\"Enter your email\" required>\r\n                <button type=\"submit\" class=\"submit-btn\" id=\"submitBtn\">Join Waitlist<\/button>\r\n            <\/form>\r\n            <p class=\"privacy-note\">\ud83d\udd12 No spam. Unsubscribe anytime.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"countdown\" id=\"countdown\">\r\n            <div class=\"countdown-item\">\r\n                <span class=\"countdown-value\" id=\"days\">00<\/span>\r\n                <div class=\"countdown-label\">Days<\/div>\r\n            <\/div>\r\n            <div class=\"countdown-item\">\r\n                <span class=\"countdown-value\" id=\"hours\">00<\/span>\r\n                <div class=\"countdown-label\">Hours<\/div>\r\n            <\/div>\r\n            <div class=\"countdown-item\">\r\n                <span class=\"countdown-value\" id=\"minutes\">00<\/span>\r\n                <div class=\"countdown-label\">Minutes<\/div>\r\n            <\/div>\r\n            <div class=\"countdown-item\">\r\n                <span class=\"countdown-value\" id=\"seconds\">00<\/span>\r\n                <div class=\"countdown-label\">Seconds<\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"launch-date-display\" id=\"launchDateDisplay\">\r\n            Launching on <strong id=\"launchDateText\">\u2014<\/strong>\r\n        <\/div>\r\n\r\n        <div class=\"social-links\">\r\n            <a href=\"#\" class=\"social-link\" aria-label=\"Instagram\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                    <rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\" ry=\"5\"><\/rect>\r\n                    <path d=\"M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z\"><\/path>\r\n                    <line x1=\"17.5\" y1=\"6.5\" x2=\"17.51\" y2=\"6.5\"><\/line>\r\n                <\/svg>\r\n            <\/a>\r\n            <a href=\"#\" class=\"social-link\" aria-label=\"Facebook\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                    <path d=\"M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z\"><\/path>\r\n                <\/svg>\r\n            <\/a>\r\n            <a href=\"#\" class=\"social-link\" aria-label=\"Twitter\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                    <path d=\"M22 4s-.7 2.1-2 3.4c1.6 10-9.4 17.3-18 11.6 2.2.1 4.4-.6 6-2C3 15.5.5 9.6 3 5c2.2 2.6 5.6 4.1 9 4-.9-4.2 4-6.6 7-3.8 1.1 0 3-1.2 3-1.2z\"><\/path>\r\n                <\/svg>\r\n            <\/a>\r\n            <a href=\"#\" class=\"social-link\" aria-label=\"TikTok\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n                    <path d=\"M19.59 6.69a4.83 4.83 0 0 1-3.77-4.25V2h-3.45v13.67a2.89 2.89 0 0 1-2.88 2.5 2.89 2.89 0 0 1-2.89-2.89 2.89 2.89 0 0 1 2.89-2.89c.28 0 .54.04.79.1v-3.5a6.37 6.37 0 0 0-.79-.05A6.34 6.34 0 0 0 3.15 15.2a6.34 6.34 0 0 0 10.86 4.46V13a8.28 8.28 0 0 0 5.58 2.17V11.7a4.83 4.83 0 0 1-3.77-1.24V6.69h3.77z\"\/>\r\n                <\/svg>\r\n            <\/a>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"footer-text\">\u00a9 2024 The Cologne House \u00b7 All Rights Reserved<\/div>\r\n\r\n    <script>\r\n        \/* ============================================\r\n           FIXED LAUNCH DATE - 6 DAYS FROM FIRST VISIT\r\n           Stored in localStorage so it never resets\r\n           ============================================ *\/\r\n        const STORAGE_KEY = 'tch_launch_timestamp';\r\n        const DAYS_UNTIL_LAUNCH = 6;\r\n\r\n        function getLaunchDate() {\r\n            let stored = localStorage.getItem(STORAGE_KEY);\r\n            if (stored) {\r\n                return new Date(parseInt(stored, 10));\r\n            }\r\n            \/\/ First visit: set launch date to 6 days from now\r\n            const launch = new Date();\r\n            launch.setDate(launch.getDate() + DAYS_UNTIL_LAUNCH);\r\n            launch.setHours(0, 0, 0, 0); \/\/ Start of that day\r\n            localStorage.setItem(STORAGE_KEY, launch.getTime().toString());\r\n            return launch;\r\n        }\r\n\r\n        const launchDate = getLaunchDate();\r\n\r\n        \/\/ Display the fixed launch date nicely\r\n        const launchDateText = document.getElementById('launchDateText');\r\n        const options = { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' };\r\n        launchDateText.textContent = launchDate.toLocaleDateString('en-US', options);\r\n\r\n        function updateCountdown() {\r\n            const now = new Date().getTime();\r\n            const distance = launchDate.getTime() - now;\r\n            const countdownEl = document.getElementById('countdown');\r\n\r\n            if (distance <= 0) {\r\n                \/\/ Launch has passed\r\n                document.getElementById('days').textContent = '00';\r\n                document.getElementById('hours').textContent = '00';\r\n                document.getElementById('minutes').textContent = '00';\r\n                document.getElementById('seconds').textContent = '00';\r\n                countdownEl.classList.add('ended');\r\n                return;\r\n            }\r\n\r\n            const days = Math.floor(distance \/ (1000 * 60 * 60 * 24));\r\n            const hours = Math.floor((distance % (1000 * 60 * 60 * 24)) \/ (1000 * 60 * 60));\r\n            const minutes = Math.floor((distance % (1000 * 60 * 60)) \/ (1000 * 60));\r\n            const seconds = Math.floor((distance % (1000 * 60)) \/ 1000);\r\n\r\n            document.getElementById('days').textContent = String(days).padStart(2, '0');\r\n            document.getElementById('hours').textContent = String(hours).padStart(2, '0');\r\n            document.getElementById('minutes').textContent = String(minutes).padStart(2, '0');\r\n            document.getElementById('seconds').textContent = String(seconds).padStart(2, '0');\r\n        }\r\n\r\n        updateCountdown();\r\n        setInterval(updateCountdown, 1000);\r\n\r\n        \/* ============================================\r\n           FORM HANDLING\r\n           ============================================ *\/\r\n        const form = document.getElementById('waitlistForm');\r\n        const emailInput = document.getElementById('emailInput');\r\n        const submitBtn = document.getElementById('submitBtn');\r\n        const toast = document.getElementById('toast');\r\n\r\n        form.addEventListener('submit', function(e) {\r\n            e.preventDefault();\r\n            const email = emailInput.value.trim();\r\n\r\n            if (email && email.includes('@')) {\r\n                submitBtn.textContent = '\u2713 Added!';\r\n                submitBtn.classList.add('success');\r\n                emailInput.value = '';\r\n\r\n                toast.classList.add('show');\r\n                setTimeout(() => {\r\n                    toast.classList.remove('show');\r\n                }, 3000);\r\n\r\n                setTimeout(() => {\r\n                    submitBtn.textContent = 'Join Waitlist';\r\n                    submitBtn.classList.remove('success');\r\n                }, 2500);\r\n            } else {\r\n                toast.textContent = 'Please enter a valid email address.';\r\n                toast.classList.add('error', 'show');\r\n                setTimeout(() => {\r\n                    toast.classList.remove('error', 'show');\r\n                    toast.textContent = '\u2713 Thank you! You\\'ve been added to the waitlist.';\r\n                }, 3000);\r\n            }\r\n        });\r\n\r\n        \/* ============================================\r\n           PARALLAX EFFECT\r\n           ============================================ *\/\r\n        document.addEventListener('mousemove', function(e) {\r\n            const x = (e.clientX \/ window.innerWidth - 0.5) * 20;\r\n            const y = (e.clientY \/ window.innerHeight - 0.5) * 20;\r\n\r\n            document.querySelector('.bg-blob-1').style.transform = `translate(${x}px, ${y}px)`;\r\n            document.querySelector('.bg-blob-2').style.transform = `translate(${-x}px, ${-y}px)`;\r\n        });\r\n    <\/script>\r\n<\/body>\r\n<\/html>\r\n\r\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Coming Soon &#8211; The Cologne House Waitlist \u2713 Thank you! You&#8217;ve been added to the waitlist. Under Development Coming Soon<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-16554","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/thecolognehouse.com\/index.php?rest_route=\/wp\/v2\/pages\/16554","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thecolognehouse.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/thecolognehouse.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/thecolognehouse.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/thecolognehouse.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=16554"}],"version-history":[{"count":4,"href":"https:\/\/thecolognehouse.com\/index.php?rest_route=\/wp\/v2\/pages\/16554\/revisions"}],"predecessor-version":[{"id":16558,"href":"https:\/\/thecolognehouse.com\/index.php?rest_route=\/wp\/v2\/pages\/16554\/revisions\/16558"}],"wp:attachment":[{"href":"https:\/\/thecolognehouse.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=16554"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}