{"id":122,"date":"2024-10-24T01:05:59","date_gmt":"2024-10-24T01:05:59","guid":{"rendered":"https:\/\/yab.wrq.mybluehost.me\/website_d6522602\/?page_id=122"},"modified":"2025-02-09T20:51:31","modified_gmt":"2025-02-09T20:51:31","slug":"contact","status":"publish","type":"page","link":"https:\/\/stasino.gr\/el\/contact\/","title":{"rendered":"Contact"},"content":{"rendered":"<div class=\"contact-content wp-block-group is-layout-constrained wp-container-core-group-is-layout-98541d2e wp-block-group-is-layout-constrained\" style=\"margin-top:225px;padding-bottom:0px\">\n<div class=\"wp-block-group is-layout-constrained wp-container-core-group-is-layout-19e250f3 wp-block-group-is-layout-constrained\">\n<h1 class=\"text-align-center wp-block-heading has-text-align-center has-x-large-font-size nfd-wb-animate nfd-wb-fade-in-bottom\">\u0391\u03c2 \u03c7\u03c4\u03af\u03c3\u03bf\u03c5\u03bc\u03b5 \u03c4\u03bf \u03c3\u03c0\u03af\u03c4\u03b9 \u03c4\u03c9\u03bd \u03bf\u03bd\u03b5\u03af\u03c1\u03c9\u03bd \u03c3\u03b1\u03c2<\/h1>\n\n\n\n<p class=\"text-align-center has-text-align-center has-small-font-size nfd-wb-animate nfd-wb-fade-in-bottom-short\">\u0395\u03b9\u03c3\u03ac\u03b3\u03b5\u03c4\u03b5 \u03c4\u03b1 \u03c3\u03c4\u03bf\u03b9\u03c7\u03b5\u03af\u03b1 \u03b5\u03c0\u03b9\u03ba\u03bf\u03b9\u03bd\u03c9\u03bd\u03af\u03b1\u03c2 \u03c3\u03b1\u03c2 \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03bb\u03ac\u03b2\u03b5\u03c4\u03b5 \u03c4\u03b9\u03bc\u03ad\u03c2, \u03b4\u03b9\u03b1\u03c1\u03c1\u03c5\u03b8\u03bc\u03af\u03c3\u03b5\u03b9\u03c2 \u03ba\u03b1\u03b9 \u03cc\u03c1\u03bf\u03c5\u03c2 \u03b4\u03cc\u03c3\u03b5\u03c9\u03bd \u03b3\u03b9\u03b1 \u03c4\u03bf \u03ad\u03c1\u03b3\u03bf.<\/p>\n<\/div>\n\n\n\n<div class=\"contact-form\">\n    <form id=\"contactForm\" action=\"https:\/\/stasino.gr\/form-handler.php\" method=\"post\" data-trp-original-action=\"https:\/\/stasino.gr\/form-handler.php\">\n        <input id=\"name\" name=\"name\" required=\"\" type=\"text\" placeholder=\"\u038c\u03bd\u03bf\u03bc\u03b1\">\n        <input id=\"telephone\" name=\"telephone\" required=\"\" type=\"tel\" placeholder=\"Phone\">\n\n        <!-- Email Field (Hidden from Bots but Visible to Users) -->\n        <input type=\"email\" id=\"emailField\" name=\"email\" placeholder=\"Email\" style=\"opacity: 0; position: absolute;\">\n        <script>\n            document.addEventListener(\"DOMContentLoaded\", function () {\n                let emailField = document.getElementById(\"emailField\");\n                emailField.style.opacity = \"1\";\n                emailField.style.position = \"relative\";\n            });\n        <\/script>\n\n        <textarea id=\"message\" name=\"message\" required=\"\" rows=\"4\" placeholder=\"\u039a\u03b5\u03af\u03bc\u03b5\u03bd\u03bf\"><\/textarea>\n        \n        <!-- Honeypot (Anti-Spam Hidden Field) -->\n        <input type=\"text\" name=\"honeypot\" id=\"honeypot\" style=\"display:none;\">\n        \n        <!-- Google reCAPTCHA -->\n        <div class=\"g-recaptcha\" data-sitekey=\"6Ldj_NEqAAAAAD9YRs1csu8M2VdU2C6PQvMD1xrB\"><\/div>\n        <script src=\"https:\/\/www.google.com\/recaptcha\/api.js\" async defer><\/script>\n\n        <button type=\"submit\">\u039b\u03ac\u03b2\u03b5\u03c4\u03b5 \u03c4\u03b9\u03bc\u03ad\u03c2 \u03ba\u03b1\u03b9 \u03cc\u03c1\u03bf\u03c5\u03c2 \u03c0\u03bb\u03b7\u03c1\u03c9\u03bc\u03ae\u03c2<\/button>\n    <input type=\"hidden\" name=\"trp-form-language\" value=\"el\"\/><\/form>\n\n    <div id=\"responseMessage\"><\/div>\n<\/div>\n\n<script>\n    document.getElementById('contactForm').addEventListener('submit', function (event) {\n        event.preventDefault();\n\n        const formData = new FormData(this);\n\n        fetch('https:\/\/stasino.gr\/form-handler.php', {\n            method: 'POST',\n            body: formData,\n        })\n        .then(response => response.text())\n        .then(data => {\n            document.getElementById('responseMessage').textContent = data === \"success\" ? \"Form submitted successfully!\" : \"Error submitting form.\";\n            document.getElementById('responseMessage').style.color = data === \"success\" ? \"green\" : \"red\";\n        })\n        .catch(error => {\n            document.getElementById('responseMessage').textContent = 'There was an error submitting the form.';\n            document.getElementById('responseMessage').style.color = 'red';\n        });\n    });\n<\/script>\n\n<style>\n    \/* Minimalist styling for the form *\/\n    .iti {\n        display: block !important; \/* Change this to 'block', 'flex', etc., as needed *\/\n        margin-top: 20px;\n    }\n\n    .contact-form {\n        max-width: 80%;\n        margin: 0 auto;\n    }\n\n    .contact-form input,\n    .contact-form select,\n    .contact-form textarea {\n        width: 100% !important;\n        border: none;\n        border-bottom: 1px solid #ccc;\n        padding: 8px 4px;\n        font-size: 16px;\n        background: none;\n        color: #333;\n        margin-top: 20px; \/* Added margin for spacing *\/\n    }\n\n    .contact-form input::placeholder,\n    .contact-form textarea::placeholder {\n        color: #999; \/* Placeholder text color *\/\n    }\n\n    .contact-form input:focus,\n    .contact-form select:focus,\n    .contact-form textarea:focus {\n        outline: none;\n        border-bottom-color: #0073e6;\n    }\n\n    .contact-form .phone-group {\n        display: flex;\n        gap: 8px;\n        align-items: center;\n    }\n\n.contact-form button {\n        margin-top: 20px;\n        padding: 18px 24px; \/* Increased padding for a bigger button *\/\n        background-color: #7A0012;\n        color: #fff;\n        border: none;\n        cursor: pointer;\n        font-size: 18px; \/* Increased font size for larger text *\/\n        display: block;\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n.contact-form button:hover {\n    background-color: #6A0011; \/* Darker shade for hover *\/\n}\n\n\/* Center the response message *\/\n  #responseMessage {\n    text-align: center; \/* Horizontally center the text *\/\n    margin-top: 20px;\n    font-size: 16px;\n  }\n<\/style>\n\n<\/div>\n\n\n\n<p class=\"\"><\/p>","protected":false},"excerpt":{"rendered":"<p>Let&#8217;s build your dream home Enter your contacts to get prices, layouts and installment terms for the project: Get Prices and Payment Terms<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"nf_dc_page":"","om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-122","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/stasino.gr\/el\/wp-json\/wp\/v2\/pages\/122","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stasino.gr\/el\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/stasino.gr\/el\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/stasino.gr\/el\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/stasino.gr\/el\/wp-json\/wp\/v2\/comments?post=122"}],"version-history":[{"count":19,"href":"https:\/\/stasino.gr\/el\/wp-json\/wp\/v2\/pages\/122\/revisions"}],"predecessor-version":[{"id":2717,"href":"https:\/\/stasino.gr\/el\/wp-json\/wp\/v2\/pages\/122\/revisions\/2717"}],"wp:attachment":[{"href":"https:\/\/stasino.gr\/el\/wp-json\/wp\/v2\/media?parent=122"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}