{"id":389,"date":"2025-09-15T11:48:08","date_gmt":"2025-09-15T11:48:08","guid":{"rendered":"https:\/\/theblackpearlspro.com\/goarch\/goarch-demo-3\/?page_id=389"},"modified":"2026-07-16T07:52:46","modified_gmt":"2026-07-16T07:52:46","slug":"contact","status":"publish","type":"page","link":"https:\/\/theblackpearlspro.com\/goarch\/goarch-demo-3\/contact\/","title":{"rendered":"Contact"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"389\" class=\"elementor elementor-389\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3412dd08 e-con-full e-flex e-con e-parent\" data-id=\"3412dd08\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c20f0f2 elementor-widget elementor-widget-heading\" data-id=\"c20f0f2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Contact<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-53f89992 elementor-widget elementor-widget-heading\" data-id=\"53f89992\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">A creative hub where cutting-edge<br>\narchitecture meets inspiring interior design. <br>\nWe bring fresh, bold ideas to life\u2014every single time.<\/p>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ed705c6 e-con-full e-flex e-con e-child\" data-id=\"ed705c6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-e849bfb e-con-full e-flex e-con e-child\" data-id=\"e849bfb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bf540ee elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"bf540ee\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-eeba75e elementor-widget elementor-widget-icon-box\" data-id=\"eeba75e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tEmail\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tinfo@goarch.com\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3538d75 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"3538d75\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4a058ec elementor-widget elementor-widget-icon-box\" data-id=\"4a058ec\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tPhone\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\t(123) 456-7890\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4e7aec2 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"4e7aec2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-376214c elementor-widget elementor-widget-icon-box\" data-id=\"376214c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tAddress\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\t123 Main Street, Suite 123, Tegal, USA\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7cbfb7f elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"7cbfb7f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bdd9fd6 e-con-full e-flex e-con e-child\" data-id=\"bdd9fd6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-511f53e elementor-widget elementor-widget-goarch_contact_form\" data-id=\"511f53e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"goarch_contact_form.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n        <div class=\"goarch-contact-form\">\r\n                            <h3 class=\"form-title\">Get in Touch<\/h3>\r\n                        \r\n            <form class=\"contact-form\" method=\"post\">\r\n                <div class=\"form-row\">                    <div class=\"form-group elementor-repeater-item-86c2d4d\">\r\n                        <label for=\"your-name\">\r\n                            Your Name*                        <\/label>\r\n                                                    <input type=\"text\" id=\"your-name\" name=\"your-name\" placeholder=\"Your Name\" required>\r\n                                            <\/div>\r\n                                    <div class=\"form-group elementor-repeater-item-ec6e867\">\r\n                        <label for=\"email-address\">\r\n                            Email Address                        <\/label>\r\n                                                    <input type=\"email\" id=\"email-address\" name=\"email-address\" placeholder=\"Email Address\" >\r\n                                            <\/div>\r\n                <\/div><div class=\"form-row\">                    <div class=\"form-group elementor-repeater-item-da88f07\">\r\n                        <label for=\"interested-in\">\r\n                            Interested In                        <\/label>\r\n                                                    <input type=\"text\" id=\"interested-in\" name=\"interested-in\" placeholder=\"Interested In\" >\r\n                                            <\/div>\r\n                                    <div class=\"form-group elementor-repeater-item-74affb5\">\r\n                        <label for=\"phone-number\">\r\n                            Phone Number                        <\/label>\r\n                                                    <input type=\"text\" id=\"phone-number\" name=\"phone-number\" placeholder=\"Phone Number\" >\r\n                                            <\/div>\r\n                <\/div><div class=\"form-row\">                    <div class=\"form-group elementor-repeater-item-e9ba0d0 full-width\">\r\n                        <label for=\"how-can-we-help-you\">\r\n                            How can We Help You?                        <\/label>\r\n                                                    <textarea id=\"how-can-we-help-you\" name=\"how-can-we-help-you\" placeholder=\"Share Your Thoughts with Us...\" ><\/textarea>\r\n                                            <\/div>\r\n                <\/div>\r\n                <input type=\"hidden\" name=\"recipient_email\" value=\"7miles.infodesk@gmail.com\">\r\n                <input type=\"hidden\" name=\"action\" value=\"goarch_contact_form_submit\">\r\n\r\n                <div class=\"submit-container\">\r\n                    <button type=\"submit\" class=\"submit-btn\">\r\n                        Submit\r\n                        <svg class=\"arrow-icon\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 5l7 7-7 7\"><\/path>\r\n                        <\/svg>\r\n                    <\/button>\r\n                <\/div>\r\n                <div class=\"form-response\"><\/div>\r\n            <\/form>\r\n        <\/div>\r\n\r\n        <style>\r\n        .goarch-contact-form { \r\n            max-width: 64rem; \r\n            margin: 0 auto; \r\n        }\r\n        .goarch-contact-form .contact-form { \r\n            display: flex; \r\n            flex-direction: column; \r\n            gap: 1.5rem; \r\n        }\r\n        .goarch-contact-form .form-row { \r\n            display: flex; \r\n            flex-wrap: wrap; \r\n            gap: 1.5rem; \r\n            width: 100%; \r\n        }\r\n        .goarch-contact-form .form-group { \r\n            display: flex; \r\n            flex-direction: column; \r\n            flex: 1; \r\n            min-width: 200px; \r\n        }\r\n        .goarch-contact-form .form-group.full-width { \r\n            flex: 1 1 100%; \r\n        }\r\n        .goarch-contact-form label { \r\n            color: #6b7280; \r\n            font-size: 0.875rem; \r\n            font-weight: 500; \r\n            margin-bottom: 0.5rem; \r\n        }\r\n        .goarch-contact-form input, \r\n        .goarch-contact-form textarea { \r\n            width: 100%; \r\n            padding: 1rem; \r\n            background-color: #2d5a3d; \r\n            color: white; \r\n            border: 1px solid #3a7050; \r\n            border-radius: 0.5rem; \r\n            font-size: 1rem; \r\n            outline: none; \r\n            transition: all 0.3s ease; \r\n            box-sizing: border-box; \r\n        }\r\n        .goarch-contact-form input:focus, \r\n        .goarch-contact-form textarea:focus { \r\n            border-color: #4ade80; \r\n            box-shadow: 0 0 0 2px rgba(74, 222, 128, 0.2); \r\n        }\r\n        .goarch-contact-form input::placeholder, \r\n        .goarch-contact-form textarea::placeholder { \r\n            color: #9ca3af; \r\n            font-size: 0.9rem; \r\n        }\r\n        .goarch-contact-form textarea { \r\n            resize: vertical; \r\n            min-height: 120px; \r\n        }\r\n        .goarch-contact-form .submit-container { \r\n            display: flex; \r\n            justify-content: flex-end; \r\n            margin-top: 1rem; \r\n        }\r\n        .goarch-contact-form .submit-btn { \r\n            display: flex; \r\n            align-items: center; \r\n            gap: 0.5rem; \r\n            padding: 0.75rem 2rem; \r\n            background-color: #2d5a3d; \r\n            color: white; \r\n            border: none; \r\n            border-radius: 0.5rem; \r\n            font-weight: 500; \r\n            cursor: pointer; \r\n            transition: all 0.3s ease; \r\n        }\r\n        .goarch-contact-form .submit-btn:hover { \r\n            background-color: #234a32; \r\n            transform: translateY(-1px); \r\n        }\r\n        .goarch-contact-form .arrow-icon { \r\n            width: 1rem; \r\n            height: 1rem; \r\n        }\r\n        .goarch-contact-form .form-response { \r\n            margin-top: 1rem; \r\n            padding: 1rem; \r\n            border-radius: 0.5rem; \r\n        }\r\n\r\n        \/* Responsive Design *\/\r\n        @media (max-width: 767px) {\r\n            .goarch-contact-form .form-row { \r\n                flex-direction: column; \r\n                gap: 1rem; \r\n            }\r\n            .goarch-contact-form .form-group { \r\n                min-width: 100%; \r\n                flex: 1 1 100%; \r\n            }\r\n            .goarch-contact-form .submit-container { \r\n                justify-content: center; \r\n            }\r\n        }\r\n\r\n        @media (min-width: 768px) and (max-width: 1023px) {\r\n            .goarch-contact-form .form-group:not(.full-width) { \r\n                flex: 1 1 calc(50% - 0.75rem); \r\n            }\r\n        }\r\n\r\n        @media (min-width: 1024px) {\r\n            .goarch-contact-form .form-group:not(.full-width) { \r\n                flex: 1 1 calc(50% - 0.75rem); \r\n            }\r\n        }\r\n        <\/style>\r\n\r\n        <script>\r\n        jQuery(function($){\r\n            $('.goarch-contact-form form').on('submit', function(e){\r\n                e.preventDefault();\r\n                var form = $(this);\r\n                var submitBtn = form.find('.submit-btn');\r\n                \r\n                \/\/ Add loading state\r\n                submitBtn.prop('disabled', true).html('Sending...');\r\n                \r\n                $.ajax({\r\n                    url: \"https:\/\/theblackpearlspro.com\/goarch\/goarch-demo-3\/wp-admin\/admin-ajax.php\",\r\n                    type: \"POST\",\r\n                    data: form.serialize(),\r\n                    success: function(res){\r\n                        form.find('.form-response').html(res);\r\n                        form[0].reset();\r\n                        submitBtn.prop('disabled', false).html('Submit <svg class=\"arrow-icon\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 5l7 7-7 7\"><\/path><\/svg>');\r\n                    },\r\n                    error: function(){\r\n                        form.find('.form-response').html('<p style=\"color:red;\">Sorry, there was an error sending your message. Please try again.<\/p>');\r\n                        submitBtn.prop('disabled', false).html('Submit <svg class=\"arrow-icon\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 5l7 7-7 7\"><\/path><\/svg>');\r\n                    }\r\n                });\r\n            });\r\n        });\r\n        <\/script>\r\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2edd605 e-con-full e-flex e-con e-parent\" data-id=\"2edd605\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-be52ef4 elementor-widget elementor-widget-google_map\" data-id=\"be52ef4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"google_map.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"goarch-google-map\" style=\"height: 400px;\"><iframe \r\n                width=\"100%\" \r\n                height=\"400\" \r\n                style=\"border:0;\" \r\n                loading=\"lazy\" \r\n                allowfullscreen \r\n                referrerpolicy=\"no-referrer-when-downgrade\" \r\n                src=\"https:\/\/www.google.com\/maps?q=New+York%2C+USA&#038;z=14&#038;output=embed\">\r\n              <\/iframe><\/div>\t\t\t\t<\/div>\n\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>Contact A creative hub where cutting-edge architecture meets inspiring interior design. We bring fresh, bold ideas to life\u2014every single time. Email info@goarch.com Phone (123) 456-7890 Address 123 Main Street, Suite 123, Tegal, USA Get in Touch Your Name* Email Address Interested In Phone Number How can We Help You? Submit<\/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-389","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/theblackpearlspro.com\/goarch\/goarch-demo-3\/wp-json\/wp\/v2\/pages\/389","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/theblackpearlspro.com\/goarch\/goarch-demo-3\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/theblackpearlspro.com\/goarch\/goarch-demo-3\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/theblackpearlspro.com\/goarch\/goarch-demo-3\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/theblackpearlspro.com\/goarch\/goarch-demo-3\/wp-json\/wp\/v2\/comments?post=389"}],"version-history":[{"count":70,"href":"https:\/\/theblackpearlspro.com\/goarch\/goarch-demo-3\/wp-json\/wp\/v2\/pages\/389\/revisions"}],"predecessor-version":[{"id":1794,"href":"https:\/\/theblackpearlspro.com\/goarch\/goarch-demo-3\/wp-json\/wp\/v2\/pages\/389\/revisions\/1794"}],"wp:attachment":[{"href":"https:\/\/theblackpearlspro.com\/goarch\/goarch-demo-3\/wp-json\/wp\/v2\/media?parent=389"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}