\u0646\u0648\u0631\u0629 \u0627\u0644\u0639\u0646\u0632\u0649 - \u0639\u0631\u0648\u0636 \u0623\u0641\u0642 \u0627\u0644\u0639\u0642\u0627\u0631 \u0627\u0644\u062e\u0627\u0635\u0629<\/title>\r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n \r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;700;900&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n \/* \u062a\u0639\u0631\u064a\u0641 \u0627\u0644\u0623\u0644\u0648\u0627\u0646 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 \u0627\u0644\u062c\u062f\u064a\u062f\u0629 *\/\r\n :root {\r\n --brand-primary: #4a332a; \/* \u0628\u0646\u064a \u062f\u0627\u0643\u0646\/\u0643\u062d\u0644\u064a *\/\r\n --brand-accent: #b5935e; \/* \u0630\u0647\u0628\u064a\/\u0628\u0646\u064a \u0641\u0627\u062a\u062d *\/\r\n }\r\n\r\n a:hover{\r\n color: #fff;\r\n }\r\n\r\n @media(max-width : 767px){\r\n\r\n .mob{\r\nfont-size : 20px\r\n }\r\n\r\n .mob-desc{\r\nfont-size : 16px\r\n\r\n }\r\n\r\n .mob-btn{\r\nfont-size : 16px;\r\npadding : 10px 20px !important\r\n\r\n }\r\n\r\n }\r\n\r\n \r\n \r\n \r\n \/* \u062a\u0639\u0631\u064a\u0641 \u0641\u0626\u0627\u062a Tailwind \u0627\u0644\u0645\u062e\u0635\u0635\u0629 *\/\r\n .text-brand-primary { color: var(--brand-primary); }\r\n .bg-brand-primary { background-color: var(--brand-primary); }\r\n .text-brand-accent { color: var(--brand-accent); }\r\n .bg-brand-accent { background-color: var(--brand-accent); }\r\n .border-brand-accent { border-color: var(--brand-accent); }\r\n\r\n \/* \u062a\u0635\u0645\u064a\u0645 \u0632\u0631 (\u0628\u0646\u0641\u0633 \u0646\u0645\u0637 \u0627\u0644\u0632\u0631 \u0627\u0644\u0645\u0637\u0644\u0648\u0628 \u0644\u0643\u0646 \u0628\u0627\u0644\u0623\u0644\u0648\u0627\u0646 \u0627\u0644\u062c\u062f\u064a\u062f\u0629) *\/\r\n .btn-custom {\r\n background-color: var(--brand-accent);\r\n color: var(--brand-primary);\r\n border-radius: 9999px;\r\n padding: 0.75rem 2.5rem;\r\n font-weight: 700;\r\n box-shadow: 0 4px 10px rgba(181, 147, 94, 0.4);\r\n transition: all 0.3s ease;\r\n }\r\n .btn-custom:hover {\r\n box-shadow: 0 6px 15px rgba(181, 147, 94, 0.6);\r\n transform: translateY(-2px);\r\n filter: brightness(1.1);\r\n }\r\n\r\n \/* \u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0628\u0637\u0627\u0642\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 (\u0627\u0644\u0640 Main-Card) \u0644\u062a\u063a\u0644\u064a\u0641 \u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0635\u0641\u062d\u0629 *\/\r\n .main-card {\r\n background-color: #ffffff;\r\n border-radius: 10px; \r\n box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.1), 0 5px 10px -5px rgba(0, 0, 0, 0.04);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n \r\n \/* \u062a\u0637\u0628\u064a\u0642 \u0627\u0644\u062a\u062f\u0631\u062c \u0627\u0644\u0644\u0648\u0646\u064a \u0643\u062d\u062f \u0639\u0644\u0648\u064a \u0633\u0645\u064a\u0643 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0644\u0648\u0646 \u0627\u0644\u062a\u0645\u064a\u064a\u0632 *\/\r\n .main-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n height: 8px; \r\n background: linear-gradient(125deg, var(--brand-accent), var(--brand-primary));\r\n z-index: 10;\r\n }\r\n \/* \u062a\u0623\u062b\u064a\u0631\u0627\u062a \u0627\u0644\u0625\u0638\u0647\u0627\u0631 (\u0628\u0642\u064a\u0651\u062a \u0643\u0645\u0627 \u0647\u064a \u0644\u062a\u0623\u062b\u064a\u0631 \u062c\u0645\u064a\u0644) *\/\r\n @keyframes fadeInUp {\r\n from { opacity: 0; transform: translateY(20px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n .animate-fadeInUp {\r\n animation: fadeInUp 0.8s ease-out forwards;\r\n }\r\n .delay-1 { animation-delay: 0.2s; }\r\n .delay-2 { animation-delay: 0.4s; }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-gray-100 text-gray-800\">\r\n\r\n \r\n <div class=\"main-card max-w-12xl mx-auto p-8 md:p-12 shadow-xl\">\r\n\r\n \r\n <section class=\"py-4 md:py-8 text-center\">\r\n <div class=\"max-w-4xl mx-auto opacity-0 animate-fadeInUp\">\r\n \r\n \r\n <h1 class=\"mob text-3xl md:text-4xl font-extrabold text-brand-primary mb-3 delay-1\">\r\n \u0623\u0647\u0644\u0627\u064b \u0628\u0643 \u0641\u064a \u0639\u0631\u0648\u0636 \u0646\u0648\u0631\u0629 \u0627\u0644\u0639\u0646\u0632\u0649 \u0627\u0644\u0639\u0642\u0627\u0631\u064a\u0629!\r\n <\/h1>\r\n \r\n <p class=\"mob-desc text-lg leading-relaxed text-gray-600 mb-4 max-w-3xl mx-auto delay-2\">\r\n \u0623\u0642\u062f\u0645 \u0644\u0643 \u0643\u0645\u0633\u062a\u0634\u0627\u0631\u0629 \u0639\u0642\u0627\u0631\u064a\u0629 \u0645\u062e\u062a\u0635\u0629 \u0645\u062c\u0645\u0648\u0639\u0629 \u0645\u062e\u062a\u0627\u0631\u0629 \u0628\u0639\u0646\u0627\u064a\u0629 \u0645\u0646 \u0623\u0641\u0636\u0644 \u0627\u0644\u0641\u0631\u0635 \u0627\u0644\u0639\u0642\u0627\u0631\u064a\u0629 \u0641\u064a \u0627\u0644\u0633\u0648\u0642 \u0627\u0644\u0633\u0639\u0648\u062f\u064a. \u062e\u0628\u0631\u0629\u060c \u062b\u0642\u0629\u060c \u0648\u0639\u0642\u0627\u0631\u0627\u062a \u062a\u0644\u064a\u0642 \u0628\u0643.\r\n <\/p>\r\n\r\n <a href=\"#offers\" class=\"mob-btn btn-custom inline-flex items-center text-lg hover:shadow-2xl\">\r\n \u0627\u0643\u062a\u0634\u0641 \u0627\u0644\u0639\u0631\u0648\u0636 \u0627\u0644\u062d\u0635\u0631\u064a\u0629 <i class=\"fas fa-arrow-down mr-2\"><\/i>\r\n <\/a>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <div id=\"offers\" class=\"\">\r\n \r\n \t\t\t<link rel=\"stylesheet\" id=\"elementor-post-16447-css\" href=\"https:\/\/afaq-realestate.com\/wp-content\/uploads\/elementor\/css\/post-16447.css?ver=1779845104\" type=\"text\/css\" media=\"all\">\n\t\t\t\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"16447\" class=\"elementor elementor-16447\" data-elementor-post-type=\"cms_block\">\n\t\t\t\t\t\t<section class=\"wd-negative-gap elementor-section elementor-top-section elementor-element elementor-element-2d70355 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2d70355\" data-element_type=\"section\" data-e-type=\"section\">\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-100 elementor-top-column elementor-element elementor-element-193d4b4\" data-id=\"193d4b4\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t\r\n <\/div>\r\n \r\n \r\n <section class=\"py-12 bg-white shadow-md rounded-b-xl border-t border-gray-100\">\r\n <div class=\"max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center\">\r\n \r\n <h2 class=\"text-2xl font-bold text-brand-primary mb-2\">\u062a\u0648\u0627\u0635\u0644 \u0645\u0628\u0627\u0634\u0631\u0629 \u0645\u0639 \u0646\u0648\u0631\u0629<\/h2>\r\n \r\n <p class=\"text-base text-gray-600 mb-8\">\u0646\u0648\u0631\u0629 \u0641\u064a \u062e\u062f\u0645\u062a\u0643 \u0644\u062a\u0642\u062f\u064a\u0645 \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0627\u0644\u0639\u0642\u0627\u0631\u064a\u0629 \u0648\u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u0639\u0631\u0648\u0636. \u062a\u0648\u0627\u0635\u0644 \u0627\u0644\u0622\u0646 \u0639\u0628\u0631 \u0642\u0646\u0648\u0627\u062a\u0647\u0627 \u0627\u0644\u0645\u0641\u0636\u0644\u0629:<\/p>\r\n \r\n \r\n <div class=\"flex flex-wrap justify-center gap-4\">\r\n \r\n \r\n <a href=\"https:\/\/wa.me\/9660556461555\" target=\"_blank\" class=\"flex items-center justify-center bg-green-500 text-white py-3 px-4 w-48 rounded-xl shadow-lg hover:bg-green-600 transition transform hover:scale-105\" rel=\"noopener\">\r\n <i class=\"fab fa-whatsapp text-2xl ml-2\"><\/i>\r\n <span class=\"font-semibold text-base\">\u062a\u0648\u0627\u0635\u0644 \u0639\u0628\u0631 \u0648\u0627\u062a\u0633\u0627\u0628<\/span>\r\n <\/a>\r\n \r\n \r\n <a href=\"tel:+9660556461555\" class=\"flex items-center justify-center bg-brand-primary text-white py-3 px-4 w-48 rounded-xl shadow-lg hover:opacity-90 transition transform hover:scale-105\">\r\n <i class=\"fas fa-phone-alt text-2xl ml-2\"><\/i>\r\n <span class=\"font-semibold text-base\">\u0627\u062a\u0635\u0627\u0644 \u0645\u0628\u0627\u0634\u0631<\/span>\r\n <\/a>\r\n\r\n \r\n \r\n \r\n \r\n \r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n <\/div>\r\n\r\n \r\n <div id=\"contact-message-modal\" class=\"fixed inset-0 bg-gray-900 bg-opacity-75 hidden items-center justify-center z-[100]\" onclick=\"closeModal()\">\r\n <div class=\"bg-white p-8 rounded-xl shadow-2xl max-w-sm w-full transform transition-all duration-300 scale-95\" onclick=\"event.stopPropagation()\">\r\n <h3 class=\"text-2xl font-bold mb-4 text-brand-primary\" id=\"modal-title\">\u062a\u0645 \u0628\u0646\u062c\u0627\u062d!<\/h3>\r\n <p class=\"text-gray-700 mb-6\" id=\"modal-body\"><\/p>\r\n <button onclick=\"closeModal()\" class=\"w-full bg-brand-accent text-brand-primary font-bold py-2 rounded-lg hover:opacity-90 transition duration-300\">\r\n \u0625\u063a\u0644\u0627\u0642\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n \/\/ JavaScript \u0644\u0648\u0638\u064a\u0641\u0629 \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0648\u0639\u0631\u0636 \u0627\u0644\u0631\u0633\u0627\u0626\u0644\r\n const modal = document.getElementById('contact-message-modal');\r\n const modalTitle = document.getElementById('modal-title');\r\n const modalBody = document.getElementById('modal-body');\r\n\r\n function showModal(title, body) {\r\n modalTitle.textContent = title;\r\n modalBody.textContent = body;\r\n modal.classList.remove('hidden');\r\n modal.classList.add('flex');\r\n \/\/ \u0627\u0644\u062a\u0623\u0643\u062f \u0645\u0646 \u0648\u062c\u0648\u062f \u0627\u0644\u0639\u0646\u0635\u0631 \u0642\u0628\u0644 \u0645\u062d\u0627\u0648\u0644\u0629 \u0627\u0644\u062a\u0639\u062f\u064a\u0644\r\n const modalContent = modal.querySelector('div:nth-child(1)');\r\n if (modalContent) {\r\n modalContent.classList.remove('scale-95');\r\n modalContent.classList.add('scale-100');\r\n }\r\n }\r\n\r\n function closeModal() {\r\n const modalContent = modal.querySelector('div:nth-child(1)');\r\n if (modalContent) {\r\n modalContent.classList.remove('scale-100');\r\n modalContent.classList.add('scale-95');\r\n }\r\n setTimeout(() => {\r\n modal.classList.remove('flex');\r\n modal.classList.add('hidden');\r\n }, 300); \/\/ \u064a\u062a\u0637\u0627\u0628\u0642 \u0645\u0639 \u0645\u062f\u0629 transition\r\n }\r\n\r\n function contactNoura(offerName) {\r\n \/\/ \u0647\u0630\u0647 \u0627\u0644\u0648\u0638\u064a\u0641\u0629 \u062a\u0628\u0642\u0649 \u0639\u0627\u0645\u0629 \u0644\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0625\u0630\u0627 \u062a\u0645 \u0627\u0644\u0636\u063a\u0637 \u0639\u0644\u0649 \u0623\u064a \u0632\u0631 \"\u062a\u0648\u0627\u0635\u0644\"\r\n const message = `\u062a\u0645 \u062a\u0648\u062c\u064a\u0647 \u0637\u0644\u0628\u0643 \u0644\u0640 \u0646\u0648\u0631\u0629 \u0627\u0644\u0639\u0646\u0632\u0649 \u0628\u0646\u062c\u0627\u062d \u0644\u0644\u0627\u0633\u062a\u0641\u0633\u0627\u0631 \u0639\u0646: \"${offerName}\". \u0633\u064a\u062a\u0645 \u062a\u062d\u0648\u064a\u0644\u0643 \u0625\u0644\u0649 \u0635\u0641\u062d\u0629 \u062a\u0648\u0627\u0635\u0644 \u0623\u0648 \u0648\u0627\u062a\u0633\u0627\u0628 \u0642\u0631\u064a\u0628\u0627\u064b!`;\r\n showModal(\"\u0637\u0644\u0628 \u062a\u0648\u0627\u0635\u0644\", message);\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<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0646\u0648\u0631\u0629 \u0627\u0644\u0639\u0646\u0632\u0649 – \u0639\u0631\u0648\u0636 \u0623\u0641\u0642 \u0627\u0644\u0639\u0642\u0627\u0631 \u0627\u0644\u062e\u0627\u0635\u0629 \u0623\u0647\u0644\u0627\u064b \u0628\u0643 \u0641\u064a \u0639\u0631\u0648\u0636 \u0646\u0648\u0631\u0629 \u0627\u0644\u0639\u0646\u0632\u0649 \u0627\u0644\u0639\u0642\u0627\u0631\u064a\u0629! \u0623\u0642\u062f\u0645 \u0644\u0643 \u0643\u0645\u0633\u062a\u0634\u0627\u0631\u0629 \u0639\u0642\u0627\u0631\u064a\u0629 \u0645\u062e\u062a\u0635\u0629 \u0645\u062c\u0645\u0648\u0639\u0629<\/p>","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-16445","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/afaq-realestate.com\/en\/wp-json\/wp\/v2\/pages\/16445","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/afaq-realestate.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/afaq-realestate.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/afaq-realestate.com\/en\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/afaq-realestate.com\/en\/wp-json\/wp\/v2\/comments?post=16445"}],"version-history":[{"count":37,"href":"https:\/\/afaq-realestate.com\/en\/wp-json\/wp\/v2\/pages\/16445\/revisions"}],"predecessor-version":[{"id":16601,"href":"https:\/\/afaq-realestate.com\/en\/wp-json\/wp\/v2\/pages\/16445\/revisions\/16601"}],"wp:attachment":[{"href":"https:\/\/afaq-realestate.com\/en\/wp-json\/wp\/v2\/media?parent=16445"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t

\n\t\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n \u0646\u0648\u0631\u0629 \u0627\u0644\u0639\u0646\u0632\u0649 - \u0639\u0631\u0648\u0636 \u0623\u0641\u0642 \u0627\u0644\u0639\u0642\u0627\u0631 \u0627\u0644\u062e\u0627\u0635\u0629<\/title>\r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n \r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;700;900&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n \/* \u062a\u0639\u0631\u064a\u0641 \u0627\u0644\u0623\u0644\u0648\u0627\u0646 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 \u0627\u0644\u062c\u062f\u064a\u062f\u0629 *\/\r\n :root {\r\n --brand-primary: #4a332a; \/* \u0628\u0646\u064a \u062f\u0627\u0643\u0646\/\u0643\u062d\u0644\u064a *\/\r\n --brand-accent: #b5935e; \/* \u0630\u0647\u0628\u064a\/\u0628\u0646\u064a \u0641\u0627\u062a\u062d *\/\r\n }\r\n\r\n a:hover{\r\n color: #fff;\r\n }\r\n\r\n @media(max-width : 767px){\r\n\r\n .mob{\r\nfont-size : 20px\r\n }\r\n\r\n .mob-desc{\r\nfont-size : 16px\r\n\r\n }\r\n\r\n .mob-btn{\r\nfont-size : 16px;\r\npadding : 10px 20px !important\r\n\r\n }\r\n\r\n }\r\n\r\n \r\n \r\n \r\n \/* \u062a\u0639\u0631\u064a\u0641 \u0641\u0626\u0627\u062a Tailwind \u0627\u0644\u0645\u062e\u0635\u0635\u0629 *\/\r\n .text-brand-primary { color: var(--brand-primary); }\r\n .bg-brand-primary { background-color: var(--brand-primary); }\r\n .text-brand-accent { color: var(--brand-accent); }\r\n .bg-brand-accent { background-color: var(--brand-accent); }\r\n .border-brand-accent { border-color: var(--brand-accent); }\r\n\r\n \/* \u062a\u0635\u0645\u064a\u0645 \u0632\u0631 (\u0628\u0646\u0641\u0633 \u0646\u0645\u0637 \u0627\u0644\u0632\u0631 \u0627\u0644\u0645\u0637\u0644\u0648\u0628 \u0644\u0643\u0646 \u0628\u0627\u0644\u0623\u0644\u0648\u0627\u0646 \u0627\u0644\u062c\u062f\u064a\u062f\u0629) *\/\r\n .btn-custom {\r\n background-color: var(--brand-accent);\r\n color: var(--brand-primary);\r\n border-radius: 9999px;\r\n padding: 0.75rem 2.5rem;\r\n font-weight: 700;\r\n box-shadow: 0 4px 10px rgba(181, 147, 94, 0.4);\r\n transition: all 0.3s ease;\r\n }\r\n .btn-custom:hover {\r\n box-shadow: 0 6px 15px rgba(181, 147, 94, 0.6);\r\n transform: translateY(-2px);\r\n filter: brightness(1.1);\r\n }\r\n\r\n \/* \u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0628\u0637\u0627\u0642\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 (\u0627\u0644\u0640 Main-Card) \u0644\u062a\u063a\u0644\u064a\u0641 \u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0635\u0641\u062d\u0629 *\/\r\n .main-card {\r\n background-color: #ffffff;\r\n border-radius: 10px; \r\n box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.1), 0 5px 10px -5px rgba(0, 0, 0, 0.04);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n \r\n \/* \u062a\u0637\u0628\u064a\u0642 \u0627\u0644\u062a\u062f\u0631\u062c \u0627\u0644\u0644\u0648\u0646\u064a \u0643\u062d\u062f \u0639\u0644\u0648\u064a \u0633\u0645\u064a\u0643 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0644\u0648\u0646 \u0627\u0644\u062a\u0645\u064a\u064a\u0632 *\/\r\n .main-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n height: 8px; \r\n background: linear-gradient(125deg, var(--brand-accent), var(--brand-primary));\r\n z-index: 10;\r\n }\r\n \/* \u062a\u0623\u062b\u064a\u0631\u0627\u062a \u0627\u0644\u0625\u0638\u0647\u0627\u0631 (\u0628\u0642\u064a\u0651\u062a \u0643\u0645\u0627 \u0647\u064a \u0644\u062a\u0623\u062b\u064a\u0631 \u062c\u0645\u064a\u0644) *\/\r\n @keyframes fadeInUp {\r\n from { opacity: 0; transform: translateY(20px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n .animate-fadeInUp {\r\n animation: fadeInUp 0.8s ease-out forwards;\r\n }\r\n .delay-1 { animation-delay: 0.2s; }\r\n .delay-2 { animation-delay: 0.4s; }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-gray-100 text-gray-800\">\r\n\r\n \r\n <div class=\"main-card max-w-12xl mx-auto p-8 md:p-12 shadow-xl\">\r\n\r\n \r\n <section class=\"py-4 md:py-8 text-center\">\r\n <div class=\"max-w-4xl mx-auto opacity-0 animate-fadeInUp\">\r\n \r\n \r\n <h1 class=\"mob text-3xl md:text-4xl font-extrabold text-brand-primary mb-3 delay-1\">\r\n \u0623\u0647\u0644\u0627\u064b \u0628\u0643 \u0641\u064a \u0639\u0631\u0648\u0636 \u0646\u0648\u0631\u0629 \u0627\u0644\u0639\u0646\u0632\u0649 \u0627\u0644\u0639\u0642\u0627\u0631\u064a\u0629!\r\n <\/h1>\r\n \r\n <p class=\"mob-desc text-lg leading-relaxed text-gray-600 mb-4 max-w-3xl mx-auto delay-2\">\r\n \u0623\u0642\u062f\u0645 \u0644\u0643 \u0643\u0645\u0633\u062a\u0634\u0627\u0631\u0629 \u0639\u0642\u0627\u0631\u064a\u0629 \u0645\u062e\u062a\u0635\u0629 \u0645\u062c\u0645\u0648\u0639\u0629 \u0645\u062e\u062a\u0627\u0631\u0629 \u0628\u0639\u0646\u0627\u064a\u0629 \u0645\u0646 \u0623\u0641\u0636\u0644 \u0627\u0644\u0641\u0631\u0635 \u0627\u0644\u0639\u0642\u0627\u0631\u064a\u0629 \u0641\u064a \u0627\u0644\u0633\u0648\u0642 \u0627\u0644\u0633\u0639\u0648\u062f\u064a. \u062e\u0628\u0631\u0629\u060c \u062b\u0642\u0629\u060c \u0648\u0639\u0642\u0627\u0631\u0627\u062a \u062a\u0644\u064a\u0642 \u0628\u0643.\r\n <\/p>\r\n\r\n <a href=\"#offers\" class=\"mob-btn btn-custom inline-flex items-center text-lg hover:shadow-2xl\">\r\n \u0627\u0643\u062a\u0634\u0641 \u0627\u0644\u0639\u0631\u0648\u0636 \u0627\u0644\u062d\u0635\u0631\u064a\u0629 <i class=\"fas fa-arrow-down mr-2\"><\/i>\r\n <\/a>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <div id=\"offers\" class=\"\">\r\n \r\n \t\t\t<link rel=\"stylesheet\" id=\"elementor-post-16447-css\" href=\"https:\/\/afaq-realestate.com\/wp-content\/uploads\/elementor\/css\/post-16447.css?ver=1779845104\" type=\"text\/css\" media=\"all\">\n\t\t\t\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"16447\" class=\"elementor elementor-16447\" data-elementor-post-type=\"cms_block\">\n\t\t\t\t\t\t<section class=\"wd-negative-gap elementor-section elementor-top-section elementor-element elementor-element-2d70355 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2d70355\" data-element_type=\"section\" data-e-type=\"section\">\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-100 elementor-top-column elementor-element elementor-element-193d4b4\" data-id=\"193d4b4\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t\r\n <\/div>\r\n \r\n \r\n <section class=\"py-12 bg-white shadow-md rounded-b-xl border-t border-gray-100\">\r\n <div class=\"max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center\">\r\n \r\n <h2 class=\"text-2xl font-bold text-brand-primary mb-2\">\u062a\u0648\u0627\u0635\u0644 \u0645\u0628\u0627\u0634\u0631\u0629 \u0645\u0639 \u0646\u0648\u0631\u0629<\/h2>\r\n \r\n <p class=\"text-base text-gray-600 mb-8\">\u0646\u0648\u0631\u0629 \u0641\u064a \u062e\u062f\u0645\u062a\u0643 \u0644\u062a\u0642\u062f\u064a\u0645 \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0627\u0644\u0639\u0642\u0627\u0631\u064a\u0629 \u0648\u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u0639\u0631\u0648\u0636. \u062a\u0648\u0627\u0635\u0644 \u0627\u0644\u0622\u0646 \u0639\u0628\u0631 \u0642\u0646\u0648\u0627\u062a\u0647\u0627 \u0627\u0644\u0645\u0641\u0636\u0644\u0629:<\/p>\r\n \r\n \r\n <div class=\"flex flex-wrap justify-center gap-4\">\r\n \r\n \r\n <a href=\"https:\/\/wa.me\/9660556461555\" target=\"_blank\" class=\"flex items-center justify-center bg-green-500 text-white py-3 px-4 w-48 rounded-xl shadow-lg hover:bg-green-600 transition transform hover:scale-105\" rel=\"noopener\">\r\n <i class=\"fab fa-whatsapp text-2xl ml-2\"><\/i>\r\n <span class=\"font-semibold text-base\">\u062a\u0648\u0627\u0635\u0644 \u0639\u0628\u0631 \u0648\u0627\u062a\u0633\u0627\u0628<\/span>\r\n <\/a>\r\n \r\n \r\n <a href=\"tel:+9660556461555\" class=\"flex items-center justify-center bg-brand-primary text-white py-3 px-4 w-48 rounded-xl shadow-lg hover:opacity-90 transition transform hover:scale-105\">\r\n <i class=\"fas fa-phone-alt text-2xl ml-2\"><\/i>\r\n <span class=\"font-semibold text-base\">\u0627\u062a\u0635\u0627\u0644 \u0645\u0628\u0627\u0634\u0631<\/span>\r\n <\/a>\r\n\r\n \r\n \r\n \r\n \r\n \r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n <\/div>\r\n\r\n \r\n <div id=\"contact-message-modal\" class=\"fixed inset-0 bg-gray-900 bg-opacity-75 hidden items-center justify-center z-[100]\" onclick=\"closeModal()\">\r\n <div class=\"bg-white p-8 rounded-xl shadow-2xl max-w-sm w-full transform transition-all duration-300 scale-95\" onclick=\"event.stopPropagation()\">\r\n <h3 class=\"text-2xl font-bold mb-4 text-brand-primary\" id=\"modal-title\">\u062a\u0645 \u0628\u0646\u062c\u0627\u062d!<\/h3>\r\n <p class=\"text-gray-700 mb-6\" id=\"modal-body\"><\/p>\r\n <button onclick=\"closeModal()\" class=\"w-full bg-brand-accent text-brand-primary font-bold py-2 rounded-lg hover:opacity-90 transition duration-300\">\r\n \u0625\u063a\u0644\u0627\u0642\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n \/\/ JavaScript \u0644\u0648\u0638\u064a\u0641\u0629 \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0648\u0639\u0631\u0636 \u0627\u0644\u0631\u0633\u0627\u0626\u0644\r\n const modal = document.getElementById('contact-message-modal');\r\n const modalTitle = document.getElementById('modal-title');\r\n const modalBody = document.getElementById('modal-body');\r\n\r\n function showModal(title, body) {\r\n modalTitle.textContent = title;\r\n modalBody.textContent = body;\r\n modal.classList.remove('hidden');\r\n modal.classList.add('flex');\r\n \/\/ \u0627\u0644\u062a\u0623\u0643\u062f \u0645\u0646 \u0648\u062c\u0648\u062f \u0627\u0644\u0639\u0646\u0635\u0631 \u0642\u0628\u0644 \u0645\u062d\u0627\u0648\u0644\u0629 \u0627\u0644\u062a\u0639\u062f\u064a\u0644\r\n const modalContent = modal.querySelector('div:nth-child(1)');\r\n if (modalContent) {\r\n modalContent.classList.remove('scale-95');\r\n modalContent.classList.add('scale-100');\r\n }\r\n }\r\n\r\n function closeModal() {\r\n const modalContent = modal.querySelector('div:nth-child(1)');\r\n if (modalContent) {\r\n modalContent.classList.remove('scale-100');\r\n modalContent.classList.add('scale-95');\r\n }\r\n setTimeout(() => {\r\n modal.classList.remove('flex');\r\n modal.classList.add('hidden');\r\n }, 300); \/\/ \u064a\u062a\u0637\u0627\u0628\u0642 \u0645\u0639 \u0645\u062f\u0629 transition\r\n }\r\n\r\n function contactNoura(offerName) {\r\n \/\/ \u0647\u0630\u0647 \u0627\u0644\u0648\u0638\u064a\u0641\u0629 \u062a\u0628\u0642\u0649 \u0639\u0627\u0645\u0629 \u0644\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0625\u0630\u0627 \u062a\u0645 \u0627\u0644\u0636\u063a\u0637 \u0639\u0644\u0649 \u0623\u064a \u0632\u0631 \"\u062a\u0648\u0627\u0635\u0644\"\r\n const message = `\u062a\u0645 \u062a\u0648\u062c\u064a\u0647 \u0637\u0644\u0628\u0643 \u0644\u0640 \u0646\u0648\u0631\u0629 \u0627\u0644\u0639\u0646\u0632\u0649 \u0628\u0646\u062c\u0627\u062d \u0644\u0644\u0627\u0633\u062a\u0641\u0633\u0627\u0631 \u0639\u0646: \"${offerName}\". \u0633\u064a\u062a\u0645 \u062a\u062d\u0648\u064a\u0644\u0643 \u0625\u0644\u0649 \u0635\u0641\u062d\u0629 \u062a\u0648\u0627\u0635\u0644 \u0623\u0648 \u0648\u0627\u062a\u0633\u0627\u0628 \u0642\u0631\u064a\u0628\u0627\u064b!`;\r\n showModal(\"\u0637\u0644\u0628 \u062a\u0648\u0627\u0635\u0644\", message);\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<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0646\u0648\u0631\u0629 \u0627\u0644\u0639\u0646\u0632\u0649 – \u0639\u0631\u0648\u0636 \u0623\u0641\u0642 \u0627\u0644\u0639\u0642\u0627\u0631 \u0627\u0644\u062e\u0627\u0635\u0629 \u0623\u0647\u0644\u0627\u064b \u0628\u0643 \u0641\u064a \u0639\u0631\u0648\u0636 \u0646\u0648\u0631\u0629 \u0627\u0644\u0639\u0646\u0632\u0649 \u0627\u0644\u0639\u0642\u0627\u0631\u064a\u0629! \u0623\u0642\u062f\u0645 \u0644\u0643 \u0643\u0645\u0633\u062a\u0634\u0627\u0631\u0629 \u0639\u0642\u0627\u0631\u064a\u0629 \u0645\u062e\u062a\u0635\u0629 \u0645\u062c\u0645\u0648\u0639\u0629<\/p>","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-16445","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/afaq-realestate.com\/en\/wp-json\/wp\/v2\/pages\/16445","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/afaq-realestate.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/afaq-realestate.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/afaq-realestate.com\/en\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/afaq-realestate.com\/en\/wp-json\/wp\/v2\/comments?post=16445"}],"version-history":[{"count":37,"href":"https:\/\/afaq-realestate.com\/en\/wp-json\/wp\/v2\/pages\/16445\/revisions"}],"predecessor-version":[{"id":16601,"href":"https:\/\/afaq-realestate.com\/en\/wp-json\/wp\/v2\/pages\/16445\/revisions\/16601"}],"wp:attachment":[{"href":"https:\/\/afaq-realestate.com\/en\/wp-json\/wp\/v2\/media?parent=16445"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}