{"id":2,"date":"2025-04-17T14:53:53","date_gmt":"2025-04-17T11:23:53","guid":{"rendered":"http:\/\/maahwash.ir\/?page_id=2"},"modified":"2025-04-27T19:01:58","modified_gmt":"2025-04-27T15:31:58","slug":"%d8%a8%d8%b1%da%af%d9%87-%d9%86%d9%85%d9%88%d9%86%d9%87","status":"publish","type":"page","link":"https:\/\/maahwash.ir\/","title":{"rendered":"\u06a9\u0627\u0631\u0648\u0627\u0634 \u0645\u0627\u0647 \u0648\u0627\u0634"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\n\n \n \n \u06a9\u0627\u0631\u0648\u0627\u0634 \u0645\u0627\u0647 \u0648\u0627\u0634<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Vazirmatn:wght@400;700&display=swap\" rel=\"stylesheet\">\n <style>\n :root {\n --color-primary: rgb(0,160,160);\n --color-secondary: rgb(140,143,143);\n --color-background: #f4f4f4;\n --font-family: 'Vazirmatn', sans-serif;\n }\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n body {\n font-family: var(--font-family);\n background-color: var(--color-background);\n color: #333;\n line-height: 1.6;\n }\nbody {\n font-family: var(--font-family);\n background-color: var(--color-background);\n color: #333;\n line-height: 1.6;\n}\n\nbody, h1, h2, h3, h4, h5, h6, p, a, button {\n font-family: var(--font-family);\n}\n\n\n \/* Header & Navbar *\/\n header {\n background: rgba(255, 255, 255, 0.9);\n padding: 1rem 2rem;\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n z-index: 100;\n box-shadow: 0 2px 10px rgba(0,0,0,0.1);\n }\n nav {\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n nav .logo {\n font-size: 1.5rem;\n font-weight: bold;\n color: var(--color-primary);\n }\n nav ul {\n list-style: none;\n display: flex;\n gap: 1.5rem;\n }\n nav ul li {\n position: relative;\n }\n nav ul li a {\n text-decoration: none;\n color: var(--color-secondary);\n font-weight: 600;\n padding: 0.5rem;\n transition: color 0.3s, background-color 0.3s;\n border-radius: 0.3rem;\n }\n nav ul li a:hover {\n color: white;\n background-color: var(--color-primary);\n }\n\n \/* Hero Section *\/\n .hero {\n height: 100vh;\n background-image: url('http:\/\/maahwash.ir\/wp-content\/uploads\/2025\/04\/photo_2025-04-27_11-07-01.jpg');\n background-size: cover;\n background-position: center;\n display: flex;\n justify-content: center;\n align-items: center;\n text-align: center;\n color: white;\n position: relative;\n overflow: hidden;\n }\n\n .hero::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.5);\n filter: blur(5px);\n z-index: 1;\n }\n\n .hero div {\n position: relative;\n z-index: 2;\n }\n\n .hero h1 {\n font-size: 3rem;\n margin-bottom: 0.5rem;\n text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6);\n }\n\n .hero p {\n font-size: 1.2rem;\n text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);\n }\n\n \/* Sections *\/\n section {\n padding: 5rem 2rem;\n }\n .section-title {\n text-align: center;\n font-size: 2rem;\n margin-bottom: 2rem;\n color: var(--color-primary);\n }\n\n \/* Products Section *\/\n .products-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 2rem;\n margin-top: 2rem;\n }\n\n .product-card {\n background: #fff;\n border-radius: 0.5rem;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n overflow: hidden;\n transition: transform 0.3s, box-shadow 0.3s ease-in-out;\n }\n\n .product-card img {\n width: 100%;\n height: 200px;\n object-fit: cover;\n }\n\n .product-card h3 {\n padding: 1rem;\n text-align: center;\n font-size: 1.3rem;\n color: var(--color-primary);\n text-transform: uppercase;\n font-weight: 700;\n transition: color 0.3s ease-in-out;\n }\n\n .product-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);\n }\n\n .product-card:hover h3 {\n color: #008080;\n }\n\n \/* Services Section *\/\n.services-list {\n display: flex;\n flex-wrap: wrap;\n gap: 2rem;\n justify-content: center;\n padding: 2rem 0;\n}\n\n.service-card {\n flex: 1 1 300px;\n background: linear-gradient(135deg, rgba(0,160,160,0.15), rgba(140,143,143,0.1));\n backdrop-filter: blur(10px);\n padding: 2.5rem 2rem;\n border-radius: 1rem;\n box-shadow: 0 6px 15px rgba(0, 0, 0, 0.1);\n text-align: center;\n transition: all 0.4s ease;\n position: relative;\n overflow: hidden;\n}\n\n.service-card::before {\n content: \"\";\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: linear-gradient(120deg, rgba(0,160,160,0.3), rgba(140,143,143,0.3));\n transform: rotate(25deg);\n transition: opacity 0.4s;\n opacity: 0;\n z-index: 0;\n}\n\n.service-card:hover::before {\n opacity: 1;\n}\n\n.service-card:hover {\n transform: translateY(-10px) scale(1.02);\n box-shadow: 0 10px 20px rgba(0, 160, 160, 0.3);\n}\n\n.service-card h4 {\n font-size: 1.8rem;\n color: var(--color-primary);\n margin-bottom: 1rem;\n position: relative;\n z-index: 1;\n}\n\n.service-card p {\n position: relative;\n z-index: 1;\n color: #555;\n font-size: 1.1rem;\n line-height: 1.7;\n}\n\n\n \/* Footer *\/\n footer {\n background-color: var(--color-primary);\n color: white;\n text-align: center;\n padding: 2rem;\n margin-top: 3rem;\n }\n\n \/* Responsive *\/\n @media (max-width: 768px) {\n .products-grid {\n grid-template-columns: 1fr;\n }\n }\n\n\n \/* Buttons *\/\n .btn {\n background-color: var(--color-primary);\n color: white;\n padding: 1rem 2rem;\n border: none;\n border-radius: 0.5rem;\n cursor: pointer;\n font-size: 1rem;\n transition: background-color 0.3s;\n }\n\n .btn:hover {\n background-color: #008080;\n }\n\n <\/style>\n<\/head>\n<body>\n\n <!-- Header -->\n <header>\n <nav>\n <ul>\n <li><a href=\"#home\">\u062e\u0627\u0646\u0647<\/a><\/li>\n <li><a href=\"#products\">\u0645\u062d\u0635\u0648\u0644\u0627\u062a<\/a><\/li>\n <li><a href=\"#services\">\u062e\u062f\u0645\u0627\u062a<\/a><\/li>\n <li><a href=\"#contact\">\u062a\u0645\u0627\u0633<\/a><\/li>\n <\/ul>\n <div class=\"logo\">\u0645\u0627\u0647 \u0648\u0627\u0634<\/div>\n <\/nav>\n <\/header>\n\n <!-- Hero Section -->\n <section id=\"home\" class=\"hero\">\n <div>\n <h1>\u0628\u0647 \u0645\u0627\u0647 \u0648\u0627\u0634 \u062e\u0648\u0634 \u0622\u0645\u062f\u06cc\u062f<\/h1>\n <p>\u062a\u062c\u0631\u0628\u0647\u200c\u0627\u06cc \u0646\u0648 \u062f\u0631 \u0634\u0633\u062a\u0634\u0648\u06cc \u062e\u0648\u062f\u0631\u0648<\/p>\n <button id=\"reserve-btn\" class=\"btn\">\u0631\u0632\u0631\u0648 \u0648\u0642\u062a<\/button>\n\n <\/div>\n <\/section>\n\n <!-- Products Section -->\n <!-- Products Section -->\n<section id=\"products\">\n <h2 class=\"section-title\">\u0645\u062d\u0635\u0648\u0644\u0627\u062a \u0645\u0627<\/h2>\n <div class=\"products-grid\">\n <div class=\"product-card\">\n <img decoding=\"async\" src=\"http:\/\/maahwash.ir\/wp-content\/uploads\/2025\/04\/mahsool1-e1745741141119.jpg\" alt=\"\u0645\u062d\u0635\u0648\u0644 1\">\n <h3>\u0645\u062d\u0635\u0648\u0644 1<\/h3>\n <\/div>\n <div class=\"product-card\">\n <img decoding=\"async\" src=\"http:\/\/maahwash.ir\/wp-content\/uploads\/2025\/04\/mahsool2-e1745741204507.jpg\" alt=\"\u0645\u062d\u0635\u0648\u0644 2\">\n <h3>\u0645\u062d\u0635\u0648\u0644 2<\/h3>\n <\/div>\n <div class=\"product-card\">\n <img decoding=\"async\" src=\"http:\/\/maahwash.ir\/wp-content\/uploads\/2025\/04\/mahsool2-e1745741204507.jpg\" alt=\"\u0645\u062d\u0635\u0648\u0644 3\">\n <h3>\u0645\u062d\u0635\u0648\u0644 3<\/h3>\n <\/div>\n <\/div>\n<\/section>\n\n<style>\n .section-title {\n text-align: center;\n font-size: 2.5rem;\n margin-bottom: 2rem;\n color: var(--color-primary);\n position: relative;\n font-weight: 700;\n text-transform: uppercase;\n }\n\n .section-title::after {\n content: '';\n position: absolute;\n bottom: -10px;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background-color: var(--color-primary);\n border-radius: 2px;\n }\n\n \/* Optional hover effect for section title *\/\n .section-title:hover {\n color: #008080;\n transition: color 0.3s ease;\n }\n<\/style>\n\n\n \n <!-- Services Section -->\n <section id=\"services\">\n <h2 class=\"section-title\">\u062e\u062f\u0645\u0627\u062a \u0645\u0627<\/h2>\n <div class=\"services-list\">\n <div class=\"service-card\">\n <h4>\u062e\u062f\u0645\u0627\u062a \u0634\u0633\u062a\u0634\u0648\u06cc \u062e\u0648\u062f\u0631\u0648<\/h4>\n <p>\u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u062a\u062c\u0647\u06cc\u0632\u0627\u062a \u0631\u0648\u0632 \u062f\u0646\u06cc\u0627\u060c \u062e\u0648\u062f\u0631\u0648 \u0634\u0645\u0627 \u0631\u0627 \u0628\u0647 \u0628\u0647\u062a\u0631\u06cc\u0646 \u0646\u062d\u0648 \u062a\u0645\u06cc\u0632 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645.<\/p>\n <\/div>\n <div class=\"service-card\">\n <h4>\u062a\u0645\u06cc\u0632\u06a9\u0627\u0631\u06cc \u062f\u0627\u062e\u0644\u06cc<\/h4>\n <p>\u062f\u0627\u062e\u0644 \u062e\u0648\u062f\u0631\u0648 \u0631\u0627 \u06a9\u0627\u0645\u0644\u0627\u064b \u062a\u0645\u06cc\u0632 \u06a9\u0631\u062f\u0647 \u0648 \u0628\u0647 \u0622\u0646 \u0628\u0648\u06cc \u062a\u0627\u0632\u0647 \u0645\u06cc\u200c\u062f\u0647\u06cc\u0645.<\/p>\n <\/div>\n <div class=\"service-card\">\n <h4>\u0634\u0633\u062a\u0634\u0648\u06cc \u0645\u0648\u062a\u0648\u0631<\/h4>\n <p>\u0645\u0648\u062a\u0648\u0631 \u062e\u0648\u062f\u0631\u0648 \u0631\u0627 \u0628\u0647 \u062f\u0642\u062a \u0634\u0633\u062a\u0634\u0648 \u0645\u06cc\u200c\u062f\u0647\u06cc\u0645 \u062a\u0627 \u0628\u0647\u062a\u0631\u06cc\u0646 \u0639\u0645\u0644\u06a9\u0631\u062f \u0631\u0627 \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u06cc\u062f.<\/p>\n <\/div>\n <\/div>\n <\/section>\n <!-- Footer -->\n <footer>\n <p>\u00a9 2025 \u06a9\u0627\u0631\u0648\u0627\u0634 \u0645\u0627\u0647 \u0648\u0627\u0634. \u062a\u0645\u0627\u0645\u06cc \u062d\u0642\u0648\u0642 \u0645\u062d\u0641\u0648\u0638 \u0627\u0633\u062a.<\/p>\n <\/footer>\n<div id=\"popup\" style=\"display:none; position:fixed; top:0; right:0; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:9999; justify-content:center; align-items:center;\">\n <div class=\"popup-content\">\n <h3 class=\"popup-title\">\u0631\u0632\u0631\u0648 \u0648\u0642\u062a<\/h3>\n <form id=\"reserve-form\">\n <input type=\"text\" name=\"car_model\" placeholder=\"\u0645\u062f\u0644 \u0645\u0627\u0634\u06cc\u0646\" required class=\"popup-input\">\n <input type=\"text\" name=\"request\" placeholder=\"\u0646\u0648\u0639 \u062f\u0631\u062e\u0648\u0627\u0633\u062a\" required class=\"popup-input\">\n <input type=\"text\" name=\"suggested_time\" placeholder=\"\u0633\u0627\u0639\u062a \u0648 \u0631\u0648\u0632 \u067e\u06cc\u0634\u0646\u0647\u0627\u062f\u06cc\" required class=\"popup-input\">\n <button type=\"submit\" class=\"popup-button\">\u0627\u0631\u0633\u0627\u0644<\/button>\n <\/form>\n <div id=\"success-message\" class=\"success-message\">\u2705 \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0634\u0645\u0627 \u0628\u0627 \u0645\u0648\u0641\u0642\u06cc\u062a \u062b\u0628\u062a \u0634\u062f. \u0628\u0627 \u0634\u0645\u0627 \u062a\u0645\u0627\u0633 \u062e\u0648\u0627\u0647\u06cc\u0645 \u06af\u0631\u0641\u062a!<\/div>\n <button id=\"close-popup\" class=\"close-popup\">×<\/button>\n <\/div>\n<\/div>\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Vazirmatn:wght@400;700&display=swap');\n\n:root {\n --color-primary: #00a0a0;\n --color-secondary: #8c8f8f;\n --color-white: #ffffff;\n --color-background: linear-gradient(135deg, #00c9ff, #92fe9d);\n --font-family: 'Vazirmatn', sans-serif;\n}\n\n@keyframes fadeIn {\n from {opacity: 0;}\n to {opacity: 1;}\n}\n.popup-content {\n background: #fff;\n padding: 2rem;\n border-radius: 1.5rem;\n max-width: 400px;\n width: 90%;\n text-align: right;\n position: relative;\n box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);\n font-family: var(--font-family);\n animation: fadeIn 0.5s ease;\n direction: rtl;\n }\n\n .popup-title {\n color: var(--color-primary);\n margin-bottom: 1.5rem;\n font-size: 1.8rem;\n font-weight: bold;\n text-align: center;\n }\n\n .popup-input {\n width: 100%;\n padding: 1rem;\n margin-bottom: 1rem;\n border: 2px solid #ddd;\n border-radius: 0.7rem;\n font-family: var(--font-family);\n font-size: 1rem;\n background: #f9f9f9;\n outline: none;\n transition: all 0.3s ease;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n }\n\n .popup-input:focus {\n border-color: var(--color-primary);\n box-shadow: 0 0 8px rgba(0, 160, 160, 0.3);\n }\n\n .popup-button {\n background-color: var(--color-primary);\n color: white;\n padding: 1rem 2rem;\n border: none;\n border-radius: 1rem;\n font-size: 1.1rem;\n font-weight: bold;\n cursor: pointer;\n transition: background-color 0.3s ease;\n margin-top: 1rem;\n width: 100%;\n }\n\n .popup-button:hover {\n background-color: #008080;\n }\n\n .success-message {\n display: none;\n margin-top: 1.5rem;\n color: var(--color-primary);\n font-size: 1rem;\n text-align: center;\n }\n\n .close-popup {\n position: absolute;\n top: 10px;\n left: 15px;\n background: none;\n border: none;\n font-size: 2rem;\n color: var(--color-primary);\n cursor: pointer;\n }\n<\/style>\n<script>\ndocument.getElementById('reserve-btn').addEventListener('click', function() {\n document.getElementById('popup').style.display = 'flex';\n});\n\ndocument.getElementById('close-popup').addEventListener('click', function() {\n document.getElementById('popup').style.display = 'none';\n});\n\n\/\/ \u0627\u0631\u0633\u0627\u0644 \u0641\u0631\u0645 \u0628\u0647 \u0635\u0648\u0631\u062a Ajax\ndocument.getElementById('reserve-form').addEventListener('submit', function(e) {\n e.preventDefault();\n \n const formData = new FormData(this);\n\n fetch('https:\/\/formspree.io\/f\/mzzrzyop', {\n method: 'POST',\n headers: { 'Accept': 'application\/json' },\n body: formData\n }).then(function(response) {\n if (response.ok) {\n document.getElementById('reserve-form').style.display = 'none';\n document.getElementById('success-message').style.display = 'block';\n \n setTimeout(function(){\n document.getElementById('popup').style.display = 'none';\n document.getElementById('reserve-form').reset();\n document.getElementById('reserve-form').style.display = 'block';\n document.getElementById('success-message').style.display = 'none';\n }, 2000); \/\/ \u0628\u0639\u062f \u0627\u0632 \u06f2 \u062b\u0627\u0646\u06cc\u0647 \u067e\u0646\u062c\u0631\u0647 \u0628\u0633\u062a\u0647 \u0645\u06cc\u0634\u0647\n } else {\n alert('\u0645\u0634\u06a9\u0644\u06cc \u067e\u06cc\u0634 \u0622\u0645\u062f\u0647\u060c \u062f\u0648\u0628\u0627\u0631\u0647 \u062a\u0644\u0627\u0634 \u06a9\u0646\u06cc\u062f.');\n }\n }).catch(function(error) {\n alert('\u0645\u0634\u06a9\u0644\u06cc \u067e\u06cc\u0634 \u0622\u0645\u062f\u0647\u060c \u062f\u0648\u0628\u0627\u0631\u0647 \u062a\u0644\u0627\u0634 \u06a9\u0646\u06cc\u062f.');\n });\n});\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t\t\t\t\t<\/div>\n\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>\u06a9\u0627\u0631\u0648\u0627\u0634 \u0645\u0627\u0647 \u0648\u0627\u0634 \u062e\u0627\u0646\u0647 \u0645\u062d\u0635\u0648\u0644\u0627\u062a \u062e\u062f\u0645\u0627\u062a \u062a\u0645\u0627\u0633 \u0645\u0627\u0647 \u0648\u0627\u0634 \u0628\u0647 \u0645\u0627\u0647 \u0648\u0627\u0634 \u062e\u0648\u0634 \u0622\u0645\u062f\u06cc\u062f \u062a\u062c\u0631\u0628\u0647\u200c\u0627\u06cc \u0646\u0648 \u062f\u0631 \u0634\u0633\u062a\u0634\u0648\u06cc \u062e\u0648\u062f\u0631\u0648 \u0631\u0632\u0631\u0648 \u0648\u0642\u062a \u0645\u062d\u0635\u0648\u0644\u0627\u062a \u0645\u0627 \u0645\u062d\u0635\u0648\u0644 1 \u0645\u062d\u0635\u0648\u0644 2 \u0645\u062d\u0635\u0648\u0644 3 \u062e\u062f\u0645\u0627\u062a \u0645\u0627 \u062e\u062f\u0645\u0627\u062a \u0634\u0633\u062a\u0634\u0648\u06cc \u062e\u0648\u062f\u0631\u0648 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u062a\u062c\u0647\u06cc\u0632\u0627\u062a \u0631\u0648\u0632 \u062f\u0646\u06cc\u0627\u060c \u062e\u0648\u062f\u0631\u0648 \u0634\u0645\u0627 \u0631\u0627 \u0628\u0647 \u0628\u0647\u062a\u0631\u06cc\u0646 \u0646\u062d\u0648 \u062a\u0645\u06cc\u0632 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645. \u062a\u0645\u06cc\u0632\u06a9\u0627\u0631\u06cc \u062f\u0627\u062e\u0644\u06cc \u062f\u0627\u062e\u0644 \u062e\u0648\u062f\u0631\u0648 \u0631\u0627 \u06a9\u0627\u0645\u0644\u0627\u064b \u062a\u0645\u06cc\u0632 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/maahwash.ir\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/maahwash.ir\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/maahwash.ir\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/maahwash.ir\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/maahwash.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":57,"href":"https:\/\/maahwash.ir\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":109,"href":"https:\/\/maahwash.ir\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/109"}],"wp:attachment":[{"href":"https:\/\/maahwash.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}