{"id":14,"date":"2024-04-24T09:05:09","date_gmt":"2024-04-24T09:05:09","guid":{"rendered":"https:\/\/demosites.royal-elementor-addons.com\/electrician-v1\/?page_id=14"},"modified":"2025-06-03T09:55:50","modified_gmt":"2025-06-03T09:55:50","slug":"%d8%a7%d8%aa%d8%b5%d9%84-%d8%a8%d9%86%d8%a7","status":"publish","type":"page","link":"https:\/\/tasttechnology.online\/?page_id=14","title":{"rendered":"\u0627\u062a\u0635\u0644 \u0628\u0646\u0627"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"14\" class=\"elementor elementor-14\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-da76bc8 elementor-section-boxed elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no\" data-id=\"da76bc8\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-0fd90cb\" data-id=\"0fd90cb\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7f696b5 wpr-logo-position-center elementor-widget elementor-widget-wpr-logo\" data-id=\"7f696b5\" data-element_type=\"widget\" data-widget_type=\"wpr-logo.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\n\t\t\t<div class=\"wpr-logo elementor-clearfix\">\n\n\t\t\t\t\t\t\t\t<picture class=\"wpr-logo-image\">\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t<source srcset=\"http:\/\/tasttechnology.online\/wp-content\/uploads\/2025\/05\/Logo-2-1.png 1x, http:\/\/tasttechnology.online\/wp-content\/uploads\/2025\/05\/Logo-Retina-2-1.png 2x\">\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t<img decoding=\"async\" src=\"http:\/\/tasttechnology.online\/wp-content\/uploads\/2025\/05\/Logo-2-1.png\" alt=\"\">\n\n\t\t\t\t\t\t\t\t\t\t\t<a class=\"wpr-logo-url\" rel=\"home\" aria-label=\"\" href=\"https:\/\/tasttechnology.online\/\"><\/a>\n\t\t\t\t\t\t\t\t\t<\/picture>\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<a class=\"wpr-logo-url\" rel=\"home\" aria-label=\"\" href=\"https:\/\/tasttechnology.online\/\"><\/a>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-85e7cfe\" data-id=\"85e7cfe\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3149b79 wpr-main-menu-align-center wpr-main-menu-align--tabletcenter wpr-main-menu-align--mobilecenter wpr-pointer-none wpr-main-menu-align--laptopleft wpr-sub-icon-caret-down wpr-sub-menu-fx-fade wpr-nav-menu-bp-mobile wpr-mobile-menu-full-width wpr-mobile-menu-item-align-center wpr-mobile-toggle-v1 wpr-sub-divider-yes elementor-widget elementor-widget-wpr-nav-menu\" data-id=\"3149b79\" data-element_type=\"widget\" data-settings=\"{&quot;menu_layout&quot;:&quot;horizontal&quot;}\" data-widget_type=\"wpr-nav-menu.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<nav class=\"wpr-nav-menu-container wpr-nav-menu-horizontal\" data-trigger=\"hover\"><ul id=\"menu-1-3149b79\" class=\"wpr-nav-menu\"><li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-1113\"><a href=\"https:\/\/tasttechnology.online\/\" class=\"wpr-menu-item wpr-pointer-item\">\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-1223\"><a href=\"https:\/\/tasttechnology.online\/?page_id=9\" class=\"wpr-menu-item wpr-pointer-item\">\u0645\u0646 \u0646\u062d\u0646<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-1227\"><a href=\"https:\/\/tasttechnology.online\/?page_id=11\" class=\"wpr-menu-item wpr-pointer-item\">\u0627\u0644\u062e\u062f\u0645\u0627\u062a<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-1470\"><a href=\"https:\/\/tasttechnology.online\/?page_id=14\" class=\"wpr-menu-item wpr-pointer-item\">\u0627\u062a\u0635\u0644 \u0628\u0646\u0627<\/a><\/li>\n<\/ul><\/nav><nav class=\"wpr-mobile-nav-menu-container\"><div class=\"wpr-mobile-toggle-wrap\"><div class=\"wpr-mobile-toggle\"><span class=\"wpr-mobile-toggle-line\"><\/span><span class=\"wpr-mobile-toggle-line\"><\/span><span class=\"wpr-mobile-toggle-line\"><\/span><\/div><\/div><ul id=\"mobile-menu-2-3149b79\" class=\"wpr-mobile-nav-menu\"><li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-1113\"><a href=\"https:\/\/tasttechnology.online\/\" class=\"wpr-mobile-menu-item\">\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-1223\"><a href=\"https:\/\/tasttechnology.online\/?page_id=9\" class=\"wpr-mobile-menu-item\">\u0645\u0646 \u0646\u062d\u0646<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-1227\"><a href=\"https:\/\/tasttechnology.online\/?page_id=11\" class=\"wpr-mobile-menu-item\">\u0627\u0644\u062e\u062f\u0645\u0627\u062a<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-1470\"><a href=\"https:\/\/tasttechnology.online\/?page_id=14\" class=\"wpr-mobile-menu-item\">\u0627\u062a\u0635\u0644 \u0628\u0646\u0627<\/a><\/li>\n<\/ul><\/nav>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-1348634 elementor-hidden-mobile\" data-id=\"1348634\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e51a918 wpr-offcanvas-align-right wpr-offcanvas-align-center wpr-offcanvas-entrance-animation-fade wpr-offcanvas-entrance-type-cover elementor-widget elementor-widget-wpr-offcanvas\" data-id=\"e51a918\" data-element_type=\"widget\" data-widget_type=\"wpr-offcanvas.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t<div class=\"wpr-offcanvas-container\" data-offcanvas-open=\"\">\n\t\t\t<button class=\"wpr-offcanvas-trigger\" aria-label=\"Book an Appointment\" aria-expanded=\"false\" aria-controls=\"wpr-offcanvas-e51a918\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span>Book an Appointment<\/span>\n\t\t\t\t\t\t\t<\/button>\n\n\t\t\t<div class=\"wpr-offcanvas-wrap wpr-offcanvas-wrap-right\">\n\t\t\t\t<div class=\"wpr-offcanvas-content wpr-offcanvas-content-right\">\n\t\t\t\t\t<div class=\"wpr-offcanvas-header\">\n\t\t\t\t\t\t<span class=\"wpr-close-offcanvas\">\n\t\t\t\t\t\t\t<i class=\"fa fa-times\" aria-hidden=\"true\"><\/i>\n\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<span class=\"wpr-template-edit-btn\" data-permalink=\"\">Edit Template<\/span>\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n        \n    \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-5df4054 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"5df4054\" data-element_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-b43ff37 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"b43ff37\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-61de2d1 elementor-widget elementor-widget-heading\" data-id=\"61de2d1\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u0627\u062a\u0635\u0644 \u0628\u0646\u0627 <\/h2>\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\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-67d9cf2 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"67d9cf2\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e301419 elementor-widget elementor-widget-html\" data-id=\"e301419\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"ar\" dir=\"rtl\">\r\n<head>\r\n  <meta charset=\"UTF-8\" \/>\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" \/>\r\n  <title>\u0646\u0645\u0648\u0630\u062c \u0627\u0644\u062a\u0648\u0627\u0635\u0644<\/title>\r\n  <!-- Tailwind CDN -->\r\n  <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n  <!-- Cairo Font -->\r\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@300;400;600;700&display=swap\" rel=\"stylesheet\" \/>\r\n  <style>\r\n    body {\r\n      font-family: 'Cairo', sans-serif;\r\n    }\r\n    .animate-fade-in {\r\n      animation: fadeIn 0.5s ease-in-out;\r\n    }\r\n    @keyframes fadeIn {\r\n      from { opacity: 0; transform: translateY(20px); }\r\n      to { opacity: 1; transform: translateY(0); }\r\n    }\r\n    .animate-pulse-success {\r\n      animation: pulseSuccess 2s ease-in-out;\r\n    }\r\n    @keyframes pulseSuccess {\r\n      0%, 100% { transform: scale(1); }\r\n      50% { transform: scale(1.05); }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body class=\"bg-gradient-to-br from-blue-50 via-indigo-50 to-purple-50 min-h-screen py-8 px-4 text-right\">\r\n  \r\n  <!-- Contact Form Container -->\r\n  <div id=\"formContainer\" class=\"max-w-5xl mx-auto bg-white rounded-3xl shadow-2xl overflow-hidden border border-gray-100\">\r\n    <div class=\"grid lg:grid-cols-2 gap-0\">\r\n      \r\n      <!-- Right Column - Contact Info -->\r\n      <div class=\"bg-gradient-to-bl from-blue-600 to-blue-800 text-white p-12 flex flex-col justify-center relative overflow-hidden\">\r\n        <div class=\"absolute top-0 left-0 w-32 h-32 bg-white opacity-10 rounded-full -translate-x-16 -translate-y-16\"><\/div>\r\n        <div class=\"absolute bottom-0 right-0 w-24 h-24 bg-white opacity-10 rounded-full translate-x-12 translate-y-12\"><\/div>\r\n        \r\n        <div class=\"relative z-10\">\r\n          <h2 class=\"text-4xl font-bold mb-8 leading-tight\">\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627<\/h2>\r\n          <div class=\"space-y-6\">\r\n            <div class=\"flex items-center space-x-4 space-x-reverse\">\r\n              <div class=\"bg-white bg-opacity-20 p-3 rounded-full\">\r\n                <svg class=\"w-6 h-6\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\r\n                  <path d=\"M2 3a1 1 0 011-1h2.153a1 1 0 01.986.836l.74 4.435a1 1 0 01-.54 1.06l-1.548.773a11.037 11.037 0 006.105 6.105l.774-1.548a1 1 0 011.059-.54l4.435.74a1 1 0 01.836.986V17a1 1 0 01-1 1h-2C7.82 18 2 12.18 2 5V3z\"\/>\r\n                <\/svg>\r\n              <\/div>\r\n              <div>\r\n                <p class=\"text-xl font-semibold\">\u0631\u0642\u0645 \u0627\u0644\u062a\u0648\u0627\u0635\u0644<\/p>\r\n                <p class=\"text-blue-100\">0100 123 4567<\/p>\r\n              <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"flex items-center space-x-4 space-x-reverse\">\r\n              <div class=\"bg-white bg-opacity-20 p-3 rounded-full\">\r\n                <svg class=\"w-6 h-6\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\r\n                  <path fill-rule=\"evenodd\" d=\"M5.05 4.05a7 7 0 119.9 9.9L10 18.9l-4.95-4.95a7 7 0 010-9.9zM10 11a2 2 0 100-4 2 2 0 000 4z\" clip-rule=\"evenodd\"\/>\r\n                <\/svg>\r\n              <\/div>\r\n              <div>\r\n                <p class=\"text-xl font-semibold\">\u0627\u0644\u0639\u0646\u0648\u0627\u0646<\/p>\r\n                <p class=\"text-blue-100\">12 \u0634\u0627\u0631\u0639 \u0627\u0644\u0645\u062b\u0627\u0644\u060c \u0627\u0644\u0645\u0647\u0646\u062f\u0633\u064a\u0646\u060c \u0627\u0644\u062c\u064a\u0632\u0629<\/p>\r\n              <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"flex items-center space-x-4 space-x-reverse\">\r\n              <div class=\"bg-white bg-opacity-20 p-3 rounded-full\">\r\n                <svg class=\"w-6 h-6\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\r\n                  <path d=\"M2.003 5.884L10 9.882l7.997-3.998A2 2 0 0016 4H4a2 2 0 00-1.997 1.884z\"\/>\r\n                  <path d=\"M18 8.118l-8 4-8-4V14a2 2 0 002 2h12a2 2 0 002-2V8.118z\"\/>\r\n                <\/svg>\r\n              <\/div>\r\n              <div>\r\n                <p class=\"text-xl font-semibold\">\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a<\/p>\r\n                <p class=\"text-blue-100\">info@example.com<\/p>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n      <!-- Left Column - Form -->\r\n      <div class=\"p-12 bg-white\">\r\n        <div class=\"mb-8\">\r\n          <h3 class=\"text-2xl font-bold text-gray-800 mb-2\">\u0623\u0631\u0633\u0644 \u0644\u0646\u0627 \u0631\u0633\u0627\u0644\u0629<\/h3>\r\n          <p class=\"text-gray-600\">\u0633\u0646\u0643\u0648\u0646 \u0633\u0639\u062f\u0627\u0621 \u0644\u0644\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0643 \u0648\u0627\u0644\u0631\u062f \u0639\u0644\u0649 \u0627\u0633\u062a\u0641\u0633\u0627\u0631\u0627\u062a\u0643<\/p>\r\n        <\/div>\r\n        \r\n        <form id=\"contactForm\" class=\"space-y-6\">\r\n          <div>\r\n            <label class=\"block mb-3 text-sm font-semibold text-gray-700\">\u0627\u0644\u0627\u0633\u0645 \u0627\u0644\u0643\u0627\u0645\u0644 <span class=\"text-red-500\">*<\/span><\/label>\r\n            <input type=\"text\" id=\"name\" name=\"name\" required placeholder=\"\u0627\u0643\u062a\u0628 \u0627\u0633\u0645\u0643 \u0627\u0644\u0643\u0627\u0645\u0644\"\r\n              class=\"w-full border border-gray-300 rounded-xl px-5 py-4 text-sm focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent transition duration-300 hover:border-gray-400\" \/>\r\n            <div id=\"nameError\" class=\"text-red-500 text-xs mt-1 hidden\">\u064a\u0631\u062c\u0649 \u0625\u062f\u062e\u0627\u0644 \u0627\u0633\u0645\u0643 \u0627\u0644\u0643\u0627\u0645\u0644<\/div>\r\n          <\/div>\r\n          \r\n          <div>\r\n            <label class=\"block mb-3 text-sm font-semibold text-gray-700\">\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a <span class=\"text-red-500\">*<\/span><\/label>\r\n            <input type=\"email\" id=\"email\" name=\"email\" required placeholder=\"example@email.com\"\r\n              class=\"w-full border border-gray-300 rounded-xl px-5 py-4 text-sm focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent transition duration-300 hover:border-gray-400\" \/>\r\n            <div id=\"emailError\" class=\"text-red-500 text-xs mt-1 hidden\">\u064a\u0631\u062c\u0649 \u0625\u062f\u062e\u0627\u0644 \u0628\u0631\u064a\u062f \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a \u0635\u062d\u064a\u062d<\/div>\r\n          <\/div>\r\n          \r\n          <div>\r\n            <label class=\"block mb-3 text-sm font-semibold text-gray-700\">\u0631\u0642\u0645 \u0627\u0644\u0647\u0627\u062a\u0641<\/label>\r\n            <input type=\"tel\" id=\"phone\" name=\"phone\" placeholder=\"01xxxxxxxxx\"\r\n              class=\"w-full border border-gray-300 rounded-xl px-5 py-4 text-sm focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent transition duration-300 hover:border-gray-400\" \/>\r\n          <\/div>\r\n          \r\n          <div>\r\n            <label class=\"block mb-3 text-sm font-semibold text-gray-700\">\u0645\u0648\u0636\u0648\u0639 \u0627\u0644\u0631\u0633\u0627\u0644\u0629<\/label>\r\n            <select id=\"subject\" name=\"subject\"\r\n              class=\"w-full border border-gray-300 rounded-xl px-5 py-4 text-sm focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent transition duration-300 hover:border-gray-400\">\r\n              <option value=\"\">\u0627\u062e\u062a\u0631 \u0645\u0648\u0636\u0648\u0639 \u0627\u0644\u0631\u0633\u0627\u0644\u0629<\/option>\r\n              <option value=\"inquiry\">\u0627\u0633\u062a\u0641\u0633\u0627\u0631 \u0639\u0627\u0645<\/option>\r\n              <option value=\"support\">\u062f\u0639\u0645 \u062a\u0642\u0646\u064a<\/option>\r\n              <option value=\"complaint\">\u0634\u0643\u0648\u0649<\/option>\r\n              <option value=\"suggestion\">\u0627\u0642\u062a\u0631\u0627\u062d<\/option>\r\n              <option value=\"other\">\u0623\u062e\u0631\u0649<\/option>\r\n            <\/select>\r\n          <\/div>\r\n          \r\n          <div>\r\n            <label class=\"block mb-3 text-sm font-semibold text-gray-700\">\u0627\u0644\u0631\u0633\u0627\u0644\u0629 <span class=\"text-red-500\">*<\/span><\/label>\r\n            <textarea rows=\"6\" id=\"message\" name=\"message\" required placeholder=\"\u0627\u0643\u062a\u0628 \u0631\u0633\u0627\u0644\u062a\u0643 \u0647\u0646\u0627...\"\r\n              class=\"w-full border border-gray-300 rounded-xl px-5 py-4 text-sm focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent transition duration-300 hover:border-gray-400 resize-none\"><\/textarea>\r\n            <div id=\"messageError\" class=\"text-red-500 text-xs mt-1 hidden\">\u064a\u0631\u062c\u0649 \u0643\u062a\u0627\u0628\u0629 \u0631\u0633\u0627\u0644\u062a\u0643<\/div>\r\n          <\/div>\r\n          \r\n          <div class=\"pt-4\">\r\n            <button type=\"submit\" id=\"submitBtn\"\r\n              class=\"w-full bg-gradient-to-r from-blue-600 to-blue-700 text-white font-semibold py-4 rounded-xl hover:from-blue-700 hover:to-blue-800 transition duration-300 shadow-lg hover:shadow-xl transform hover:-translate-y-0.5 flex items-center justify-center space-x-2 space-x-reverse\">\r\n              <span id=\"submitText\">\u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0631\u0633\u0627\u0644\u0629<\/span>\r\n              <svg id=\"submitIcon\" class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 19l9 2-9-18-9 18 9-2zm0 0v-8\"\/>\r\n              <\/svg>\r\n              <div id=\"loadingSpinner\" class=\"hidden w-5 h-5 border-2 border-white border-t-transparent rounded-full animate-spin\"><\/div>\r\n            <\/button>\r\n          <\/div>\r\n        <\/form>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Thank You Message Container -->\r\n  <div id=\"thankYouContainer\" class=\"hidden max-w-3xl mx-auto bg-white rounded-3xl shadow-2xl overflow-hidden border border-gray-100 animate-fade-in\">\r\n    <div class=\"text-center p-16\">\r\n      <div class=\"animate-pulse-success\">\r\n        <div class=\"mx-auto w-24 h-24 bg-green-500 rounded-full flex items-center justify-center mb-8\">\r\n          <svg class=\"w-12 h-12 text-white\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n      <h2 class=\"text-4xl font-bold text-gray-800 mb-6\">\u0634\u0643\u0631\u0627\u064b \u0644\u0643!<\/h2>\r\n      <p class=\"text-xl text-gray-600 mb-8 leading-relaxed\">\r\n        \u062a\u0645 \u0625\u0631\u0633\u0627\u0644 \u0631\u0633\u0627\u0644\u062a\u0643 \u0628\u0646\u062c\u0627\u062d. \u0633\u0646\u0642\u0648\u0645 \u0628\u0627\u0644\u0631\u062f \u0639\u0644\u064a\u0643 \u0641\u064a \u0623\u0642\u0631\u0628 \u0648\u0642\u062a \u0645\u0645\u0643\u0646.\r\n      <\/p>\r\n      \r\n      <div class=\"bg-blue-50 rounded-2xl p-6 mb-8\">\r\n        <h3 class=\"font-semibold text-gray-800 mb-4\">\u0645\u0644\u062e\u0635 \u0631\u0633\u0627\u0644\u062a\u0643:<\/h3>\r\n        <div id=\"messageSummary\" class=\"text-right text-gray-700 space-y-2\"><\/div>\r\n      <\/div>\r\n      \r\n      <div class=\"flex flex-col sm:flex-row gap-4 justify-center\">\r\n        <button onclick=\"sendAnotherMessage()\" \r\n          class=\"bg-blue-600 text-white px-8 py-3 rounded-xl hover:bg-blue-700 transition duration-300 font-semibold\">\r\n          \u0625\u0631\u0633\u0627\u0644 \u0631\u0633\u0627\u0644\u0629 \u0623\u062e\u0631\u0649\r\n        <\/button>\r\n        <button onclick=\"window.location.href='#'\" \r\n          class=\"bg-gray-200 text-gray-800 px-8 py-3 rounded-xl hover:bg-gray-300 transition duration-300 font-semibold\">\r\n          \u0627\u0644\u0639\u0648\u062f\u0629 \u0644\u0644\u0631\u0626\u064a\u0633\u064a\u0629\r\n        <\/button>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n    const form = document.getElementById('contactForm');\r\n    const formContainer = document.getElementById('formContainer');\r\n    const thankYouContainer = document.getElementById('thankYouContainer');\r\n    const submitBtn = document.getElementById('submitBtn');\r\n    const submitText = document.getElementById('submitText');\r\n    const submitIcon = document.getElementById('submitIcon');\r\n    const loadingSpinner = document.getElementById('loadingSpinner');\r\n\r\n    \/\/ Form validation\r\n    function validateForm() {\r\n      let isValid = true;\r\n      \r\n      \/\/ Clear previous errors\r\n      document.querySelectorAll('.text-red-500').forEach(error => error.classList.add('hidden'));\r\n      document.querySelectorAll('input, textarea, select').forEach(field => {\r\n        field.classList.remove('border-red-500');\r\n      });\r\n\r\n      \/\/ Validate name\r\n      const name = document.getElementById('name').value.trim();\r\n      if (!name) {\r\n        showError('name', 'nameError', '\u064a\u0631\u062c\u0649 \u0625\u062f\u062e\u0627\u0644 \u0627\u0633\u0645\u0643 \u0627\u0644\u0643\u0627\u0645\u0644');\r\n        isValid = false;\r\n      }\r\n\r\n      \/\/ Validate email\r\n      const email = document.getElementById('email').value.trim();\r\n      const emailPattern = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/;\r\n      if (!email || !emailPattern.test(email)) {\r\n        showError('email', 'emailError', '\u064a\u0631\u062c\u0649 \u0625\u062f\u062e\u0627\u0644 \u0628\u0631\u064a\u062f \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a \u0635\u062d\u064a\u062d');\r\n        isValid = false;\r\n      }\r\n\r\n      \/\/ Validate message\r\n      const message = document.getElementById('message').value.trim();\r\n      if (!message) {\r\n        showError('message', 'messageError', '\u064a\u0631\u062c\u0649 \u0643\u062a\u0627\u0628\u0629 \u0631\u0633\u0627\u0644\u062a\u0643');\r\n        isValid = false;\r\n      }\r\n\r\n      return isValid;\r\n    }\r\n\r\n    function showError(fieldId, errorId, message) {\r\n      document.getElementById(fieldId).classList.add('border-red-500');\r\n      const errorElement = document.getElementById(errorId);\r\n      errorElement.textContent = message;\r\n      errorElement.classList.remove('hidden');\r\n    }\r\n\r\n    \/\/ Form submission\r\n    form.addEventListener('submit', async function(e) {\r\n      e.preventDefault();\r\n      \r\n      if (!validateForm()) {\r\n        return;\r\n      }\r\n\r\n      \/\/ Show loading state\r\n      submitBtn.disabled = true;\r\n      submitText.textContent = '\u062c\u0627\u0631\u064a \u0627\u0644\u0625\u0631\u0633\u0627\u0644...';\r\n      submitIcon.classList.add('hidden');\r\n      loadingSpinner.classList.remove('hidden');\r\n\r\n      \/\/ Simulate form submission delay\r\n      await new Promise(resolve => setTimeout(resolve, 2000));\r\n\r\n      \/\/ Show thank you message\r\n      showThankYouMessage();\r\n    });\r\n\r\n    function showThankYouMessage() {\r\n      \/\/ Collect form data\r\n      const formData = {\r\n        name: document.getElementById('name').value,\r\n        email: document.getElementById('email').value,\r\n        phone: document.getElementById('phone').value,\r\n        subject: document.getElementById('subject').value,\r\n        message: document.getElementById('message').value\r\n      };\r\n\r\n      \/\/ Create summary\r\n      let summary = `<div class=\"text-right space-y-2\">`;\r\n      summary += `<p><strong>\u0627\u0644\u0627\u0633\u0645:<\/strong> ${formData.name}<\/p>`;\r\n      summary += `<p><strong>\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a:<\/strong> ${formData.email}<\/p>`;\r\n      if (formData.phone) summary += `<p><strong>\u0631\u0642\u0645 \u0627\u0644\u0647\u0627\u062a\u0641:<\/strong> ${formData.phone}<\/p>`;\r\n      if (formData.subject) {\r\n        const subjectText = document.getElementById('subject').selectedOptions[0].text;\r\n        summary += `<p><strong>\u0627\u0644\u0645\u0648\u0636\u0648\u0639:<\/strong> ${subjectText}<\/p>`;\r\n      }\r\n      summary += `<p><strong>\u0627\u0644\u0631\u0633\u0627\u0644\u0629:<\/strong> ${formData.message}<\/p>`;\r\n      summary += `<\/div>`;\r\n\r\n      document.getElementById('messageSummary').innerHTML = summary;\r\n\r\n      \/\/ Hide form and show thank you message\r\n      formContainer.classList.add('hidden');\r\n      thankYouContainer.classList.remove('hidden');\r\n    }\r\n\r\n    function sendAnotherMessage() {\r\n      \/\/ Reset form\r\n      form.reset();\r\n      submitBtn.disabled = false;\r\n      submitText.textContent = '\u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0631\u0633\u0627\u0644\u0629';\r\n      submitIcon.classList.remove('hidden');\r\n      loadingSpinner.classList.add('hidden');\r\n      \r\n      \/\/ Clear errors\r\n      document.querySelectorAll('.text-red-500').forEach(error => error.classList.add('hidden'));\r\n      document.querySelectorAll('input, textarea, select').forEach(field => {\r\n        field.classList.remove('border-red-500');\r\n      });\r\n\r\n      \/\/ Show form and hide thank you message\r\n      thankYouContainer.classList.add('hidden');\r\n      formContainer.classList.remove('hidden');\r\n    }\r\n\r\n    \/\/ Real-time validation feedback\r\n    document.querySelectorAll('input, textarea').forEach(field => {\r\n      field.addEventListener('blur', function() {\r\n        if (this.hasAttribute('required') && !this.value.trim()) {\r\n          this.classList.add('border-red-500');\r\n        } else {\r\n          this.classList.remove('border-red-500');\r\n        }\r\n      });\r\n\r\n      field.addEventListener('input', function() {\r\n        if (this.classList.contains('border-red-500') && this.value.trim()) {\r\n          this.classList.remove('border-red-500');\r\n          const errorId = this.id + 'Error';\r\n          const errorElement = document.getElementById(errorId);\r\n          if (errorElement) {\r\n            errorElement.classList.add('hidden');\r\n          }\r\n        }\r\n      });\r\n    });\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>\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 \u0645\u0646 \u0646\u062d\u0646 \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u062a\u0635\u0644 \u0628\u0646\u0627 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 \u0645\u0646 \u0646\u062d\u0646 \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u062a\u0635\u0644 \u0628\u0646\u0627 Book an Appointment Edit Template \u0627\u062a\u0635\u0644 \u0628\u0646\u0627 \u0646\u0645\u0648\u0630\u062c \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627 \u0631\u0642\u0645 \u0627\u0644\u062a\u0648\u0627\u0635\u0644 0100 123 4567 \u0627\u0644\u0639\u0646\u0648\u0627\u0646 12 \u0634\u0627\u0631\u0639 \u0627\u0644\u0645\u062b\u0627\u0644\u060c \u0627\u0644\u0645\u0647\u0646\u062f\u0633\u064a\u0646\u060c \u0627\u0644\u062c\u064a\u0632\u0629 \u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a info@example.com \u0623\u0631\u0633\u0644 \u0644\u0646\u0627 \u0631\u0633\u0627\u0644\u0629 \u0633\u0646\u0643\u0648\u0646 \u0633\u0639\u062f\u0627\u0621 \u0644\u0644\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0643 \u0648\u0627\u0644\u0631\u062f \u0639\u0644\u0649 \u0627\u0633\u062a\u0641\u0633\u0627\u0631\u0627\u062a\u0643 \u0627\u0644\u0627\u0633\u0645 \u0627\u0644\u0643\u0627\u0645\u0644 * \u064a\u0631\u062c\u0649 \u0625\u062f\u062e\u0627\u0644 \u0627\u0633\u0645\u0643 \u0627\u0644\u0643\u0627\u0645\u0644 \u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a * \u064a\u0631\u062c\u0649 \u0625\u062f\u062e\u0627\u0644 \u0628\u0631\u064a\u062f \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a \u0635\u062d\u064a\u062d \u0631\u0642\u0645 \u0627\u0644\u0647\u0627\u062a\u0641 \u0645\u0648\u0636\u0648\u0639 \u0627\u0644\u0631\u0633\u0627\u0644\u0629 \u0627\u062e\u062a\u0631 \u0645\u0648\u0636\u0648\u0639 \u0627\u0644\u0631\u0633\u0627\u0644\u0629\u0627\u0633\u062a\u0641\u0633\u0627\u0631 \u0639\u0627\u0645\u062f\u0639\u0645 \u062a\u0642\u0646\u064a\u0634\u0643\u0648\u0649\u0627\u0642\u062a\u0631\u0627\u062d\u0623\u062e\u0631\u0649 \u0627\u0644\u0631\u0633\u0627\u0644\u0629 * \u064a\u0631\u062c\u0649 \u0643\u062a\u0627\u0628\u0629 \u0631\u0633\u0627\u0644\u062a\u0643 \u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0631\u0633\u0627\u0644\u0629 \u0634\u0643\u0631\u0627\u064b \u0644\u0643! \u062a\u0645 \u0625\u0631\u0633\u0627\u0644 \u0631\u0633\u0627\u0644\u062a\u0643 \u0628\u0646\u062c\u0627\u062d. \u0633\u0646\u0642\u0648\u0645 \u0628\u0627\u0644\u0631\u062f \u0639\u0644\u064a\u0643 \u0641\u064a \u0623\u0642\u0631\u0628 \u0648\u0642\u062a \u0645\u0645\u0643\u0646. \u0645\u0644\u062e\u0635 \u0631\u0633\u0627\u0644\u062a\u0643: \u0625\u0631\u0633\u0627\u0644 \u0631\u0633\u0627\u0644\u0629 \u0623\u062e\u0631\u0649 \u0627\u0644\u0639\u0648\u062f\u0629 \u0644\u0644\u0631\u0626\u064a\u0633\u064a\u0629<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-14","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/tasttechnology.online\/index.php?rest_route=\/wp\/v2\/pages\/14","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tasttechnology.online\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tasttechnology.online\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tasttechnology.online\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tasttechnology.online\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=14"}],"version-history":[{"count":30,"href":"https:\/\/tasttechnology.online\/index.php?rest_route=\/wp\/v2\/pages\/14\/revisions"}],"predecessor-version":[{"id":1624,"href":"https:\/\/tasttechnology.online\/index.php?rest_route=\/wp\/v2\/pages\/14\/revisions\/1624"}],"wp:attachment":[{"href":"https:\/\/tasttechnology.online\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=14"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}