{"id":2444,"date":"2025-12-11T11:22:34","date_gmt":"2025-12-11T11:22:34","guid":{"rendered":"https:\/\/adwatonline.com\/car-accessories-auto-names"},"modified":"2025-12-11T11:22:36","modified_gmt":"2025-12-11T11:22:36","slug":"car-accessories-auto-names","status":"publish","type":"page","link":"https:\/\/adwatonline.com\/en\/car-accessories-auto-names","title":{"rendered":"\u0623\u0633\u0645\u0627\u0621 \u0645\u062d\u0644\u0627\u062a \u0632\u064a\u0646\u0629 \u0633\u064a\u0627\u0631\u0627\u062a \u0648\u0625\u0643\u0633\u0633\u0648\u0627\u0631\u0627\u062a &#8211; \u0623\u0633\u0645\u0627\u0621 \u0631\u062c\u0627\u0644\u064a\u0629 \u0648\u0642\u0648\u064a\u0629"},"content":{"rendered":"<p><!-- \u0627\u0644\u0642\u0633\u0645 \u0627\u0644\u0623\u0648\u0644: \u0627\u0644\u0639\u0646\u0648\u0627\u0646 \u0648\u0627\u0644\u0645\u0642\u062f\u0645\u0629 --><br \/>\n<!-- \u0627\u0644\u0639\u0631\u0636 90% \u0644\u0643\u064a \u064a\u062a\u0631\u0643 \u0647\u0648\u0627\u0645\u0634 \u0639\u0644\u0649 \u0627\u0644\u062c\u0648\u0627\u0644\u060c \u0648\u064a\u062a\u0648\u0642\u0641 \u0639\u0646\u062f \u062d\u062f \u0645\u0639\u064a\u0646 \u0644\u0644\u0634\u0627\u0634\u0627\u062a \u0627\u0644\u0643\u0628\u064a\u0631\u0629 --><\/p>\n<div style=\"text-align: center; width: 90%; max-width: 800px; margin: 0 auto; padding-top: 20px;\">\n<p style=\"font-size: 18px; line-height: 1.6; color: #555;\">\u0639\u0634\u0627\u0642 \u0627\u0644\u0633\u064a\u0627\u0631\u0627\u062a \u064a\u0646\u0641\u0642\u0648\u0646 \u0628\u0633\u062e\u0627\u0621 \u0639\u0644\u0649 \u062a\u0645\u064a\u0632 \u0645\u0631\u0643\u0628\u0627\u062a\u0647\u0645. \u0627\u0644\u0627\u0633\u0645 \u064a\u062c\u0628 \u0623\u0646 \u064a\u0643\u0648\u0646 \u0630\u0643\u0648\u0631\u064a\u0627\u064b \u0648\u062d\u0627\u062f\u0627\u064b \u0648\u064a\u0648\u062d\u064a \u0628\u0627\u0644\u0633\u0631\u0639\u0629 \u0648\u0627\u0644\u062a\u0645\u064a\u0632 \u0648\u0627\u0644\u0644\u0645\u0639\u0627\u0646. \u0627\u0644\u0635\u0639\u0648\u0628\u0629 \u062a\u0643\u0645\u0646 \u0641\u064a \u0627\u0644\u0627\u0628\u062a\u0639\u0627\u062f \u0639\u0646 \u0627\u0644\u0623\u0633\u0645\u0627\u0621 \u0627\u0644\u062a\u0642\u0644\u064a\u062f\u064a\u0629 \u0648\u0627\u0644\u0628\u062d\u062b \u0639\u0646 \u0627\u0633\u0645 \u064a\u0648\u062d\u064a \u0628\u0623\u0646\u0643 \u062a\u0642\u062f\u0645 \u0625\u0636\u0627\u0641\u0627\u062a \u062d\u0635\u0631\u064a\u0629 \u062a\u062c\u0639\u0644 \u0627\u0644\u0633\u064a\u0627\u0631\u0629 \u0645\u0644\u0641\u062a\u0629 \u0644\u0644\u0623\u0646\u0638\u0627\u0631.<\/p>\n<\/div>\n<p><!-- \u0641\u0627\u0635\u0644 --><\/p>\n<div style=\"margin: 30px 0;\"><\/div>\n<p><!-- \u0627\u0644\u0642\u0633\u0645 \u0627\u0644\u062b\u0627\u0646\u064a: \u0627\u0644\u0623\u062f\u0627\u0629 --><br \/>\n<!-- \u0627\u0644\u0639\u0631\u0636 100% \u0644\u062a\u0623\u062e\u0630 \u0643\u0627\u0645\u0644 \u0645\u0633\u0627\u062d\u0629 \u0627\u0644\u0634\u0627\u0634\u0629 \u0627\u0644\u0645\u062a\u0627\u062d\u0629 \u0641\u064a \u0627\u0644\u0642\u0627\u0644\u0628 --><\/p>\n<div style=\"width: 100%; margin: 0px auto; text-align: center;\">    <!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        <!-- \u0627\u0633\u062a\u062f\u0639\u0627\u0621 \u0627\u0644\u0645\u0643\u062a\u0628\u0627\u062a -->\n        <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n        <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/html2canvas\/1.4.1\/html2canvas.min.js\"><\/script>\n        <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\n        <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n        \n        <style>\n            \/* === \u0636\u0628\u0637 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0627\u062a === *\/\n            #ba-root { font-family: 'Cairo', sans-serif; direction: rtl; text-align: right; line-height: 1.6; }\n            #ba-root * { box-sizing: border-box; }\n            button { all: unset; box-sizing: border-box; } \n\n            \/* === \u0627\u0644\u0647\u064a\u062f\u0631 === *\/\n            .ba-header {\n                background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%) !important;\n                padding: 5% 20px;\n                text-align: center;\n                border-radius: 20px 20px 0 0;\n                color: white !important;\n            }\n            .ba-title { color: #ffffff !important; text-shadow: 0 2px 10px rgba(0,0,0,0.3); margin-bottom: 10px; font-weight: 900; }\n            .ba-subtitle { color: #cbd5e1 !important; opacity: 0.9; }\n\n            \/* === \u0627\u0644\u062d\u0642\u0648\u0644 === *\/\n            .ba-input {\n                width: 100%; padding: 15px; \n                border: 2px solid #e2e8f0; border-radius: 12px;\n                font-size: 1rem; background: #ffffff; color: #1e293b;\n                outline: none; transition: 0.3s;\n            }\n            .ba-input:focus { border-color: #4f46e5; box-shadow: 0 0 0 4px rgba(79, 70, 229, 0.1); }\n            .ba-label { font-weight: 700; color: #334155; margin-bottom: 8px; display: block; }\n\n            \/* === \u0627\u0644\u0623\u0632\u0631\u0627\u0631 === *\/\n            .ba-btn {\n                width: 100%; padding: 18px; border-radius: 14px;\n                font-weight: 800; font-size: 1.1rem; color: white; border: none;\n                cursor: pointer; transition: transform 0.2s;\n                display: flex; align-items: center; justify-content: center; gap: 10px;\n                box-sizing: border-box;\n            }\n            .btn-primary { background: linear-gradient(to right, #4f46e5, #4338ca); box-shadow: 0 4px 15px rgba(79, 70, 229, 0.3); }\n            .btn-primary:hover { transform: translateY(-2px); }\n            \n            .btn-download {\n                width: 100%; padding: 12px; border-radius: 10px;\n                background: #f1f5f9; color: #475569; font-weight: 700;\n                border: 1px solid #cbd5e1; margin-top: 15px;\n                cursor: pointer; transition: 0.3s;\n                display: flex; align-items: center; justify-content: center; gap: 8px;\n            }\n            .btn-download:hover { background: #e2e8f0; color: #1e293b; border-color: #94a3b8; }\n\n            \/* === \u0643\u0631\u062a \u0627\u0644\u0646\u062a\u064a\u062c\u0629 === *\/\n            .ba-result-card {\n                background: white; border-radius: 24px; padding: 25px;\n                border: 1px solid #f1f5f9;\n                box-shadow: 0 10px 30px -10px rgba(0,0,0,0.08);\n                margin-bottom: 40px;\n                \/* \u0625\u0632\u0627\u0644\u0629 \u0627\u0644\u062a\u0645\u0648\u0636\u0639 \u0627\u0644\u0646\u0633\u0628\u064a \u0648\u0627\u0644\u0628\u0627\u062f\u064a\u0646\u062c \u0627\u0644\u0633\u0641\u0644\u064a \u0627\u0644\u0632\u0627\u0626\u062f *\/\n                display: flex; flex-direction: column;\n            }\n            \n            \/* === \u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u062a\u0648\u0642\u064a\u0639 (\u062a\u0645 \u0627\u0644\u0625\u0635\u0644\u0627\u062d: \u062a\u062f\u0641\u0642 \u0637\u0628\u064a\u0639\u064a) === *\/\n            .site-signature {\n                margin-top: 30px;      \/* \u0645\u0633\u0627\u0641\u0629 \u0645\u0646 \u0627\u0644\u0639\u0646\u0635\u0631 \u0627\u0644\u0630\u064a \u0641\u0648\u0642\u0647 *\/\n                padding-top: 20px;     \/* \u0645\u0633\u0627\u0641\u0629 \u062f\u0627\u062e\u0644\u064a\u0629 *\/\n                border-top: 2px dashed #f1f5f9; \/* \u062e\u0637 \u0641\u0627\u0635\u0644 \u0648\u0627\u0636\u062d *\/\n                display: flex; \n                align-items: center; \n                justify-content: flex-start; \/* \u0645\u062d\u0627\u0630\u0627\u0629 \u0644\u0644\u064a\u0633\u0627\u0631 \u0623\u0648 \u0627\u0644\u064a\u0645\u064a\u0646 \u062d\u0633\u0628 \u0627\u0644\u0631\u063a\u0628\u0629 *\/\n                gap: 10px;\n                direction: ltr;        \/* \u0644\u064a\u0638\u0647\u0631 \u0627\u0644\u0627\u0633\u0645 \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a \u0628\u0634\u0643\u0644 \u0635\u062d\u064a\u062d *\/\n                width: 100%;\n                position: relative;    \/* \u062a\u0645\u0648\u0636\u0639 \u0637\u0628\u064a\u0639\u064a \u0648\u0644\u064a\u0633 \u0645\u0637\u0644\u0642 *\/\n            }\n            .sig-icon {\n                font-size: 1.2rem; color: #4f46e5;\n            }\n            .sig-text {\n                font-weight: 800; font-size: 1.1rem; color: #334155;\n                font-family: sans-serif; letter-spacing: 0.5px;\n            }\n\n            \/* === \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 === *\/\n            .mockup-frame {\n                border: 8px solid #1e293b; border-radius: 30px;\n                overflow: hidden; background: white;\n                box-shadow: 0 15px 35px rgba(0,0,0,0.2);\n                width: 100%; max-width: 280px;\n                height: 500px;\n                margin: 0 auto;\n                display: flex; flex-direction: column;\n                position: relative;\n            }\n            .mockup-text-shadow { text-shadow: 0 1px 3px rgba(0,0,0,0.3); }\n            .mockup-btn { position: relative; z-index: 10; cursor: pointer; }\n\n            \/* === \u062e\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u0623\u0644\u0648\u0627\u0646 === *\/\n            .color-opt {\n                cursor: pointer; padding: 10px; border: 2px solid transparent; \n                background: #f8fafc; border-radius: 10px; margin-bottom: 8px;\n                display: flex; justify-content: space-between; align-items: center;\n                width: 100%; text-align: right;\n            }\n            .color-opt.active { border-color: #4f46e5; background: #eef2ff; }\n\n            \/* === \u0632\u0631 \u0634\u0648\u0628\u064a\u0641\u0627\u064a === *\/\n            .ba-btn-shopify {\n                background: linear-gradient(135deg, #10b981 0%, #059669 100%);\n                color: white !important; padding: 22px; width: 100%; display: flex;\n                align-items: center; justify-content: center; gap: 12px;\n                border-radius: 18px; font-weight: 800; font-size: 1.2rem;\n                text-decoration: none; box-shadow: 0 10px 15px -3px rgba(16, 185, 129, 0.3);\n                transition: all 0.3s; margin-top: 2rem; border: 1px solid #047857;\n                box-sizing: border-box;\n            }\n            .ba-btn-shopify:hover { transform: translateY(-3px); box-shadow: 0 20px 25px -5px rgba(16, 185, 129, 0.4); }\n\n            \/* === \u0627\u0644\u062a\u062d\u0645\u064a\u0644 \u0648\u0627\u0644\u0623\u0646\u064a\u0645\u064a\u0634\u0646 === *\/\n            .step-view { display: none; animation: fadeIn 0.5s ease-in-out; }\n            .step-view.active { display: block; }\n            @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }\n            \n            .spinner {\n                width: 24px; height: 24px; border: 3px solid rgba(255,255,255,0.3);\n                border-top-color: white; border-radius: 50%; animation: spin 1s linear infinite;\n            }\n            @keyframes spin { to { transform: rotate(360deg); } }\n        <\/style>\n    <\/head>\n    <body class=\"bg-gray-50\">\n\n    <div id=\"ba-root\" class=\"max-w-6xl mx-auto my-8 bg-white rounded-[20px] shadow-xl border border-slate-100 overflow-hidden\">\n        \n        <!-- \u0627\u0644\u0647\u064a\u062f\u0631 -->\n        <div class=\"ba-header\">\n            <h1 class=\"text-3xl md:text-5xl ba-title\">\ud83d\udc8e \u0645\u0647\u0646\u062f\u0633 \u0627\u0644\u0647\u0648\u064a\u0629 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629<\/h1>\n            <p class=\"text-lg ba-subtitle\">\u0646\u0638\u0627\u0645 \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0644\u0628\u0646\u0627\u0621 \u0627\u0644\u0628\u0631\u0627\u0646\u062f\u0627\u062a<\/p>\n        <\/div>\n\n        <div class=\"p-6 md:p-10\">\n\n            <!-- 1. \u0627\u0644\u0645\u062f\u062e\u0644\u0627\u062a -->\n            <div id=\"view-input\" class=\"step-view active\">\n                <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-10\">\n                    <div class=\"hidden lg:block lg:col-span-4 lg:order-1\">\n                        <div class=\"bg-indigo-50 p-6 rounded-2xl border border-indigo-100 sticky top-5\">\n                            <h3 class=\"text-indigo-900 font-bold mb-4\">\ud83d\udca1 \u0646\u0635\u0627\u0626\u062d \u0633\u0631\u064a\u0639\u0629:<\/h3>\n                            <ul class=\"space-y-3 text-indigo-800 text-sm\">\n                                <li>\u2022 \u0627\u0644\u0648\u0635\u0641 \u0627\u0644\u062f\u0642\u064a\u0642 = \u0646\u062a\u0627\u0626\u062c \u062f\u0642\u064a\u0642\u0629.<\/li>\n                                <li>\u2022 \u0627\u062a\u0631\u0643 \u0627\u0644\u0627\u0633\u0645 \u0641\u0627\u0631\u063a\u0627\u064b \u0644\u0644\u0627\u0642\u062a\u0631\u0627\u062d\u0627\u062a.<\/li>\n                                <li>\u2022 \u062c\u0631\u0628 \u062e\u064a\u0627\u0631 \"\u0623\u0644\u0648\u0627\u0646 \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a\".<\/li>\n                            <\/ul>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"lg:col-span-8 lg:order-2 space-y-5\">\n                        <div>\n                            <label class=\"ba-label\">1. \u0627\u0633\u0645 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 (\u0627\u062e\u062a\u064a\u0627\u0631\u064a)<\/label>\n                            <input type=\"text\" id=\"inp_name\" class=\"ba-input\" placeholder=\"\u0627\u062a\u0631\u0643\u0647 \u0641\u0627\u0631\u063a\u0627\u064b \u0644\u0627\u0628\u062a\u0643\u0627\u0631 \u0627\u0633\u0645 \u062c\u062f\u064a\u062f...\">\n                        <\/div>\n                        <div>\n                            <label class=\"ba-label\">2. \u0641\u0643\u0631\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 <span class=\"text-red-500\">*<\/span><\/label>\n                            <textarea id=\"inp_desc\" rows=\"3\" class=\"ba-input\" placeholder=\"\u0645\u062b\u0627\u0644: \u0645\u062a\u062c\u0631 \u0639\u0628\u0627\u064a\u0627\u062a \u064a\u062c\u0645\u0639 \u0628\u064a\u0646 \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0639\u0635\u0631\u064a \u0648\u0627\u0644\u062a\u0631\u0627\u062b...\"><\/textarea>\n                        <\/div>\n                        <div class=\"grid grid-cols-1 md:grid-cols-2 gap-5\">\n                            <div>\n                                <label class=\"ba-label\">3. \u0627\u0644\u062c\u0645\u0647\u0648\u0631<\/label>\n                                <input type=\"text\" id=\"inp_audience\" class=\"ba-input\" placeholder=\"\u0627\u0644\u0646\u0633\u0627\u0621\u060c \u0627\u0644\u0637\u0644\u0627\u0628...\">\n                            <\/div>\n                            <div>\n                                <label class=\"ba-label\">4. \u0627\u0644\u0637\u0627\u0628\u0639 (Vibe)<\/label>\n                                <input type=\"text\" id=\"inp_vibe\" class=\"ba-input\" placeholder=\"\u0641\u062e\u0645\u060c \u0628\u0633\u064a\u0637...\">\n                            <\/div>\n                        <\/div>\n                        <div>\n                            <label class=\"ba-label\">5. \u0627\u0644\u0623\u0644\u0648\u0627\u0646<\/label>\n                            <select id=\"inp_color\" class=\"ba-input cursor-pointer\">\n                                <option value=\"AI Selection\">\u2728 \u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a (\u0645\u0648\u0635\u0649 \u0628\u0647)<\/option>\n                                <option value=\"Luxury\">\ud83d\udc51 \u0641\u062e\u0645 (\u0645\u0644\u0643\u064a\u0629)<\/option>\n                                <option value=\"Pastel\">\ud83c\udfa8 \u0647\u0627\u062f\u0626 (\u0628\u0627\u0633\u062a\u064a\u0644)<\/option>\n                                <option value=\"Vibrant\">\ud83d\udd25 \u062d\u064a\u0648\u064a (\u0642\u0648\u064a)<\/option>\n                                <option value=\"Nature\">\ud83c\udf3f \u0637\u0628\u064a\u0639\u064a (\u0623\u062e\u0636\u0631)<\/option>\n                            <\/select>\n                        <\/div>\n                        <div>\n                            <label class=\"ba-label\">6. \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0625\u0636\u0627\u0641\u064a\u0629<\/label>\n                            <textarea id=\"inp_extra\" rows=\"2\" class=\"ba-input\" placeholder=\"\u0623\u064a \u062a\u0641\u0627\u0635\u064a\u0644 \u0623\u062e\u0631\u0649...\"><\/textarea>\n                        <\/div>\n\n                        <button id=\"btn-start\" type=\"button\" onclick=\"app.start()\" class=\"ba-btn btn-primary mt-4\">\n                            <span>\u0627\u0628\u062f\u0623 \u0627\u0644\u0647\u0646\u062f\u0633\u0629 \ud83d\ude80<\/span>\n                            <div id=\"loader\" class=\"spinner hidden\"><\/div>\n                        <\/button>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- 2. \u0627\u0644\u062a\u062d\u0645\u064a\u0644 -->\n            <div id=\"view-loading\" class=\"step-view text-center py-24\">\n                <div class=\"spinner border-indigo-600 border-t-transparent w-16 h-16 mx-auto mb-6\"><\/div>\n                <h3 id=\"loading-txt\" class=\"text-2xl font-bold text-slate-800\">\u062c\u0627\u0631\u064a \u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a...<\/h3>\n            <\/div>\n\n            <!-- 3. \u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u0627\u0633\u0645 -->\n            <div id=\"view-select\" class=\"step-view\">\n                <h3 class=\"text-2xl font-bold text-center mb-8 text-slate-800\">\u0627\u062e\u062a\u0631 \u0627\u0644\u0627\u0633\u0645 \u0627\u0644\u0623\u0646\u0633\u0628:<\/h3>\n                <div id=\"grid-names\" class=\"grid grid-cols-1 md:grid-cols-3 gap-5\"><\/div>\n                <button type=\"button\" onclick=\"app.regenerate()\" class=\"block mx-auto mt-8 text-indigo-600 font-bold underline\">\ud83d\udd04 \u0627\u0642\u062a\u0631\u0627\u062d \u0623\u0633\u0645\u0627\u0621 \u0623\u062e\u0631\u0649<\/button>\n            <\/div>\n\n            <!-- 4. \u0627\u0644\u0646\u062a\u064a\u062c\u0629 -->\n            <div id=\"view-result\" class=\"step-view\">\n                <div class=\"text-center mb-10 bg-slate-50 p-8 rounded-3xl border border-slate-100\">\n                    <h2 id=\"res-ar\" class=\"text-5xl font-black text-slate-900 mb-2\"><\/h2>\n                    <p id=\"res-en\" class=\"text-xl font-mono text-indigo-500 font-bold uppercase\"><\/p>\n                <\/div>\n\n                <div class=\"mb-8\">\n                    <h3 class=\"text-xl font-bold text-slate-800 mb-6 border-b pb-2\">\ud83c\udfa8 3 \u0627\u062a\u062c\u0627\u0647\u0627\u062a \u0628\u0635\u0631\u064a\u0629 \u0645\u0642\u062a\u0631\u062d\u0629:<\/h3>\n                    <div id=\"container-identities\"><\/div>\n                <\/div>\n\n                <!-- \u0627\u0644\u062e\u0627\u062a\u0645\u0629 -->\n                <div class=\"bg-slate-900 rounded-[2rem] p-8 md:p-16 text-center text-white mt-16 relative overflow-hidden\">\n                    <div class=\"relative z-10 max-w-3xl mx-auto\">\n                        <h2 class=\"text-3xl md:text-5xl font-black mb-6 text-white !important leading-tight\">\n                          \u0647\u0648\u064a\u062a\u0643 \u062c\u0627\u0647\u0632\u0629. \u0645\u062a\u062c\u0631\u0643 \u064a\u0646\u062a\u0638\u0631 \ud83d\ude80\n                        <\/h2>\n                        <p class=\"text-slate-300 text-lg md:text-xl leading-relaxed mb-10 text-white !important opacity-90\">\n                           \u0627\u0628\u062f\u0623 \u0631\u062d\u0644\u062a\u0643 \u0641\u064a <span class=\"text-green-400 font-bold\">\u0627\u0644\u062a\u062c\u0627\u0631\u0629 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629<\/span>. \n                             \u0645\u0639 \u0627\u0644\u0645\u0646\u0635\u0629 \u0631\u0642\u0645 1 \u0641\u064a \u0627\u0644\u0639\u0627\u0644\u0645\n                        <\/p>\n                        \n                        <a id=\"cta-shopify\" href=\"https:\/\/adwatonline.com\/shopify\" target=\"_blank\" class=\"ba-btn-shopify\">\n                            <i class=\"fas fa-store-alt text-2xl\"><\/i>\n                            <span>\u0627\u0646\u0634\u0626 \u0645\u062a\u062c\u0631\u0643 \u0639\u0644\u0649 \u0634\u0648\u0628\u064a\u0641\u0627\u064a \u0627\u0644\u0627\u0646 \u0628\u062e\u0635\u0645 \u0645\u0645\u064a\u0632<\/span>\n                        <\/a>\n\n                        <button type=\"button\" onclick=\"location.reload()\" class=\"mt-8 text-slate-400 hover:text-white text-sm font-bold border-b border-transparent hover:border-white transition\">\n                            \u0627\u0628\u062f\u0623 \u0645\u0646 \u062c\u062f\u064a\u062f\n                        <\/button>\n                    <\/div>\n                    <div class=\"absolute top-0 left-0 w-full h-full opacity-10 bg-[url('https:\/\/www.transparenttextures.com\/patterns\/cubes.png')]\"><\/div>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n\n    <script>\n        const CFG = {\n            KEY: 'AIzaSyA35xdXaqqe5unlCSlTfAP4EXej42E0BTM',\n            SHOPIFY_LINK: 'https:\/\/adwatonline.com\/shopify', \n            MODEL: 'gemini-3-flash-preview',\n            \/\/ \ud83d\udd34\ud83d\udd34 \u0627\u0633\u0645 \u0627\u0644\u0645\u0648\u0642\u0639 \u0647\u0646\u0627 \ud83d\udd34\ud83d\udd34\n            SITE_NAME: 'AdwatOnline.com'\n        };\n\n        const app = {\n            data: { mem: [], cache: [] },\n\n            view: (id) => {\n                document.querySelectorAll('.step-view').forEach(e => e.classList.remove('active'));\n                document.getElementById(id).classList.add('active');\n                document.getElementById('ba-root').scrollIntoView({behavior:'smooth'});\n            },\n\n            updatePhone: (idx, p, s, a, el) => {\n                document.getElementById(`ph-head-${idx}`).style.backgroundColor = p;\n                document.getElementById(`ph-btn-${idx}`).style.backgroundColor = a;\n                const prod = document.getElementById(`ph-prod-${idx}`);\n                prod.style.backgroundColor = s + '15';\n                prod.style.borderColor = s;\n                prod.style.color = s;\n                \n                const parent = document.getElementById(`pals-${idx}`);\n                parent.querySelectorAll('.color-opt').forEach(d => d.classList.remove('active'));\n                el.classList.add('active');\n            },\n\n            downloadCard: async (index, btnElement) => {\n                const card = document.getElementById(`card-${index}`);\n                const originalText = btnElement.innerHTML;\n                \n                btnElement.innerHTML = '<i class=\"fa-solid fa-spinner fa-spin\"><\/i> \u062c\u0627\u0631\u064a \u0627\u0644\u062d\u0641\u0638...';\n                btnElement.disabled = true;\n\n                try {\n                    const canvas = await html2canvas(card, {\n                        scale: 2,\n                        backgroundColor: '#ffffff'\n                    });\n                    \n                    const link = document.createElement('a');\n                    link.download = `Identity-${index + 1}.png`;\n                    link.href = canvas.toDataURL(\"image\/png\");\n                    link.click();\n                } catch (err) {\n                    alert('\u062d\u062f\u062b \u062e\u0637\u0623 \u0623\u062b\u0646\u0627\u0621 \u062d\u0641\u0638 \u0627\u0644\u0635\u0648\u0631\u0629');\n                    console.error(err);\n                } finally {\n                    btnElement.innerHTML = originalText;\n                    btnElement.disabled = false;\n                }\n            },\n\n            start: async () => {\n                const desc = document.getElementById('inp_desc').value;\n                if(!desc) { alert('\u0627\u0644\u0631\u062c\u0627\u0621 \u0643\u062a\u0627\u0628\u0629 \u0627\u0644\u0648\u0635\u0641'); return; }\n                \n                document.getElementById('btn-start').disabled = true;\n                document.getElementById('loader').classList.remove('hidden');\n                \n                app.view('view-loading');\n                \n                const data = {\n                    n: document.getElementById('inp_name').value,\n                    d: desc,\n                    a: document.getElementById('inp_audience').value,\n                    v: document.getElementById('inp_vibe').value,\n                    c: document.getElementById('inp_color').value,\n                    e: document.getElementById('inp_extra').value\n                };\n                \n                await app.callAI(data);\n            },\n\n            regenerate: async () => {\n                app.data.cache.forEach(b => app.data.mem.push(b.name_ar));\n                app.view('view-loading');\n                const data = {\n                    n: '',\n                    d: document.getElementById('inp_desc').value,\n                    a: document.getElementById('inp_audience').value,\n                    v: document.getElementById('inp_vibe').value,\n                    c: document.getElementById('inp_color').value,\n                    e: document.getElementById('inp_extra').value\n                };\n                await app.callAI(data);\n            },\n\n            callAI: async (inp) => {\n                const prompt = `\n                Role: Brand Expert. Lang: ARABIC ONLY.\n                Input: Name:${inp.n}, Desc:${inp.d}, Aud:${inp.a}, Vibe:${inp.v}, Color:${inp.c}, Extra:${inp.e}, Exclude:${app.data.mem.join(',')}\n                Task: JSON Output ONLY.\n                Format:\n                { \"brands\": [ { \"name_ar\": \"...\", \"name_en\": \"...\", \"identities\": [ \n                    { \"dir_name\": \"...\", \"slogan\": \"...\", \"strategy\": \"...\", \"palettes\": [ \n                        { \"name\": \"1\", \"c\": { \"p\": \"#hex\", \"s\": \"#hex\", \"a\": \"#hex\" } },\n                        { \"name\": \"2\", \"c\": { \"p\": \"#hex\", \"s\": \"#hex\", \"a\": \"#hex\" } },\n                        { \"name\": \"3\", \"c\": { \"p\": \"#hex\", \"s\": \"#hex\", \"a\": \"#hex\" } }\n                    ]}\n                ] } ] }\n                Logic: If Name empty -> 3 brands. If Name exists -> 1 brand with 3 identities.\n                `;\n\n                try {\n                    const req = await fetch(`https:\/\/generativelanguage.googleapis.com\/v1beta\/models\/${CFG.MODEL}:generateContent?key=${CFG.KEY}`, {\n                        method: 'POST',\n                        headers: {'Content-Type': 'application\/json'},\n                        body: JSON.stringify({ contents: [{ parts: [{ text: prompt }] }] })\n                    });\n                    \n                    const res = await req.json();\n                    if(res.error) throw new Error(res.error.message);\n                    \n                    const txt = res.candidates[0].content.parts[0].text.replace(\/```json|```\/g, '').trim();\n                    const json = JSON.parse(txt);\n                    \n                    app.data.cache = json.brands;\n                    \n                    if(inp.n !== '') app.renderFinal(json.brands[0]);\n                    else app.renderSelect(json.brands);\n\n                } catch(e) {\n                    alert('\u062e\u0637\u0623: ' + e.message);\n                    app.view('view-input');\n                    document.getElementById('btn-start').disabled = false;\n                    document.getElementById('loader').classList.add('hidden');\n                }\n            },\n\n            renderSelect: (brands) => {\n                const grid = document.getElementById('grid-names');\n                grid.innerHTML = '';\n                brands.forEach((b, i) => {\n                    const c = b.identities[0].palettes[0].c;\n                    grid.innerHTML += `\n                    <button type=\"button\" onclick=\"app.renderFinal(app.data.cache[${i}])\" class=\"w-full text-right bg-white p-6 rounded-2xl border-2 border-slate-100 hover:border-indigo-500 cursor-pointer shadow-md transition group block\">\n                        <h3 class=\"text-2xl font-black text-slate-800\">${b.name_ar}<\/h3>\n                        <p class=\"text-xs font-bold text-indigo-500 uppercase mb-4\">${b.name_en}<\/p>\n                        <div class=\"flex gap-2 mb-4\">\n                            <div class=\"w-6 h-6 rounded-full\" style=\"background:${c.p}\"><\/div>\n                            <div class=\"w-6 h-6 rounded-full\" style=\"background:${c.s}\"><\/div>\n                            <div class=\"w-6 h-6 rounded-full\" style=\"background:${c.a}\"><\/div>\n                        <\/div>\n                        <span class=\"text-sm font-bold text-slate-600 group-hover:text-indigo-600\">\u0639\u0631\u0636 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644 &larr;<\/span>\n                    <\/button>`;\n                });\n                app.view('view-select');\n            },\n\n            renderFinal: (brand) => {\n                document.getElementById('res-ar').innerText = brand.name_ar;\n                document.getElementById('res-en').innerText = brand.name_en;\n                \n                const cont = document.getElementById('container-identities');\n                cont.innerHTML = '';\n\n                brand.identities.forEach((id, i) => {\n                    const def = id.palettes[0].c;\n                    let palsHTML = '';\n                    \n                    id.palettes.forEach((pal, pi) => {\n                        const act = pi===0 ? 'active' : '';\n                        palsHTML += `\n                        <button type=\"button\" class=\"color-opt ${act}\" onclick=\"app.updatePhone(${i}, '${pal.c.p}', '${pal.c.s}', '${pal.c.a}', this)\">\n                            <span class=\"text-xs font-bold text-slate-600\">${pal.name}<\/span>\n                            <div class=\"flex gap-1\">\n                                <div class=\"w-4 h-4 rounded-full\" style=\"background:${pal.c.p}\"><\/div>\n                                <div class=\"w-4 h-4 rounded-full\" style=\"background:${pal.c.s}\"><\/div>\n                                <div class=\"w-4 h-4 rounded-full\" style=\"background:${pal.c.a}\"><\/div>\n                            <\/div>\n                        <\/button>`;\n                    });\n                    \n                    \/\/ \u0627\u0644\u062a\u0639\u062f\u064a\u0644 \u0627\u0644\u0643\u0628\u064a\u0631: \u0627\u0644\u062a\u0648\u0642\u064a\u0639 \u0627\u0644\u0622\u0646 \u062c\u0632\u0621 \u0645\u0646 \u0627\u0644\u062a\u064a\u0627\u0631 \u0627\u0644\u0637\u0628\u064a\u0639\u064a \u0648\u0644\u064a\u0633 \u0645\u0637\u0644\u0642\u0627\u064b\n                    cont.innerHTML += `\n                    <div class=\"ba-result-card\" id=\"card-${i}\">\n                        <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-8 items-start mb-4\">\n                            \n                            <!-- Details Column -->\n                            <div class=\"lg:col-span-8 space-y-6 order-1 lg:order-2\">\n                                <div class=\"flex items-center gap-3\">\n                                    <span class=\"bg-indigo-600 text-white px-3 py-1 rounded-lg text-sm font-bold\">\u0627\u062a\u062c\u0627\u0647 ${i+1}<\/span>\n                                    <h3 class=\"text-xl font-bold text-slate-800\">${id.dir_name}<\/h3>\n                                <\/div>\n                                \n                                <div class=\"bg-slate-50 p-5 rounded-xl border border-slate-100\">\n                                    <h5 class=\"text-xs font-bold text-slate-400 uppercase mb-1\">\u0627\u0644\u0634\u0639\u0627\u0631<\/h5>\n                                    <p class=\"text-lg font-bold text-indigo-900 italic\">\"${id.slogan}\"<\/p>\n                                <\/div>\n\n                                <div>\n                                    <h5 class=\"text-xs font-bold text-slate-400 uppercase mb-2\">\u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629<\/h5>\n                                    <p class=\"text-slate-600 text-sm leading-relaxed\">${id.strategy}<\/p>\n                                <\/div>\n\n                                <div>\n                                    <h5 class=\"text-xs font-bold text-slate-400 uppercase mb-2\">\u062c\u0631\u0628 \u0627\u0644\u0623\u0644\u0648\u0627\u0646:<\/h5>\n                                    <div id=\"pals-${i}\">${palsHTML}<\/div>\n                                    \n                                    <button type=\"button\" onclick=\"app.downloadCard(${i}, this)\" class=\"btn-download\">\n                                        <i class=\"fa-solid fa-download\"><\/i>\n                                        <span>\u062d\u0641\u0638 \u0627\u0644\u0647\u0648\u064a\u0629 \u0643\u0635\u0648\u0631\u0629<\/span>\n                                    <\/button>\n                                <\/div>\n                            <\/div>\n\n                            <!-- Phone Column -->\n                            <div class=\"lg:col-span-4 order-2 lg:order-1 flex justify-center\">\n                                <div class=\"mockup-container w-full\">\n                                    <div class=\"mockup-frame\">\n                                        <div id=\"ph-head-${i}\" class=\"p-6 text-center text-white transition-colors duration-300 flex flex-col justify-center h-32\" style=\"background:${def.p}\">\n                                            <h4 class=\"font-bold text-xl mockup-text-shadow\">${brand.name_ar}<\/h4>\n                                            <p class=\"text-[10px] opacity-90 mt-1 mockup-text-shadow\">${id.slogan}<\/p>\n                                        <\/div>\n                                        <div class=\"bg-white p-4 flex-1 flex flex-col justify-between\">\n                                            <div id=\"ph-prod-${i}\" class=\"h-32 rounded-xl border-2 border-dashed flex items-center justify-center text-xs font-bold transition-colors duration-300\"\n                                                 style=\"background:${def.s}15; border-color:${def.s}; color:${def.s}\">\n                                                \u0635\u0648\u0631\u0629 \u0627\u0644\u0645\u0646\u062a\u062c\n                                            <\/div>\n                                            <div class=\"space-y-2\">\n                                                <div class=\"h-2 w-2\/3 bg-slate-100 rounded-full\"><\/div>\n                                                <div class=\"h-2 w-1\/2 bg-slate-100 rounded-full\"><\/div>\n                                            <\/div>\n                                            <div id=\"ph-btn-${i}\" class=\"mockup-btn py-3 rounded-xl text-white text-center text-sm font-bold shadow-md transition-colors duration-300 mt-auto\" style=\"background:${def.a}\">\n                                                \u0623\u0636\u0641 \u0644\u0644\u0633\u0644\u0629\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        \n                        <!-- \u0627\u0644\u062a\u0648\u0642\u064a\u0639 \u0641\u064a \u0648\u0636\u0639\u0647 \u0627\u0644\u0637\u0628\u064a\u0639\u064a (Static Flow) -->\n                        <div class=\"site-signature\">\n                            <i class=\"fa-solid fa-layer-group sig-icon\"><\/i>\n                            <span class=\"sig-text\">${CFG.SITE_NAME}<\/span>\n                        <\/div>\n                    <\/div>`;\n                });\n                \n                app.view('view-result');\n            }\n        };\n    <\/script>\n    <\/body>\n    <\/html>\n    <\/div>\n<p><!-- \u0641\u0627\u0635\u0644 --><\/p>\n<div style=\"margin: 30px 0;\"><\/div>\n<p><!-- \u0627\u0644\u0642\u0633\u0645 \u0627\u0644\u062b\u0627\u0644\u062b: \u0627\u0644\u0646\u0635\u064a\u062d\u0629 --><\/p>\n<div style=\"text-align: center; width: 90%; max-width: 800px; margin: 0 auto; padding-bottom: 20px;\">\n<h3 style=\"color: #2c3e50;\">\ud83d\udca1 \u0646\u0635\u064a\u062d\u0629 \u0630\u0647\u0628\u064a\u0629 \u0644\u0647\u0630\u0627 \u0627\u0644\u0645\u062c\u0627\u0644:<\/h3>\n<div style=\"background-color: #f9f9f9; padding: 20px; border-radius: 15px; display: inline-block; width: 100%;\">\n<p style=\"font-size: 18px; font-weight: bold; color: #444; margin: 0;\">\u0627\u0633\u062a\u062e\u062f\u0645 \u0641\u064a\u062f\u064a\u0648\u0647\u0627\u062a \u0642\u0628\u0644 \u0648\u0628\u0639\u062f (Before &#038; After) \u0644\u062a\u0631\u0643\u064a\u0628 \u0627\u0644\u0632\u064a\u0646\u0629 \u0644\u0625\u0638\u0647\u0627\u0631 \u0627\u0644\u0641\u0631\u0642 \u0627\u0644\u062c\u0645\u0627\u0644\u064a.<\/p>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u0639\u0634\u0627\u0642 \u0627\u0644\u0633\u064a\u0627\u0631\u0627\u062a \u064a\u0646\u0641\u0642\u0648\u0646 \u0628\u0633\u062e\u0627\u0621 \u0639\u0644\u0649 \u062a\u0645\u064a\u0632 \u0645\u0631\u0643\u0628\u0627\u062a\u0647\u0645. \u0627\u0644\u0627\u0633\u0645 \u064a\u062c\u0628 \u0623\u0646 \u064a\u0643\u0648\u0646 \u0630\u0643\u0648\u0631\u064a\u0627\u064b \u0648\u062d\u0627\u062f\u0627\u064b \u0648\u064a\u0648\u062d\u064a \u0628\u0627\u0644\u0633\u0631\u0639\u0629 \u0648\u0627\u0644\u062a\u0645\u064a\u0632 \u0648\u0627\u0644\u0644\u0645\u0639\u0627\u0646. \u0627\u0644\u0635\u0639\u0648\u0628\u0629 \u062a\u0643\u0645\u0646 \u0641\u064a \u0627\u0644\u0627\u0628\u062a\u0639\u0627\u062f \u0639\u0646 \u0627\u0644\u0623\u0633\u0645\u0627\u0621 \u0627\u0644\u062a\u0642\u0644\u064a\u062f\u064a\u0629 \u0648\u0627\u0644\u0628\u062d\u062b \u0639\u0646 \u0627\u0633\u0645 \u064a\u0648\u062d\u064a \u0628\u0623\u0646\u0643 \u062a\u0642\u062f\u0645 \u0625\u0636\u0627\u0641\u0627\u062a \u062d\u0635\u0631\u064a\u0629 \u062a\u062c\u0639\u0644 \u0627\u0644\u0633\u064a\u0627\u0631\u0629 \u0645\u0644\u0641\u062a\u0629 \u0644\u0644\u0623\u0646\u0638\u0627\u0631. \ud83d\udca1 \u0646\u0635\u064a\u062d\u0629 \u0630\u0647\u0628\u064a\u0629 \u0644\u0647\u0630\u0627 \u0627\u0644\u0645\u062c\u0627\u0644: \u0627\u0633\u062a\u062e\u062f\u0645 \u0641\u064a\u062f\u064a\u0648\u0647\u0627\u062a \u0642\u0628\u0644 \u0648\u0628\u0639\u062f (Before &#038; After) \u0644\u062a\u0631\u0643\u064a\u0628 \u0627\u0644\u0632\u064a\u0646\u0629 \u0644\u0625\u0638\u0647\u0627\u0631 \u0627\u0644\u0641\u0631\u0642 \u0627\u0644\u062c\u0645\u0627\u0644\u064a.<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":{"om_disable_all_campaigns":false,"_uag_custom_page_level_css":"","_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-2444","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"trp-custom-language-flag":false},"uagb_author_info":{"display_name":"\u0645\u062d\u0645\u062f \u0623\u0645\u064a\u0646","author_link":"https:\/\/adwatonline.com\/en\/archives\/author\/abo-ameen78977gmail-com"},"uagb_comment_info":0,"uagb_excerpt":"\u0639\u0634\u0627\u0642 \u0627\u0644\u0633\u064a\u0627\u0631\u0627\u062a \u064a\u0646\u0641\u0642\u0648\u0646 \u0628\u0633\u062e\u0627\u0621 \u0639\u0644\u0649 \u062a\u0645\u064a\u0632 \u0645\u0631\u0643\u0628\u0627\u062a\u0647\u0645. \u0627\u0644\u0627\u0633\u0645 \u064a\u062c\u0628 \u0623\u0646 \u064a\u0643\u0648\u0646 \u0630\u0643\u0648\u0631\u064a\u0627\u064b \u0648\u062d\u0627\u062f\u0627\u064b \u0648\u064a\u0648\u062d\u064a \u0628\u0627\u0644\u0633\u0631\u0639\u0629 \u0648\u0627\u0644\u062a\u0645\u064a\u0632 \u0648\u0627\u0644\u0644\u0645\u0639\u0627\u0646. \u0627\u0644\u0635\u0639\u0648\u0628\u0629 \u062a\u0643\u0645\u0646 \u0641\u064a \u0627\u0644\u0627\u0628\u062a\u0639\u0627\u062f \u0639\u0646 \u0627\u0644\u0623\u0633\u0645\u0627\u0621 \u0627\u0644\u062a\u0642\u0644\u064a\u062f\u064a\u0629 \u0648\u0627\u0644\u0628\u062d\u062b \u0639\u0646 \u0627\u0633\u0645 \u064a\u0648\u062d\u064a \u0628\u0623\u0646\u0643 \u062a\u0642\u062f\u0645 \u0625\u0636\u0627\u0641\u0627\u062a \u062d\u0635\u0631\u064a\u0629 \u062a\u062c\u0639\u0644 \u0627\u0644\u0633\u064a\u0627\u0631\u0629 \u0645\u0644\u0641\u062a\u0629 \u0644\u0644\u0623\u0646\u0638\u0627\u0631. \ud83d\udca1 \u0646\u0635\u064a\u062d\u0629 \u0630\u0647\u0628\u064a\u0629 \u0644\u0647\u0630\u0627 \u0627\u0644\u0645\u062c\u0627\u0644: \u0627\u0633\u062a\u062e\u062f\u0645 \u0641\u064a\u062f\u064a\u0648\u0647\u0627\u062a \u0642\u0628\u0644 \u0648\u0628\u0639\u062f (Before &#038; After) \u0644\u062a\u0631\u0643\u064a\u0628 \u0627\u0644\u0632\u064a\u0646\u0629 \u0644\u0625\u0638\u0647\u0627\u0631 \u0627\u0644\u0641\u0631\u0642 \u0627\u0644\u062c\u0645\u0627\u0644\u064a.","_links":{"self":[{"href":"https:\/\/adwatonline.com\/en\/wp-json\/wp\/v2\/pages\/2444","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/adwatonline.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/adwatonline.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/adwatonline.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/adwatonline.com\/en\/wp-json\/wp\/v2\/comments?post=2444"}],"version-history":[{"count":0,"href":"https:\/\/adwatonline.com\/en\/wp-json\/wp\/v2\/pages\/2444\/revisions"}],"wp:attachment":[{"href":"https:\/\/adwatonline.com\/en\/wp-json\/wp\/v2\/media?parent=2444"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}