{"id":4558,"date":"2023-02-23T11:44:28","date_gmt":"2023-02-23T11:44:28","guid":{"rendered":"https:\/\/wedding.nicdark.com\/wedding-day\/?page_id=4558"},"modified":"2026-01-14T13:43:27","modified_gmt":"2026-01-14T13:43:27","slug":"contact","status":"publish","type":"page","link":"https:\/\/dashaandalbert.com\/ru\/contact\/","title":{"rendered":"\u041a\u043e\u043d\u0442\u0430\u043a\u0442"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Contact Form<\/title>\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: 'Cormorant Garamond', 'Georgia', serif;\r\n background: #f9f9f7;\r\n color: #2c3e50;\r\n line-height: 1.7;\r\n padding: 60px 20px;\r\n }\r\n\r\n .container {\r\n max-width: 600px;\r\n margin: 0 auto;\r\n }\r\n\r\n \/* Header *\/\r\n .form-header {\r\n text-align: center;\r\n margin-bottom: 40px;\r\n }\r\n\r\n .form-header h1 {\r\n font-size: 2.5rem;\r\n font-weight: 400;\r\n color: #2c3e50;\r\n letter-spacing: 3px;\r\n text-transform: uppercase;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .form-header p {\r\n font-size: 1.1rem;\r\n color: #6B7C5F;\r\n font-style: italic;\r\n }\r\n\r\n \/* Form Container *\/\r\n .contact-form {\r\n background: #ffffff;\r\n border: 1px solid #e8ecef;\r\n border-radius: 12px;\r\n padding: 40px;\r\n box-shadow: 0 5px 20px rgba(139, 155, 127, 0.1);\r\n }\r\n\r\n \/* Form Groups *\/\r\n .form-group {\r\n margin-bottom: 25px;\r\n }\r\n\r\n .form-row {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 20px;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .form-row {\r\n grid-template-columns: 1fr;\r\n gap: 0;\r\n }\r\n }\r\n\r\n label {\r\n display: block;\r\n font-size: 1rem;\r\n color: #2c3e50;\r\n margin-bottom: 8px;\r\n font-weight: 500;\r\n }\r\n\r\n label span {\r\n color: #8B9B7F;\r\n }\r\n\r\n input[type=\"text\"],\r\n input[type=\"email\"],\r\n input[type=\"tel\"],\r\n textarea,\r\n select {\r\n width: 100%;\r\n padding: 12px 15px;\r\n font-family: 'Cormorant Garamond', 'Georgia', serif;\r\n font-size: 1rem;\r\n color: #2c3e50;\r\n border: 1px solid #d0d8dc;\r\n border-radius: 6px;\r\n transition: all 0.3s ease;\r\n background: #ffffff;\r\n }\r\n\r\n input:focus,\r\n textarea:focus,\r\n select:focus {\r\n outline: none;\r\n border-color: #8B9B7F;\r\n box-shadow: 0 0 0 3px rgba(139, 155, 127, 0.15);\r\n transform: translateY(-2px);\r\n }\r\n\r\n textarea {\r\n resize: vertical;\r\n min-height: 120px;\r\n }\r\n\r\n \/* Submit Button *\/\r\n .submit-btn {\r\n width: 100%;\r\n padding: 15px;\r\n background: #8B9B7F;\r\n color: #ffffff;\r\n border: none;\r\n border-radius: 6px;\r\n font-family: 'Cormorant Garamond', 'Georgia', serif;\r\n font-size: 1.1rem;\r\n font-weight: 500;\r\n letter-spacing: 1px;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n text-transform: uppercase;\r\n }\r\n\r\n .submit-btn:hover {\r\n background: #6B7C5F;\r\n transform: translateY(-3px);\r\n box-shadow: 0 8px 20px rgba(139, 155, 127, 0.4);\r\n }\r\n\r\n \/* Success & Error State Style *\/\r\n #status {\r\n text-align: center;\r\n padding: 12px;\r\n margin-top: 20px;\r\n border-radius: 6px;\r\n display: none;\r\n font-size: 0.95rem;\r\n }\r\n #status.success {\r\n display: block;\r\n background-color: #e7f3ed;\r\n color: #2e7d32;\r\n border: 1px solid #c8e6c9;\r\n }\r\n #status.error {\r\n display: block;\r\n background-color: #fdecea;\r\n color: #d32f2f;\r\n border: 1px solid #ffcdd2;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"container\">\r\n \r\n <div class=\"form-header\">\r\n <h1>Get In Touch<\/h1>\r\n <p>We'd love to hear from you<\/p>\r\n <\/div>\r\n\r\n <form class=\"contact-form\" id=\"contactForm\" action=\"https:\/\/formspree.io\/f\/xjggkvzg\" method=\"POST\">\r\n \r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <label for=\"name\">Name <span>*<\/span><\/label>\r\n <input type=\"text\" id=\"name\" name=\"name\" placeholder=\"Your name\" required>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"email\">Email <span>*<\/span><\/label>\r\n <input type=\"email\" id=\"email\" name=\"email\" placeholder=\"your@email.com\" required>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <label for=\"phone\">Phone<\/label>\r\n <input type=\"tel\" id=\"phone\" name=\"phone\" placeholder=\"+995 555 123 456\">\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"inquiry\">Inquiry Type <span>*<\/span><\/label>\r\n <select id=\"inquiry\" name=\"inquiry\" required>\r\n <option value=\"\">Select type...<\/option>\r\n <option value=\"general\">General Question<\/option>\r\n <option value=\"rsvp\">RSVP Related<\/option>\r\n <option value=\"accommodation\">Accommodation<\/option>\r\n <option value=\"transportation\">Transportation<\/option>\r\n <option value=\"other\">Other<\/option>\r\n <\/select>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"subject\">Subject <span>*<\/span><\/label>\r\n <input type=\"text\" id=\"subject\" name=\"subject\" placeholder=\"Brief subject line\" required>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"message\">Message <span>*<\/span><\/label>\r\n <textarea id=\"message\" name=\"message\" placeholder=\"Write your message here...\" required><\/textarea>\r\n <\/div>\r\n\r\n <button type=\"submit\" id=\"submit-btn\" class=\"submit-btn\">Send Message<\/button>\r\n\r\n <div id=\"status\"><\/div>\r\n <\/form>\r\n\r\n <\/div>\r\n\r\n <script>\r\n const form = document.getElementById(\"contactForm\");\r\n \r\n async function handleSubmit(event) {\r\n event.preventDefault();\r\n const status = document.getElementById(\"status\");\r\n const data = new FormData(event.target);\r\n const button = document.getElementById(\"submit-btn\");\r\n\r\n \/\/ Disable button while sending\r\n button.disabled = true;\r\n button.innerText = \"Sending...\";\r\n \r\n fetch(event.target.action, {\r\n method: form.method,\r\n body: data,\r\n headers: {\r\n 'Accept': 'application\/json'\r\n }\r\n }).then(response => {\r\n button.disabled = false;\r\n button.innerText = \"Send Message\";\r\n \r\n if (response.ok) {\r\n status.innerHTML = \"Thank you! Your message has been sent successfully.\";\r\n status.className = \"success\";\r\n form.reset();\r\n } else {\r\n response.json().then(data => {\r\n if (Object.hasOwn(data, 'errors')) {\r\n status.innerHTML = data[\"errors\"].map(error => error[\"message\"]).join(\", \");\r\n } else {\r\n status.innerHTML = \"Oops! There was a problem submitting your form.\";\r\n }\r\n status.className = \"error\";\r\n })\r\n }\r\n }).catch(error => {\r\n button.disabled = false;\r\n button.innerText = \"Send Message\";\r\n status.innerHTML = \"Oops! There was a problem connecting to the server.\";\r\n status.className = \"error\";\r\n });\r\n }\r\n form.addEventListener(\"submit\", handleSubmit)\r\n <\/script>\r\n<\/body>\r\n<\/html>\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":"<p>Contact Form Get In Touch We’d love to hear from you Name * Email * Phone Inquiry Type * Select type…General QuestionRSVP RelatedAccommodationTransportationOther Subject * Message * Send Message<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-4558","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/dashaandalbert.com\/ru\/wp-json\/wp\/v2\/pages\/4558","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dashaandalbert.com\/ru\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dashaandalbert.com\/ru\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dashaandalbert.com\/ru\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dashaandalbert.com\/ru\/wp-json\/wp\/v2\/comments?post=4558"}],"version-history":[{"count":9,"href":"https:\/\/dashaandalbert.com\/ru\/wp-json\/wp\/v2\/pages\/4558\/revisions"}],"predecessor-version":[{"id":6113,"href":"https:\/\/dashaandalbert.com\/ru\/wp-json\/wp\/v2\/pages\/4558\/revisions\/6113"}],"wp:attachment":[{"href":"https:\/\/dashaandalbert.com\/ru\/wp-json\/wp\/v2\/media?parent=4558"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}