{"id":225,"date":"2024-07-30T11:54:01","date_gmt":"2024-07-30T11:54:01","guid":{"rendered":"https:\/\/dummy.xtemos.com\/woodmart2\/plants-gutenberg\/?page_id=225"},"modified":"2025-12-12T22:44:10","modified_gmt":"2025-12-12T22:44:10","slug":"%d8%aa%d9%88%d8%a7%d8%b5%d9%84-%d9%85%d8%b9%d9%86%d8%a7","status":"publish","type":"page","link":"https:\/\/darmarafie.com\/?page_id=225","title":{"rendered":"\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"ar\" dir=\"rtl\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627 &#8211; \u0645\u0632\u0631\u0639\u0629 \u062f\u0627\u0631 \u0645\u0639\u0631\u0641\u064a<\/title>\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n        \n        body {\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n            line-height: 1.8;\n            color: #333;\n        }\n        \n        .header {\n            background: linear-gradient(135deg, #059669 0%, #047857 100%);\n            color: white;\n            text-align: center;\n            padding: 60px 20px;\n        }\n        \n        .header h1 {\n            font-size: 2.5em;\n            margin-bottom: 10px;\n        }\n        \n        .header p {\n            font-size: 1.3em;\n            opacity: 0.95;\n            text-align: center;\n        }\n        \n        .container {\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 20px;\n        }\n        \n        .section {\n            background: white;\n            margin: 30px 0;\n            padding: 40px;\n            border-radius: 10px;\n            box-shadow: 0 2px 10px rgba(0,0,0,0.1);\n        }\n        \n        h2 {\n            color: #047857;\n            font-size: 2em;\n            margin-bottom: 20px;\n            text-align: center;\n            border-bottom: 3px solid #10b981;\n            padding-bottom: 10px;\n        }\n        \n        h3 {\n            color: #059669;\n            font-size: 1.5em;\n            margin: 25px 0 15px 0;\n        }\n        \n        p {\n            margin-bottom: 20px;\n            font-size: 1.1em;\n            text-align: justify;\n        }\n        \n        .contact-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n            gap: 30px;\n            margin: 30px 0;\n        }\n        \n        .contact-card {\n            background: #f0fdf4;\n            padding: 30px;\n            border-radius: 10px;\n            text-align: center;\n            border: 2px solid #d1fae5;\n        }\n        \n        .contact-card h3 {\n            color: #047857;\n            font-size: 1.3em;\n            margin-bottom: 10px;\n        }\n        \n        .contact-card p {\n            text-align: center;\n            font-size: 1em;\n            color: #4b5563;\n        }\n        \n        .contact-card a {\n            color: #059669;\n            text-decoration: none;\n            font-weight: 600;\n        }\n        \n        .contact-card a:hover {\n            color: #047857;\n            text-decoration: underline;\n        }\n        \n        .form-section {\n            background: #f9fafb;\n            padding: 40px;\n            border-radius: 10px;\n            border-right: 5px solid #10b981;\n        }\n        \n        .form-group {\n            margin-bottom: 25px;\n        }\n        \n        .form-group label {\n            display: block;\n            color: #047857;\n            font-size: 1.1em;\n            margin-bottom: 10px;\n            font-weight: 600;\n        }\n        \n        .form-group input,\n        .form-group textarea {\n            width: 100%;\n            padding: 15px;\n            border: 2px solid #d1fae5;\n            border-radius: 8px;\n            font-size: 1em;\n            font-family: inherit;\n            transition: border-color 0.3s;\n        }\n        \n        .form-group input:focus,\n        .form-group textarea:focus {\n            outline: none;\n            border-color: #10b981;\n        }\n        \n        .form-group textarea {\n            resize: vertical;\n            min-height: 150px;\n        }\n        \n        .btn {\n            display: inline-block;\n            background: #059669;\n            color: white;\n            padding: 15px 40px;\n            border-radius: 8px;\n            text-decoration: none;\n            font-size: 1.1em;\n            font-weight: bold;\n            transition: background 0.3s;\n            border: none;\n            cursor: pointer;\n            width: 100%;\n        }\n        \n        .btn:hover {\n            background: #047857;\n        }\n        \n        .map-section {\n            background: #ecfdf5;\n            padding: 40px;\n            border-radius: 10px;\n            border: 2px solid #a7f3d0;\n            text-align: center;\n        }\n        \n        .map-section h2 {\n            color: #047857;\n            margin-bottom: 20px;\n        }\n        \n        .map-section p {\n            text-align: center;\n            font-size: 1.1em;\n            color: #4b5563;\n        }\n        \n        .cta {\n            background: linear-gradient(135deg, #d1fae5 0%, #fef3c7 100%);\n            padding: 40px;\n            border-radius: 10px;\n            text-align: center;\n            border: 2px solid #a7f3d0;\n        }\n        \n        .cta h2 {\n            color: #047857;\n            margin-bottom: 20px;\n        }\n        \n        .cta p {\n            text-align: center;\n            font-size: 1.1em;\n            margin-bottom: 30px;\n            color: #4b5563;\n        }\n        \n        .footer {\n            background: #065f46;\n            color: white;\n            text-align: center;\n            padding: 40px 20px;\n            margin-top: 50px;\n        }\n        \n        .footer p {\n            text-align: center;\n            margin: 5px 0;\n        }\n        \n        @media (max-width: 768px) {\n            .header h1 {\n                font-size: 1.8em;\n            }\n            \n            .section {\n                padding: 20px;\n            }\n            \n            .contact-grid {\n                grid-template-columns: 1fr;\n            }\n            \n            .form-section {\n                padding: 20px;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <!-- Header -->\n    <div class=\"header\">\n        <h1>\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627<\/h1>\n        <p>\u0646\u0633\u0639\u062f \u0628\u062e\u062f\u0645\u062a\u0643\u0645 \u0648\u0627\u0644\u0625\u062c\u0627\u0628\u0629 \u0639\u0644\u0649 \u0627\u0633\u062a\u0641\u0633\u0627\u0631\u0627\u062a\u0643\u0645<\/p>\n    <\/div>\n\n    <div class=\"container\">\n\n        <!-- \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u062a\u0648\u0627\u0635\u0644 -->\n        <div class=\"section\">\n            <h2>\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u062a\u0648\u0627\u0635\u0644<\/h2>\n            <p style=\"text-align: center;\">\n                \u0646\u062d\u0646 \u0647\u0646\u0627 \u0644\u062e\u062f\u0645\u062a\u0643\u0645 \u0648\u0627\u0644\u0625\u062c\u0627\u0628\u0629 \u0639\u0644\u0649 \u062c\u0645\u064a\u0639 \u0627\u0633\u062a\u0641\u0633\u0627\u0631\u0627\u062a\u0643\u0645 \u062d\u0648\u0644 \u0646\u0628\u0627\u062a\u0627\u062a \u0627\u0644\u0632\u064a\u0646\u0629 \u0648\u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a \u0627\u0644\u063a\u0630\u0627\u0626\u064a\u0629 \u0627\u0644\u0637\u0628\u064a\u0639\u064a\u0629. \u062a\u0648\u0627\u0635\u0644\u0648\u0627 \u0645\u0639\u0646\u0627 \u0628\u0623\u064a \u0637\u0631\u064a\u0642\u0629 \u062a\u0646\u0627\u0633\u0628\u0643\u0645.\n            <\/p>\n            <div class=\"contact-grid\">\n                <div class=\"contact-card\">\n                    <h3>\ud83d\udccd \u0627\u0644\u0639\u0646\u0648\u0627\u0646<\/h3>\n                    <p>\u062f\u0648\u0644\u0629 \u0627\u0644\u0643\u0648\u064a\u062a<br>\u0645\u0646\u0637\u0642\u0629 \u0627\u0644\u0648\u0641\u0631\u0629 \u0627\u0644\u0632\u0631\u0627\u0639\u064a\u0629<\/p>\n                <\/div>\n                <div class=\"contact-card\">\n                    <h3>\ud83d\udcf1 \u0631\u0642\u0645 \u0627\u0644\u0647\u0627\u062a\u0641<\/h3>\n                    <p><a href=\"tel:+66441222\">66441222<\/a><\/p>\n                <\/div>\n                <div class=\"contact-card\">\n                    <h3>\u2709\ufe0f \u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a<\/h3>\n                    <p><a href=\"mailto:info@darmarafie.com\">info@darmarafie.com<\/a><\/p>\n                <\/div>\n                <div class=\"contact-card\">\n                    <h3>\ud83d\udd50 \u0633\u0627\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0644<\/h3>\n                    <p>\u0627\u0644\u0633\u0628\u062a &#8211; \u0627\u0644\u062e\u0645\u064a\u0633<br>9:00 \u0635\u0628\u0627\u062d\u0627\u064b &#8211; 8:00 \u0645\u0633\u0627\u0621\u064b<br>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- \u0646\u0645\u0648\u0630\u062c \u0627\u0644\u062a\u0648\u0627\u0635\u0644 -->\n        <div class=\"section\">\n            <h2>\u0623\u0631\u0633\u0644 \u0644\u0646\u0627 \u0631\u0633\u0627\u0644\u0629<\/h2>\n            <p style=\"text-align: center;\">\n                \u064a\u0645\u0643\u0646\u0643\u0645 \u0645\u0644\u0621 \u0627\u0644\u0646\u0645\u0648\u0630\u062c \u0623\u062f\u0646\u0627\u0647 \u0648\u0633\u0646\u0631\u062f \u0639\u0644\u064a\u0643\u0645 \u0641\u064a \u0623\u0642\u0631\u0628 \u0648\u0642\u062a \u0645\u0645\u0643\u0646. \u0646\u062d\u0646 \u0645\u062a\u062d\u0645\u0633\u0648\u0646 \u0644\u0644\u0627\u0633\u062a\u0645\u0627\u0639 \u0625\u0644\u064a\u0643\u0645!\n            <\/p>\n            <div class=\"form-section\">\n                <form id=\"contactForm\">\n                    <div class=\"form-group\">\n                        <label for=\"name\">\u0627\u0644\u0627\u0633\u0645 \u0627\u0644\u0643\u0627\u0645\u0644<\/label>\n                        <input type=\"text\" id=\"name\" name=\"name\" required placeholder=\"\u0623\u062f\u062e\u0644 \u0627\u0633\u0645\u0643 \u0627\u0644\u0643\u0627\u0645\u0644\">\n                    <\/div>\n\n                    <div class=\"form-group\">\n                        <label for=\"email\">\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a<\/label>\n                        <input type=\"email\" id=\"email\" name=\"email\" required placeholder=\"example@email.com\">\n                    <\/div>\n\n                    <div class=\"form-group\">\n                        <label for=\"phone\">\u0631\u0642\u0645 \u0627\u0644\u0647\u0627\u062a\u0641<\/label>\n                        <input type=\"tel\" id=\"phone\" name=\"phone\" placeholder=\"+965 XXXX XXXX\">\n                    <\/div>\n\n                    <div class=\"form-group\">\n                        <label for=\"subject\">\u0627\u0644\u0645\u0648\u0636\u0648\u0639<\/label>\n                        <input type=\"text\" id=\"subject\" name=\"subject\" placeholder=\"\u0645\u0648\u0636\u0648\u0639 \u0627\u0644\u0631\u0633\u0627\u0644\u0629\">\n                    <\/div>\n\n                    <div class=\"form-group\">\n                        <label for=\"message\">\u0627\u0644\u0631\u0633\u0627\u0644\u0629<\/label>\n                        <textarea id=\"message\" name=\"message\" required placeholder=\"\u0627\u0643\u062a\u0628 \u0631\u0633\u0627\u0644\u062a\u0643 \u0647\u0646\u0627...\"><\/textarea>\n                    <\/div>\n\n                    <button type=\"submit\" class=\"btn\">\u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0631\u0633\u0627\u0644\u0629<\/button>\n                <\/form>\n            <\/div>\n        <\/div>\n\n        <!-- \u0627\u0644\u0645\u0648\u0642\u0639 -->\n        <div class=\"map-section\">\n            <h2>\ud83d\udccc \u0645\u0648\u0642\u0639\u0646\u0627 \u0639\u0644\u0649 \u0627\u0644\u062e\u0631\u064a\u0637\u0629<\/h2>\n            <p>\n                \u064a\u0645\u0643\u0646\u0643\u0645 \u0632\u064a\u0627\u0631\u062a\u0646\u0627 \u0641\u064a \u0645\u0646\u0637\u0642\u0629 \u0627\u0644\u0648\u0641\u0631\u0629 \u0627\u0644\u0632\u0631\u0627\u0639\u064a\u0629 \u0628\u062f\u0648\u0644\u0629 \u0627\u0644\u0643\u0648\u064a\u062a. \u0646\u0631\u062d\u0628 \u0628\u0643\u0645 \u0644\u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u0646\u0628\u0627\u062a\u0627\u062a \u0628\u0623\u0646\u0641\u0633\u0643\u0645 \u0648\u062a\u0630\u0648\u0642 \u0645\u0646\u062a\u062c\u0627\u062a\u0646\u0627 \u0627\u0644\u063a\u0630\u0627\u0626\u064a\u0629 \u0627\u0644\u0637\u0628\u064a\u0639\u064a\u0629.\n            <\/p>\n        <\/div>\n\n        <!-- \u0632\u0648\u0631\u0648\u0627 \u0645\u062a\u062c\u0631\u0646\u0627 -->\n        <div class=\"cta\">\n            <h2>\u0632\u0648\u0631\u0648\u0627 \u0645\u0632\u0631\u0639\u062a\u0646\u0627<\/h2>\n            <p>\n                \u0646\u0633\u0639\u062f \u0628\u0632\u064a\u0627\u0631\u062a\u0643\u0645 \u0644\u0645\u0632\u0631\u0639\u062a\u0646\u0627 \u0644\u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u0646\u0628\u0627\u062a\u0627\u062a \u0628\u0623\u0646\u0641\u0633\u0643\u0645 \u0648\u062a\u0630\u0648\u0642 \u0645\u0646\u062a\u062c\u0627\u062a\u0646\u0627 \u0627\u0644\u063a\u0630\u0627\u0626\u064a\u0629 \u0627\u0644\u0637\u0628\u064a\u0639\u064a\u0629. \u0641\u0631\u064a\u0642\u0646\u0627 \u062c\u0627\u0647\u0632 \u0644\u062e\u062f\u0645\u062a\u0643\u0645 \u0648\u062a\u0642\u062f\u064a\u0645 \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0627\u0644\u0645\u062c\u0627\u0646\u064a\u0629\n            <\/p>\n            <a href=\"tel:+96599999999\" class=\"btn\">\u0627\u062a\u0635\u0644 \u0628\u0646\u0627 \u0627\u0644\u0622\u0646<\/a>\n        <\/div>\n\n    <\/div>\n\n    <!-- Footer -->\n    <div class=\"footer\">\n        <p style=\"font-size: 1.2em; margin-bottom: 10px;\"><strong>\u0645\u0632\u0631\u0639\u0629 \u062f\u0627\u0631 \u0645\u0639\u0631\u0641\u064a &#8211; \u0627\u0644\u0643\u0648\u064a\u062a<\/strong><\/p>\n        <p>\u0646\u0628\u0627\u062a\u0627\u062a \u0627\u0644\u0632\u064a\u0646\u0629 \u2022 \u0627\u0644\u0634\u062a\u0644\u0627\u062a \u2022 \u0627\u0644\u0639\u0633\u0644 \u2022 \u0627\u0644\u0637\u0631\u0634\u064a \u2022 \u062f\u0628\u0633 \u0627\u0644\u062a\u0645\u0631<\/p>\n    <\/div>\n\n    <script>\n        document.getElementById('contactForm').addEventListener('submit', function(e) {\n            e.preventDefault();\n            \n            const name = document.getElementById('name').value;\n            const email = document.getElementById('email').value;\n            \n            alert('\u0634\u0643\u0631\u0627\u064b \u0644\u062a\u0648\u0627\u0635\u0644\u0643 \u0645\u0639\u0646\u0627 \u064a\u0627 ' + name + '!\\n\\n\u0633\u0646\u0631\u062f \u0639\u0644\u064a\u0643 \u0641\u064a \u0623\u0642\u0631\u0628 \u0648\u0642\u062a \u0645\u0645\u0643\u0646 \u0639\u0644\u0649 \u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a: ' + email);\n            \n            this.reset();\n        });\n    <\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627 &#8211; \u0645\u0632\u0631\u0639\u0629 \u062f\u0627\u0631 \u0645\u0639\u0631\u0641\u064a \u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627 \u0646\u0633\u0639\u062f \u0628\u062e\u062f\u0645\u062a\u0643\u0645 \u0648\u0627\u0644\u0625\u062c\u0627\u0628\u0629 \u0639\u0644\u0649 \u0627\u0633\u062a\u0641\u0633\u0627\u0631\u0627\u062a\u0643\u0645 \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0646\u062d\u0646 \u0647\u0646\u0627 \u0644\u062e\u062f\u0645\u062a\u0643\u0645 \u0648\u0627\u0644\u0625\u062c\u0627\u0628\u0629 \u0639\u0644\u0649<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-225","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/darmarafie.com\/index.php?rest_route=\/wp\/v2\/pages\/225","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/darmarafie.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/darmarafie.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/darmarafie.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/darmarafie.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=225"}],"version-history":[{"count":16,"href":"https:\/\/darmarafie.com\/index.php?rest_route=\/wp\/v2\/pages\/225\/revisions"}],"predecessor-version":[{"id":960,"href":"https:\/\/darmarafie.com\/index.php?rest_route=\/wp\/v2\/pages\/225\/revisions\/960"}],"wp:attachment":[{"href":"https:\/\/darmarafie.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=225"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}