{"id":1070,"date":"2025-07-05T15:36:50","date_gmt":"2025-07-05T12:36:50","guid":{"rendered":"https:\/\/www.rccgrussia.org\/en\/?page_id=1070"},"modified":"2025-07-05T16:10:01","modified_gmt":"2025-07-05T13:10:01","slug":"coming-soon","status":"publish","type":"page","link":"http:\/\/www.rccgrussia.org\/en\/","title":{"rendered":"Coming Soon"},"content":{"rendered":"\n<p class=\"\"><\/p>\n\n\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>RCCG Russia &#8211; Coming Soon<\/title>\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Merriweather:wght@300;400;700&#038;family=Open+Sans:wght@300;400;600;700&#038;display=swap\" rel=\"stylesheet\">\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n        \n        :root {\n            --primary: #1a4a8d;\n            --secondary: #d4a017;\n            --accent: #8c1d40;\n            --light: #f5f7fa;\n            --dark: #2c3e50;\n            --transition: all 0.3s ease;\n        }\n        \n        body {\n            font-family: 'Open Sans', sans-serif;\n            background: linear-gradient(135deg, #1a4a8d 0%, #0d2b5c 100%);\n            color: white;\n            min-height: 100vh;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n            text-align: center;\n            padding: 20px;\n            overflow-x: hidden;\n            position: relative;\n        }\n        \n        body::before {\n            content: \"\";\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: url('data:image\/svg+xml;utf8,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100\" height=\"100\" viewBox=\"0 0 100 100\"><rect width=\"100\" height=\"100\" fill=\"none\" stroke=\"rgba(255,255,255,0.05)\" stroke-width=\"1\"\/><\/svg>');\n            z-index: -1;\n            opacity: 0.7;\n        }\n        \n        .container {\n            max-width: 800px;\n            width: 100%;\n            padding: 40px 20px;\n            position: relative;\n            z-index: 2;\n        }\n        \n        .logo {\n            margin-bottom: 30px;\n            display: inline-flex;\n            align-items: center;\n            background: rgba(255, 255, 255, 0.1);\n            padding: 15px 30px;\n            border-radius: 50px;\n            backdrop-filter: blur(10px);\n            border: 1px solid rgba(255, 255, 255, 0.2);\n        }\n        \n        .logo-icon {\n            width: 60px;\n            height: 60px;\n            margin-right: 15px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n        \n        .logo-icon svg {\n            width: 100%;\n            height: 100%;\n        }\n        \n        .logo-text {\n            font-family: 'Merriweather', serif;\n            font-size: 2.2rem;\n            font-weight: 700;\n            color: white;\n            text-align: left;\n        }\n        \n        .logo-text span {\n            color: var(--secondary);\n            display: block;\n            font-size: 1.4rem;\n            font-weight: 400;\n        }\n        \n        h1 {\n            font-family: 'Merriweather', serif;\n            font-size: 3.5rem;\n            margin-bottom: 20px;\n            text-shadow: 0 2px 10px rgba(0,0,0,0.2);\n        }\n        \n        .subtitle {\n            font-size: 1.4rem;\n            margin-bottom: 40px;\n            max-width: 600px;\n            margin-left: auto;\n            margin-right: auto;\n            line-height: 1.6;\n        }\n        \n        .countdown {\n            display: flex;\n            justify-content: center;\n            gap: 20px;\n            margin-bottom: 50px;\n            flex-wrap: wrap;\n        }\n        \n        .countdown-item {\n            background: rgba(255, 255, 255, 0.1);\n            border-radius: 15px;\n            padding: 20px;\n            min-width: 120px;\n            backdrop-filter: blur(10px);\n            border: 1px solid rgba(255, 255, 255, 0.2);\n            transition: var(--transition);\n        }\n        \n        .countdown-item:hover {\n            transform: translateY(-10px);\n            background: rgba(255, 255, 255, 0.15);\n            box-shadow: 0 10px 25px rgba(0,0,0,0.2);\n        }\n        \n        .countdown-number {\n            font-size: 3rem;\n            font-weight: 700;\n            margin-bottom: 10px;\n            color: var(--secondary);\n            text-shadow: 0 0 10px rgba(212, 160, 23, 0.3);\n        }\n        \n        .countdown-label {\n            font-size: 1rem;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            opacity: 0.8;\n        }\n        \n        .notification-form {\n            background: rgba(255, 255, 255, 0.1);\n            border-radius: 20px;\n            padding: 40px;\n            max-width: 600px;\n            margin: 0 auto 50px;\n            backdrop-filter: blur(10px);\n            border: 1px solid rgba(255, 255, 255, 0.2);\n        }\n        \n        .form-title {\n            font-size: 1.8rem;\n            margin-bottom: 25px;\n            color: var(--secondary);\n        }\n        \n        .form-group {\n            display: flex;\n            gap: 10px;\n            margin-bottom: 20px;\n        }\n        \n        .form-input {\n            flex: 1;\n            padding: 15px 20px;\n            border: none;\n            border-radius: 50px;\n            font-size: 1rem;\n            background: rgba(255, 255, 255, 0.15);\n            color: white;\n            border: 1px solid rgba(255, 255, 255, 0.2);\n            transition: var(--transition);\n        }\n        \n        .form-input:focus {\n            outline: none;\n            background: rgba(255, 255, 255, 0.25);\n            box-shadow: 0 0 0 3px rgba(212, 160, 23, 0.3);\n        }\n        \n        .form-input::placeholder {\n            color: rgba(255, 255, 255, 0.7);\n        }\n        \n        .submit-btn {\n            background: var(--secondary);\n            color: var(--primary);\n            border: none;\n            padding: 15px 35px;\n            border-radius: 50px;\n            font-weight: 700;\n            font-size: 1rem;\n            cursor: pointer;\n            transition: var(--transition);\n            box-shadow: 0 5px 15px rgba(0,0,0,0.2);\n        }\n        \n        .submit-btn:hover {\n            background: #e8b420;\n            transform: translateY(-3px);\n            box-shadow: 0 8px 20px rgba(0,0,0,0.3);\n        }\n        \n        .contact-info {\n            display: flex;\n            justify-content: center;\n            gap: 40px;\n            margin-bottom: 40px;\n            flex-wrap: wrap;\n        }\n        \n        .contact-item {\n            display: flex;\n            align-items: center;\n            gap: 10px;\n        }\n        \n        .contact-icon {\n            width: 50px;\n            height: 50px;\n            background: rgba(255, 255, 255, 0.1);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 1.2rem;\n            color: var(--secondary);\n        }\n        \n        .contact-text {\n            text-align: left;\n        }\n        \n        .contact-title {\n            font-size: 0.9rem;\n            opacity: 0.8;\n            margin-bottom: 3px;\n        }\n        \n        .contact-detail {\n            font-weight: 600;\n            font-size: 1.1rem;\n        }\n        \n        .social-links {\n            display: flex;\n            justify-content: center;\n            gap: 20px;\n            margin-bottom: 40px;\n        }\n        \n        .social-link {\n            width: 50px;\n            height: 50px;\n            border-radius: 50%;\n            background: rgba(255, 255, 255, 0.1);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 1.3rem;\n            color: white;\n            transition: var(--transition);\n            border: 1px solid rgba(255, 255, 255, 0.2);\n        }\n        \n        .social-link:hover {\n            background: var(--secondary);\n            color: var(--primary);\n            transform: translateY(-5px);\n        }\n        \n        .copyright {\n            font-size: 0.9rem;\n            opacity: 0.7;\n            margin-top: 20px;\n        }\n        \n        .progress-bar {\n            height: 8px;\n            background: rgba(255, 255, 255, 0.1);\n            border-radius: 4px;\n            margin: 30px auto;\n            max-width: 500px;\n            overflow: hidden;\n        }\n        \n        .progress {\n            height: 100%;\n            background: var(--secondary);\n            width: 65%;\n            border-radius: 4px;\n        }\n        \n        @media (max-width: 768px) {\n            h1 {\n                font-size: 2.5rem;\n            }\n            \n            .subtitle {\n                font-size: 1.2rem;\n            }\n            \n            .countdown-item {\n                min-width: 90px;\n                padding: 15px;\n            }\n            \n            .countdown-number {\n                font-size: 2.2rem;\n            }\n            \n            .form-group {\n                flex-direction: column;\n            }\n            \n            .notification-form {\n                padding: 30px 20px;\n            }\n        }\n        \n        @media (max-width: 480px) {\n            .logo-text {\n                font-size: 1.8rem;\n            }\n            \n            .logo-text span {\n                font-size: 1.1rem;\n            }\n            \n            h1 {\n                font-size: 2rem;\n            }\n            \n            .countdown-item {\n                min-width: 70px;\n                padding: 12px;\n            }\n            \n            .countdown-number {\n                font-size: 1.8rem;\n            }\n            \n            .contact-info {\n                flex-direction: column;\n                align-items: center;\n                gap: 20px;\n            }\n        }\n        \n        \/* Animation for the logo *\/\n        @keyframes float {\n            0% { transform: translateY(0px); }\n            50% { transform: translateY(-10px); }\n            100% { transform: translateY(0px); }\n        }\n        \n        .logo {\n            animation: float 4s ease-in-out infinite;\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"container\">\n        <div class=\"logo\">\n         <!--\n            <div class=\"logo-icon\">\n                <svg viewBox=\"0 0 100 100\">\n                    <circle cx=\"50\" cy=\"50\" r=\"45\" fill=\"#1a4a8d\" stroke=\"#d4a017\" stroke-width=\"3\" \/>\n                    <path d=\"M50 30 L70 70 L30 70 Z\" fill=\"#d4a017\" \/>\n                    <circle cx=\"50\" cy=\"50\" r=\"15\" fill=\"#8c1d40\" \/>\n                <\/svg>\n            <\/div> -->\n            <div class=\"logo-text\">\n                <h1>RCCG Russia<\/h1>\n            <\/div>\n        <\/div>\n        \n        <h1>New Website Coming Soon<\/h1>\n        \n        <p class=\"subtitle\">\n            We&#8217;re working hard to bring you a brand new online experience. Our website is currently under construction and will be launched soon.\n        <\/p>\n        \n        <div class=\"progress-bar\">\n            <div class=\"progress\"><\/div>\n        <\/div>\n        \n        <div class=\"countdown\">\n            <div class=\"countdown-item\">\n                <div class=\"countdown-number\" id=\"days\">00<\/div>\n                <div class=\"countdown-label\">Days<\/div>\n            <\/div>\n            <div class=\"countdown-item\">\n                <div class=\"countdown-number\" id=\"hours\">00<\/div>\n                <div class=\"countdown-label\">Hours<\/div>\n            <\/div>\n            <div class=\"countdown-item\">\n                <div class=\"countdown-number\" id=\"minutes\">00<\/div>\n                <div class=\"countdown-label\">Minutes<\/div>\n            <\/div>\n            <div class=\"countdown-item\">\n                <div class=\"countdown-number\" id=\"seconds\">00<\/div>\n                <div class=\"countdown-label\">Seconds<\/div>\n            <\/div>\n        <\/div>\n        \n        <div class=\"notification-form\">\n            <h3 class=\"form-title\">Get Notified When We Launch<\/h3>\n            <form id=\"subscribe-form\">\n                <div class=\"form-group\">\n                    <input type=\"email\" class=\"form-input\" placeholder=\"Your Email Address\" required>\n                    <button type=\"submit\" class=\"submit-btn\">Notify Me<\/button>\n                <\/div>\n            <\/form>\n            <p>We&#8217;ll send you a notification when our website is ready. Your information is safe with us.<\/p>\n        <\/div>\n        \n        <div class=\"contact-info\">\n            <div class=\"contact-item\">\n                <div class=\"contact-icon\">\n                    <i class=\"fas fa-envelope\"><\/i>\n                <\/div>\n                <div class=\"contact-text\">\n                    <div class=\"contact-title\">Email Us<\/div>\n                    <div class=\"contact-detail\">info@rccgrussia.org<\/div>\n                <\/div>\n            <\/div>\n            \n            <div class=\"contact-item\">\n                <div class=\"contact-icon\">\n                    <i class=\"fas fa-phone\"><\/i>\n                <\/div>\n                <div class=\"contact-text\">\n                    <div class=\"contact-title\">Call Us<\/div>\n                    <div class=\"contact-detail\">+7 (991) 234-8199<\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n        <div class=\"social-links\">\n            <a href=\"#\" class=\"social-link\"><i class=\"fab fa-facebook-f\"><\/i><\/a>\n            <a href=\"#\" class=\"social-link\"><i class=\"fab fa-instagram\"><\/i><\/a>\n            <a href=\"#\" class=\"social-link\"><i class=\"fab fa-youtube\"><\/i><\/a>\n            <a href=\"#\" class=\"social-link\"><i class=\"fab fa-telegram\"><\/i><\/a>\n            <a href=\"#\" class=\"social-link\"><i class=\"fab fa-vk\"><\/i><\/a>\n        <\/div>\n        \n        <div class=\"copyright\">\n            &copy; 2025 RCCG Russia. All Rights Reserved.\n        <\/div>\n    <\/div>\n    \n    <script>\n        \/\/ Set the launch date (30 days from now)\n        const launchDate = new Date();\n        launchDate.setDate(launchDate.getDate() + 30);\n        \n        \/\/ Countdown function\n        function updateCountdown() {\n            const now = new Date();\n            const difference = launchDate - now;\n            \n            if (difference <= 0) {\n                document.getElementById('days').textContent = '00';\n                document.getElementById('hours').textContent = '00';\n                document.getElementById('minutes').textContent = '00';\n                document.getElementById('seconds').textContent = '00';\n                return;\n            }\n            \n            const days = Math.floor(difference \/ (1000 * 60 * 60 * 24));\n            const hours = Math.floor((difference % (1000 * 60 * 60 * 24)) \/ (1000 * 60 * 60));\n            const minutes = Math.floor((difference % (1000 * 60 * 60)) \/ (1000 * 60));\n            const seconds = Math.floor((difference % (1000 * 60)) \/ 1000);\n            \n            document.getElementById('days').textContent = days.toString().padStart(2, '0');\n            document.getElementById('hours').textContent = hours.toString().padStart(2, '0');\n            document.getElementById('minutes').textContent = minutes.toString().padStart(2, '0');\n            document.getElementById('seconds').textContent = seconds.toString().padStart(2, '0');\n        }\n        \n        \/\/ Update countdown every second\n        setInterval(updateCountdown, 1000);\n        updateCountdown(); \/\/ Initial call\n        \n        \/\/ Form submission\n        document.getElementById('subscribe-form').addEventListener('submit', function(e) {\n            e.preventDefault();\n            const emailInput = this.querySelector('input[type=\"email\"]');\n            const email = emailInput.value;\n            \n            if (email &#038;&#038; validateEmail(email)) {\n                \/\/ In a real implementation, you would send this to your server\n                alert(`Thank you! We'll notify you at ${email} when we launch.`);\n                emailInput.value = '';\n            } else {\n                alert('Please enter a valid email address.');\n            }\n        });\n        \n        function validateEmail(email) {\n            const re = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/;\n            return re.test(email);\n        }\n    <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>RCCG Russia &#8211; Coming Soon RCCG Russia New Website Coming Soon We&#8217;re working hard to bring you a brand new online experience. Our website is currently under construction and will be launched soon. 00 Days 00 Hours 00 Minutes 00 Seconds Get Notified When We Launch Notify Me We&#8217;ll send you a notification when our [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"templates\/wpmm-page-template.php","meta":{"nf_dc_page":"","om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_themeisle_gutenberg_block_has_review":false,"footnotes":""},"class_list":["post-1070","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"http:\/\/www.rccgrussia.org\/en\/wp-json\/wp\/v2\/pages\/1070","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.rccgrussia.org\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/www.rccgrussia.org\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/www.rccgrussia.org\/en\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"http:\/\/www.rccgrussia.org\/en\/wp-json\/wp\/v2\/comments?post=1070"}],"version-history":[{"count":4,"href":"http:\/\/www.rccgrussia.org\/en\/wp-json\/wp\/v2\/pages\/1070\/revisions"}],"predecessor-version":[{"id":1079,"href":"http:\/\/www.rccgrussia.org\/en\/wp-json\/wp\/v2\/pages\/1070\/revisions\/1079"}],"wp:attachment":[{"href":"http:\/\/www.rccgrussia.org\/en\/wp-json\/wp\/v2\/media?parent=1070"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}