{"id":101,"date":"2025-10-24T10:47:47","date_gmt":"2025-10-24T10:47:47","guid":{"rendered":"https:\/\/thecircle.zone\/?page_id=101"},"modified":"2025-12-08T17:51:09","modified_gmt":"2025-12-08T14:51:09","slug":"contact","status":"publish","type":"page","link":"https:\/\/thecircle.zone\/?page_id=101","title":{"rendered":"Contact Us"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"101\" class=\"elementor elementor-101\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f1af0fb e-flex e-con-boxed e-con e-parent\" data-id=\"f1af0fb\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-1571e66 e-con-full e-flex e-con e-child\" data-id=\"1571e66\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7179522 elementor-widget elementor-widget-shortcode\" data-id=\"7179522\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    \n    <div class=\"cd-contact-hero\" style=\"background-image: url('https:\/\/thecircle.zone\/wp-content\/uploads\/2025\/12\/Circle-Contact-Us-1.jpg');\">\n        \n        <div class=\"cd-contact-overlay\">\n            \n            <div class=\"cd-contact-container\">\n                <div class=\"cd-contact-grid\">\n                    \n                    <div class=\"cd-contact-content\">\n                        <h2 class=\"cd-contact-title\">Get in Touch<\/h2>\n                        <p class=\"cd-contact-desc\">\n                            We are here to support your journey. Whether you have questions about the program or need technical assistance, we are ready to listen.\n                        <\/p>\n\n                                            <\/div>\n\n                    <div class=\"cd-contact-form-card\">\n                                                \n                        <form method=\"post\" class=\"cd-contact-form\">\n                            <input type=\"hidden\" id=\"circle_contact_nonce\" name=\"circle_contact_nonce\" value=\"c61b83e336\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/index.php?rest_route=%2Fwp%2Fv2%2Fpages%2F101\" \/>                            \n                            <div class=\"cd-form-row\">\n                                <div class=\"cd-form-group\">\n                                    <label>Name<\/label>\n                                    <input type=\"text\" name=\"cd_name\" required placeholder=\"Full Name\">\n                                <\/div>\n                                <div class=\"cd-form-group\">\n                                    <label>Email<\/label>\n                                    <input type=\"email\" name=\"cd_email\" required placeholder=\"Email Address\">\n                                <\/div>\n                            <\/div>\n\n                            <div class=\"cd-form-group\">\n                                <label>Subject<\/label>\n                                <div class=\"cd-select-wrap\">\n                                    <select name=\"cd_subject\">\n                                        <option value=\"General Inquiry\">General Inquiry<\/option>\n                                        <option value=\"Membership Support\">Membership Support<\/option>\n                                        <option value=\"Technical Issue\">Technical Issue<\/option>\n                                    <\/select>\n                                <\/div>\n                            <\/div>\n\n                            <div class=\"cd-form-group\">\n                                <label>Message<\/label>\n                                <textarea name=\"cd_message\" rows=\"5\" required placeholder=\"How can we help?\"><\/textarea>\n                            <\/div>\n\n                            <button type=\"submit\" name=\"circle_contact_submit\" class=\"cd-submit-btn\">\n                                Send Message\n                            <\/button>\n                        <\/form>\n                    <\/div>\n\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <style>\n        \/* HERO WRAPPER *\/\n        .cd-contact-hero {\n            position: relative;\n            background-size: cover;\n            background-position: center;\n            background-repeat: no-repeat;\n            width: 100%;\n            border-radius: 8px; \/* Optional rounded corners for the whole block *\/\n            overflow: hidden;\n        }\n\n        \/* OVERLAY - THE MAGIC PART *\/\n        .cd-contact-overlay {\n            background: rgba(255, 255, 255, 0.92); \/* White with 92% Opacity *\/\n            padding: 80px 20px;\n            width: 100%;\n            height: 100%;\n            backdrop-filter: blur(2px); \/* Adds a slight blur to background for focus *\/\n        }\n\n        .cd-contact-container {\n            max-width: 1100px;\n            margin: 0 auto;\n            font-family: 'Lato', sans-serif;\n        }\n\n        .cd-contact-grid {\n            display: grid;\n            grid-template-columns: 1fr 1.2fr;\n            gap: 80px;\n            align-items: center;\n        }\n\n        \/* LEFT CONTENT *\/\n        .cd-contact-title {\n            font-family: 'Montserrat', sans-serif;\n            font-size: 42px;\n            font-weight: 800;\n            color: #0c3d54;\n            margin-bottom: 25px;\n            line-height: 1.1;\n        }\n        .cd-contact-desc {\n            font-size: 18px;\n            line-height: 1.6;\n            color: #555;\n            margin-bottom: 40px;\n            max-width: 450px;\n        }\n\n        \/* MEMBER NOTE BOX *\/\n        .cd-member-note {\n            display: flex;\n            gap: 15px;\n            background: #ffffff;\n            border: 1px solid #e1e1e1;\n            border-left: 5px solid #cf2e2e; \/* Red Accent *\/\n            padding: 25px;\n            border-radius: 6px;\n            box-shadow: 0 5px 15px rgba(0,0,0,0.05);\n        }\n        .cd-note-icon {\n            font-size: 24px;\n            color: #cf2e2e;\n        }\n        .cd-note-text {\n            font-size: 14px;\n            line-height: 1.5;\n            color: #444;\n        }\n        .cd-note-text a {\n            color: #0c3d54;\n            font-weight: 700;\n            text-decoration: underline;\n        }\n\n        \/* RIGHT FORM CARD *\/\n        .cd-contact-form-card {\n            background: #ffffff;\n            padding: 50px;\n            border-radius: 12px;\n            box-shadow: 0 20px 50px rgba(12, 61, 84, 0.15); \/* Deep Navy Shadow *\/\n            border: 1px solid rgba(0,0,0,0.05);\n        }\n\n        .cd-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }\n        .cd-form-group { margin-bottom: 20px; }\n        \n        .cd-form-group label {\n            display: block;\n            font-family: 'Montserrat', sans-serif;\n            font-weight: 700;\n            font-size: 12px;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            color: #0c3d54;\n            margin-bottom: 8px;\n        }\n        \n        .cd-form-group input, \n        .cd-form-group select, \n        .cd-form-group textarea {\n            width: 100%;\n            padding: 14px;\n            border: 1px solid #ddd;\n            border-radius: 4px;\n            font-size: 15px;\n            font-family: 'Lato', sans-serif;\n            background: #f9f9f9;\n            box-sizing: border-box;\n            transition: all 0.3s;\n        }\n        .cd-form-group input:focus, \n        .cd-form-group select:focus, \n        .cd-form-group textarea:focus {\n            background: #fff;\n            border-color: #0c3d54;\n            outline: none;\n            box-shadow: 0 0 0 3px rgba(12, 61, 84, 0.1);\n        }\n\n        .cd-submit-btn {\n            background-color: #0c3d54; \/* Navy Button *\/\n            color: #fff;\n            border: none;\n            padding: 16px 30px;\n            font-size: 15px;\n            font-weight: 700;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            border-radius: 4px;\n            cursor: pointer;\n            width: 100%;\n            transition: all 0.3s;\n            margin-top: 10px;\n        }\n        .cd-submit-btn:hover {\n            background-color: #cf2e2e; \/* Red on Hover *\/\n            transform: translateY(-2px);\n            box-shadow: 0 5px 15px rgba(207, 46, 46, 0.3);\n        }\n\n        \/* ALERTS *\/\n        .cd-alert { padding: 15px; margin-bottom: 25px; border-radius: 4px; font-size: 14px; line-height: 1.4; }\n        .cd-alert-success { background: #d4edda; color: #155724; border: 1px solid #c3e6cb; }\n        .cd-alert-error { background: #f8d7da; color: #721c24; border: 1px solid #f5c6cb; }\n\n        \/* RESPONSIVE *\/\n        @media (max-width: 900px) {\n            .cd-contact-grid { grid-template-columns: 1fr; gap: 50px; }\n            .cd-contact-content { text-align: center; }\n            .cd-contact-desc { margin-left: auto; margin-right: auto; }\n            .cd-member-note { text-align: left; }\n            .cd-contact-form-card { padding: 30px; }\n        }\n        @media (max-width: 600px) {\n            .cd-form-row { grid-template-columns: 1fr; }\n            .cd-contact-overlay { padding: 40px 20px; }\n        }\n    <\/style>\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\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":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"pmpro_default_level":"","footnotes":""},"class_list":["post-101","page","type-page","status-publish","hentry","pmpro-has-access"],"acf":[],"_links":{"self":[{"href":"https:\/\/thecircle.zone\/index.php?rest_route=\/wp\/v2\/pages\/101","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thecircle.zone\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/thecircle.zone\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/thecircle.zone\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/thecircle.zone\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=101"}],"version-history":[{"count":49,"href":"https:\/\/thecircle.zone\/index.php?rest_route=\/wp\/v2\/pages\/101\/revisions"}],"predecessor-version":[{"id":3655,"href":"https:\/\/thecircle.zone\/index.php?rest_route=\/wp\/v2\/pages\/101\/revisions\/3655"}],"wp:attachment":[{"href":"https:\/\/thecircle.zone\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=101"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}