{"id":25,"date":"2025-02-06T19:08:50","date_gmt":"2025-02-06T19:08:50","guid":{"rendered":"https:\/\/holdingempire.com\/?page_id=25"},"modified":"2025-02-06T19:11:56","modified_gmt":"2025-02-06T19:11:56","slug":"contact","status":"publish","type":"page","link":"https:\/\/holdingempire.com\/?page_id=25","title":{"rendered":"Contact"},"content":{"rendered":"<p>&nbsp;<\/p>\n<p>Feel free to reach out, we are more then happy to accommodate you<\/p>\n<style>\n        body {<br \/>\n            font-family: sans-serif;<br \/>\n            margin: 20px;<br \/>\n            background-color: #f4f4f4; \/* Light background color *\/<br \/>\n        }<\/p>\n<p>        .container {<br \/>\n            max-width: 600px;<br \/>\n            margin: 0 auto;<br \/>\n            padding: 20px;<br \/>\n            background-color: white;<br \/>\n            border-radius: 8px;<br \/>\n            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); \/* Subtle shadow *\/<br \/>\n        }<\/p>\n<p>        h2 {<br \/>\n            text-align: center;<br \/>\n            color: #333; \/* Darker heading color *\/<br \/>\n        }<\/p>\n<p>        label {<br \/>\n            display: block;<br \/>\n            margin-bottom: 5px;<br \/>\n            color: #555; \/* Slightly darker label color *\/<br \/>\n        }<\/p>\n<p>        input[type=\"text\"],<br \/>\n        input[type=\"email\"],<br \/>\n        textarea {<br \/>\n            width: 100%;<br \/>\n            padding: 10px;<br \/>\n            margin-bottom: 15px;<br \/>\n            border: 1px solid #ccc;<br \/>\n            border-radius: 4px;<br \/>\n            box-sizing: border-box;<br \/>\n        }<\/p>\n<p>        textarea {<br \/>\n            height: 120px;<br \/>\n        }<\/p>\n<p>        button {<br \/>\n            background-color: #007bff; \/* Blue button *\/<br \/>\n            color: white;<br \/>\n            padding: 10px 15px;<br \/>\n            border: none;<br \/>\n            border-radius: 4px;<br \/>\n            cursor: pointer;<br \/>\n            transition: background-color 0.3s ease; \/* Smooth transition *\/<br \/>\n        }<\/p>\n<p>        button:hover {<br \/>\n            background-color: #0056b3; \/* Darker blue on hover *\/<br \/>\n        }<\/p>\n<p>        .error {<br \/>\n            color: red;<br \/>\n            margin-top: 5px;<br \/>\n        }<\/p>\n<p>        .success {<br \/>\n            color: green;<br \/>\n            margin-top: 5px;<br \/>\n        }<br \/>\n    <\/style>\n<p>&nbsp;<\/p>\n<div class=\"container\">\n<h2>Contact Us<\/h2>\n<form id=\"contactForm\"><label for=\"name\">Name:<\/label><br \/>\n<input id=\"name\" name=\"name\" required=\"\" type=\"text\" \/><\/p>\n<div id=\"nameError\" class=\"error\"><\/div>\n<p><label for=\"email\">Email:<\/label><br \/>\n<input id=\"email\" name=\"email\" required=\"\" type=\"email\" \/><\/p>\n<div id=\"emailError\" class=\"error\"><\/div>\n<p><label for=\"message\">Message:<\/label><br \/>\n<textarea id=\"message\" name=\"message\" required=\"\"><\/textarea><\/p>\n<div id=\"messageError\" class=\"error\"><\/div>\n<p><button type=\"submit\">Submit<\/button><\/p>\n<div id=\"successMessage\" class=\"success\"><\/div>\n<div id=\"generalError\" class=\"error\"><\/div>\n<\/form>\n<\/div>\n<p><script>\n        const form = document.getElementById('contactForm');\n        const nameInput = document.getElementById('name');\n        const emailInput = document.getElementById('email');\n        const messageInput = document.getElementById('message');\n        const nameError = document.getElementById('nameError');\n        const emailError = document.getElementById('emailError');\n        const messageError = document.getElementById('messageError');\n        const successMessage = document.getElementById('successMessage');\n        const generalError = document.getElementById('generalError');<\/p>\n<p>        form.addEventListener('submit', function(event) {\n            event.preventDefault(); \/\/ Prevent form from actually submitting<\/p>\n<p>            \/\/ Reset error messages\n            nameError.textContent = \"\";\n            emailError.textContent = \"\";\n            messageError.textContent = \"\";\n            generalError.textContent = \"\";\n            successMessage.textContent = \"\";<\/p>\n<p>            let isValid = true;<\/p>\n<p>            if (nameInput.value.trim() === \"\") {\n                nameError.textContent = \"Name is required.\";\n                isValid = false;\n            }<\/p>\n<p>            if (emailInput.value.trim() === \"\") {\n                emailError.textContent = \"Email is required.\";\n                isValid = false;\n            } else if (!isValidEmail(emailInput.value)) {\n                emailError.textContent = \"Invalid email format.\";\n                isValid = false;\n            }<\/p>\n<p>            if (messageInput.value.trim() === \"\") {\n                messageError.textContent = \"Message is required.\";\n                isValid = false;\n            }<\/p>\n<p>            if (isValid) {\n                \/\/ Here you would typically send the form data to your server\n                \/\/ using AJAX or fetch.  This example just shows a success message.\n                successMessage.textContent = \"Message sent successfully!\";\n                form.reset(); \/\/ Clear the form fields\n            } else {\n                generalError.textContent = \"Please correct the errors.\";\n            }<\/p>\n<p>        });<\/p>\n<p>        function isValidEmail(email) {\n            \/\/ Basic email validation regex (you might want a more robust one)\n            const emailRegex = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/;\n            return emailRegex.test(email);\n        }\n    <\/script><\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>&nbsp; Feel free to reach out, we are more then happy to accommodate you &nbsp; Contact Us Name: Email: Message: Submit &nbsp;<\/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-25","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/holdingempire.com\/index.php?rest_route=\/wp\/v2\/pages\/25","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/holdingempire.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/holdingempire.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/holdingempire.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/holdingempire.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=25"}],"version-history":[{"count":3,"href":"https:\/\/holdingempire.com\/index.php?rest_route=\/wp\/v2\/pages\/25\/revisions"}],"predecessor-version":[{"id":32,"href":"https:\/\/holdingempire.com\/index.php?rest_route=\/wp\/v2\/pages\/25\/revisions\/32"}],"wp:attachment":[{"href":"https:\/\/holdingempire.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=25"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}