\u0646\u0645\u0648\u0630\u062c \u0627\u0644\u062a\u0648\u0627\u0635\u0644<\/title> \r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@300;400;600;700&family=Poppins:wght@300;400;500;600&display=swap\" rel=\"stylesheet\"> \r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\"> \r\n <style> \r\n \/* \u0625\u0639\u0627\u062f\u0629 \u062a\u0639\u064a\u064a\u0646 \u0627\u0644\u062e\u0635\u0627\u0626\u0635 \u0641\u0642\u0637 \u0644\u0644\u0639\u0646\u0627\u0635\u0631 \u062f\u0627\u062e\u0644 \u0627\u0644\u062d\u0627\u0648\u064a\u0629 *\/ \r\n .contact-wrapper * { \r\n margin: 0; \r\n padding: 0; \r\n box-sizing: border-box; \r\n } \r\n \r\n .contact-wrapper { \r\n font-family: 'Cairo', sans-serif; \r\n background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%); \r\n \/* \u0625\u0632\u0627\u0644\u0629 min-height: 100vh \u0648\u0627\u0644\u062e\u0635\u0627\u0626\u0635 \u0627\u0644\u062a\u064a \u062a\u0623\u062b\u0631 \u0639\u0644\u0649 \u0627\u0644\u062a\u062e\u0637\u064a\u0637 *\/ \r\n padding: 40px 20px; \r\n \/* \u0639\u0632\u0644 \u0627\u0644\u062a\u0623\u062b\u064a\u0631\u0627\u062a \u0639\u0646 WordPress *\/ \r\n position: relative; \r\n width: 100%; \r\n \/* \u0625\u0636\u0627\u0641\u0629 clearfix \u0644\u0644\u062a\u0623\u0643\u062f \u0645\u0646 \u0639\u062f\u0645 \u0627\u0644\u062a\u062f\u0627\u062e\u0644 *\/ \r\n overflow: hidden; \r\n } \r\n\r\n .contact-section { \r\n background: white; \r\n border-radius: 20px; \r\n box-shadow: 0 20px 60px rgba(150, 156, 58, 0.1); \r\n overflow: hidden; \r\n max-width: 1200px; \r\n width: 100%; \r\n \/* \u062a\u0645\u0631\u0643\u0632 \u0627\u0644\u0643\u0648\u0646\u062a\u064a\u0646\u0631 \u0628\u062f\u0648\u0646 flex \u0639\u0644\u0649 \u0627\u0644\u0640 body *\/ \r\n margin: 0 auto; \r\n animation: slideUp 0.8s ease-out; \r\n } \r\n\r\n @keyframes slideUp { \r\n from { \r\n opacity: 0; \r\n transform: translateY(50px); \r\n } \r\n to { \r\n opacity: 1; \r\n transform: translateY(0); \r\n } \r\n } \r\n\r\n .contact-content { \r\n display: grid; \r\n grid-template-columns: 1fr 1fr; \r\n gap: 0; \r\n } \r\n\r\n .contact-info { \r\n background: #f8f9fa; \r\n padding: 40px; \r\n display: flex; \r\n flex-direction: column; \r\n justify-content: center; \r\n } \r\n\r\n .contact-form { \r\n padding: 40px; \r\n display: flex; \r\n flex-direction: column; \r\n justify-content: center; \r\n } \r\n\r\n .info-item { \r\n display: flex; \r\n align-items: center; \r\n margin-bottom: 25px; \r\n padding: 15px; \r\n background: white; \r\n border-radius: 12px; \r\n box-shadow: 0 5px 15px rgba(0,0,0,0.05); \r\n transition: all 0.3s ease; \r\n animation: fadeInRight 0.6s ease-out forwards; \r\n opacity: 0; \r\n } \r\n\r\n .info-item:nth-child(1) { animation-delay: 0.2s; } \r\n .info-item:nth-child(2) { animation-delay: 0.4s; } \r\n .info-item:nth-child(3) { animation-delay: 0.6s; } \r\n\r\n @keyframes fadeInRight { \r\n from { \r\n opacity: 0; \r\n transform: translateX(-30px); \r\n } \r\n to { \r\n opacity: 1; \r\n transform: translateX(0); \r\n } \r\n } \r\n\r\n .info-item:hover { \r\n transform: translateY(-3px); \r\n box-shadow: 0 10px 25px rgba(150, 156, 58, 0.15); \r\n } \r\n\r\n .info-icon { \r\n width: 50px; \r\n height: 50px; \r\n background: linear-gradient(135deg, #969c3a, #7a8030); \r\n border-radius: 50%; \r\n display: flex; \r\n align-items: center; \r\n justify-content: center; \r\n color: white; \r\n font-size: 1.2rem; \r\n margin-left: 15px; \r\n flex-shrink: 0; \r\n } \r\n\r\n .info-content { \r\n flex: 1; \r\n } \r\n\r\n .info-label { \r\n font-size: 0.9rem; \r\n color: #666; \r\n margin-bottom: 5px; \r\n font-weight: 500; \r\n } \r\n\r\n .info-value { \r\n font-size: 1.1rem; \r\n font-weight: 600; \r\n color: #333; \r\n } \r\n\r\n .info-value a { \r\n color: #969c3a; \r\n text-decoration: none; \r\n transition: color 0.3s ease; \r\n } \r\n\r\n .info-value a:hover { \r\n color: #7a8030; \r\n } \r\n\r\n .form-group { \r\n margin-bottom: 20px; \r\n animation: fadeInLeft 0.6s ease-out forwards; \r\n opacity: 0; \r\n } \r\n\r\n .form-group:nth-child(1) { animation-delay: 0.3s; } \r\n .form-group:nth-child(2) { animation-delay: 0.5s; } \r\n .form-group:nth-child(3) { animation-delay: 0.7s; } \r\n .form-group:nth-child(4) { animation-delay: 0.9s; } \r\n\r\n @keyframes fadeInLeft { \r\n from { \r\n opacity: 0; \r\n transform: translateX(30px); \r\n } \r\n to { \r\n opacity: 1; \r\n transform: translateX(0); \r\n } \r\n } \r\n\r\n .form-group label { \r\n display: block; \r\n margin-bottom: 8px; \r\n font-weight: 600; \r\n color: #333; \r\n font-size: 0.95rem; \r\n } \r\n\r\n .form-group input, \r\n .form-group textarea { \r\n width: 100%; \r\n padding: 12px 15px; \r\n border: 2px solid #e9ecef; \r\n border-radius: 10px; \r\n font-size: 1rem; \r\n font-family: 'Cairo', sans-serif; \r\n transition: all 0.3s ease; \r\n background: white; \r\n } \r\n\r\n .form-group input:focus, \r\n .form-group textarea:focus { \r\n outline: none; \r\n border-color: #969c3a; \r\n box-shadow: 0 0 0 3px rgba(150, 156, 58, 0.1); \r\n transform: translateY(-2px); \r\n } \r\n\r\n .form-group textarea { \r\n resize: vertical; \r\n min-height: 100px; \r\n } \r\n\r\n .submit-btn { \r\n background: linear-gradient(135deg, #969c3a 0%, #7a8030 100%); \r\n color: white; \r\n border: none; \r\n padding: 15px 30px; \r\n border-radius: 50px; \r\n font-size: 1.1rem; \r\n font-weight: 600; \r\n cursor: pointer; \r\n transition: all 0.3s ease; \r\n font-family: 'Cairo', sans-serif; \r\n position: relative; \r\n overflow: hidden; \r\n animation: fadeInUp 0.6s ease-out 1.1s forwards; \r\n opacity: 0; \r\n } \r\n\r\n @keyframes fadeInUp { \r\n from { \r\n opacity: 0; \r\n transform: translateY(20px); \r\n } \r\n to { \r\n opacity: 1; \r\n transform: translateY(0); \r\n } \r\n } \r\n\r\n .submit-btn::before { \r\n content: ''; \r\n position: absolute; \r\n top: 50%; \r\n left: 50%; \r\n width: 0; \r\n height: 0; \r\n background: rgba(255,255,255,0.2); \r\n border-radius: 50%; \r\n transform: translate(-50%, -50%); \r\n transition: all 0.5s ease; \r\n } \r\n\r\n .submit-btn:hover::before { \r\n width: 300px; \r\n height: 300px; \r\n } \r\n\r\n .submit-btn:hover { \r\n transform: translateY(-3px); \r\n box-shadow: 0 10px 25px rgba(150, 156, 58, 0.3); \r\n } \r\n\r\n .submit-btn span { \r\n position: relative; \r\n z-index: 2; \r\n } \r\n\r\n \/* Responsive Design *\/ \r\n @media (max-width: 768px) { \r\n .contact-wrapper { \r\n padding: 20px 10px; \r\n } \r\n \r\n .contact-content { \r\n grid-template-columns: 1fr; \r\n } \r\n\r\n .contact-info, \r\n .contact-form { \r\n padding: 30px 20px; \r\n } \r\n\r\n .info-item { \r\n margin-bottom: 20px; \r\n padding: 12px; \r\n } \r\n\r\n .info-icon { \r\n width: 45px; \r\n height: 45px; \r\n font-size: 1.1rem; \r\n margin-left: 12px; \r\n } \r\n\r\n .info-value { \r\n font-size: 1rem; \r\n } \r\n } \r\n\r\n @media (max-width: 480px) { \r\n .contact-wrapper { \r\n padding: 15px 5px; \r\n } \r\n\r\n .contact-info, \r\n .contact-form { \r\n padding: 20px 15px; \r\n } \r\n } \r\n\r\n \/* English text styling *\/ \r\n .english { \r\n font-family: 'Poppins', sans-serif; \r\n direction: ltr; \r\n text-align: left; \r\n } \r\n\r\n \/* \u0645\u0646\u0639 \u0627\u0644\u062a\u062f\u0627\u062e\u0644 \u0645\u0639 \u0639\u0646\u0627\u0635\u0631 WordPress *\/ \r\n .contact-wrapper { \r\n isolation: isolate; \r\n } \r\n \r\n \/* \u0627\u0644\u062a\u0623\u0643\u062f \u0645\u0646 \u0639\u062f\u0645 \u062a\u0623\u062b\u064a\u0631 \u0627\u0644\u0643\u0648\u062f \u0639\u0644\u0649 \u0627\u0644\u0645\u0646\u064a\u0648 *\/ \r\n .contact-wrapper ~ * { \r\n position: static !important; \r\n } \r\n <\/style> \r\n<\/head> \r\n<body> \r\n <div class=\"contact-wrapper\"> \r\n <div class=\"contact-section\"> \r\n <div class=\"contact-content\"> \r\n <div class=\"contact-info\"> \r\n <div class=\"info-item\"> \r\n <div class=\"info-icon\"> \r\n <i class=\"fab fa-whatsapp\"><\/i> \r\n <\/div> \r\n <div class=\"info-content\"> \r\n <div class=\"info-label\">\u0648\u0627\u062a\u0633\u0627\u0628<\/div> \r\n <div class=\"info-value\"> \r\n <a href=\"https:\/\/wa.me\/201060773473\" target=\"_blank\">01060773473<\/a> \r\n <\/div> \r\n <\/div> \r\n <\/div> \r\n\r\n <div class=\"info-item\"> \r\n <div class=\"info-icon\"> \r\n <i class=\"fas fa-phone\"><\/i> \r\n <\/div> \r\n <div class=\"info-content\"> \r\n <div class=\"info-label\">\u0627\u0644\u0647\u0627\u062a\u0641<\/div> \r\n <div class=\"info-value\"> \r\n <a href=\"tel:01060773473\">01060773473<\/a> \r\n <\/div> \r\n <\/div> \r\n <\/div> \r\n\r\n <div class=\"info-item\"> \r\n <div class=\"info-icon\"> \r\n <i class=\"fab fa-facebook\"><\/i> \r\n <\/div> \r\n <div class=\"info-content\"> \r\n <div class=\"info-label\">\u0641\u064a\u0633\u0628\u0648\u0643<\/div> \r\n <div class=\"info-value\"> \r\n <a href=\"https:\/\/www.facebook.com\/share\/1EW4wXEP6D\/?mibextid=wwXIfr\" target=\"_blank\">\u0635\u0641\u062d\u062a\u0646\u0627 \u0639\u0644\u0649 \u0641\u064a\u0633\u0628\u0648\u0643<\/a> \r\n <\/div> \r\n <\/div> \r\n <\/div> \r\n <\/div> \r\n\r\n <div class=\"contact-form\"> \r\n <form id=\"contactForm\"> \r\n <div class=\"form-group\"> \r\n <label for=\"name\">\u0627\u0644\u0627\u0633\u0645<\/label> \r\n <input type=\"text\" id=\"name\" name=\"name\" required> \r\n <\/div> \r\n\r\n <div class=\"form-group\"> \r\n <label for=\"phone\">\u0631\u0642\u0645 \u0627\u0644\u0647\u0627\u062a\u0641<\/label> \r\n <input type=\"tel\" id=\"phone\" name=\"phone\" required> \r\n <\/div> \r\n\r\n <div class=\"form-group\"> \r\n <label for=\"email\">\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a<\/label> \r\n <input type=\"email\" id=\"email\" name=\"email\"> \r\n <\/div> \r\n\r\n <div class=\"form-group\"> \r\n <label for=\"message\">\u0627\u0644\u0631\u0633\u0627\u0644\u0629<\/label> \r\n <textarea id=\"message\" name=\"message\" placeholder=\"\u0627\u0643\u062a\u0628 \u0631\u0633\u0627\u0644\u062a\u0643 \u0647\u0646\u0627...\" required><\/textarea> \r\n <\/div> \r\n\r\n <button type=\"submit\" class=\"submit-btn\"> \r\n <span>\u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0631\u0633\u0627\u0644\u0629<\/span> \r\n <\/button> \r\n <\/form> \r\n <\/div> \r\n <\/div> \r\n <\/div> \r\n <\/div> \r\n\r\n <script> \r\n \/\/ \u062a\u0623\u0643\u062f \u0645\u0646 \u0639\u062f\u0645 \u062a\u062f\u0627\u062e\u0644 \u0627\u0644\u0643\u0648\u062f \u0645\u0639 WordPress \r\n (function() { \r\n 'use strict'; \r\n \r\n \/\/ \u0627\u0646\u062a\u0638\u0627\u0631 \u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0635\u0641\u062d\u0629 \u0628\u0627\u0644\u0643\u0627\u0645\u0644 \r\n document.addEventListener('DOMContentLoaded', function() { \r\n const contactForm = document.getElementById('contactForm'); \r\n if (contactForm) { \r\n contactForm.addEventListener('submit', function(e) { \r\n e.preventDefault(); \r\n e.stopPropagation(); \r\n \r\n const name = document.getElementById('name').value; \r\n const phone = document.getElementById('phone').value; \r\n const email = document.getElementById('email').value; \r\n const message = document.getElementById('message').value; \r\n \r\n let whatsappMessage = `\u0645\u0631\u062d\u0628\u0627\u064b\u060c \u0623\u0646\u0627 ${name}\\n`; \r\n whatsappMessage += `\u0631\u0642\u0645 \u0627\u0644\u0647\u0627\u062a\u0641: ${phone}\\n`; \r\n if (email) { \r\n whatsappMessage += `\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a: ${email}\\n`; \r\n } \r\n whatsappMessage += `\u0627\u0644\u0631\u0633\u0627\u0644\u0629: ${message}`; \r\n \r\n const encodedMessage = encodeURIComponent(whatsappMessage); \r\n const whatsappUrl = `https:\/\/wa.me\/201060773473?text=${encodedMessage}`; \r\n \r\n window.open(whatsappUrl, '_blank'); \r\n }); \r\n } \r\n\r\n \/\/ \u0625\u0636\u0627\u0641\u0629 \u062a\u0623\u062b\u064a\u0631\u0627\u062a \u0627\u0644\u062d\u0631\u0643\u0629 \u0627\u0644\u0645\u062a\u0646\u0648\u0639\u0629 \u0641\u0642\u0637 \u0644\u0644\u0639\u0646\u0627\u0635\u0631 \u062f\u0627\u062e\u0644 contact-wrapper \r\n const infoItems = document.querySelectorAll('.contact-wrapper .info-item'); \r\n infoItems.forEach(item => { \r\n item.addEventListener('mouseenter', function() { \r\n this.style.transform = 'translateY(-3px) scale(1.02)'; \r\n }); \r\n \r\n item.addEventListener('mouseleave', function() { \r\n this.style.transform = 'translateY(0) scale(1)'; \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<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0627\u062a\u0635\u0644 \u0628\u0646\u0627 \u0646\u0645\u0648\u0630\u062c \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0648\u0627\u062a\u0633\u0627\u0628 01060773473 \u0627\u0644\u0647\u0627\u062a\u0641 01060773473 \u0641\u064a\u0633\u0628\u0648\u0643 \u0635\u0641\u062d\u062a\u0646\u0627 \u0639\u0644\u0649 \u0641\u064a\u0633\u0628\u0648\u0643 \u0627\u0644\u0627\u0633\u0645 \u0631\u0642\u0645 \u0627\u0644\u0647\u0627\u062a\u0641 \u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a \u0627\u0644\u0631\u0633\u0627\u0644\u0629 \u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0631\u0633\u0627\u0644\u0629<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-4439","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/almansaby.com\/index.php?rest_route=\/wp\/v2\/pages\/4439","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/almansaby.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/almansaby.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/almansaby.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/almansaby.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4439"}],"version-history":[{"count":25,"href":"https:\/\/almansaby.com\/index.php?rest_route=\/wp\/v2\/pages\/4439\/revisions"}],"predecessor-version":[{"id":15849,"href":"https:\/\/almansaby.com\/index.php?rest_route=\/wp\/v2\/pages\/4439\/revisions\/15849"}],"wp:attachment":[{"href":"https:\/\/almansaby.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4439"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}