{"id":14643,"date":"2024-09-11T14:30:13","date_gmt":"2024-09-11T11:00:13","guid":{"rendered":"https:\/\/sayeboun.com\/online\/?page_id=14643"},"modified":"2026-06-20T21:45:52","modified_gmt":"2026-06-20T18:15:52","slug":"%d8%aa%d8%a8%d9%84%db%8c%d8%ba%d8%a7%d8%aa-%d8%af%d8%b1-%d8%b3%d8%a7%db%8c%d9%87-%d8%a8%d9%88%d9%86","status":"publish","type":"page","link":"https:\/\/sayeboun.com\/online\/%d8%aa%d8%a8%d9%84%db%8c%d8%ba%d8%a7%d8%aa-%d8%af%d8%b1-%d8%b3%d8%a7%db%8c%d9%87-%d8%a8%d9%88%d9%86\/","title":{"rendered":"\u062a\u0628\u0644\u06cc\u063a\u0627\u062a \u062f\u0631 \u0633\u0627\u06cc\u0647 \u0628\u0648\u0646"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n \u062e\u062f\u0645\u0627\u062a \u062a\u0628\u0644\u06cc\u063a\u0627\u062a\u06cc \u0633\u0627\u06cc\u0647\u200c\u0628\u0648\u0646<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <style>\r\n \/* Reset \u0648 Isolation \u0628\u0631\u0627\u06cc \u062c\u0644\u0648\u06af\u06cc\u0631\u06cc \u0627\u0632 \u062a\u062f\u0627\u062e\u0644 *\/\r\n #sayeboun-ad-container {\r\n all: initial;\r\n font-family: 'Vazirmatn', 'Tahoma', sans-serif !important;\r\n box-sizing: border-box;\r\n }\r\n \r\n #sayeboun-ad-container * {\r\n box-sizing: border-box;\r\n }\r\n \r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Vazirmatn:wght@300;400;500;600;700&display=swap');\r\n \r\n #sayeboun-ad-container .gradient-bg {\r\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;\r\n }\r\n \r\n #sayeboun-ad-container .card-hover {\r\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;\r\n }\r\n \r\n #sayeboun-ad-container .card-hover:hover {\r\n transform: translateY(-8px) scale(1.02) !important;\r\n box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15) !important;\r\n }\r\n \r\n #sayeboun-ad-container .table-row {\r\n transition: all 0.3s ease !important;\r\n }\r\n \r\n #sayeboun-ad-container .table-row:hover {\r\n background: linear-gradient(90deg, #f8fafc, #e2e8f0) !important;\r\n transform: scale(1.01) !important;\r\n }\r\n \r\n #sayeboun-ad-container .animate-fade-in {\r\n animation: fadeIn 0.8s ease-out !important;\r\n }\r\n \r\n #sayeboun-ad-container .animate-slide-up {\r\n animation: slideUp 0.6s ease-out !important;\r\n }\r\n \r\n #sayeboun-ad-container .animate-slide-right {\r\n animation: slideRight 0.8s ease-out !important;\r\n }\r\n \r\n @keyframes fadeIn {\r\n from { opacity: 0; }\r\n to { opacity: 1; }\r\n }\r\n \r\n @keyframes slideUp {\r\n from { \r\n opacity: 0;\r\n transform: translateY(30px);\r\n }\r\n to { \r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n \r\n @keyframes slideRight {\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 #sayeboun-ad-container .price-highlight {\r\n background: linear-gradient(45deg, #ff6b6b, #feca57) !important;\r\n -webkit-background-clip: text !important;\r\n -webkit-text-fill-color: transparent !important;\r\n background-clip: text !important;\r\n }\r\n \r\n #sayeboun-ad-container .nav-tab {\r\n transition: all 0.3s ease !important;\r\n cursor: pointer !important;\r\n }\r\n \r\n #sayeboun-ad-container .nav-tab.active {\r\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;\r\n color: white !important;\r\n transform: scale(1.05) !important;\r\n }\r\n \r\n #sayeboun-ad-container .section-content {\r\n display: none !important;\r\n }\r\n \r\n #sayeboun-ad-container .section-content.active {\r\n display: block !important;\r\n animation: fadeIn 0.5s ease-out !important;\r\n }\r\n \r\n @media (max-width: 768px) {\r\n #sayeboun-ad-container .container {\r\n padding-left: 1rem !important;\r\n padding-right: 1rem !important;\r\n padding-top: 1.5rem !important;\r\n padding-bottom: 1.5rem !important;\r\n }\r\n #sayeboun-ad-container .flex.justify-center.mb-12 {\r\n margin-bottom: 2rem !important;\r\n }\r\n #sayeboun-ad-container .bg-white.rounded-3xl {\r\n border-radius: 1rem !important;\r\n padding: 1.5rem !important;\r\n }\r\n #sayeboun-ad-container .text-3xl {\r\n font-size: 1.5rem !important;\r\n line-height: 2rem !important;\r\n }\r\n #sayeboun-ad-container .text-xl {\r\n font-size: 1.125rem !important;\r\n line-height: 1.75rem !important;\r\n }\r\n #sayeboun-ad-container .grid.md\\:grid-cols-3 {\r\n grid-template-columns: 1fr !important;\r\n gap: 1rem !important;\r\n }\r\n #sayeboun-ad-container .grid.lg\\:grid-cols-3 {\r\n grid-template-columns: 1fr !important;\r\n gap: 1rem !important;\r\n }\r\n #sayeboun-ad-container .overflow-x-auto table {\r\n font-size: 0.875rem !important;\r\n }\r\n #sayeboun-ad-container .overflow-x-auto table th,\r\n #sayeboun-ad-container .overflow-x-auto table td {\r\n padding: 0.75rem 0.5rem !important;\r\n }\r\n #sayeboun-ad-container .nav-tab {\r\n padding-left: 1rem !important;\r\n padding-right: 1rem !important;\r\n padding-top: 0.75rem !important;\r\n padding-bottom: 0.75rem !important;\r\n font-size: 0.875rem !important;\r\n }\r\n #sayeboun-ad-container .w-16.h-16 {\r\n width: 3rem !important;\r\n height: 3rem !important;\r\n }\r\n #sayeboun-ad-container .mb-16 {\r\n margin-bottom: 3rem !important;\r\n }\r\n #sayeboun-ad-container .p-8 {\r\n padding: 1.5rem !important;\r\n }\r\n #sayeboun-ad-container .space-y-6 > * + * {\r\n margin-top: 1rem !important;\r\n }\r\n #sayeboun-ad-container .text-2xl {\r\n font-size: 1.25rem !important;\r\n }\r\n }\r\n \r\n @media (max-width: 480px) {\r\n #sayeboun-ad-container .text-3xl {\r\n font-size: 1.25rem !important;\r\n }\r\n #sayeboun-ad-container .text-xl {\r\n font-size: 1rem !important;\r\n }\r\n #sayeboun-ad-container .overflow-x-auto table {\r\n font-size: 0.75rem !important;\r\n }\r\n #sayeboun-ad-container .nav-tab {\r\n padding-left: 0.75rem !important;\r\n padding-right: 0.75rem !important;\r\n padding-top: 0.5rem !important;\r\n padding-bottom: 0.5rem !important;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div id=\"sayeboun-ad-container\" class=\"min-h-full bg-gradient-to-br from-slate-50 via-blue-50 to-indigo-100\">\r\n <div class=\"container mx-auto px-4 py-12 max-w-7xl\">\r\n \r\n <!-- Header Section -->\r\n <div class=\"text-center mb-16 animate-fade-in\">\r\n <div class=\"inline-flex items-center justify-center w-20 h-20 bg-gradient-to-r from-purple-500 to-pink-500 rounded-full mb-6 shadow-lg\">\r\n <span class=\"text-3xl\">\ud83d\ude80<\/span>\r\n <\/div>\r\n <p class=\"text-xl text-gray-600 max-w-4xl mx-auto leading-relaxed\">\r\n \u062f\u0631 \u062d\u0627\u0644 \u062d\u0627\u0636\u0631 \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u0627\u06cc\u0646\u062a\u0631\u0646\u062a \u062f\u0631 \u0627\u06cc\u0631\u0627\u0646 \u0628\u06cc\u0634 \u0627\u0632 \u06f5\u06f0 \u0645\u06cc\u0644\u06cc\u0648\u0646 \u0646\u0641\u0631 \u0645\u06cc\u200c\u0628\u0627\u0634\u0646\u062f. \u0627\u0632 \u0627\u06cc\u0646 \u0631\u0648\u060c \u062a\u0628\u0644\u06cc\u063a\u0627\u062a \u0627\u06cc\u0646\u062a\u0631\u0646\u062a\u06cc \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u062f \u0627\u0646\u062a\u062e\u0627\u0628 \u0645\u0646\u0627\u0633\u0628\u06cc \u0628\u0631\u0627\u06cc \u0645\u0639\u0631\u0641\u06cc \u06a9\u0627\u0644\u0627\u060c \u0645\u062d\u0635\u0648\u0644\u0627\u062a \u0648 \u062e\u062f\u0645\u0627\u062a \u0634\u0645\u0627 \u0628\u0627\u0634\u062f.\r\n <\/p>\r\n <\/div>\r\n \r\n <center class=\"mb-8 text-xl font-semibold text-gray-700\">\u06cc\u06a9 \u06af\u0632\u06cc\u0646\u0647 \u0631\u0648 \u0627\u0646\u062a\u062e\u0627\u0628 \u0646\u0645\u0627\u06cc\u06cc\u062f<\/center>\r\n\r\n <!-- Navigation Tabs -->\r\n <div class=\"flex justify-center mb-12 animate-slide-up\">\r\n <div class=\"bg-white rounded-2xl p-2 shadow-xl border border-gray-100\">\r\n <div class=\"flex space-x-2 space-x-reverse\">\r\n <button class=\"nav-tab active px-8 py-3 rounded-xl font-semibold transition-all\" onclick=\"showSection('reportage')\">\r\n \ud83d\udcdd \u0631\u067e\u0648\u0631\u062a\u0627\u0698 \u0622\u06af\u0647\u06cc\r\n <\/button>\r\n <button class=\"nav-tab px-8 py-3 rounded-xl font-semibold transition-all\" onclick=\"showSection('banner')\">\r\n \ud83d\udcca \u062a\u0628\u0644\u06cc\u063a\u0627\u062a \u0628\u0646\u0631\u06cc\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- ==================== REPORTAGE SECTION ==================== -->\r\n <div id=\"reportage-section\" class=\"section-content active\">\r\n \r\n <!-- Introduction: 3 Types -->\r\n <div class=\"mb-16 animate-slide-up\">\r\n <div class=\"bg-white rounded-3xl p-8 shadow-xl border border-gray-100\">\r\n <div class=\"flex items-center mb-8\">\r\n <div class=\"w-16 h-16 bg-gradient-to-r from-purple-500 to-pink-500 rounded-full flex items-center justify-center ml-4\">\r\n <span class=\"text-3xl\">\ud83c\udfaf<\/span>\r\n <\/div>\r\n <h2 class=\"text-3xl font-bold text-gray-800\">\u0633\u0647 \u0633\u0637\u062d \u0631\u067e\u0648\u0631\u062a\u0627\u0698 \u0622\u06af\u0647\u06cc \u062f\u0631 \u0633\u0627\u06cc\u0647\u200c\u0628\u0648\u0646<\/h2>\r\n <\/div>\r\n \r\n <p class=\"text-xl text-gray-600 leading-relaxed mb-8\">\r\n \u0631\u067e\u0648\u0631\u062a\u0627\u0698 \u0622\u06af\u0647\u06cc \u06cc\u06a9 \u0645\u0642\u0627\u0644\u0647 \u0645\u0639\u0631\u0641\u06cc \u06a9\u0633\u0628\u200c\u0648\u06a9\u0627\u0631 \u0648 \u0641\u0639\u0627\u0644\u06cc\u062a \u0634\u0645\u0627\u0633\u062a \u06a9\u0647 \u0628\u0647 \u0635\u0648\u0631\u062a \u062f\u0627\u0626\u0645\u06cc \u0631\u0648\u06cc \u0633\u0627\u06cc\u062a \u0645\u0646\u062a\u0634\u0631 \u0645\u06cc\u200c\u0634\u0648\u062f. \u0628\u0633\u062a\u0647 \u0628\u0647 \u0628\u0648\u062f\u062c\u0647 \u0648 \u0639\u0645\u0642 \u0627\u0633\u062a\u0631\u0627\u062a\u0698\u06cc \u0633\u0626\u0648\u06cc \u0634\u0645\u0627\u060c \u0633\u0647 \u067e\u06a9\u06cc\u062c \u0632\u06cc\u0631 \u0631\u0627 \u0637\u0631\u0627\u062d\u06cc \u06a9\u0631\u062f\u0647\u200c\u0627\u06cc\u0645:\r\n <\/p>\r\n \r\n <div class=\"grid md:grid-cols-3 gap-6 mb-8\">\r\n <div class=\"p-6 bg-gradient-to-r from-green-50 to-teal-50 rounded-2xl border-r-4 border-green-400\">\r\n <h3 class=\"text-xl font-bold text-gray-800 mb-2\">\ud83e\udd47 \u067e\u0627\u06cc\u0647 (\u0627\u0633\u062a\u0627\u0631\u062a\u0631)<\/h3>\r\n <p class=\"text-gray-700 text-sm\">\u06f6\u06f0\u06f0\u2013\u06f7\u06f0\u06f0 \u06a9\u0644\u0645\u0647\u060c \u0645\u0639\u0631\u0641\u06cc \u0633\u0631\u06cc\u0639 \u0628\u0631\u0646\u062f \u0648 \u0644\u06cc\u0646\u06a9\u200c\u0633\u0627\u0632\u06cc \u067e\u0627\u06cc\u0647 \u062f\u0631 \u062f\u0633\u062a\u0647 \u0641\u0631\u0639\u06cc.<\/p>\r\n <\/div>\r\n <div class=\"p-6 bg-gradient-to-r from-blue-50 to-indigo-50 rounded-2xl border-r-4 border-blue-400\">\r\n <h3 class=\"text-xl font-bold text-gray-800 mb-2\">\ud83e\udd48 \u062d\u0631\u0641\u0647\u200c\u0627\u06cc (\u0628\u06cc\u0632\u06cc\u0646\u0633)<\/h3>\r\n <p class=\"text-gray-700 text-sm\">\u06f1,\u06f0\u06f0\u06f0\u2013\u06f1,\u06f2\u06f0\u06f0 \u06a9\u0644\u0645\u0647\u060c \u0645\u062d\u062a\u0648\u0627\u06cc \u0639\u0645\u06cc\u0642\u200c\u062a\u0631 \u0628\u0627 \u06f2 \u0644\u06cc\u0646\u06a9 \u062f\u0631 \u062f\u0633\u062a\u0647\u200c\u0647\u0627\u06cc \u0627\u0635\u0644\u06cc.<\/p>\r\n <\/div>\r\n <div class=\"p-6 bg-gradient-to-r from-purple-50 to-pink-50 rounded-2xl border-r-4 border-purple-400\">\r\n <h3 class=\"text-xl font-bold text-gray-800 mb-2\">\ud83d\udc51 \u067e\u0631\u06cc\u0645\u06cc\u0648\u0645 (VIP)<\/h3>\r\n <p class=\"text-gray-700 text-sm\">\u06f1,\u06f5\u06f0\u06f0\u2013\u06f2,\u06f0\u06f0\u06f0 \u06a9\u0644\u0645\u0647\u060c \u062c\u0627\u0645\u0639\u200c\u062a\u0631\u06cc\u0646 \u06af\u0632\u06cc\u0646\u0647 \u0628\u0627 \u06f3 \u0644\u06cc\u0646\u06a9 \u0648 **\u06cc\u06a9 \u0628\u0646\u0631 \u062b\u0627\u0628\u062a \u06cc\u06a9\u200c\u0645\u0627\u0647\u0647** \u062f\u0631 \u0633\u0627\u06cc\u062a.<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"grid md:grid-cols-3 gap-4\">\r\n <div class=\"flex items-center p-4 bg-white rounded-xl shadow-sm border border-gray-200\">\r\n <span class=\"text-2xl ml-3\">\ud83d\udd17<\/span>\r\n <div>\r\n <p class=\"font-semibold text-gray-800\">\u062a\u0639\u062f\u0627\u062f \u0644\u06cc\u0646\u06a9<\/p>\r\n <p class=\"text-sm text-gray-600\">\u06f1 | \u06f2 | \u06f3 (\u0627\u0641\u0632\u0627\u06cc\u0634\u06cc)<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"flex items-center p-4 bg-white rounded-xl shadow-sm border border-gray-200\">\r\n <span class=\"text-2xl ml-3\">\u2705<\/span>\r\n <div>\r\n <p class=\"font-semibold text-gray-800\">\u0646\u0648\u0639 \u0644\u06cc\u0646\u06a9<\/p>\r\n <p class=\"text-sm text-gray-600\">\u0645\u0633\u062a\u0642\u06cc\u0645 (follow)<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"flex items-center p-4 bg-white rounded-xl shadow-sm border border-gray-200\">\r\n <span class=\"text-2xl ml-3\">\ud83d\uddbc\ufe0f<\/span>\r\n <div>\r\n <p class=\"font-semibold text-gray-800\">\u0627\u0631\u0632\u0634 \u0627\u0641\u0632\u0648\u062f\u0647 (VIP)<\/p>\r\n <p class=\"text-sm text-gray-600\">\u0628\u0646\u0631 \u062b\u0627\u0628\u062a \u06f1 \u0645\u0627\u0647\u0647 \u062f\u0631 \u0633\u0627\u06cc\u062a<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Comparison Table (3 rows) -->\r\n <div class=\"mb-16\">\r\n <div class=\"bg-white rounded-2xl shadow-2xl overflow-hidden border border-gray-100\">\r\n <div class=\"overflow-x-auto\">\r\n <table class=\"w-full\">\r\n <thead>\r\n <tr class=\"gradient-bg text-white\">\r\n <th class=\"px-6 py-4 text-right font-semibold\">\u0646\u0648\u0639 \u0631\u067e\u0648\u0631\u062a\u0627\u0698<\/th>\r\n <th class=\"px-6 py-4 text-right font-semibold\">\u0637\u0648\u0644 \u0645\u062a\u0646 \/ \u062a\u0639\u062f\u0627\u062f \u06a9\u0627\u0631\u0627\u06a9\u062a\u0631<\/th>\r\n <th class=\"px-6 py-4 text-right font-semibold\">\u062a\u0639\u062f\u0627\u062f \u0644\u06cc\u0646\u06a9<\/th>\r\n <th class=\"px-6 py-4 text-right font-semibold\">\u0645\u062d\u0644 \u0646\u0645\u0627\u06cc\u0634<\/th>\r\n <th class=\"px-6 py-4 text-right font-semibold\">\u0642\u06cc\u0645\u062a<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody>\r\n <tr class=\"table-row bg-gradient-to-r from-green-50 to-teal-50\">\r\n <td class=\"px-6 py-4 font-medium text-gray-800\">\ud83e\udd47 \u067e\u0627\u06cc\u0647 (\u0627\u0633\u062a\u0627\u0631\u062a\u0631)<\/td>\r\n <td class=\"px-6 py-4 text-gray-700\">\u06f6\u06f0\u06f0\u2013\u06f7\u06f0\u06f0 \u06a9\u0644\u0645\u0647<br><span class=\"text-sm text-gray-500\">(~\u06f4\u06f0\u06f0\u06f0\u2013\u06f5\u06f0\u06f0\u06f0 \u06a9\u0627\u0631\u0627\u06a9\u062a\u0631)<\/span><\/td>\r\n <td class=\"px-6 py-4 text-gray-700\">\u06f1 \u0644\u06cc\u0646\u06a9<\/td>\r\n <td class=\"px-6 py-4 text-gray-700\">\u062f\u0633\u062a\u0647 \u00ab\u0645\u0639\u0631\u0641\u06cc \u06a9\u0633\u0628\u200c\u0648\u06a9\u0627\u0631\u0647\u0627\u00bb (\u0641\u0631\u0639\u06cc)<\/td>\r\n <td class=\"px-6 py-4 font-bold text-lg price-highlight\">\u06f2,\u06f9\u06f5\u06f0,\u06f0\u06f0\u06f0 \u062a\u0648\u0645\u0627\u0646<\/td>\r\n <\/tr>\r\n <tr class=\"table-row bg-gradient-to-r from-blue-50 to-indigo-50\">\r\n <td class=\"px-6 py-4 font-medium text-gray-800\">\ud83e\udd48 \u062d\u0631\u0641\u0647\u200c\u0627\u06cc (\u0628\u06cc\u0632\u06cc\u0646\u0633)<\/td>\r\n <td class=\"px-6 py-4 text-gray-700\">\u06f1,\u06f0\u06f0\u06f0\u2013\u06f1,\u06f2\u06f0\u06f0 \u06a9\u0644\u0645\u0647<br><span class=\"text-sm text-gray-500\">(~\u06f7\u06f0\u06f0\u06f0\u2013\u06f8\u06f5\u06f0\u06f0 \u06a9\u0627\u0631\u0627\u06a9\u062a\u0631)<\/span><\/td>\r\n <td class=\"px-6 py-4 text-gray-700\">\u06f2 \u0644\u06cc\u0646\u06a9<\/td>\r\n <td class=\"px-6 py-4 text-gray-700\">\u062f\u0633\u062a\u0647\u200c\u0647\u0627\u06cc \u0627\u0635\u0644\u06cc \u0633\u0627\u06cc\u062a (\u0628\u0627 \u0627\u0648\u0644\u0648\u06cc\u062a \u0646\u0645\u0627\u06cc\u0634)<\/td>\r\n <td class=\"px-6 py-4 font-bold text-lg price-highlight\">\u06f5,\u06f9\u06f5\u06f0,\u06f0\u06f0\u06f0 \u062a\u0648\u0645\u0627\u0646<\/td>\r\n <\/tr>\r\n <tr class=\"table-row bg-gradient-to-r from-purple-50 to-pink-50\">\r\n <td class=\"px-6 py-4 font-medium text-gray-800\">\ud83d\udc51 \u067e\u0631\u06cc\u0645\u06cc\u0648\u0645 (VIP)<\/td>\r\n <td class=\"px-6 py-4 text-gray-700\">\u06f1,\u06f5\u06f0\u06f0\u2013\u06f2,\u06f0\u06f0\u06f0 \u06a9\u0644\u0645\u0647<br><span class=\"text-sm text-gray-500\">(~\u06f1\u06f0,\u06f0\u06f0\u06f0\u2013\u06f1\u06f4,\u06f0\u06f0\u06f0 \u06a9\u0627\u0631\u0627\u06a9\u062a\u0631)<\/span><\/td>\r\n <td class=\"px-6 py-4 text-gray-700\">\u06f3 \u0644\u06cc\u0646\u06a9 <span class=\"text-xs text-gray-500\">(\u06cc\u0627 \u06f2 \u0644\u06cc\u0646\u06a9 + \u06f1 \u062a\u0635\u0648\u06cc\u0631\u06cc)<\/span><\/td>\r\n <td class=\"px-6 py-4 text-gray-700\">\u062f\u0633\u062a\u0647 \u0627\u0635\u0644\u06cc + <strong class=\"text-purple-600\">\u0628\u0646\u0631 \u062b\u0627\u0628\u062a \u062f\u0631 \u0633\u0627\u06cc\u062a \u0628\u0647 \u0645\u062f\u062a \u06f1 \u0645\u0627\u0647<\/strong><\/td>\r\n <td class=\"px-6 py-4 font-bold text-lg price-highlight\">\u06f9,\u06f5\u06f0\u06f0,\u06f0\u06f0\u06f0 \u062a\u0648\u0645\u0627\u0646<\/td>\r\n <\/tr>\r\n <\/tbody>\r\n <\/table>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- 3 Service Cards -->\r\n <div class=\"grid md:grid-cols-2 lg:grid-cols-3 gap-8 mb-16\">\r\n \r\n <!-- Card 1: \u067e\u0627\u06cc\u0647 -->\r\n <div class=\"card-hover bg-white rounded-3xl p-8 shadow-xl border border-gray-100 relative overflow-hidden\">\r\n <div class=\"absolute top-0 right-0 w-32 h-32 bg-gradient-to-br from-green-400 to-teal-400 rounded-full -translate-y-16 translate-x-16 opacity-10\"><\/div>\r\n <div class=\"relative z-10\">\r\n <div class=\"flex items-center mb-6\">\r\n <div class=\"w-12 h-12 bg-gradient-to-r from-green-400 to-teal-400 rounded-xl flex items-center justify-center ml-4\">\r\n <span class=\"text-2xl\">\ud83e\udd47<\/span>\r\n <\/div>\r\n <h3 class=\"text-2xl font-bold text-gray-800\">\u067e\u0627\u06cc\u0647 (\u0627\u0633\u062a\u0627\u0631\u062a\u0631)<\/h3>\r\n <\/div>\r\n <div class=\"space-y-4 mb-6\">\r\n <div>\r\n <h4 class=\"font-semibold text-gray-800 mb-2\">\u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627 \u0648 \u06a9\u0627\u0631\u0628\u0631\u062f:<\/h4>\r\n <ul class=\"space-y-1 text-gray-600 text-sm\">\r\n <li class=\"flex items-start\"><span class=\"w-2 h-2 bg-green-400 rounded-full ml-2 mt-2\"><\/span>\u06f6\u06f0\u06f0\u2013\u06f7\u06f0\u06f0 \u06a9\u0644\u0645\u0647 \u0645\u062d\u062a\u0648\u0627\u06cc \u0645\u062e\u062a\u0635\u0631 \u0648 \u0647\u062f\u0641\u0645\u0646\u062f<\/li>\r\n <li class=\"flex items-start\"><span class=\"w-2 h-2 bg-green-400 rounded-full ml-2 mt-2\"><\/span>\u06f1 \u0644\u06cc\u0646\u06a9 \u062e\u0631\u0648\u062c\u06cc (follow) \u0628\u0631\u0627\u06cc \u0644\u06cc\u0646\u06a9\u200c\u0633\u0627\u0632\u06cc \u067e\u0627\u06cc\u0647<\/li>\r\n <li class=\"flex items-start\"><span class=\"w-2 h-2 bg-green-400 rounded-full ml-2 mt-2\"><\/span>\u0646\u0645\u0627\u06cc\u0634 \u062f\u0627\u0626\u0645\u06cc \u062f\u0631 \u062f\u0633\u062a\u0647 \u00ab\u0645\u0639\u0631\u0641\u06cc \u06a9\u0633\u0628\u200c\u0648\u06a9\u0627\u0631\u0647\u0627\u00bb<\/li>\r\n <li class=\"flex items-start\"><span class=\"w-2 h-2 bg-green-400 rounded-full ml-2 mt-2\"><\/span>\u0645\u0646\u0627\u0633\u0628 \u0628\u0631\u0627\u06cc \u0634\u0631\u0648\u0639 \u06a9\u0627\u0631 \u0648 \u062a\u0633\u062a \u0628\u0627\u0632\u0627\u0631<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div>\r\n <h4 class=\"font-semibold text-gray-800 mb-2\">\u0634\u0631\u0627\u06cc\u0637:<\/h4>\r\n <ul class=\"space-y-1 text-gray-600 text-xs\">\r\n <li class=\"flex items-start\"><span class=\"w-2 h-2 bg-gray-400 rounded-full ml-2 mt-2\"><\/span>\u0639\u062f\u0645 \u0645\u063a\u0627\u06cc\u0631\u062a \u0628\u0627 \u0642\u0627\u0646\u0648\u0646 \u062c\u0631\u0627\u06cc\u0645 \u0631\u0627\u06cc\u0627\u0646\u0647\u200c\u0627\u06cc<\/li>\r\n <li class=\"flex items-start\"><span class=\"w-2 h-2 bg-gray-400 rounded-full ml-2 mt-2\"><\/span>\u0627\u0645\u06a9\u0627\u0646 \u0627\u0633\u062a\u0631\u062f\u0627\u062f \u0648\u062c\u0647 \u067e\u0633 \u0627\u0632 \u0627\u0646\u062a\u0634\u0627\u0631 \u0648\u062c\u0648\u062f \u0646\u062f\u0627\u0631\u062f<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <div class=\"text-center p-4 bg-gradient-to-r from-green-50 to-teal-50 rounded-2xl\">\r\n <span class=\"text-3xl font-bold price-highlight\">\u06f2,\u06f9\u06f5\u06f0,\u06f0\u06f0\u06f0 \u062a\u0648\u0645\u0627\u0646<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Card 2: \u062d\u0631\u0641\u0647\u200c\u0627\u06cc -->\r\n <div class=\"card-hover bg-white rounded-3xl p-8 shadow-xl border border-gray-100 relative overflow-hidden\">\r\n <div class=\"absolute top-0 right-0 w-32 h-32 bg-gradient-to-br from-blue-400 to-indigo-400 rounded-full -translate-y-16 translate-x-16 opacity-10\"><\/div>\r\n <div class=\"relative z-10\">\r\n <div class=\"flex items-center mb-6\">\r\n <div class=\"w-12 h-12 bg-gradient-to-r from-blue-400 to-indigo-400 rounded-xl flex items-center justify-center ml-4\">\r\n <span class=\"text-2xl\">\ud83e\udd48<\/span>\r\n <\/div>\r\n <h3 class=\"text-2xl font-bold text-gray-800\">\u062d\u0631\u0641\u0647\u200c\u0627\u06cc (\u0628\u06cc\u0632\u06cc\u0646\u0633)<\/h3>\r\n <\/div>\r\n <div class=\"space-y-4 mb-6\">\r\n <div>\r\n <h4 class=\"font-semibold text-gray-800 mb-2\">\u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627 \u0648 \u06a9\u0627\u0631\u0628\u0631\u062f:<\/h4>\r\n <ul class=\"space-y-1 text-gray-600 text-sm\">\r\n <li class=\"flex items-start\"><span class=\"w-2 h-2 bg-blue-400 rounded-full ml-2 mt-2\"><\/span>\u06f1,\u06f0\u06f0\u06f0\u2013\u06f1,\u06f2\u06f0\u06f0 \u06a9\u0644\u0645\u0647 \u0645\u062d\u062a\u0648\u0627\u06cc \u062a\u062e\u0635\u0635\u06cc\u200c\u062a\u0631<\/li>\r\n <li class=\"flex items-start\"><span class=\"w-2 h-2 bg-blue-400 rounded-full ml-2 mt-2\"><\/span>\u06f2 \u0644\u06cc\u0646\u06a9 \u062e\u0631\u0648\u062c\u06cc (follow) \u0628\u0631\u0627\u06cc \u062a\u0623\u062b\u06cc\u0631 \u0628\u06cc\u0634\u062a\u0631 \u062f\u0631 \u0633\u0626\u0648<\/li>\r\n <li class=\"flex items-start\"><span class=\"w-2 h-2 bg-blue-400 rounded-full ml-2 mt-2\"><\/span>\u0646\u0645\u0627\u06cc\u0634 \u062f\u0631 \u062f\u0633\u062a\u0647\u200c\u0647\u0627\u06cc \u0627\u0635\u0644\u06cc \u0633\u0627\u06cc\u062a \u0628\u0627 \u0627\u0648\u0644\u0648\u06cc\u062a \u0628\u0627\u0644\u0627\u062a\u0631<\/li>\r\n <li class=\"flex items-start\"><span class=\"w-2 h-2 bg-blue-400 rounded-full ml-2 mt-2\"><\/span>\u0645\u0646\u0627\u0633\u0628 \u0628\u0631\u0627\u06cc \u0628\u0631\u0646\u062f\u0647\u0627\u06cc \u0645\u062a\u0648\u0633\u0637 \u0648 \u0631\u0642\u0627\u0628\u062a\u06cc<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div>\r\n <h4 class=\"font-semibold text-gray-800 mb-2\">\u0634\u0631\u0627\u06cc\u0637:<\/h4>\r\n <ul class=\"space-y-1 text-gray-600 text-xs\">\r\n <li class=\"flex items-start\"><span class=\"w-2 h-2 bg-gray-400 rounded-full ml-2 mt-2\"><\/span>\u0639\u062f\u0645 \u0645\u063a\u0627\u06cc\u0631\u062a \u0628\u0627 \u0642\u0627\u0646\u0648\u0646 \u062c\u0631\u0627\u06cc\u0645 \u0631\u0627\u06cc\u0627\u0646\u0647\u200c\u0627\u06cc<\/li>\r\n <li class=\"flex items-start\"><span class=\"w-2 h-2 bg-gray-400 rounded-full ml-2 mt-2\"><\/span>\u0627\u0645\u06a9\u0627\u0646 \u0627\u0633\u062a\u0631\u062f\u0627\u062f \u0648\u062c\u0647 \u067e\u0633 \u0627\u0632 \u0627\u0646\u062a\u0634\u0627\u0631 \u0648\u062c\u0648\u062f \u0646\u062f\u0627\u0631\u062f<\/li>\r\n <li class=\"flex items-start\"><span class=\"w-2 h-2 bg-gray-400 rounded-full ml-2 mt-2\"><\/span>\u0647\u0645\u0627\u0647\u0646\u06af\u06cc \u0642\u0628\u0644\u06cc \u0628\u0631\u0627\u06cc \u0627\u0646\u062a\u062e\u0627\u0628 \u062f\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc \u0627\u0635\u0644\u06cc<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <div class=\"text-center p-4 bg-gradient-to-r from-blue-50 to-indigo-50 rounded-2xl\">\r\n <span class=\"text-3xl font-bold price-highlight\">\u06f5,\u06f9\u06f5\u06f0,\u06f0\u06f0\u06f0 \u062a\u0648\u0645\u0627\u0646<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Card 3: \u067e\u0631\u06cc\u0645\u06cc\u0648\u0645 (VIP) \u0628\u0627 \u0628\u0646\u0631 \u062b\u0627\u0628\u062a -->\r\n <div class=\"card-hover bg-white rounded-3xl p-8 shadow-xl border border-gray-100 relative overflow-hidden\">\r\n <div class=\"absolute top-0 right-0 w-32 h-32 bg-gradient-to-br from-purple-400 to-pink-400 rounded-full -translate-y-16 translate-x-16 opacity-10\"><\/div>\r\n <div class=\"relative z-10\">\r\n <div class=\"flex items-center mb-6\">\r\n <div class=\"w-12 h-12 bg-gradient-to-r from-purple-400 to-pink-400 rounded-xl flex items-center justify-center ml-4\">\r\n <span class=\"text-2xl\">\ud83d\udc51<\/span>\r\n <\/div>\r\n <h3 class=\"text-2xl font-bold text-gray-800\">\u067e\u0631\u06cc\u0645\u06cc\u0648\u0645 (VIP)<\/h3>\r\n <\/div>\r\n <div class=\"space-y-4 mb-6\">\r\n <div>\r\n <h4 class=\"font-semibold text-gray-800 mb-2\">\u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627 \u0648 \u06a9\u0627\u0631\u0628\u0631\u062f:<\/h4>\r\n <ul class=\"space-y-1 text-gray-600 text-sm\">\r\n <li class=\"flex items-start\"><span class=\"w-2 h-2 bg-purple-400 rounded-full ml-2 mt-2\"><\/span>\u06f1,\u06f5\u06f0\u06f0\u2013\u06f2,\u06f0\u06f0\u06f0 \u06a9\u0644\u0645\u0647 \u0645\u062d\u062a\u0648\u0627\u06cc \u062c\u0627\u0645\u0639 \u0648 \u0639\u0645\u06cc\u0642<\/li>\r\n <li class=\"flex items-start\"><span class=\"w-2 h-2 bg-purple-400 rounded-full ml-2 mt-2\"><\/span>\u06f3 \u0644\u06cc\u0646\u06a9 \u062e\u0631\u0648\u062c\u06cc (\u06cc\u0627 \u06f2 \u0644\u06cc\u0646\u06a9 + \u06f1 \u0644\u06cc\u0646\u06a9 \u062a\u0635\u0648\u06cc\u0631\u06cc)<\/li>\r\n <li class=\"flex items-start\"><span class=\"w-2 h-2 bg-purple-400 rounded-full ml-2 mt-2\"><\/span>\u0646\u0645\u0627\u06cc\u0634 \u062f\u0631 \u062f\u0633\u062a\u0647 \u0627\u0635\u0644\u06cc \u0633\u0627\u06cc\u062a<\/li>\r\n <li class=\"flex items-start\"><span class=\"w-2 h-2 bg-purple-400 rounded-full ml-2 mt-2\"><\/span>\u2728 **\u0627\u0631\u0632\u0634 \u0627\u0641\u0632\u0648\u062f\u0647 \u0648\u06cc\u0698\u0647:** \u0646\u0645\u0627\u06cc\u0634 \u0628\u0646\u0631 \u062b\u0627\u0628\u062a \u062f\u0631 \u0633\u0627\u06cc\u062a \u0628\u0647 \u0645\u062f\u062a \u06f1 \u0645\u0627\u0647<\/li>\r\n <li class=\"flex items-start\"><span class=\"w-2 h-2 bg-purple-400 rounded-full ml-2 mt-2\"><\/span>\u0627\u06cc\u062f\u0647\u200c\u0622\u0644 \u0628\u0631\u0627\u06cc \u0628\u0631\u0646\u062f\u0647\u0627\u06cc \u0628\u0632\u0631\u06af\u060c \u0645\u062d\u0635\u0648\u0644\u0627\u062a \u0648\u06cc\u0698\u0647 \u0648 \u06a9\u0645\u067e\u06cc\u0646\u200c\u0647\u0627\u06cc \u0642\u062f\u0631\u062a\u0645\u0646\u062f<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div>\r\n <h4 class=\"font-semibold text-gray-800 mb-2\">\u0634\u0631\u0627\u06cc\u0637:<\/h4>\r\n <ul class=\"space-y-1 text-gray-600 text-xs\">\r\n <li class=\"flex items-start\"><span class=\"w-2 h-2 bg-gray-400 rounded-full ml-2 mt-2\"><\/span>\u0639\u062f\u0645 \u0645\u063a\u0627\u06cc\u0631\u062a \u0628\u0627 \u0642\u0627\u0646\u0648\u0646 \u062c\u0631\u0627\u06cc\u0645 \u0631\u0627\u06cc\u0627\u0646\u0647\u200c\u0627\u06cc<\/li>\r\n <li class=\"flex items-start\"><span class=\"w-2 h-2 bg-gray-400 rounded-full ml-2 mt-2\"><\/span>\u0627\u0645\u06a9\u0627\u0646 \u0627\u0633\u062a\u0631\u062f\u0627\u062f \u0648\u062c\u0647 \u067e\u0633 \u0627\u0632 \u0627\u0646\u062a\u0634\u0627\u0631 \u0648\u062c\u0648\u062f \u0646\u062f\u0627\u0631\u062f<\/li>\r\n <li class=\"flex items-start\"><span class=\"w-2 h-2 bg-gray-400 rounded-full ml-2 mt-2\"><\/span>\u0645\u062d\u062a\u0648\u0627\u06cc \u0627\u062e\u062a\u0635\u0627\u0635\u06cc \u0628\u0627 \u06a9\u06cc\u0641\u06cc\u062a \u0628\u0633\u06cc\u0627\u0631 \u0628\u0627\u0644\u0627<\/li>\r\n <li class=\"flex items-start\"><span class=\"w-2 h-2 bg-gray-400 rounded-full ml-2 mt-2\"><\/span>\u0647\u0645\u0627\u0647\u0646\u06af\u06cc \u0642\u0628\u0644\u06cc \u0628\u0631\u0627\u06cc \u0637\u0631\u0627\u062d\u06cc \u0648 \u062c\u0627\u06cc\u06af\u0630\u0627\u0631\u06cc \u0628\u0646\u0631<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <div class=\"text-center p-4 bg-gradient-to-r from-purple-50 to-pink-50 rounded-2xl\">\r\n <span class=\"text-3xl font-bold price-highlight\">\u06f9,\u06f5\u06f0\u06f0,\u06f0\u06f0\u06f0 \u062a\u0648\u0645\u0627\u0646<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- ==================== BANNER SECTION ==================== -->\r\n <div id=\"banner-section\" class=\"section-content\">\r\n \r\n <div class=\"mb-16 animate-slide-right\">\r\n <div class=\"bg-white rounded-3xl p-8 shadow-xl border border-gray-100\">\r\n <div class=\"flex items-center mb-8\">\r\n <div class=\"w-16 h-16 bg-gradient-to-r from-green-400 to-blue-400 rounded-full flex items-center justify-center ml-4\">\r\n <span class=\"text-3xl\">\ud83c\udfaf<\/span>\r\n <\/div>\r\n <h2 class=\"text-3xl font-bold text-gray-800\">\u0645\u0632\u0627\u06cc\u0627\u06cc \u062a\u0628\u0644\u06cc\u063a\u0627\u062a \u0627\u06cc\u0646\u062a\u0631\u0646\u062a\u06cc<\/h2>\r\n <\/div>\r\n <div class=\"grid md:grid-cols-2 lg:grid-cols-3 gap-6\">\r\n <div class=\"flex items-center p-4 bg-gradient-to-r from-green-50 to-blue-50 rounded-2xl\">\r\n <div class=\"w-3 h-3 bg-green-400 rounded-full ml-3\"><\/div>\r\n <span class=\"text-gray-700\">\u0627\u0631\u0632\u0627\u0646\u200c\u062a\u0631 \u0628\u0648\u062f\u0646 \u0646\u0633\u0628\u062a \u0628\u0647 \u0633\u0627\u06cc\u0631 \u0631\u0633\u0627\u0646\u0647\u200c\u0647\u0627<\/span>\r\n <\/div>\r\n <div class=\"flex items-center p-4 bg-gradient-to-r from-blue-50 to-purple-50 rounded-2xl\">\r\n <div class=\"w-3 h-3 bg-blue-400 rounded-full ml-3\"><\/div>\r\n <span class=\"text-gray-700\">\u0641\u0631\u0627\u06cc\u0646\u062f \u0631\u0627\u062d\u062a \u0648 \u0633\u0631\u06cc\u0639<\/span>\r\n <\/div>\r\n <div class=\"flex items-center p-4 bg-gradient-to-r from-purple-50 to-pink-50 rounded-2xl\">\r\n <div class=\"w-3 h-3 bg-purple-400 rounded-full ml-3\"><\/div>\r\n <span class=\"text-gray-700\">\u0645\u062a\u0645\u0631\u06a9\u0632 \u0648 \u0647\u062f\u0641\u0645\u0646\u062f<\/span>\r\n <\/div>\r\n <div class=\"flex items-center p-4 bg-gradient-to-r from-pink-50 to-red-50 rounded-2xl\">\r\n <div class=\"w-3 h-3 bg-pink-400 rounded-full ml-3\"><\/div>\r\n <span class=\"text-gray-700\">\u0642\u0627\u0628\u0644\u06cc\u062a \u0647\u062f\u0641\u200c\u06af\u06cc\u0631\u06cc \u062f\u0642\u06cc\u0642 \u0645\u062e\u0627\u0637\u0628\u06cc\u0646 \u0627\u0635\u0644\u06cc<\/span>\r\n <\/div>\r\n <div class=\"flex items-center p-4 bg-gradient-to-r from-red-50 to-orange-50 rounded-2xl\">\r\n <div class=\"w-3 h-3 bg-red-400 rounded-full ml-3\"><\/div>\r\n <span class=\"text-gray-700\">\u0648\u0627\u0628\u0633\u062a\u0647 \u0628\u0647 \u0632\u0645\u0627\u0646 \u0648 \u0645\u06a9\u0627\u0646 \u0646\u06cc\u0633\u062a<\/span>\r\n <\/div>\r\n <div class=\"flex items-center p-4 bg-gradient-to-r from-orange-50 to-yellow-50 rounded-2xl\">\r\n <div class=\"w-3 h-3 bg-orange-400 rounded-full ml-3\"><\/div>\r\n <span class=\"text-gray-700\">\u0648 \u0645\u0632\u0627\u06cc\u0627\u06cc \u0628\u06cc\u0634\u062a\u0631...<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"mb-16\">\r\n <div class=\"bg-white rounded-3xl p-8 shadow-xl border border-gray-100\">\r\n <div class=\"flex items-center mb-8\">\r\n <div class=\"w-16 h-16 bg-gradient-to-r from-orange-400 to-red-400 rounded-full flex items-center justify-center ml-4\">\r\n <span class=\"text-3xl\">\ud83d\udccc<\/span>\r\n <\/div>\r\n <h2 class=\"text-3xl font-bold text-gray-800\">\u0634\u0631\u0627\u06cc\u0637 \u062f\u0631\u062c \u062a\u0628\u0644\u06cc\u063a\u0627\u062a \u0628\u0646\u0631\u06cc<\/h2>\r\n <\/div>\r\n <div class=\"space-y-6\">\r\n <div class=\"flex items-start p-6 bg-gradient-to-r from-blue-50 to-indigo-50 rounded-2xl\">\r\n <div class=\"w-3 h-3 bg-blue-500 rounded-full ml-4 mt-2\"><\/div>\r\n <p class=\"text-gray-700 leading-relaxed\">\u0648\u062c\u0648\u062f \u0644\u06cc\u0646\u06a9 \u0633\u0627\u06cc\u062a \u0634\u0645\u0627 \u062f\u0631 \u0633\u0627\u06cc\u062a\u200c\u0647\u0627\u06cc \u0628\u0627 \u0631\u062a\u0628\u0647 \u0648 \u0627\u0639\u062a\u0628\u0627\u0631 \u0628\u0627\u0644\u0627\u060c \u0628\u0647 \u0628\u0647\u0628\u0648\u062f \u062c\u0627\u06cc\u06af\u0627\u0647 \u0634\u0645\u0627 \u062f\u0631 \u0645\u0648\u062a\u0648\u0631\u0647\u0627\u06cc \u062c\u0633\u062a\u062c\u0648 \u0628\u0631\u0627\u06cc \u06a9\u0644\u0645\u0647 \u06a9\u0644\u06cc\u062f\u06cc \u0645\u0648\u0631\u062f \u0646\u0638\u0631 \u0628\u0633\u06cc\u0627\u0631 \u0645\u0648\u062b\u0631 \u0627\u0633\u062a.<\/p>\r\n <\/div>\r\n <div class=\"flex items-start p-6 bg-gradient-to-r from-green-50 to-teal-50 rounded-2xl\">\r\n <div class=\"w-3 h-3 bg-green-500 rounded-full ml-4 mt-2\"><\/div>\r\n <p class=\"text-gray-700 leading-relaxed\">\u062a\u0628\u0644\u06cc\u063a\u0627\u062a \u0628\u0646\u0631\u06cc \u0628\u0647 \u0635\u0648\u0631\u062a \u0644\u06cc\u0646\u06a9 \u0645\u0633\u062a\u0642\u06cc\u0645 (follow) \u062f\u0631 \u0635\u0641\u062d\u0647 \u0627\u0635\u0644\u06cc \u0648 \u062a\u0645\u0627\u0645\u06cc \u0635\u0641\u062d\u0627\u062a \u0628\u0644\u0627\u06af \u062f\u0631\u062c \u062e\u0648\u0627\u0647\u062f \u0634\u062f.<\/p>\r\n <\/div>\r\n <div class=\"flex items-start p-6 bg-gradient-to-r from-red-50 to-pink-50 rounded-2xl\">\r\n <div class=\"w-3 h-3 bg-red-500 rounded-full ml-4 mt-2\"><\/div>\r\n <p class=\"text-gray-700 leading-relaxed\">\u0627\u0645\u06a9\u0627\u0646 \u0627\u0633\u062a\u0631\u062f\u0627\u062f \u0648\u062c\u0647 \u067e\u0633 \u0627\u0632 \u0648\u0627\u0631\u06cc\u0632 \u0645\u0628\u0644\u063a \u0648 \u0641\u0639\u0627\u0644\u200c\u0633\u0627\u0632\u06cc \u062a\u0628\u0644\u06cc\u063a\u060c \u0648\u062c\u0648\u062f \u0646\u062f\u0627\u0631\u062f.<\/p>\r\n <\/div>\r\n <div class=\"flex items-start p-6 bg-gradient-to-r from-purple-50 to-indigo-50 rounded-2xl\">\r\n <div class=\"w-3 h-3 bg-purple-500 rounded-full ml-4 mt-2\"><\/div>\r\n <p class=\"text-gray-700 leading-relaxed\"><strong>\u0627\u0628\u0639\u0627\u062f \u0628\u0646\u0631 \u062a\u0628\u0644\u06cc\u063a\u0627\u062a\u06cc:<\/strong> \u06f1\u06f0\u06f0 \u062f\u0631 \u06f6\u06f0\u06f0 \u067e\u06cc\u06a9\u0633\u0644 (\u0641\u0631\u0645\u062a\u200c\u0647\u0627\u06cc JPG, PNG, GIF)<\/p>\r\n <\/div>\r\n <div class=\"flex items-start p-6 bg-gradient-to-r from-yellow-50 to-orange-50 rounded-2xl\">\r\n <div class=\"w-3 h-3 bg-yellow-500 rounded-full ml-4 mt-2\"><\/div>\r\n <p class=\"text-gray-700 leading-relaxed\"><strong>\u0645\u062f\u062a \u0632\u0645\u0627\u0646 \u0646\u0645\u0627\u06cc\u0634:<\/strong> \u0628\u0646\u0631\u0647\u0627 \u0628\u0647 \u0635\u0648\u0631\u062a \u0645\u0627\u0647\u0627\u0646\u0647 \u0648 \u0633\u0647\u200c\u0645\u0627\u0647\u0647 \u0642\u0627\u0628\u0644 \u062e\u0631\u06cc\u062f\u0627\u0631\u06cc \u0647\u0633\u062a\u0646\u062f.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"mb-16\">\r\n <div class=\"bg-white rounded-2xl shadow-2xl overflow-hidden border border-gray-100\">\r\n <div class=\"gradient-bg text-white p-6\">\r\n <h2 class=\"text-2xl font-bold text-center\">\ud83d\udcca \u062c\u0627\u06cc\u06af\u0627\u0647 \u0648 \u0642\u06cc\u0645\u062a \u062a\u0628\u0644\u06cc\u063a\u0627\u062a \u0628\u0646\u0631\u06cc<\/h2>\r\n <\/div>\r\n <div class=\"overflow-x-auto\">\r\n <table class=\"w-full\">\r\n <thead>\r\n <tr class=\"bg-gray-50\">\r\n <th class=\"px-6 py-4 text-right font-semibold text-gray-800\">\u062c\u0627\u06cc\u06af\u0627\u0647<\/th>\r\n <th class=\"px-6 py-4 text-right font-semibold text-gray-800\">\u06cc\u06a9 \u0645\u0627\u0647\u0647<\/th>\r\n <th class=\"px-6 py-4 text-right font-semibold text-gray-800\">\u0633\u0647 \u0645\u0627\u0647\u0647<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody>\r\n <tr class=\"table-row bg-gradient-to-r from-blue-50 to-indigo-50\">\r\n <td class=\"px-6 py-4 font-medium text-gray-800\">\u0633\u0627\u06cc\u0647\u200c\u0628\u0648\u0646<\/td>\r\n <td class=\"px-6 py-4 font-bold text-lg price-highlight\">\u06f2,\u06f4\u06f5\u06f0,\u06f0\u06f0\u06f0 \u062a\u0648\u0645\u0627\u0646<\/td>\r\n <td class=\"px-6 py-4 font-bold text-lg price-highlight\">\u06f4,\u06f7\u06f5\u06f0,\u06f0\u06f0\u06f0 \u062a\u0648\u0645\u0627\u0646<\/td>\r\n <\/tr>\r\n <\/tbody>\r\n <\/table>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- More Information Section -->\r\n <div class=\"text-center animate-slide-up\">\r\n <div class=\"bg-white rounded-3xl p-8 shadow-xl border border-gray-100 max-w-2xl mx-auto\">\r\n <div class=\"flex items-center justify-center mb-6\">\r\n <div class=\"w-16 h-16 bg-gradient-to-r from-green-400 to-blue-400 rounded-full flex items-center justify-center\">\r\n <span class=\"text-3xl\">\ud83d\udd0d<\/span>\r\n <\/div>\r\n <\/div>\r\n <h3 class=\"text-2xl font-bold text-gray-800 mb-4\">\u0627\u0637\u0644\u0627\u0639\u0627\u062a \u0628\u06cc\u0634\u062a\u0631<\/h3>\r\n <p class=\"text-gray-600 mb-6 leading-relaxed\">\r\n \u0628\u0631\u0627\u06cc \u06cc\u0627\u062f\u06af\u06cc\u0631\u06cc \u0627\u0635\u0648\u0644 \u0646\u0648\u0634\u062a\u0646 \u0631\u067e\u0648\u0631\u062a\u0627\u0698\u060c \u0646\u06a9\u0627\u062a \u0633\u0626\u0648 \u0648 \u067e\u0627\u0633\u062e \u0628\u0647 \u0633\u0648\u0627\u0644\u0627\u062a \u0645\u062a\u062f\u0627\u0648\u0644\u060c \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0628\u0647 \u0635\u0641\u062d\u0647 \u0631\u0627\u0647\u0646\u0645\u0627\u06cc \u06a9\u0627\u0645\u0644 \u0645\u0627 \u0645\u0631\u0627\u062c\u0639\u0647 \u06a9\u0646\u06cc\u062f.\r\n <\/p>\r\n <a href=\"https:\/\/sayeboun.com\/online\/%d8%b1%d9%be%d9%88%d8%b1%d8%aa%d8%a7%da%98-%d8%a2%da%af%d9%87%db%8c-%da%86%db%8c%d8%b3%d8%aa%d8%9f-%d8%a7%d8%b5%d9%88%d9%84-%d9%86%d9%88%d8%b4%d8%aa%d9%86\/\" \r\n target=\"_blank\" \r\n rel=\"noopener noreferrer\"\r\n class=\"inline-flex items-center px-8 py-3 bg-gradient-to-r from-purple-500 to-pink-500 text-white font-semibold rounded-full hover:from-purple-600 hover:to-pink-600 transition-all duration-300 transform hover:scale-105 shadow-lg\">\r\n <span>\u0645\u0637\u0627\u0644\u0639\u0647 \u0631\u0627\u0647\u0646\u0645\u0627<\/span>\r\n <svg class=\"w-5 h-5 mr-2\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14\"><\/path>\r\n <\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n function showSection(section) {\r\n document.getElementById('banner-section').classList.remove('active');\r\n document.getElementById('reportage-section').classList.remove('active');\r\n \r\n document.querySelectorAll('.nav-tab').forEach(tab => {\r\n tab.classList.remove('active');\r\n });\r\n \r\n if (section === 'banner') {\r\n document.getElementById('banner-section').classList.add('active');\r\n document.querySelector('[onclick=\"showSection(\\'banner\\')\"]').classList.add('active');\r\n history.pushState(null, null, '#banner');\r\n } else if (section === 'reportage') {\r\n document.getElementById('reportage-section').classList.add('active');\r\n document.querySelector('[onclick=\"showSection(\\'reportage\\')\"]').classList.add('active');\r\n history.pushState(null, null, '#reportage');\r\n }\r\n }\r\n\r\n window.addEventListener('load', function() {\r\n const hash = window.location.hash;\r\n if (hash === '#banner') {\r\n showSection('banner');\r\n } else {\r\n showSection('reportage');\r\n }\r\n });\r\n\r\n window.addEventListener('popstate', function() {\r\n const hash = window.location.hash;\r\n if (hash === '#banner') {\r\n showSection('banner');\r\n } else {\r\n showSection('reportage');\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\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-896d9a6 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"896d9a6\" data-element_type=\"section\" data-settings=\"{\"shape_divider_top\":\"drops\"}\">\n\t\t\t\t\t<div class=\"elementor-shape elementor-shape-top\" aria-hidden=\"true\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" height=\"100%\" viewBox=\"0 0 283.5 27.8\" preserveAspectRatio=\"xMidYMax slice\">\n\t<path class=\"elementor-shape-fill\" d=\"M0 0v1.4c.6.7 1.1 1.4 1.4 2 2 3.8 2.2 6.6 1.8 10.8-.3 3.3-2.4 9.4 0 12.3 1.7 2 3.7 1.4 4.6-.9 1.4-3.8-.7-8.2-.6-12 .1-3.7 3.2-5.5 6.9-4.9 4 .6 4.8 4 4.9 7.4.1 1.8-1.1 7 0 8.5.6.8 1.6 1.2 2.4.5 1.4-1.1.1-5.4.1-6.9.1-3.7.3-8.6 4.1-10.5 5-2.5 6.2 1.6 5.4 5.6-.4 1.7-1 9.2 2.9 6.3 1.5-1.1.7-3.5.5-4.9-.4-2.4-.4-4.3 1-6.5.9-1.4 2.4-3.1 4.2-3 2.4.1 2.7 2.2 4 3.7 1.5 1.8 1.8 2.2 3 .1 1.1-1.9 1.2-2.8 3.6-3.3 1.3-.3 4.8-1.4 5.9-.5 1.5 1.1.6 2.8.4 4.3-.2 1.1-.6 4 1.8 3.4 1.7-.4-.3-4.1.6-5.6 1.3-2.2 5.8-1.4 7 .5 1.3 2.1.5 5.8.1 8.1s-1.2 5-.6 7.4c1.3 5.1 4.4.9 4.3-2.4-.1-4.4-2-8.8-.5-13 .9-2.4 4.6-6.6 7.7-4.5 2.7 1.8.5 7.8.2 10.3-.2 1.7-.8 4.6.2 6.2.9 1.4 2 1.5 2.6-.3.5-1.5-.9-4.5-1-6.1-.2-1.7-.4-3.7.2-5.4 1.8-5.6 3.5 2.4 6.3.6 1.4-.9 4.3-9.4 6.1-3.1.6 2.2-1.3 7.8.7 8.9 4.2 2.3 1.5-7.1 2.2-8 3.1-4 4.7 3.8 6.1 4.1 3.1.7 2.8-7.9 8.1-4.5 1.7 1.1 2.9 3.3 3.2 5.2.4 2.2-1 4.5-.6 6.6 1 4.3 4.4 1.5 4.4-1.7 0-2.7-3-8.3 1.4-9.1 4.4-.9 7.3 3.5 7.8 6.9.3 2-1.5 10.9 1.3 11.3 4.1.6-3.2-15.7 4.8-15.8 4.7-.1 2.8 4.1 3.9 6.6 1 2.4 2.1 1 2.3-.8.3-1.9-.9-3.2 1.3-4.3 5.9-2.9 5.9 5.4 5.5 8.5-.3 2-1.7 8.4 2 8.1 6.9-.5-2.8-16.9 4.8-18.7 4.7-1.2 6.1 3.6 6.3 7.1.1 1.7-1.2 8.1.6 9.1 3.5 2 1.9-7 2-8.4.2-4 1.2-9.6 6.4-9.8 4.7-.2 3.2 4.6 2.7 7.5-.4 2.2 1.3 8.6 3.8 4.4 1.1-1.9-.3-4.1-.3-6 0-1.7.4-3.2 1.3-4.6 1-1.6 2.9-3.5 5.1-2.9 2.5.6 2.3 4.1 4.1 4.9 1.9.8 1.6-.9 2.3-2.1 1.2-2.1 2.1-2.1 4.4-2.4 1.4-.2 3.6-1.5 4.9-.5 2.3 1.7-.7 4.4.1 6.5.6 1.5 2.1 1.7 2.8.3.7-1.4-1.1-3.4-.3-4.8 1.4-2.5 6.2-1.2 7.2 1 2.3 4.8-3.3 12-.2 16.3 3 4.1 3.9-2.8 3.8-4.8-.4-4.3-2.1-8.9 0-13.1 1.3-2.5 5.9-5.7 7.9-2.4 2 3.2-1.3 9.8-.8 13.4.5 4.4 3.5 3.3 2.7-.8-.4-1.9-2.4-10 .6-11.1 3.7-1.4 2.8 7.2 6.5.4 2.2-4.1 4.9-3.1 5.2 1.2.1 1.5-.6 3.1-.4 4.6.2 1.9 1.8 3.7 3.3 1.3 1-1.6-2.6-10.4 2.9-7.3 2.6 1.5 1.6 6.5 4.8 2.7 1.3-1.5 1.7-3.6 4-3.7 2.2-.1 4 2.3 4.8 4.1 1.3 2.9-1.5 8.4.9 10.3 4.2 3.3 3-5.5 2.7-6.9-.6-3.9 1-7.2 5.5-5 4.1 2.1 4.3 7.7 4.1 11.6 0 .8-.6 9.5 2.5 5.2 1.2-1.7-.1-7.7.1-9.6.3-2.9 1.2-5.5 4.3-6.2 4.5-1 7.7 1.5 7.4 5.8-.2 3.5-1.8 7.7-.5 11.1 1 2.7 3.6 2.8 5 .2 1.6-3.1 0-8.3-.4-11.6-.4-4.2-.2-7 1.8-10.8 0 0-.1.1-.1.2-.2.4-.3.7-.4.8v.1c-.1.2-.1.2 0 0v-.1l.4-.8c0-.1.1-.1.1-.2.2-.4.5-.8.8-1.2V0H0zM282.7 3.4z\"\/>\n<\/svg>\t\t<\/div>\n\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3b9aa5e\" data-id=\"3b9aa5e\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6a95493 elementor-widget elementor-widget-html\" data-id=\"6a95493\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"fa\" dir=\"rtl\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>\u0627\u0637\u0644\u0627\u0639\u0627\u062a \u062a\u0645\u0627\u0633 - \u0633\u0627\u06cc\u0647\u200c\u0628\u0648\u0646<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\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 @import url('https:\/\/fonts.googleapis.com\/css2?family=Vazirmatn:wght@300;400;500;600;700&display=swap');\r\n \r\n * {\r\n font-family: 'Vazirmatn', 'Tahoma', sans-serif;\r\n }\r\n \r\n .gradient-bg {\r\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\r\n }\r\n \r\n .contact-card {\r\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n \r\n .contact-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n right: 0;\r\n width: 100%;\r\n height: 5px;\r\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\r\n }\r\n \r\n .contact-card:hover {\r\n transform: translateY(-8px) scale(1.02);\r\n box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15);\r\n }\r\n \r\n .animate-fade-in {\r\n animation: fadeIn 0.8s ease-out;\r\n }\r\n \r\n .animate-slide-up {\r\n animation: slideUp 0.6s ease-out;\r\n }\r\n \r\n @keyframes fadeIn {\r\n from { opacity: 0; }\r\n to { opacity: 1; }\r\n }\r\n \r\n @keyframes slideUp {\r\n from { \r\n opacity: 0;\r\n transform: translateY(30px);\r\n }\r\n to { \r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n \r\n .social-hover {\r\n transition: all 0.3s ease;\r\n }\r\n \r\n .social-hover:hover {\r\n transform: scale(1.1);\r\n }\r\n \r\n .contact-btn {\r\n transition: all 0.3s ease;\r\n }\r\n \r\n .contact-btn:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"min-h-screen bg-gradient-to-br from-slate-50 via-blue-50 to-indigo-100\">\r\n <div class=\"container mx-auto px-4 py-12 max-w-4xl\">\r\n \r\n <!-- Header Section -->\r\n <div class=\"text-center mb-16 animate-fade-in\">\r\n <div class=\"inline-flex items-center justify-center w-20 h-20 bg-gradient-to-r from-purple-500 to-pink-500 rounded-full mb-6 shadow-lg\">\r\n <i class=\"fas fa-headset text-3xl text-white\"><\/i>\r\n <\/div>\r\n <h1 class=\"text-4xl font-bold bg-gradient-to-r from-purple-600 to-pink-600 bg-clip-text text-transparent mb-4\">\r\n \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u062a\u0645\u0627\u0633 \u0628\u0627 \u0633\u0627\u06cc\u0647\u200c\u0628\u0648\u0646\r\n <\/h1>\r\n <p class=\"text-xl text-gray-600 max-w-2xl mx-auto leading-relaxed\">\r\n \u0628\u0631\u0627\u06cc \u0627\u0631\u062a\u0628\u0627\u0637 \u0628\u0627 \u0645\u0627 \u0648 \u062f\u0631\u06cc\u0627\u0641\u062a \u0631\u0627\u0647\u0646\u0645\u0627\u06cc\u06cc \u062f\u0631 \u0632\u0645\u06cc\u0646\u0647 \u062e\u062f\u0645\u0627\u062a \u062a\u0628\u0644\u06cc\u063a\u0627\u062a\u06cc\u060c \u0627\u0632 \u0631\u0648\u0634\u200c\u0647\u0627\u06cc \u0632\u06cc\u0631 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f\r\n <\/p>\r\n <\/div>\r\n\r\n <!-- Contact Methods -->\r\n <div class=\"grid md:grid-cols-3 gap-8 mb-16\">\r\n \r\n <!-- Support Ticket -->\r\n <div class=\"contact-card bg-white rounded-3xl p-8 shadow-xl border border-gray-100\">\r\n <div class=\"text-center mb-6\">\r\n <div class=\"w-16 h-16 bg-gradient-to-r from-blue-400 to-purple-400 rounded-full flex items-center justify-center mx-auto mb-4\">\r\n <i class=\"fas fa-ticket-alt text-2xl text-white\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-xl font-bold text-gray-800 mb-2\">\u062a\u06cc\u06a9\u062a \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc<\/h3>\r\n <p class=\"text-gray-600 text-sm\">\u067e\u0627\u0633\u062e \u0633\u0631\u06cc\u0639 \u0648 \u062a\u062e\u0635\u0635\u06cc<\/p>\r\n <\/div>\r\n \r\n <div class=\"space-y-4 mb-6\">\r\n <div class=\"flex items-center p-4 bg-gradient-to-r from-blue-50 to-purple-50 rounded-2xl\">\r\n <i class=\"fas fa-sign-in-alt text-blue-500 ml-3\"><\/i>\r\n <div>\r\n <p class=\"font-semibold text-gray-800\">\u0631\u0648\u0634 \u0627\u0648\u0644<\/p>\r\n <p class=\"text-sm text-gray-600\">\u0644\u0627\u06af\u06cc\u0646 \u062f\u0631 \u0633\u0627\u06cc\u062a \u0648 \u0627\u0631\u0633\u0627\u0644 \u062a\u06cc\u06a9\u062a<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"flex items-center p-4 bg-gradient-to-r from-purple-50 to-pink-50 rounded-2xl\">\r\n <i class=\"fas fa-comments text-purple-500 ml-3\"><\/i>\r\n <div>\r\n <p class=\"font-semibold text-gray-800\">\u0631\u0648\u0634 \u062f\u0648\u0645<\/p>\r\n <p class=\"text-sm text-gray-600\">\u0627\u0631\u0633\u0627\u0644 \u067e\u06cc\u0627\u0645 \r\n \r\n \u0645\u0633\u062a\u0642\u06cc\u0645 \u0628\u0647\r\n <a href=\"https:\/\/sayeboun.com\/online\/members\/arman\/profile\/\" target=_blank>\r\n \u0627\u06a9\u0627\u0646\u062a\r\n <\/a>\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <a href=\"https:\/\/sayeboun.com\/online\/wp-login.php\" target=_blank>\r\n <button class=\"w-full contact-btn bg-gradient-to-r from-blue-500 to-purple-500 text-white font-semibold py-3 rounded-xl hover:from-blue-600 hover:to-purple-600 transition-all\">\r\n <i class=\"fas fa-external-link-alt ml-2\"><\/i>\r\n \u0648\u0631\u0648\u062f \u0628\u0647 \u067e\u0646\u0644 \u06a9\u0627\u0631\u0628\u0631\u06cc\r\n <\/button><\/a>\r\n <\/div>\r\n \r\n <!-- Email -->\r\n <div class=\"contact-card bg-white rounded-3xl p-8 shadow-xl border border-gray-100\">\r\n <div class=\"text-center mb-6\">\r\n <div class=\"w-16 h-16 bg-gradient-to-r from-green-400 to-teal-400 rounded-full flex items-center justify-center mx-auto mb-4\">\r\n <i class=\"fas fa-envelope text-2xl text-white\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-xl font-bold text-gray-800 mb-2\">\u0627\u06cc\u0645\u06cc\u0644<\/h3>\r\n <p class=\"text-gray-600 text-sm\">\u067e\u0627\u0633\u062e \u062f\u0631 \u06a9\u0645\u062a\u0631 \u0627\u0632 24 \u0633\u0627\u0639\u062a<\/p>\r\n <\/div>\r\n \r\n <div class=\"space-y-4 mb-6\">\r\n <div class=\"text-center p-4 bg-gradient-to-r from-green-50 to-teal-50 rounded-2xl\">\r\n <i class=\"fas fa-at text-green-500 text-2xl mb-2\"><\/i>\r\n <p class=\"font-semibold text-gray-800 text-lg\">\u0622\u062f\u0631\u0633 \u0627\u06cc\u0645\u06cc\u0644<\/p>\r\n <p class=\"text-gray-700 mt-2\">info.sayeboun@gmail.com<\/p>\r\n <\/div>\r\n \r\n <div class=\"flex items-center p-4 bg-gradient-to-r from-teal-50 to-blue-50 rounded-2xl\">\r\n <i class=\"fas fa-clock text-teal-500 ml-3\"><\/i>\r\n <div>\r\n <p class=\"font-semibold text-gray-800\">\u0632\u0645\u0627\u0646 \u067e\u0627\u0633\u062e\u200c\u062f\u0647\u06cc<\/p>\r\n <p class=\"text-sm text-gray-600\">\u062d\u062f\u0627\u06a9\u062b\u0631 24 \u0633\u0627\u0639\u062a<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <a href=\"mailto:info.sayeboun@gmail.com\" class=\"block w-full text-center contact-btn bg-gradient-to-r from-green-500 to-teal-500 text-white font-semibold py-3 rounded-xl hover:from-green-600 hover:to-teal-600 transition-all\">\r\n <i class=\"fas fa-paper-plane ml-2\"><\/i>\r\n \u0627\u0631\u0633\u0627\u0644 \u0627\u06cc\u0645\u06cc\u0644\r\n <\/a>\r\n <\/div>\r\n \r\n <!-- Instagram -->\r\n <div class=\"contact-card bg-white rounded-3xl p-8 shadow-xl border border-gray-100\">\r\n <div class=\"text-center mb-6\">\r\n <div class=\"w-16 h-16 bg-gradient-to-r from-pink-500 to-purple-500 rounded-full flex items-center justify-center mx-auto mb-4\">\r\n <i class=\"fab fa-instagram text-2xl text-white\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-xl font-bold text-gray-800 mb-2\">\u0627\u06cc\u0646\u0633\u062a\u0627\u06af\u0631\u0627\u0645<\/h3>\r\n <p class=\"text-gray-600 text-sm\">\u067e\u06cc\u06af\u06cc\u0631\u06cc \u0633\u0631\u06cc\u0639 \u0648 \u0645\u0633\u062a\u0642\u06cc\u0645<\/p>\r\n <\/div>\r\n \r\n <div class=\"space-y-4 mb-6\">\r\n <div class=\"text-center p-4 bg-gradient-to-r from-pink-50 to-purple-50 rounded-2xl\">\r\n <i class=\"fab fa-instagram text-pink-500 text-2xl mb-2\"><\/i>\r\n <p class=\"font-semibold text-gray-800 text-lg\">\u0622\u062f\u0631\u0633 \u0627\u06cc\u0646\u0633\u062a\u0627\u06af\u0631\u0627\u0645<\/p>\r\n <p class=\"text-gray-700 mt-2\">sayebouncom@<\/p>\r\n <\/div>\r\n \r\n <div class=\"flex items-center p-4 bg-gradient-to-r from-purple-50 to-indigo-50 rounded-2xl\">\r\n <i class=\"fas fa-bolt text-purple-500 ml-3\"><\/i>\r\n <div>\r\n <p class=\"font-semibold text-gray-800\">\u0633\u0631\u0639\u062a \u067e\u0627\u0633\u062e\u200c\u062f\u0647\u06cc<\/p>\r\n <p class=\"text-sm text-gray-600\">\u0633\u0631\u06cc\u0639 \u0648 \u0641\u0648\u0631\u06cc<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <a href=\"https:\/\/www.instagram.com\/sayebouncom\" target=\"_blank\" class=\"block w-full text-center contact-btn bg-gradient-to-r from-pink-500 to-purple-500 text-white font-semibold py-3 rounded-xl hover:from-pink-600 hover:to-purple-600 transition-all\" rel=\"nofollow noopener\">\r\n <i class=\"fab fa-instagram ml-2\"><\/i>\r\n \u0645\u0634\u0627\u0647\u062f\u0647 \u0635\u0641\u062d\u0647\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Contact Guide -->\r\n <div class=\"animate-slide-up\">\r\n <div class=\"bg-white rounded-3xl p-8 shadow-xl border border-gray-100\">\r\n <div class=\"flex items-center mb-8\">\r\n <div class=\"w-16 h-16 bg-gradient-to-r from-orange-400 to-red-400 rounded-full flex items-center justify-center ml-4\">\r\n <i class=\"fas fa-lightbulb text-2xl text-white\"><\/i>\r\n <\/div>\r\n <h2 class=\"text-2xl font-bold text-gray-800\">\u0631\u0627\u0647\u0646\u0645\u0627\u06cc \u062a\u0645\u0627\u0633<\/h2>\r\n <\/div>\r\n \r\n <div class=\"grid md:grid-cols-2 gap-6\">\r\n <div class=\"p-6 bg-gradient-to-r from-blue-50 to-indigo-50 rounded-2xl\">\r\n <div class=\"flex items-center mb-4\">\r\n <div class=\"w-10 h-10 bg-blue-500 rounded-full flex items-center justify-center ml-3\">\r\n <span class=\"text-white font-bold\">1<\/span>\r\n <\/div>\r\n <h3 class=\"text-lg font-semibold text-gray-800\">\u0627\u0648\u0644\u0648\u06cc\u062a \u062a\u0645\u0627\u0633<\/h3>\r\n <\/div>\r\n <p class=\"text-gray-700 leading-relaxed\">\r\n \u0628\u0631\u0627\u06cc \u062f\u0631\u06cc\u0627\u0641\u062a \u0633\u0631\u06cc\u0639\u200c\u062a\u0631\u06cc\u0646 \u067e\u0627\u0633\u062e\u060c \u0627\u0632 \u0637\u0631\u06cc\u0642 \u062a\u06cc\u06a9\u062a \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u062f\u0631 \u0633\u0627\u06cc\u062a \u0627\u0642\u062f\u0627\u0645 \u06a9\u0646\u06cc\u062f. \u0627\u06cc\u0646 \u0631\u0648\u0634 \u0627\u0645\u06a9\u0627\u0646 \u067e\u06cc\u06af\u06cc\u0631\u06cc \u0628\u0647\u062a\u0631 \u0631\u0627 \u0641\u0631\u0627\u0647\u0645 \u0645\u06cc\u200c\u06a9\u0646\u062f.\r\n <\/p>\r\n <\/div>\r\n \r\n <div class=\"p-6 bg-gradient-to-r from-green-50 to-teal-50 rounded-2xl\">\r\n <div class=\"flex items-center mb-4\">\r\n <div class=\"w-10 h-10 bg-green-500 rounded-full flex items-center justify-center ml-3\">\r\n <span class=\"text-white font-bold\">2<\/span>\r\n <\/div>\r\n <h3 class=\"text-lg font-semibold text-gray-800\">\u0645\u062d\u062a\u0648\u06cc\u0627\u062a \u067e\u06cc\u0627\u0645<\/h3>\r\n <\/div>\r\n <p class=\"text-gray-700 leading-relaxed\">\r\n \u0647\u0646\u06af\u0627\u0645 \u062a\u0645\u0627\u0633\u060c \u0646\u0648\u0639 \u062e\u062f\u0645\u062a \u0645\u0648\u0631\u062f \u0646\u0638\u0631 \u0648 \u0646\u06cc\u0627\u0632\u0645\u0646\u062f\u06cc\u200c\u0647\u0627\u06cc \u062e\u0648\u062f \u0631\u0627 \u0628\u0647 \u0637\u0648\u0631 \u06a9\u0627\u0645\u0644 \u0634\u0631\u062d \u062f\u0647\u06cc\u062f \u062a\u0627 \u0628\u062a\u0648\u0627\u0646\u06cc\u0645 \u0628\u0647\u062a\u0631\u06cc\u0646 \u0631\u0627\u0647\u0646\u0645\u0627\u06cc\u06cc \u0631\u0627 \u0627\u0631\u0627\u0626\u0647 \u062f\u0647\u06cc\u0645.\r\n <\/p>\r\n <\/div>\r\n \r\n <div class=\"p-6 bg-gradient-to-r from-purple-50 to-pink-50 rounded-2xl\">\r\n <div class=\"flex items-center mb-4\">\r\n <div class=\"w-10 h-10 bg-purple-500 rounded-full flex items-center justify-center ml-3\">\r\n <span class=\"text-white font-bold\">3<\/span>\r\n <\/div>\r\n <h3 class=\"text-lg font-semibold text-gray-800\">\u0633\u0627\u0639\u0627\u062a \u067e\u0627\u0633\u062e\u200c\u062f\u0647\u06cc<\/h3>\r\n <\/div>\r\n <p class=\"text-gray-700 leading-relaxed\">\r\n \u067e\u0627\u0633\u062e\u200c\u06af\u0648\u06cc\u06cc \u0628\u0647 \u062a\u06cc\u06a9\u062a\u200c\u0647\u0627 \u0648 \u0627\u06cc\u0645\u06cc\u0644\u200c\u0647\u0627 \u062f\u0631 \u0633\u0627\u0639\u0627\u062a \u0627\u062f\u0627\u0631\u06cc \u0627\u0646\u062c\u0627\u0645 \u0645\u06cc\u200c\u0634\u0648\u062f. \u067e\u06cc\u0627\u0645\u200c\u0647\u0627\u06cc \u0627\u06cc\u0646\u0633\u062a\u0627\u06af\u0631\u0627\u0645 \u062f\u0631 \u0627\u0648\u0644\u06cc\u0646 \u0641\u0631\u0635\u062a \u067e\u0627\u0633\u062e \u062f\u0627\u062f\u0647 \u0645\u06cc\u200c\u0634\u0648\u0646\u062f.\r\n <\/p>\r\n <\/div>\r\n \r\n <div class=\"p-6 bg-gradient-to-r from-orange-50 to-red-50 rounded-2xl\">\r\n <div class=\"flex items-center mb-4\">\r\n <div class=\"w-10 h-10 bg-orange-500 rounded-full flex items-center justify-center ml-3\">\r\n <span class=\"text-white font-bold\">4<\/span>\r\n <\/div>\r\n <h3 class=\"text-lg font-semibold text-gray-800\">\u0627\u0637\u0644\u0627\u0639\u0627\u062a \u0644\u0627\u0632\u0645<\/h3>\r\n <\/div>\r\n <p class=\"text-gray-700 leading-relaxed\">\r\n \u0644\u0637\u0641\u0627\u064b \u062f\u0631 \u0627\u0648\u0644\u06cc\u0646 \u062a\u0645\u0627\u0633\u060c \u0646\u0627\u0645\u060c \u0646\u0627\u0645 \u06a9\u0633\u0628\u200c\u0648\u06a9\u0627\u0631 \u0648 \u062d\u0648\u0632\u0647 \u0641\u0639\u0627\u0644\u06cc\u062a \u062e\u0648\u062f \u0631\u0627 \u0630\u06a9\u0631 \u06a9\u0646\u06cc\u062f \u062a\u0627 \u0628\u062a\u0648\u0627\u0646\u06cc\u0645 \u062e\u062f\u0645\u0627\u062a \u0628\u0647\u062a\u0631\u06cc \u0627\u0631\u0627\u0626\u0647 \u062f\u0647\u06cc\u0645.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n\r\n <script>\r\n \/\/ \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0628\u0631\u0627\u06cc \u0627\u0641\u06a9\u062a\u200c\u0647\u0627\u06cc \u062a\u0639\u0627\u0645\u0644\u06cc\r\n document.addEventListener('DOMContentLoaded', function() {\r\n \/\/ \u0627\u0641\u0632\u0648\u062f\u0646 \u0627\u0641\u06a9\u062a \u0628\u0647 \u06a9\u0627\u0631\u062a\u200c\u0647\u0627 \u0647\u0646\u06af\u0627\u0645 \u0627\u0633\u06a9\u0631\u0648\u0644\r\n const observerOptions = {\r\n threshold: 0.1,\r\n rootMargin: '0px 0px -50px 0px'\r\n };\r\n \r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.style.opacity = '1';\r\n entry.target.style.transform = 'translateY(0)';\r\n }\r\n });\r\n }, observerOptions);\r\n \r\n document.querySelectorAll('.contact-card').forEach(card => {\r\n card.style.opacity = '0';\r\n card.style.transform = 'translateY(20px)';\r\n card.style.transition = 'opacity 0.5s ease, transform 0.5s ease';\r\n observer.observe(card);\r\n });\r\n \r\n \/\/ \u0634\u0628\u06cc\u0647\u200c\u0633\u0627\u0632\u06cc \u06a9\u0644\u06cc\u06a9 \u0631\u0648\u06cc \u062f\u06a9\u0645\u0647\u200c\u0647\u0627\r\n document.querySelectorAll('.contact-btn').forEach(btn => {\r\n btn.addEventListener('click', function(e) {\r\n if (this.getAttribute('href') === '#') {\r\n e.preventDefault();\r\n this.style.transform = 'scale(0.95)';\r\n setTimeout(() => {\r\n this.style.transform = '';\r\n }, 200);\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\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u062e\u062f\u0645\u0627\u062a \u062a\u0628\u0644\u06cc\u063a\u0627\u062a\u06cc \u0633\u0627\u06cc\u0647\u200c\u0628\u0648\u0646 \ud83d\ude80 \u062f\u0631 \u062d\u0627\u0644 \u062d\u0627\u0636\u0631 \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u0627\u06cc\u0646\u062a\u0631\u0646\u062a \u062f\u0631 \u0627\u06cc\u0631\u0627\u0646 \u0628\u06cc\u0634 \u0627\u0632 \u06f5\u06f0 \u0645\u06cc\u0644\u06cc\u0648\u0646 \u0646\u0641\u0631 \u0645\u06cc\u200c\u0628\u0627\u0634\u0646\u062f. \u0627\u0632 \u0627\u06cc\u0646 \u0631\u0648\u060c\u2026<\/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-14643","page","type-page","status-publish","hentry"],"bb_access":{"can_access":true,"restrict_message":null},"_links":{"self":[{"href":"https:\/\/sayeboun.com\/online\/wp-json\/wp\/v2\/pages\/14643","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sayeboun.com\/online\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sayeboun.com\/online\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sayeboun.com\/online\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sayeboun.com\/online\/wp-json\/wp\/v2\/comments?post=14643"}],"version-history":[{"count":196,"href":"https:\/\/sayeboun.com\/online\/wp-json\/wp\/v2\/pages\/14643\/revisions"}],"predecessor-version":[{"id":17870,"href":"https:\/\/sayeboun.com\/online\/wp-json\/wp\/v2\/pages\/14643\/revisions\/17870"}],"wp:attachment":[{"href":"https:\/\/sayeboun.com\/online\/wp-json\/wp\/v2\/media?parent=14643"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}