{"id":13539,"date":"2025-11-16T12:58:17","date_gmt":"2025-11-16T06:58:17","guid":{"rendered":"http:\/\/hobbi.st\/?page_id=13539"},"modified":"2025-12-08T07:55:30","modified_gmt":"2025-12-08T02:55:30","slug":"ecolove","status":"publish","type":"page","link":"https:\/\/hobbi.st\/kk\/ecolove\/","title":{"rendered":""},"content":{"rendered":"
\n\t\t\t\t
\n\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 hobbi.st: \u041f\u043e\u0441\u0442\u0440\u043e\u0439 \u0441\u0432\u043e\u0451 \u041a\u043e\u0440\u043e\u043b\u0435\u0432\u0441\u0442\u0432\u043e<\/title>\r\n <!-- \u041f\u043e\u0434\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435 Tailwind CSS -->\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <!-- \u041f\u043e\u0434\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435 Font Awesome \u0434\u043b\u044f \u0438\u043a\u043e\u043d\u043e\u043a -->\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n <!-- \u041f\u043e\u0434\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435 \u0448\u0440\u0438\u0444\u0442\u043e\u0432 Inter (\u043e\u0441\u043d\u043e\u0432\u043d\u043e\u0439) \u0438 Montserrat (\u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u0438) -->\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@800;900&family=Inter:wght@400;600;700&display=swap\" rel=\"stylesheet\">\r\n <!-- \u041f\u043e\u0434\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435 \u0448\u0440\u0438\u0444\u0442\u0430 Tomorrow -->\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Tomorrow:wght@700;900&display=swap\" rel=\"stylesheet\">\r\n \r\n <script>\r\n \/\/ \u041a\u043e\u043d\u0444\u0438\u0433\u0443\u0440\u0430\u0446\u0438\u044f Tailwind \u0434\u043b\u044f \u0434\u0438\u043d\u0430\u043c\u0438\u0447\u0435\u0441\u043a\u043e\u0433\u043e \u043f\u0435\u0440\u0435\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u044f \u0442\u0435\u043c\u044b\r\n tailwind.config = {\r\n darkMode: 'class', \/\/ \u0418\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c 'class' \u0434\u043b\u044f \u043f\u0435\u0440\u0435\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u044f \u0442\u0435\u043c\u044b\r\n }\r\n <\/script>\r\n\r\n <style>\r\n \/* ========================================================= *\/\r\n \/* 1. \u0411\u0410\u0417\u041e\u0412\u042b\u0415 \u0422\u0415\u041c\u042b *\/\r\n \/* ========================================================= *\/\r\n\r\n body {\r\n font-family: 'Inter', sans-serif;\r\n scroll-behavior: smooth;\r\n transition: background-color 0.3s, color 0.3s;\r\n }\r\n\r\n \/* --- DARK MODE (\u041f\u041e \u0423\u041c\u041e\u041b\u0427\u0410\u041d\u0418\u042e) --- *\/\r\n body {\r\n background-color: #0d1117; \r\n color: #e2e8f0; \r\n }\r\n .section-bg-primary {\r\n background-color: #10141c;\r\n }\r\n .text-default-light {\r\n color: #e2e8f0;\r\n }\r\n .text-default-muted {\r\n color: #94a3b8;\r\n }\r\n .card-bg {\r\n background-color: #1a202c; \r\n border: 1px solid #3b82f630;\r\n box-shadow: 0 0 15px rgba(59, 130, 246, 0.2);\r\n }\r\n\r\n \/* --- LIGHT MODE --- *\/\r\n body.light-mode {\r\n background-color: #f7f7f7; \r\n color: #1a202c; \r\n }\r\n body.light-mode .section-bg-primary {\r\n background-color: #ffffff; \r\n }\r\n body.light-mode .text-default-light {\r\n color: #1a202c; \r\n }\r\n body.light-mode .text-default-muted {\r\n color: #64748b; \r\n }\r\n body.light-mode .card-bg {\r\n background-color: #ffffff;\r\n border: 1px solid #e2e8f0;\r\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); \r\n }\r\n body.light-mode .card-bg:hover {\r\n box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);\r\n }\r\n\r\n \/* ========================================================= *\/\r\n \/* 2. \u0410\u041a\u0426\u0415\u041d\u0422\u042b *\/\r\n \/* ========================================================= *\/\r\n\r\n h1, h2, h3 {\r\n font-family: 'Montserrat', sans-serif;\r\n }\r\n\r\n .font-tomorrow {\r\n font-family: 'Tomorrow', sans-serif;\r\n }\r\n\r\n .neon-title {\r\n background-image: linear-gradient(90deg, #10b981, #3b82f6);\r\n -webkit-background-clip: text;\r\n background-clip: text;\r\n color: transparent;\r\n text-shadow: 0 0 10px rgba(59, 130, 246, 0.4);\r\n }\r\n body.light-mode .neon-title {\r\n text-shadow: none; \r\n }\r\n\r\n .card-bg {\r\n transition: all 0.3s ease;\r\n }\r\n .card-bg:hover {\r\n transform: translateY(-4px);\r\n }\r\n\r\n .neon-cta-button {\r\n background: linear-gradient(90deg, #10b981, #3b82f6);\r\n box-shadow: 0 0 15px rgba(59, 130, 246, 0.5);\r\n transition: all 0.3s ease;\r\n position: relative;\r\n overflow: hidden;\r\n z-index: 1;\r\n }\r\n .neon-cta-button::after {\r\n content: '';\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n width: 300%;\r\n height: 300%;\r\n background: rgba(255, 255, 255, 0.1);\r\n transition: all 0.6s;\r\n border-radius: 50%;\r\n transform: translate(-50%, -50%) scale(0);\r\n z-index: 0;\r\n }\r\n .neon-cta-button:hover::after {\r\n transform: translate(-50%, -50%) scale(1);\r\n opacity: 0;\r\n }\r\n .neon-cta-button span {\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n @keyframes typing {\r\n from { width: 0; }\r\n to { width: 100%; }\r\n }\r\n @keyframes blink-caret-dark {\r\n from, to { border-color: transparent }\r\n 50% { border-color: #3b82f6; }\r\n }\r\n @keyframes blink-caret-light {\r\n from, to { border-color: transparent }\r\n 50% { border-color: #1a202c; }\r\n }\r\n .typing-text {\r\n overflow: hidden; \r\n border-right: .15em solid #3b82f6; \r\n white-space: nowrap; \r\n margin: 0 auto; \r\n letter-spacing: .1em; \r\n animation: \r\n typing 3.5s steps(40, end) forwards,\r\n blink-caret-dark .75s step-end infinite;\r\n max-width: 100%;\r\n }\r\n body.light-mode .typing-text {\r\n border-right-color: #1a202c;\r\n animation: \r\n typing 3.5s steps(40, end) forwards,\r\n blink-caret-light .75s step-end infinite;\r\n }\r\n\r\n \/* ========================================================= *\/\r\n \/* 3. \u0410\u0414\u0410\u041f\u0422\u0418\u0412\u041d\u041e\u0421\u0422\u042c *\/\r\n \/* ========================================================= *\/\r\n\r\n @media (max-width: 640px) { \r\n .typing-text {\r\n white-space: normal; \r\n border-right: none; \r\n animation: none !important; \r\n width: auto; \r\n font-size: 1.5rem !important; \r\n margin-top: 0.5rem; \r\n }\r\n .hero-title {\r\n font-size: 2.5rem !important; \r\n }\r\n #theme-toggle {\r\n top: 1rem;\r\n right: 1rem;\r\n width: 40px;\r\n height: 40px;\r\n }\r\n }\r\n\r\n .pricing-card {\r\n position: relative;\r\n transition: all 0.3s;\r\n }\r\n .pricing-card.featured {\r\n border-color: #10b981 !important; \r\n box-shadow: 0 0 30px rgba(16, 185, 129, 0.4);\r\n transform: scale(1.02); \r\n z-index: 10;\r\n }\r\n body.light-mode .pricing-card.featured {\r\n box-shadow: 0 0 30px rgba(16, 185, 129, 0.2);\r\n border-color: #059669 !important;\r\n }\r\n\r\n .footer-logo {\r\n background-image: linear-gradient(45deg, #f59e0b, #3b82f6);\r\n -webkit-background-clip: text;\r\n background-clip: text;\r\n color: transparent;\r\n }\r\n\r\n #theme-toggle {\r\n position: fixed;\r\n top: 1.5rem;\r\n right: 1.5rem;\r\n width: 48px;\r\n height: 48px;\r\n background-color: var(--toggle-bg-color);\r\n border: 2px solid var(--toggle-border-color);\r\n color: var(--toggle-icon-color);\r\n cursor: pointer;\r\n z-index: 50;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n body {\r\n --toggle-bg-color: #1a202c;\r\n --toggle-border-color: #3b82f6;\r\n --toggle-icon-color: #fcd34d; \r\n }\r\n body.light-mode {\r\n --toggle-bg-color: #ffffff;\r\n --toggle-border-color: #cbd5e1;\r\n --toggle-icon-color: #3b82f6; \r\n }\r\n \r\n \/* \u041f\u043b\u0435\u0439\u0441\u0445\u043e\u043b\u0434\u0435\u0440\u044b \u0434\u043b\u044f \u043b\u0435\u043d\u0438\u0432\u043e\u0439 \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0438 *\/\r\n .lazy-placeholder {\r\n min-height: 400px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 1.5rem;\r\n opacity: 0.3;\r\n }\r\n\r\n <\/style>\r\n<\/head>\r\n\r\n<body> <!-- \u0423\u0431\u0440\u0430\u043b \u043a\u043b\u0430\u0441\u0441 light-mode, \u0442\u0435\u043f\u0435\u0440\u044c \u043d\u043e\u0447\u043d\u0430\u044f \u0442\u0435\u043c\u0430 \u043f\u043e \u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e -->\r\n \r\n <!-- \u041a\u041d\u041e\u041f\u041a\u0410 \u041f\u0415\u0420\u0415\u041a\u041b\u042e\u0427\u0415\u041d\u0418\u042f \u0422\u0415\u041c\u042b -->\r\n <button id=\"theme-toggle\" class=\"rounded-full shadow-lg hover:scale-105\">\r\n <i id=\"theme-icon\" class=\"fa-solid fa-moon text-xl\"><\/i> <!-- \u041b\u0443\u043d\u0430 \u043f\u043e \u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e -->\r\n <\/button>\r\n \r\n <!-- HEADER & HERO SECTION (\u0417\u0430\u0433\u0440\u0443\u0436\u0430\u0435\u0442\u0441\u044f \u043c\u043e\u043c\u0435\u043d\u0442\u0430\u043b\u044c\u043d\u043e) -->\r\n <header class=\"min-h-screen flex items-center justify-center p-6 md:p-12\" id=\"hero\">\r\n <div class=\"text-center max-w-5xl\">\r\n <p class=\"font-tomorrow text-2xl md:text-3xl text-indigo-500 mb-4 font-extrabold uppercase tracking-wider\">\r\n hobbi.st uni-ver-city \u0441\u0447\u0430\u0441\u0442\u044c\u044f\r\n <span class=\"block text-xl md:text-2xl normal-case font-semibold text-teal-500 mt-2\">\r\n \u0414\u0435\u043d\u044c\u0433\u0438, \u0441\u043e\u043d, \u044d\u043d\u0435\u0440\u0433\u0438\u044f, \u0436\u0438\u043b\u044c\u0451, \u0441\u0435\u043c\u044c\u044f \u0438 \u043b\u044e\u0431\u0438\u043c\u043e\u0435 \u0434\u0435\u043b\u043e \u0431\u044b\u0441\u0442\u0440\u043e, \u043a\u0440\u0430\u0441\u0438\u0432\u043e, \u0443\u0432\u043b\u0435\u043a\u0430\u0442\u0435\u043b\u044c\u043d\u043e \u0438 \u043d\u0435 \u043f\u043b\u0430\u0442\u043d\u043e!\r\n <\/span>\r\n <\/p>\r\n \r\n <!-- \u0415\u0414\u0418\u041d\u041e\u0420\u041e\u0413 -->\r\n <img decoding=\"async\" \r\n id=\"unicorn-image\"\r\n src=\"https:\/\/hobbi.st\/wp-content\/uploads\/2025\/11\/hobbist-unicorn-e1762342771306.webp\" \r\n alt=\"Hobbi.st Unicorn - \u0421\u0438\u043c\u0432\u043e\u043b \u0423\u043d\u0438\u0432\u0435\u0440\u0441\u0438\u0442\u0435\u0442\u0430 \u0421\u0447\u0430\u0441\u0442\u044c\u044f\" \r\n class=\"w-[300px] h-[300px] object-cover mx-auto mb-8 rounded-xl shadow-2xl transition-transform duration-500 hover:scale-[1.05]\"\r\n loading=\"eager\"\r\n onerror=\"this.onerror=null; this.src='https:\/\/placehold.co\/300x300\/' + (document.body.classList.contains('light-mode') ? 'f7f7f7\/1a202c' : '0d1117\/ffffff') + '?text=Hobbi.st+Unicorn&font=inter'\"\r\n >\r\n \r\n <h1 class=\"hero-title text-4xl sm:text-5xl md:text-7xl lg:text-8xl font-extrabold mb-6 leading-tight mt-10\">\r\n <span class=\"neon-title block text-default-light\">\u041f\u043e\u0441\u0442\u0440\u043e\u0439 \u0441\u0432\u043e\u0451 \u041a\u043e\u0440\u043e\u043b\u0435\u0432\u0441\u0442\u0432\u043e.<\/span>\r\n <span class=\"block typing-text text-2xl sm:text-3xl md:text-5xl lg:text-6xl mt-4 text-indigo-600\">\r\n \u0420\u0430\u0437\u0432\u0438\u0442\u0438\u0435 \u043b\u0435\u0433\u043a\u043e \u043a\u0430\u043a \u0438\u0433\u0440\u0430.\r\n <\/span>\r\n <\/h1>\r\n <p class=\"text-lg md:text-xl text-default-muted max-w-3xl mx-auto mb-10\">\r\n \u0417\u0430\u0431\u0443\u0434\u044c \u043e \u0441\u043a\u0443\u0447\u043d\u044b\u0445 \u0443\u0440\u043e\u043a\u0430\u0445 \u0438 \u043a\u0443\u0440\u0441\u0430\u0445. hobbist \u043f\u0440\u0435\u0432\u0440\u0430\u0449\u0430\u0435\u0442 \u0440\u0443\u0442\u0438\u043d\u0443 \u0441\u0430\u043c\u043e\u0440\u0430\u0437\u0432\u0438\u0442\u0438\u044f \u0432 \u0443\u0432\u043b\u0435\u043a\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u043a\u0432\u0435\u0441\u0442\u044b, \u0443\u0440\u043e\u0432\u043d\u0438 \u0438 \u0434\u043e\u0441\u0442\u0438\u0436\u0435\u043d\u0438\u044f. \u0422\u0432\u043e\u0439 \u043f\u0440\u043e\u0433\u0440\u0435\u0441\u0441 \u2014 \u044d\u0442\u043e \u0440\u043e\u0441\u0442 \u0442\u0432\u043e\u0435\u0433\u043e \u043a\u043e\u0440\u043e\u043b\u0435\u0432\u0441\u0442\u0432\u0430.\r\n <\/p>\r\n <a href=\"#pricing\" class=\"neon-cta-button inline-flex items-center justify-center text-lg md:text-xl font-bold text-white py-4 px-10 rounded-xl hover:shadow-2xl hover:shadow-indigo-500\/50\">\r\n <span>\u041d\u0430\u0447\u0438\u043d\u0430\u044e \u0441\u0430\u043c\u043e\u0440\u0430\u0437\u0432\u0438\u0442\u0438\u0435 <i class=\"fa-solid fa-arrow-right ml-2\"><\/i><\/span>\r\n <\/a>\r\n <\/div>\r\n <\/header>\r\n\r\n <!-- \u041f\u0423\u0421\u0422\u042b\u0415 \u041a\u041e\u041d\u0422\u0415\u0419\u041d\u0415\u0420\u042b \u0414\u041b\u042f \u041e\u0422\u041b\u041e\u0416\u0415\u041d\u041d\u041e\u0419 \u0417\u0410\u0413\u0420\u0423\u0417\u041a\u0418 (Lazy Load Placeholders) -->\r\n <div id=\"how-it-works-placeholder\" class=\"lazy-placeholder section-bg-primary text-default-muted\">\u0417\u0430\u0433\u0440\u0443\u0437\u043a\u0430 \u0441\u0435\u043a\u0446\u0438\u0438 \"\u041a\u0430\u043a \u044d\u0442\u043e \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442\"...<\/div>\r\n <div id=\"features-placeholder\" class=\"lazy-placeholder text-default-muted\">\u0417\u0430\u0433\u0440\u0443\u0437\u043a\u0430 \u0441\u0435\u043a\u0446\u0438\u0438 \"\u042d\u043a\u043e\u0441\u0438\u0441\u0442\u0435\u043c\u0430\"...<\/div>\r\n <div id=\"pricing-placeholder\" class=\"lazy-placeholder section-bg-primary text-default-muted\">\u0417\u0430\u0433\u0440\u0443\u0437\u043a\u0430 \u0441\u0435\u043a\u0446\u0438\u0438 \"\u0422\u0430\u0440\u0438\u0444\u044b\"...<\/div>\r\n <div id=\"testimonials-placeholder\" class=\"lazy-placeholder text-default-muted\">\u0417\u0430\u0433\u0440\u0443\u0437\u043a\u0430 \u0441\u0435\u043a\u0446\u0438\u0438 \"\u041e\u0442\u0437\u044b\u0432\u044b\"...<\/div>\r\n <div id=\"final-cta-placeholder\" class=\"lazy-placeholder section-bg-primary text-default-muted\">\u0417\u0430\u0433\u0440\u0443\u0437\u043a\u0430 \u0441\u0435\u043a\u0446\u0438\u0438 \"\u0424\u0438\u043d\u0430\u043b\u044c\u043d\u044b\u0439 \u043f\u0440\u0438\u0437\u044b\u0432\"...<\/div>\r\n\r\n\r\n <!-- FOOTER -->\r\n <footer class=\"border-t border-gray-700 py-10\">\r\n <div class=\"container mx-auto px-6 text-center\">\r\n <p class=\"text-3xl font-extrabold mb-4 footer-logo\">Hobbi.st<\/p>\r\n <div class=\"flex justify-center space-x-6 mb-6 text-gray-300\">\r\n <a href=\"#hero\" class=\"hover:text-teal-500 transition-colors\">\u0413\u043b\u0430\u0432\u043d\u0430\u044f<\/a>\r\n <a href=\"#how-it-works\" class=\"hover:text-teal-500 transition-colors\">\u041a\u0430\u043a \u044d\u0442\u043e \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442<\/a>\r\n <a href=\"#pricing\" class=\"hover:text-teal-500 transition-colors\">\u0422\u0430\u0440\u0438\u0444\u044b<\/a>\r\n <a href=\"#\" class=\"hover:text-teal-500 transition-colors\">\u041f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0430<\/a>\r\n <\/div>\r\n <div class=\"flex justify-center space-x-6 mb-6\">\r\n <a href=\"#\" class=\"text-gray-300 hover:text-indigo-500 transition-colors\"><i class=\"fab fa-telegram-plane text-2xl\"><\/i><\/a>\r\n <a href=\"#\" class=\"text-gray-300 hover:text-indigo-500 transition-colors\"><i class=\"fab fa-vk text-2xl\"><\/i><\/a>\r\n <a href=\"#\" class=\"text-gray-300 hover:text-indigo-500 transition-colors\"><i class=\"fab fa-instagram text-2xl\"><\/i><\/a>\r\n <\/div>\r\n <p class=\"text-sm text-gray-400 opacity-70\">© 2025 hobbi.st. \u0412\u0441\u0435 \u043f\u0440\u0430\u0432\u0430 \u0437\u0430\u0449\u0438\u0449\u0435\u043d\u044b. \u0420\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0430\u043d\u043e \u0441 \u043b\u044e\u0431\u043e\u0432\u044c\u044e \u043a \u0433\u0435\u0439\u043c\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u0438.<\/p>\r\n <\/div>\r\n <\/footer>\r\n\r\n <!-- JAVASCRIPT: LOGIC, THEME, AND LAZY LOADING -->\r\n <script>\r\n \/\/ =========================================================\r\n \/\/ 1. HTML \u0428\u0410\u0411\u041b\u041e\u041d\u042b \u0414\u041b\u042f \u041e\u0422\u041b\u041e\u0416\u0415\u041d\u041d\u041e\u0419 \u0417\u0410\u0413\u0420\u0423\u0417\u041a\u0418\r\n \/\/ =========================================================\r\n\r\n const howItWorksTemplate = `\r\n <section class=\"py-20 md:py-32 section-bg-primary\" id=\"how-it-works\">\r\n <div class=\"container mx-auto px-6\">\r\n <h2 class=\"text-4xl md:text-5xl font-bold text-center mb-16 text-default-light\">\r\n \u041a\u0430\u043a \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 <span class=\"neon-title\">\u0413\u0435\u0439\u043c\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u044f \u0416\u0438\u0437\u043d\u0438?<\/span>\r\n <\/h2>\r\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-10\">\r\n \r\n <!-- \u0428\u0430\u0433 1: \u041a\u043e\u0440\u043e\u043b\u0435\u0432\u0441\u0442\u0432\u043e - \u0441 \u0418\u041a\u041e\u041d\u041a\u041e\u0419 \u041a\u041e\u0420\u041e\u041d\u042b -->\r\n <div class=\"card-bg p-8 rounded-2xl text-center\">\r\n <i class=\"fa-solid fa-crown text-6xl text-yellow-500 mb-4\"><\/i>\r\n <h3 class=\"text-2xl font-bold mb-3 text-default-light\">\u0428\u0430\u0433 1: \u041a\u043e\u0440\u043e\u043b\u0435\u0432\u0441\u0442\u0432\u043e<\/h3>\r\n <p class=\"text-default-muted\">\u0422\u0432\u043e\u0435 \u043a\u043e\u0440\u043e\u043b\u0435\u0432\u0441\u0442\u0432\u043e \u0441\u043e\u0441\u0442\u043e\u0438\u0442 \u0438\u0437 \u0437\u0434\u0430\u043d\u0438\u0439 (\u0417\u0430\u043c\u043e\u043a, \u0411\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0430, \u0420\u044b\u043d\u043e\u043a) \u2014 \u043e\u043d\u0438 \u0441\u0438\u043c\u0432\u043e\u043b\u0438\u0437\u0438\u0440\u0443\u044e\u0442 \u0441\u0444\u0435\u0440\u044b \u0436\u0438\u0437\u043d\u0438 (\u0417\u0434\u043e\u0440\u043e\u0432\u044c\u0435, \u0417\u043d\u0430\u043d\u0438\u044f, \u0424\u0438\u043d\u0430\u043d\u0441\u044b).<\/p>\r\n <span class=\"block mt-4 text-sm text-teal-600 font-semibold\">\u0420\u043e\u0441\u0442 \u0432 \u043e\u0434\u043d\u043e\u0439 \u0441\u0444\u0435\u0440\u0435 = \u043f\u0440\u043e\u0433\u0440\u0435\u0441\u0441 \u0432 \u041a\u043e\u0440\u043e\u043b\u0435\u0432\u0441\u0442\u0432\u0435.<\/span>\r\n <\/div>\r\n\r\n <div class=\"card-bg p-8 rounded-2xl text-center\">\r\n <i class=\"fa-solid fa-scroll text-6xl text-indigo-500 mb-4\"><\/i>\r\n <h3 class=\"text-2xl font-bold mb-3 text-default-light\">\u0428\u0430\u0433 2: \u041a\u0432\u0435\u0441\u0442\u044b<\/h3>\r\n <p class=\"text-default-muted\">\u0415\u0436\u0435\u0434\u043d\u0435\u0432\u043d\u044b\u0435 \u0437\u0430\u0434\u0430\u0447\u0438 (\u043f\u0440\u043e\u0431\u0435\u0436\u043a\u0430, \u0447\u0442\u0435\u043d\u0438\u0435, \u043e\u0431\u0443\u0447\u0435\u043d\u0438\u0435) \u043f\u0440\u0435\u0432\u0440\u0430\u0449\u0430\u044e\u0442\u0441\u044f \u0432 \u043a\u0432\u0435\u0441\u0442\u044b, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0442\u044b \u043f\u0440\u0438\u0432\u044f\u0437\u044b\u0432\u0430\u0435\u0448\u044c \u043a \u043d\u0443\u0436\u043d\u044b\u043c \u0437\u0434\u0430\u043d\u0438\u044f\u043c.<\/p>\r\n <span class=\"block mt-4 text-sm text-teal-600 font-semibold\">\u0412\u044b\u043f\u043e\u043b\u043d\u0438\u043b \u043a\u0432\u0435\u0441\u0442 = \u041f\u043e\u043b\u0443\u0447\u0438\u043b XP.<\/span>\r\n <\/div>\r\n\r\n <div class=\"card-bg p-8 rounded-2xl text-center\">\r\n <i class=\"fa-solid fa-star-of-life text-6xl text-red-500 mb-4\"><\/i>\r\n <h3 class=\"text-2xl font-bold mb-3 text-default-light\">\u0428\u0430\u0433 3: \u041d\u0430\u0433\u0440\u0430\u0434\u044b<\/h3>\r\n <p class=\"text-default-muted\">XP, Coins, \u043f\u043e\u0432\u044b\u0448\u0435\u043d\u0438\u0435 \u0423\u0440\u043e\u0432\u043d\u044f \u0437\u0434\u0430\u043d\u0438\u0439 \u0438 \u041a\u043e\u0440\u043e\u043b\u0435\u0432\u0441\u0442\u0432\u0430. \u041e\u0442\u043a\u0440\u044b\u0432\u0430\u0439 \u043d\u043e\u0432\u044b\u0435 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u0438, \u0440\u0430\u043d\u0433\u0438 \u0438 \u043c\u043e\u043d\u0435\u0442\u0438\u0437\u0438\u0440\u0443\u0439 \u0441\u0432\u043e\u0439 \u043f\u0440\u043e\u0433\u0440\u0435\u0441\u0441.<\/p>\r\n <span class=\"block mt-4 text-sm text-teal-600 font-semibold\">\u0423\u0440\u043e\u0432\u0435\u043d\u044c \u0440\u0430\u0441\u0442\u0435\u0442 = \u0412\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u0438 \u0440\u0430\u0441\u0448\u0438\u0440\u044f\u044e\u0442\u0441\u044f.<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n `;\r\n\r\n const featuresTemplate = `\r\n <section class=\"py-20 md:py-32\" id=\"features\">\r\n <div class=\"container mx-auto px-6\">\r\n <h2 class=\"text-4xl md:text-5xl font-bold text-center mb-16 text-default-light\">\r\n \u041d\u0435 \u043f\u0440\u043e\u0441\u0442\u043e \u0442\u0440\u0435\u043a\u0435\u0440, \u0430 <span class=\"neon-title\">\u0426\u0435\u043b\u0430\u044f \u042d\u043a\u043e\u0441\u0438\u0441\u0442\u0435\u043c\u0430<\/span>\r\n <\/h2>\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8\">\r\n \r\n <div class=\"card-bg p-6 rounded-xl\">\r\n <i class=\"fa-solid fa-medal text-4xl text-yellow-500 mb-4\"><\/i>\r\n <h3 class=\"text-2xl font-bold mb-2 text-default-light\">\u0418\u0441\u0442\u0438\u043d\u043d\u0430\u044f \u0413\u0435\u0439\u043c\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u044f<\/h3>\r\n <p class=\"text-default-muted\">\u0420\u0430\u043d\u0433\u0438, \u0434\u043e\u0441\u0442\u0438\u0436\u0435\u043d\u0438\u044f, \u0437\u043d\u0430\u0447\u043a\u0438. \u041a\u0430\u0436\u0434\u044b\u0439 \u0442\u0432\u043e\u0439 \u0443\u0441\u043f\u0435\u0445 \u043e\u0442\u043c\u0435\u0447\u0435\u043d \u0438 \u043d\u0430\u0433\u0440\u0430\u0436\u0434\u0435\u043d. \u0411\u043e\u043b\u044c\u0448\u0435 \u043d\u0438\u043a\u0430\u043a\u043e\u0433\u043e \u0440\u0443\u0447\u043d\u043e\u0433\u043e \u043f\u043e\u0434\u0441\u0447\u0435\u0442\u0430 \u043e\u0447\u043a\u043e\u0432. \u0411\u0435\u0440\u0443 \u0441\u0432\u043e\u0439 1\u044b\u0439 \u0437\u043d\u0430\u0447\u043e\u043a.<\/p>\r\n <\/div>\r\n\r\n <div class=\"card-bg p-6 rounded-xl\">\r\n <i class=\"fa-solid fa-users-line text-4xl text-teal-500 mb-4\"><\/i>\r\n <h3 class=\"text-2xl font-bold mb-2 text-default-light\">\u0421\u043e\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0439 \u041f\u0440\u043e\u0433\u0440\u0435\u0441\u0441<\/h3>\r\n <p class=\"text-default-muted\">\u0412\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0443\u0439 \u0441 \u0434\u0440\u0443\u0433\u0438\u043c\u0438. \u0414\u0435\u043b\u0438\u0441\u044c \u043a\u0432\u0435\u0441\u0442\u0430\u043c\u0438, \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u0439 \u0441\u0438\u043d\u0434\u0438\u043a\u0430\u0442\u044b \u043f\u043e \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u0430\u043c, \u0443\u0447\u0430\u0441\u0442\u0432\u0443\u0439 \u0432 \"\u0412\u043e\u0439\u043d\u0430\u0445 \u0414\u0443\u0445\u043e\u0432\" (PvP-\u043a\u0432\u0435\u0441\u0442\u0430\u0445). \u0421\u043e\u0431\u0438\u0440\u0430\u044e \u0441\u0432\u043e\u0439 \u0441\u0438\u043d\u0434\u0438\u043a\u0430\u0442.<\/p>\r\n <\/div>\r\n\r\n <div class=\"card-bg p-6 rounded-xl\">\r\n <i class=\"fa-solid fa-graduation-cap text-4xl text-indigo-500 mb-4\"><\/i>\r\n <h3 class=\"text-2xl font-bold mb-2 text-default-light\">\u041e\u0431\u0443\u0447\u0435\u043d\u0438\u0435 \u043a\u0430\u043a \u041a\u0432\u0435\u0441\u0442<\/h3>\r\n <p class=\"text-default-muted\">\u0423\u043f\u0440\u0430\u0432\u043b\u044f\u0439 \u0441\u0432\u043e\u0438\u043c\u0438 \u043a\u0443\u0440\u0441\u0430\u043c\u0438 \u0438 \u0443\u0440\u043e\u043a\u0430\u043c\u0438 \u043f\u0440\u044f\u043c\u043e \u0441 \u043f\u0430\u043d\u0435\u043b\u0438 \u041a\u043e\u0440\u043e\u043b\u0435\u0432\u0441\u0442\u0432\u0430. \u0417\u0430\u0432\u0435\u0440\u0448\u0435\u043d\u0438\u0435 \u043c\u043e\u0434\u0443\u043b\u044f \u0434\u0430\u0435\u0442 XP \u0442\u0432\u043e\u0435\u043c\u0443 \u0437\u0434\u0430\u043d\u0438\u044e \"\u0411\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0430\". \u0421\u0442\u0440\u043e\u044e \u0441\u0432\u043e\u044e \u0411\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0443 \u041a\u043e\u0440\u043e\u043b\u0435\u0432\u0441\u0442\u0432\u0430.<\/p>\r\n <\/div>\r\n\r\n <div class=\"card-bg p-6 rounded-xl\">\r\n <i class=\"fa-solid fa-chart-pie text-4xl text-pink-500 mb-4\"><\/i>\r\n <h3 class=\"text-2xl font-bold mb-2 text-default-light\">\u0420\u0435\u0430\u043b\u044c\u043d\u0430\u044f \u041f\u0440\u0430\u043a\u0442\u0438\u043a\u0430 \u0438 \u041c\u043e\u043d\u0435\u0442\u0438\u0437\u0430\u0446\u0438\u044f \u041f\u0440\u043e\u0433\u0440\u0435\u0441\u0441\u0430<\/h3>\r\n <p class=\"text-default-muted\">\u0417\u0430\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u0439 Hobbist Coins \u0437\u0430 \u0432\u044b\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u0435 \u043f\u0443\u0431\u043b\u0438\u0447\u043d\u044b\u0445 \u043a\u0432\u0435\u0441\u0442\u043e\u0432. \u041d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043a\u0432\u0435\u0441\u0442\u044b \u044d\u0442\u043e \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u0430 \u0432 \u0431\u043e\u043b\u044c\u0448\u0438\u0445 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u044f\u0445 \u0441\u0442\u0440\u0430\u043d\u044b \u0438 \u043c\u0438\u0440\u0430. \u041f\u0440\u0435\u043c\u0438\u0443\u043c-\u043f\u043b\u0430\u043d\u044b \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u044e\u0442 \u043c\u043e\u043d\u0435\u0442\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0441\u043e\u0437\u0434\u0430\u043d\u043d\u044b\u0435 \u043a\u0443\u0440\u0441\u044b.<\/p>\r\n <\/div>\r\n\r\n <div class=\"card-bg p-6 rounded-xl\">\r\n <i class=\"fa-solid fa-magnifying-glass-chart text-4xl text-cyan-500 mb-4\"><\/i>\r\n <h3 class=\"text-2xl font-bold mb-2 text-default-light\">\u041f\u0440\u043e\u0434\u0432\u0438\u043d\u0443\u0442\u0430\u044f \u0410\u043d\u0430\u043b\u0438\u0442\u0438\u043a\u0430<\/h3>\r\n <p class=\"text-default-muted\">\u041e\u0442\u0441\u043b\u0435\u0436\u0438\u0432\u0430\u0439 \u0441\u0432\u043e\u0439 \u043f\u0440\u043e\u0433\u0440\u0435\u0441\u0441 \u0432 \u0432\u0438\u0434\u0435 \u0433\u0440\u0430\u0444\u0438\u043a\u043e\u0432. \u0421\u043c\u043e\u0442\u0440\u0438, \u043a\u0430\u043a\u0438\u0435 \u0441\u0444\u0435\u0440\u044b \u0436\u0438\u0437\u043d\u0438 (\u0437\u0434\u0430\u043d\u0438\u0439) \u0440\u0430\u0437\u0432\u0438\u0432\u0430\u044e\u0442\u0441\u044f \u0431\u044b\u0441\u0442\u0440\u0435\u0435, \u0430 \u043a\u0430\u043a\u0438\u0435 \u0442\u0440\u0435\u0431\u0443\u044e\u0442 \u0442\u0432\u043e\u0435\u0433\u043e \u0432\u043d\u0438\u043c\u0430\u043d\u0438\u044f.<\/p>\r\n <\/div>\r\n\r\n <div class=\"card-bg p-6 rounded-xl\">\r\n <i class=\"fa-solid fa-rocket text-4xl text-green-500 mb-4\"><\/i>\r\n <h3 class=\"text-2xl font-bold mb-2 text-default-light\">\u041f\u0440\u043e\u0441\u0442\u043e\u0442\u0430 \u0438 UX<\/h3>\r\n <p class=\"text-default-muted\">\u0418\u043d\u0442\u0443\u0438\u0442\u0438\u0432\u043d\u043e \u043f\u043e\u043d\u044f\u0442\u043d\u044b\u0439, \u0431\u044b\u0441\u0442\u0440\u044b\u0439 \u0438 \u0430\u0434\u0430\u043f\u0442\u0438\u0432\u043d\u044b\u0439 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441. \u041c\u0430\u043a\u0441\u0438\u043c\u0443\u043c \u043f\u043e\u043b\u0435\u0437\u043d\u043e\u0439 \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u0438, \u043c\u0438\u043d\u0438\u043c\u0443\u043c \u043a\u043b\u0438\u043a\u043e\u0432. \u0424\u043e\u043a\u0443\u0441 \u043d\u0430 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0438, \u0430 \u043d\u0435 \u043d\u0430 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0435.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n `;\r\n\r\n const pricingTemplate = `\r\n <section class=\"py-20 md:py-32 section-bg-primary\" id=\"pricing\">\r\n <div class=\"container mx-auto px-6\">\r\n <h2 class=\"text-4xl md:text-5xl font-bold text-center mb-16 text-default-light\">\r\n \u0412\u044b\u0431\u0435\u0440\u0438 \u0441\u0432\u043e\u0439 <span class=\"neon-title\">\u041f\u043b\u0430\u043d \u0420\u0430\u0437\u0432\u0438\u0442\u0438\u044f<\/span>\r\n <\/h2>\r\n <div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-8 lg:gap-6 max-w-7xl mx-auto\">\r\n \r\n <!-- Plan 1: Free -->\r\n <div class=\"pricing-card card-bg p-8 rounded-2xl flex flex-col\">\r\n <h3 class=\"text-3xl font-bold mb-4 text-default-light\">Free<\/h3>\r\n <p class=\"text-5xl font-extrabold mb-6 text-teal-500\">0 <span class=\"text-xl text-default-muted\">KZT\/\u043c\u0435\u0441<\/span><\/p>\r\n <p class=\"text-default-muted mb-6 flex-grow\">\u0411\u0430\u0437\u043e\u0432\u044b\u0439 \u0440\u0435\u0436\u0438\u043c \u0432\u043e\u0432\u043b\u0435\u0447\u0435\u043d\u0438\u044f. \u0418\u0434\u0435\u0430\u043b\u044c\u043d\u043e \u0434\u043b\u044f \u0441\u0442\u0430\u0440\u0442\u0430 \u0438 \u0437\u043d\u0430\u043a\u043e\u043c\u0441\u0442\u0432\u0430 \u0441 \u044d\u043a\u043e\u0441\u0438\u0441\u0442\u0435\u043c\u043e\u0439.<\/p>\r\n <ul class=\"space-y-3 text-sm flex-grow mb-8\">\r\n <li class=\"flex items-start text-default-muted\"><i class=\"fa-solid fa-check text-green-500 mr-3 mt-1\"><\/i> 3 \u0410\u043a\u0442\u0438\u0432\u043d\u044b\u0445 \u041f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u041a\u0432\u0435\u0441\u0442\u0430<\/li>\r\n <li class=\"flex items-start text-default-muted\"><i class=\"fa-solid fa-check text-green-500 mr-3 mt-1\"><\/i> \u0411\u0430\u0437\u043e\u0432\u0430\u044f \u041f\u0430\u043d\u0435\u043b\u044c \u041a\u043e\u0440\u043e\u043b\u0435\u0432\u0441\u0442\u0432\u0430<\/li>\r\n <li class=\"flex items-start text-default-muted\"><i class=\"fa-solid fa-check text-green-500 mr-3 mt-1\"><\/i> 1 \u041f\u0440\u043e\u0431\u043d\u044b\u0439 \u041f\u0443\u0431\u043b\u0438\u0447\u043d\u044b\u0439 \u041a\u0432\u0435\u0441\u0442 (Coins)<\/li>\r\n <li class=\"flex items-start text-red-500\"><i class=\"fa-solid fa-xmark text-red-500 mr-3 mt-1\"><\/i> \u041c\u043e\u043d\u0435\u0442\u0438\u0437\u0430\u0446\u0438\u044f \u041a\u0443\u0440\u0441\u043e\u0432<\/li>\r\n <li class=\"flex items-start text-red-500\"><i class=\"fa-solid fa-xmark text-red-500 mr-3 mt-1\"><\/i> \u041f\u0440\u043e\u0434\u0432\u0438\u043d\u0443\u0442\u0430\u044f \u0410\u043d\u0430\u043b\u0438\u0442\u0438\u043a\u0430<\/li>\r\n <\/ul>\r\n <button class=\"neon-cta-button py-3 px-6 rounded-xl text-white font-semibold\">\u041d\u0430\u0447\u0438\u043d\u0430\u044e<\/button>\r\n <\/div>\r\n \r\n <!-- Plan 2: Basic -->\r\n <div class=\"pricing-card card-bg p-8 rounded-2xl flex flex-col\">\r\n <h3 class=\"text-3xl font-bold mb-4 text-default-light\">Basic<\/h3>\r\n <p class=\"text-5xl font-extrabold mb-6 text-teal-500\">1500 <span class=\"text-xl text-default-muted\">KZT\/\u043c\u0435\u0441<\/span><\/p>\r\n <p class=\"text-default-muted mb-6 flex-grow\">\u0414\u043b\u044f \u0430\u043a\u0442\u0438\u0432\u043d\u044b\u0445 \u0443\u0447\u0430\u0441\u0442\u043d\u0438\u043a\u043e\u0432 \u0433\u0435\u0439\u043c\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u0438. \u0421\u043d\u0438\u043c\u0430\u0435\u0442 \u043b\u0438\u043c\u0438\u0442\u044b \u043d\u0430 \u0437\u0430\u0434\u0430\u043d\u0438\u044f.<\/p>\r\n <ul class=\"space-y-3 text-sm flex-grow mb-8\">\r\n <li class=\"flex items-start text-default-muted\"><i class=\"fa-solid fa-check text-green-500 mr-3 mt-1\"><\/i> \u041d\u0435\u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0435\u043d\u043d\u043e \u041a\u0432\u0435\u0441\u0442\u043e\u0432<\/li>\r\n <li class=\"flex items-start text-default-muted\"><i class=\"fa-solid fa-check text-green-500 mr-3 mt-1\"><\/i> \u0420\u0430\u043d\u0433 \"\u0411\u043e\u0435\u0446\" \u0432 \u0412\u043e\u0439\u043d\u0430\u0445 \u0414\u0443\u0445\u043e\u0432<\/li>\r\n <li class=\"flex items-start text-default-muted\"><i class=\"fa-solid fa-check text-green-500 mr-3 mt-1\"><\/i> \u041f\u0443\u0431\u043b\u0438\u0447\u043d\u044b\u0435 \u041a\u0432\u0435\u0441\u0442\u044b (+Coins & Energy)<\/li>\r\n <li class=\"flex items-start text-default-muted\"><i class=\"fa-solid fa-check text-green-500 mr-3 mt-1\"><\/i> \u0411\u0430\u0437\u043e\u0432\u0430\u044f \u041c\u043e\u043d\u0435\u0442\u0438\u0437\u0430\u0446\u0438\u044f \u041a\u0443\u0440\u0441\u043e\u0432 (20%)<\/li>\r\n <li class=\"flex items-start text-red-500\"><i class=\"fa-solid fa-xmark text-red-500 mr-3 mt-1\"><\/i> \u041f\u0440\u043e\u0434\u0432\u0438\u043d\u0443\u0442\u0430\u044f \u0410\u043d\u0430\u043b\u0438\u0442\u0438\u043a\u0430<\/li>\r\n <\/ul>\r\n <button class=\"neon-cta-button py-3 px-6 rounded-xl text-white font-semibold\">\u0412\u044b\u0431\u0438\u0440\u0430\u044e Basic<\/button>\r\n <\/div>\r\n\r\n <!-- Plan 3: Premium (Featured) -->\r\n <div class=\"pricing-card featured card-bg p-8 rounded-2xl flex flex-col relative\">\r\n <div class=\"absolute top-0 right-0 bg-yellow-500 text-gray-900 text-xs font-bold py-1 px-3 rounded-bl-lg rounded-tr-xl shadow-lg\">\u0420\u0415\u041a\u041e\u041c\u0415\u041d\u0414\u0423\u0415\u041c<\/div>\r\n <h3 class=\"text-3xl font-bold mb-4 text-default-light\">Premium<\/h3>\r\n <p class=\"text-5xl font-extrabold mb-6 text-teal-500\">4500 <span class=\"text-xl text-default-muted\">KZT\/\u043c\u0435\u0441<\/span><\/p>\r\n <p class=\"text-default-muted mb-6 flex-grow\">\u0414\u043b\u044f \u043b\u0438\u0434\u0435\u0440\u043e\u0432 \u0438 \u0441\u043e\u0437\u0434\u0430\u0442\u0435\u043b\u0435\u0439 \u043a\u043e\u043d\u0442\u0435\u043d\u0442\u0430. \u0418\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0439 \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u0443 \u0434\u043b\u044f \u0440\u043e\u0441\u0442\u0430 \u0438 \u0437\u0430\u0440\u0430\u0431\u043e\u0442\u043a\u0430.<\/p>\r\n <ul class=\"space-y-3 text-sm flex-grow mb-8\">\r\n <li class=\"flex items-start text-default-muted\"><i class=\"fa-solid fa-check text-green-500 mr-3 mt-1\"><\/i> \u0412\u0441\u0451 \u0438\u0437 Basic +<\/li>\r\n <li class=\"flex items-start text-default-muted\"><i class=\"fa-solid fa-check text-green-500 mr-3 mt-1\"><\/i> \u0420\u0430\u043d\u0433 \"\u041e\u0444\u0438\u0446\u0435\u0440\" (\u0421\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u0417\u0430\u0434\u0430\u043d\u0438\u0439)<\/li>\r\n <li class=\"flex items-start text-default-muted\"><i class=\"fa-solid fa-check text-green-500 mr-3 mt-1\"><\/i> \u041c\u043e\u043d\u0435\u0442\u0438\u0437\u0430\u0446\u0438\u044f \u041a\u0443\u0440\u0441\u043e\u0432 (10% \u043a\u043e\u043c\u0438\u0441\u0441\u0438\u044f)<\/li>\r\n <li class=\"flex items-start text-default-muted\"><i class=\"fa-solid fa-check text-green-500 mr-3 mt-1\"><\/i> \u041f\u0440\u043e\u0434\u0432\u0438\u043d\u0443\u0442\u0430\u044f \u0410\u043d\u0430\u043b\u0438\u0442\u0438\u043a\u0430 \u0438 \u0413\u0440\u0430\u0444\u0438\u043a\u0438<\/li>\r\n <li class=\"flex items-start text-red-500\"><i class=\"fa-solid fa-xmark text-red-500 mr-3 mt-1\"><\/i> DAO-\u0413\u043e\u043b\u043e\u0441\u043e\u0432\u0430\u043d\u0438\u0435<\/li>\r\n <\/ul>\r\n <button class=\"neon-cta-button py-3 px-6 rounded-xl text-white font-semibold\">\u041f\u0435\u0440\u0435\u0445\u043e\u0436\u0443 \u043d\u0430 Premium<\/button>\r\n <\/div>\r\n\r\n <!-- Plan 4: VIP -->\r\n <div class=\"pricing-card card-bg p-8 rounded-2xl flex flex-col\">\r\n <h3 class=\"text-3xl font-bold mb-4 text-default-light\">VIP<\/h3>\r\n <p class=\"text-5xl font-extrabold mb-6 text-teal-500\">15000 <span class=\"text-xl text-default-muted\">KZT\/\u043c\u0435\u0441<\/span><\/p>\r\n <p class=\"text-default-muted mb-6 flex-grow\">\u042d\u043a\u0441\u043a\u043b\u044e\u0437\u0438\u0432\u043d\u044b\u0439 \u043f\u043b\u0430\u043d. \u0422\u043e\u043b\u044c\u043a\u043e 13 \"\u0413\u0435\u043d\u0435\u0440\u0430\u043b\u043e\u0432\" \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0443. \u0412\u043b\u0438\u044f\u043d\u0438\u0435 \u0438 \u0434\u043e\u0445\u043e\u0434.<\/p>\r\n <ul class=\"space-y-3 text-sm flex-grow mb-8\">\r\n <li class=\"flex items-start text-default-muted\"><i class=\"fa-solid fa-check text-green-500 mr-3 mt-1\"><\/i> \u0412\u0441\u0451 \u0438\u0437 Premium +<\/li>\r\n <li class=\"flex items-start text-default-muted\"><i class=\"fa-solid fa-check text-green-500 mr-3 mt-1\"><\/i> \u0420\u0430\u043d\u0433 \"\u041a\u043e\u0440\u043e\u043b\u044c\" (\u0413\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u044b\u0435 \u041c\u0438\u0441\u0441\u0438\u0438)<\/li>\r\n <li class=\"flex items-start text-default-muted\"><i class=\"fa-solid fa-check text-green-500 mr-3 mt-1\"><\/i> \u041c\u043e\u043d\u0435\u0442\u0438\u0437\u0430\u0446\u0438\u044f \u041a\u0443\u0440\u0441\u043e\u0432 (5% \u043a\u043e\u043c\u0438\u0441\u0441\u0438\u044f)<\/li>\r\n <li class=\"flex items-start text-default-muted\"><i class=\"fa-solid fa-check text-green-500 mr-3 mt-1\"><\/i> DAO: 1 Coin = 1 \u0413\u043e\u043b\u043e\u0441<\/li>\r\n <li class=\"flex items-start text-default-muted\"><i class=\"fa-solid fa-check text-green-500 mr-3 mt-1\"><\/i> \u0414\u043e\u0445\u043e\u0434 \u043e\u0442 \u0414\u043e\u0445\u043e\u0434\u043e\u0432 \u0421\u0442\u0440\u0430\u043d\u044b<\/li>\r\n <\/ul>\r\n <button class=\"neon-cta-button py-3 px-6 rounded-xl text-white font-semibold\">\u0418\u043d\u0432\u0435\u0441\u0442\u0438\u0440\u0443\u044e \u0432 \u041a\u043e\u0440\u043e\u043b\u0435\u0432\u0441\u0442\u0432\u043e<\/button>\r\n <\/div>\r\n \r\n <\/div>\r\n <p class=\"text-center text-default-muted mt-10 text-sm\">\u0426\u0435\u043d\u044b \u0443\u043a\u0430\u0437\u0430\u043d\u044b \u0432 \u0442\u0435\u043d\u0433\u0435 (KZT). \u0412\u043e\u0437\u043c\u043e\u0436\u043d\u0430 \u043e\u043f\u043b\u0430\u0442\u0430 \u0432 USD (3, 10, 30 USD).<\/p>\r\n <\/div>\r\n <\/section>\r\n `;\r\n\r\n const testimonialsTemplate = `\r\n <section class=\"py-20 md:py-32\" id=\"testimonials\">\r\n <div class=\"container mx-auto px-6\">\r\n <h2 class=\"text-4xl md:text-5xl font-bold text-center mb-16 text-default-light\">\r\n \u0427\u0442\u043e \u0433\u043e\u0432\u043e\u0440\u044f\u0442 <span class=\"neon-title\">\u041d\u0430\u0448\u0438 \u041a\u043e\u0440\u043e\u043b\u0438<\/span>\r\n <\/h2>\r\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8\">\r\n \r\n <div class=\"card-bg p-6 rounded-xl\">\r\n <i class=\"fa-solid fa-quote-left text-3xl text-indigo-500 mb-4\"><\/i>\r\n <p class=\"text-default-muted italic mb-6\">\"\u0420\u0430\u043d\u044c\u0448\u0435 \u044f \u043f\u0440\u043e\u0441\u0442\u043e \u0437\u0430\u043f\u0438\u0441\u044b\u0432\u0430\u043b \u0434\u0435\u043b\u0430. \u0422\u0435\u043f\u0435\u0440\u044c \u0443 \u043c\u0435\u043d\u044f \u0435\u0441\u0442\u044c \u0446\u0435\u043b\u044c: \u043f\u043e\u0432\u044b\u0441\u0438\u0442\u044c \u0443\u0440\u043e\u0432\u0435\u043d\u044c \u0411\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438. \u041c\u043e\u0442\u0438\u0432\u0430\u0446\u0438\u044f \u0432\u044b\u0440\u043e\u0441\u043b\u0430 \u0432 \u0440\u0430\u0437\u044b. \u042d\u0442\u043e \u043d\u0430\u0441\u0442\u043e\u044f\u0449\u0438\u0439 \u043f\u0440\u043e\u0440\u044b\u0432 \u0432 \u043b\u0438\u0447\u043d\u043e\u043c \u0440\u043e\u0441\u0442\u0435!\"<\/p>\r\n <div class=\"flex items-center\">\r\n <div class=\"w-10 h-10 bg-teal-500 rounded-full mr-3 flex items-center justify-center text-white font-bold text-lg\">\u0410\u041b<\/div>\r\n <div>\r\n <p class=\"font-bold text-default-light\">\u0410\u043b\u0435\u043a\u0441\u0435\u0439 \u041b.<\/p>\r\n <p class=\"text-sm text-default-muted\">\u0423\u0440\u043e\u0432\u0435\u043d\u044c \u041a\u043e\u0440\u043e\u043b\u0435\u0432\u0441\u0442\u0432\u0430: 14<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"card-bg p-6 rounded-xl\">\r\n <i class=\"fa-solid fa-quote-left text-3xl text-indigo-500 mb-4\"><\/i>\r\n <p class=\"text-default-muted italic mb-6\">\"\u042f \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e Premium \u0434\u043b\u044f \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u043a\u0443\u0440\u0441\u043e\u0432. \u041d\u0438\u0437\u043a\u0430\u044f \u043a\u043e\u043c\u0438\u0441\u0441\u0438\u044f \u0438 \u0430\u0443\u0434\u0438\u0442\u043e\u0440\u0438\u044f, \u0443\u0436\u0435 \u0432\u043e\u0432\u043b\u0435\u0447\u0435\u043d\u043d\u0430\u044f \u0432 \u0433\u0435\u0439\u043c\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u044e, \u2014 \u044d\u0442\u043e \u0438\u0434\u0435\u0430\u043b\u044c\u043d\u0430\u044f \u0441\u0432\u044f\u0437\u043a\u0430. \u041f\u043b\u044e\u0441, \u043e\u0447\u0435\u043d\u044c \u0443\u0434\u043e\u0431\u043d\u043e \u043e\u0442\u0441\u043b\u0435\u0436\u0438\u0432\u0430\u0442\u044c \u0441\u0432\u043e\u0439 \u043f\u0440\u043e\u0433\u0440\u0435\u0441\u0441.\"<\/p>\r\n <div class=\"flex items-center\">\r\n <div class=\"w-10 h-10 bg-yellow-500 rounded-full mr-3 flex items-center justify-center text-white font-bold text-lg\">\u041c\u0413<\/div>\r\n <div>\r\n <p class=\"font-bold text-default-light\">\u041c\u0430\u0440\u0438\u044f \u0413.<\/p>\r\n <p class=\"text-sm text-default-muted\">\u0420\u0430\u043d\u0433: \u041e\u0444\u0438\u0446\u0435\u0440<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"card-bg p-6 rounded-xl\">\r\n <i class=\"fa-solid fa-quote-left text-3xl text-indigo-500 mb-4\"><\/i>\r\n <p class=\"text-default-muted italic mb-6\">\"\u041c\u043d\u0435 \u043d\u0440\u0430\u0432\u0438\u0442\u0441\u044f \u0441\u043e\u0446\u0438\u0430\u043b\u044c\u043d\u0430\u044f \u0447\u0430\u0441\u0442\u044c. \u0421\u043e\u0432\u043c\u0435\u0441\u0442\u043d\u044b\u0435 \u043a\u0432\u0435\u0441\u0442\u044b \u0441 \u0434\u0440\u0443\u0437\u044c\u044f\u043c\u0438 \u2014 \u044d\u0442\u043e \u043c\u043e\u0449\u043d\u044b\u0439 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442 \u0434\u043b\u044f \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0430\u043d\u0438\u044f \u0434\u0438\u0441\u0446\u0438\u043f\u043b\u0438\u043d\u044b. \u0418\u043a\u043e\u043d\u043a\u0438 \u0434\u043e\u0441\u0442\u0438\u0436\u0435\u043d\u0438\u0439 \u0432\u044b\u0433\u043b\u044f\u0434\u044f\u0442 \u043f\u043e\u0442\u0440\u044f\u0441\u0430\u044e\u0449\u0435!\"<\/p>\r\n <div class=\"flex items-center\">\r\n <div class=\"w-10 h-10 bg-red-500 rounded-full mr-3 flex items-center justify-center text-white font-bold text-lg\">\u0418\u041a<\/div>\r\n <div>\r\n <p class=\"font-bold text-default-light\">\u0418\u0433\u043e\u0440\u044c \u041a.<\/p>\r\n <p class=\"text-sm text-default-muted\">\u0412 \u0441\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u0435 2 \u0433\u043e\u0434\u0430<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n `;\r\n\r\n const finalCtaTemplate = `\r\n <section class=\"py-20 md:py-32 section-bg-primary border-t border-gray-700\" id=\"final-cta\">\r\n <div class=\"container mx-auto px-6 text-center\">\r\n <h2 class=\"text-4xl md:text-5xl font-bold mb-6 text-default-light\">\r\n \u0422\u0432\u043e\u0451 \u041a\u043e\u0440\u043e\u043b\u0435\u0432\u0441\u0442\u0432\u043e \u0416\u0434\u0451\u0442.\r\n <\/h2>\r\n <p class=\"text-xl md:text-2xl text-default-muted max-w-3xl mx-auto mb-10\">\r\n \u0425\u0432\u0430\u0442\u0438\u0442 \u043f\u0440\u043e\u0441\u0442\u043e \u043c\u0435\u0447\u0442\u0430\u0442\u044c \u043e \u043f\u0440\u043e\u0433\u0440\u0435\u0441\u0441\u0435. \u041d\u0430\u0447\u043d\u0438 \u0432\u0438\u0434\u0435\u0442\u044c \u0438 \u0438\u0437\u043c\u0435\u0440\u044f\u0442\u044c \u0435\u0433\u043e \u043a\u0430\u0436\u0434\u044b\u0439 \u0434\u0435\u043d\u044c. \u0412\u0440\u0435\u043c\u044f \u0441\u0442\u0440\u043e\u0438\u0442\u044c \u0441\u0432\u043e\u0451 \u043a\u043e\u0440\u043e\u043b\u0435\u0432\u0441\u0442\u0432\u043e.\r\n <\/p>\r\n <a href=\"#hero\" class=\"neon-cta-button inline-flex items-center justify-center text-2xl font-bold text-white py-4 px-12 rounded-xl hover:shadow-2xl hover:shadow-teal-500\/50\">\r\n <span>\u042f \u041d\u0430\u0447\u0438\u043d\u0430\u044e \u0421\u0442\u0440\u043e\u0438\u0442\u044c! <i class=\"fa-solid fa-fist-raised ml-3\"><\/i><\/span>\r\n <\/a>\r\n <\/div>\r\n <\/section>\r\n `;\r\n\r\n\r\n \/\/ =========================================================\r\n \/\/ 2. \u041b\u041e\u0413\u0418\u041a\u0410 LAZY LOADING\r\n \/\/ =========================================================\r\n\r\n function createLazyLoader(placeholderId, templateHtml) {\r\n const placeholder = document.getElementById(placeholderId);\r\n if (!placeholder) return;\r\n\r\n const observer = new IntersectionObserver((entries, observer) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n placeholder.outerHTML = templateHtml;\r\n observer.unobserve(entry.target);\r\n }\r\n });\r\n }, {\r\n rootMargin: '0px 0px 500px 0px',\r\n threshold: 0.01\r\n });\r\n\r\n observer.observe(placeholder);\r\n }\r\n\r\n \/\/ =========================================================\r\n \/\/ 3. \u041b\u041e\u0413\u0418\u041a\u0410 \u0422\u0415\u041c\u042b \u0418 \u0418\u041d\u0418\u0426\u0418\u0410\u041b\u0418\u0417\u0410\u0426\u0418\u042f\r\n \/\/ =========================================================\r\n\r\n const themeToggle = document.getElementById('theme-toggle');\r\n const themeIcon = document.getElementById('theme-icon');\r\n const body = document.body;\r\n\r\n function toggleTheme() {\r\n if (body.classList.contains('light-mode')) {\r\n body.classList.remove('light-mode');\r\n themeIcon.classList.remove('fa-sun');\r\n themeIcon.classList.add('fa-moon');\r\n localStorage.setItem('theme', 'dark');\r\n } else {\r\n body.classList.add('light-mode');\r\n themeIcon.classList.remove('fa-moon');\r\n themeIcon.classList.add('fa-sun');\r\n localStorage.setItem('theme', 'light');\r\n }\r\n }\r\n\r\n function initializeTheme() {\r\n const savedTheme = localStorage.getItem('theme');\r\n \r\n \/\/ \u041f\u041e \u0423\u041c\u041e\u041b\u0427\u0410\u041d\u0418\u042e - \u0422\u0415\u041c\u041d\u0410\u042f \u0422\u0415\u041c\u0410\r\n if (savedTheme === 'light') {\r\n body.classList.add('light-mode');\r\n themeIcon.classList.remove('fa-moon');\r\n themeIcon.classList.add('fa-sun');\r\n } else {\r\n \/\/ \u0422\u0435\u043c\u043d\u0430\u044f \u0442\u0435\u043c\u0430 \u043f\u043e \u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e\r\n body.classList.remove('light-mode');\r\n themeIcon.classList.remove('fa-sun');\r\n themeIcon.classList.add('fa-moon');\r\n localStorage.setItem('theme', 'dark');\r\n }\r\n }\r\n\r\n\r\n \/\/ 4. \u0418\u041d\u0418\u0426\u0418\u0410\u041b\u0418\u0417\u0410\u0426\u0418\u042f\r\n document.addEventListener('DOMContentLoaded', () => {\r\n initializeTheme();\r\n themeToggle.addEventListener('click', toggleTheme);\r\n \r\n \/\/ \u0417\u0430\u043f\u0443\u0441\u043a\u0430\u0435\u043c \u043e\u0442\u043b\u043e\u0436\u0435\u043d\u043d\u0443\u044e \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0443 \u0434\u043b\u044f \u0432\u0441\u0435\u0445 \u0441\u0435\u043a\u0446\u0438\u0439\r\n createLazyLoader('how-it-works-placeholder', howItWorksTemplate);\r\n createLazyLoader('features-placeholder', featuresTemplate);\r\n createLazyLoader('pricing-placeholder', pricingTemplate);\r\n createLazyLoader('testimonials-placeholder', testimonialsTemplate);\r\n createLazyLoader('final-cta-placeholder', finalCtaTemplate);\r\n\r\n \/\/ \u041f\u043b\u0430\u0432\u043d\u0430\u044f \u043f\u0440\u043e\u043a\u0440\u0443\u0442\u043a\u0430\r\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\r\n anchor.addEventListener('click', function (e) {\r\n const href = this.getAttribute('href');\r\n \r\n if (href.length > 1 && href !== '#') {\r\n e.preventDefault();\r\n \r\n let targetElement = document.querySelector(href);\r\n \r\n if (targetElement) {\r\n window.scrollTo({\r\n top: targetElement.offsetTop,\r\n behavior: 'smooth'\r\n });\r\n } else {\r\n const placeholderId = href.substring(1) + '-placeholder';\r\n targetElement = document.getElementById(placeholderId);\r\n if (targetElement) {\r\n window.scrollTo({\r\n top: targetElement.offsetTop,\r\n behavior: 'smooth'\r\n });\r\n }\r\n }\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\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>hobbi.st: \u041f\u043e\u0441\u0442\u0440\u043e\u0439 \u0441\u0432\u043e\u0451 \u041a\u043e\u0440\u043e\u043b\u0435\u0432\u0441\u0442\u0432\u043e hobbi.st uni-ver-city \u0441\u0447\u0430\u0441\u0442\u044c\u044f \u0414\u0435\u043d\u044c\u0433\u0438, \u0441\u043e\u043d, \u044d\u043d\u0435\u0440\u0433\u0438\u044f, \u0436\u0438\u043b\u044c\u0451, \u0441\u0435\u043c\u044c\u044f \u0438 \u043b\u044e\u0431\u0438\u043c\u043e\u0435 \u0434\u0435\u043b\u043e \u0431\u044b\u0441\u0442\u0440\u043e, \u043a\u0440\u0430\u0441\u0438\u0432\u043e, \u0443\u0432\u043b\u0435\u043a\u0430\u0442\u0435\u043b\u044c\u043d\u043e \u0438 \u043d\u0435 \u043f\u043b\u0430\u0442\u043d\u043e! \u041f\u043e\u0441\u0442\u0440\u043e\u0439 \u0441\u0432\u043e\u0451 \u041a\u043e\u0440\u043e\u043b\u0435\u0432\u0441\u0442\u0432\u043e. \u0420\u0430\u0437\u0432\u0438\u0442\u0438\u0435 \u043b\u0435\u0433\u043a\u043e \u043a\u0430\u043a \u0438\u0433\u0440\u0430. \u0417\u0430\u0431\u0443\u0434\u044c \u043e \u0441\u043a\u0443\u0447\u043d\u044b\u0445 \u0443\u0440\u043e\u043a\u0430\u0445 \u0438 \u043a\u0443\u0440\u0441\u0430\u0445. hobbist \u043f\u0440\u0435\u0432\u0440\u0430\u0449\u0430\u0435\u0442 \u0440\u0443\u0442\u0438\u043d\u0443 \u0441\u0430\u043c\u043e\u0440\u0430\u0437\u0432\u0438\u0442\u0438\u044f \u0432 \u0443\u0432\u043b\u0435\u043a\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u043a\u0432\u0435\u0441\u0442\u044b, \u0443\u0440\u043e\u0432\u043d\u0438 \u0438 \u0434\u043e\u0441\u0442\u0438\u0436\u0435\u043d\u0438\u044f. \u0422\u0432\u043e\u0439 \u043f\u0440\u043e\u0433\u0440\u0435\u0441\u0441 \u2014 \u044d\u0442\u043e \u0440\u043e\u0441\u0442 \u0442\u0432\u043e\u0435\u0433\u043e \u043a\u043e\u0440\u043e\u043b\u0435\u0432\u0441\u0442\u0432\u0430. \u041d\u0430\u0447\u0438\u043d\u0430\u044e \u0441\u0430\u043c\u043e\u0440\u0430\u0437\u0432\u0438\u0442\u0438\u0435 \u0417\u0430\u0433\u0440\u0443\u0437\u043a\u0430 \u0441\u0435\u043a\u0446\u0438\u0438 […]<\/p>","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":-7,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"give_campaign_id":0,"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"pmpro_default_level":"","footnotes":""},"class_list":["post-13539","page","type-page","status-publish","hentry","pmpro-has-access"],"campaignId":"","_links":{"self":[{"href":"https:\/\/hobbi.st\/kk\/wp-json\/wp\/v2\/pages\/13539","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hobbi.st\/kk\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hobbi.st\/kk\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hobbi.st\/kk\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/hobbi.st\/kk\/wp-json\/wp\/v2\/comments?post=13539"}],"version-history":[{"count":0,"href":"https:\/\/hobbi.st\/kk\/wp-json\/wp\/v2\/pages\/13539\/revisions"}],"wp:attachment":[{"href":"https:\/\/hobbi.st\/kk\/wp-json\/wp\/v2\/media?parent=13539"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}