{"id":6,"date":"2026-02-09T16:18:18","date_gmt":"2026-02-09T16:18:18","guid":{"rendered":"https:\/\/komekhub.tek-uk.kz\/?page_id=6"},"modified":"2026-02-12T15:54:43","modified_gmt":"2026-02-12T15:54:43","slug":"%d0%b3%d0%bb%d0%b0%d0%b2%d0%bd%d0%b0%d1%8f","status":"publish","type":"page","link":"https:\/\/komekhub.tek-uk.kz\/","title":{"rendered":"\u0411\u0430\u0441\u0442\u044b \u0431\u0435\u0442"},"content":{"rendered":"\n<div class=\"vp-root\" id=\"vpHome\">\n\n  <!-- ====== TOP NAV ====== -->\n  <header class=\"vp-topbar\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans:wght@400;600;700;800;900&#038;family=Inter:wght@400;600;700;800;900&#038;display=swap\" rel=\"stylesheet\">\n\n<div class=\"vp-container\">\n      <div class=\"vp-topbar-inner\">\n        <a class=\"vp-logo\" href=\"\/\">\n          <span class=\"vp-logo-mark\">K<\/span>\n          <span class=\"vp-logo-text\">\n            <b>Komek<\/b><span>HUB<\/span>\n          <\/span>\n        <\/a>\n\n        <nav class=\"vp-pillnav\" aria-label=\"\u041d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u044f\">\n          <a class=\"vp-pill is-active\" href=\"#vpHero\">\u0411\u0430\u0441\u0442\u044b \u0431\u0435\u0442<\/a>\n          <a class=\"vp-pill\" href=\"#vpHow\">\u049a\u0430\u043b\u0430\u0439 \u0436\u04b1\u043c\u044b\u0441 \u0456\u0441\u0442\u0435\u0439\u0434\u0456<\/a>\n          <a class=\"vp-pill\" href=\"#vpUrgent\">\u0428\u04b1\u0493\u044b\u043b<\/a>\n          <a class=\"vp-pill\" href=\"#vpProjects\">\u0416\u043e\u0431\u0430\u043b\u0430\u0440<\/a>\n          <a class=\"vp-pill\" href=\"#vpFAQ\">\u0416\u0438\u0456 \u049b\u043e\u0439\u044b\u043b\u0430\u0442\u044b\u043d \u0441\u04b1\u0440\u0430\u049b\u0442\u0430\u0440<\/a>\n          \n        <\/nav>\n\n        <div class=\"vp-actions\">\n          \n\n          \n          <a class=\"vp-btn vp-black\" href=\"https:\/\/komekhub.tek-uk.kz\/?hp_route=listing_submit_details_page\">\u041a\u04e9\u043c\u0435\u043a \u0441\u04b1\u0440\u0430\u0443<\/a>\n        <\/div>\n\n        <button class=\"vp-burger\" type=\"button\" aria-label=\"\u041c\u04d9\u0437\u0456\u0440\" id=\"vpBurger\">\u2630<\/button>\n      <\/div>\n    <\/div>\n\n    <!-- mobile menu -->\n    <div class=\"vp-mnav\" id=\"vpMnav\" aria-hidden=\"true\">\n      <div class=\"vp-container\">\n        <div class=\"vp-mnav-inner\">\n          <a href=\"#vpHero\">\u0411\u0430\u0441\u0442\u044b \u0431\u0435\u0442<\/a>\n          <a href=\"#vpHow\">\u049a\u0430\u043b\u0430\u0439 \u0436\u04b1\u043c\u044b\u0441 \u0456\u0441\u0442\u0435\u0439\u0434\u0456<\/a>\n          <a href=\"#vpUrgent\">\u0428\u04b1\u0493\u044b\u043b<\/a>\n          <a href=\"#vpProjects\">\u0416\u043e\u0431\u0430\u043b\u0430\u0440<\/a>\n          <a href=\"#vpFAQ\">\u0416\u0438\u0456 \u049b\u043e\u0439\u044b\u043b\u0430\u0442\u044b\u043d \u0441\u04b1\u0440\u0430\u049b\u0442\u0430\u0440<\/a>\n          <a href=\"#vpContacts\">\u0411\u0430\u0439\u043b\u0430\u043d\u044b\u0441<\/a>\n\n          <div class=\"vp-mnav-buttons\">\n            <a class=\"vp-btn vp-black\" href=\"https:\/\/komekhub.tek-uk.kz\/?hp_route=listing_submit_details_page\">\u041a\u04e9\u043c\u0435\u043a \u0441\u04b1\u0440\u0430\u0443<\/a>\n            <a class=\"vp-btn vp-red\" href=\"https:\/\/komekhub.tek-uk.kz\/?page_id=61\">\u0415\u0440\u0456\u043a\u0442\u0456 \u0431\u043e\u043b\u0443<\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/header>\n\n  <!-- ====== HERO + SLIDER ====== -->\n  <section class=\"vp-hero\" id=\"vpHero\">\n    <div class=\"vp-container\">\n      <div class=\"vp-hero-grid\">\n\n        <!-- left block -->\n        <div class=\"vp-hero-left\">\n          <div class=\"vp-badges\">\n            <span class=\"vp-badge\">\u0415\u0440\u0456\u043a\u0442\u0456\u043b\u0435\u0440 \u043a\u04e9\u043c\u0435\u0433\u0456 \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u0430\u0441\u044b<\/span>\n            <span class=\"vp-badge ghost\">\u04e8\u0442\u0456\u043d\u0456\u043c\u0434\u0435\u0440\u043c\u0435\u043d \u0436\u04b1\u043c\u044b\u0441 \u2022 \u04ae\u0439\u043b\u0435\u0441\u0442\u0456\u0440\u0443 \u2022 \u049a\u043e\u043b\u0434\u0430\u0443<\/span>\n          <\/div>\n\n          <h1 class=\"vp-h1\">\n            \u041a\u04e9\u043c\u0435\u043a \u0436\u0430\u049b\u044b\u043d: \u0430\u0434\u0430\u043c\u0434\u0430\u0440\u0434\u044b, \u0435\u0440\u0456\u043a\u0442\u0456\u043b\u0435\u0440\u0434\u0456 \u0436\u04d9\u043d\u0435 \u04b1\u0439\u044b\u043c\u0434\u0430\u0440\u0434\u044b \u0431\u0456\u0440\u0456\u043a\u0442\u0456\u0440\u0435\u043c\u0456\u0437\n          <\/h1>\n\n          <p class=\"vp-lead\">\n            \u041a\u04e9\u043c\u0435\u043a \u0441\u04b1\u0440\u0430\u0443 \u04e9\u0442\u0456\u043d\u0456\u043c\u0456\u043d \u049b\u0430\u043b\u0434\u044b\u0440\u044b\u04a3\u044b\u0437 \u043d\u0435\u043c\u0435\u0441\u0435 \u0435\u0440\u0456\u043a\u0442\u0456 \u0440\u0435\u0442\u0456\u043d\u0434\u0435 \u049b\u043e\u0441\u044b\u043b\u044b\u04a3\u044b\u0437.\n            \u0411\u0456\u0437 \u04e9\u0442\u0456\u043d\u0456\u043c\u0434\u0435\u0440\u0434\u0456 \u043c\u04b1\u049b\u0438\u044f\u0442 \u049b\u0430\u0431\u044b\u043b\u0434\u0430\u043f, \u043c\u04d9\u043b\u0456\u043c\u0435\u0442\u0442\u0435\u0440\u0434\u0456 \u043d\u0430\u049b\u0442\u044b\u043b\u0430\u043f, \u043a\u04e9\u043c\u0435\u043a\u0442\u0456 \u0435\u04a3 \u0436\u044b\u043b\u0434\u0430\u043c \u043a\u04e9\u0440\u0441\u0435\u0442\u0435 \u0430\u043b\u0430\u0442\u044b\u043d \u0430\u0434\u0430\u043c\u0434\u0430\u0440\u0434\u044b \u0442\u0430\u0431\u0430\u043c\u044b\u0437.\n          <\/p>\n\n          <div class=\"vp-cta\">\n            <a class=\"vp-btn vp-black\" href=\"https:\/\/komekhub.tek-uk.kz\/?hp_route=listing_submit_details_page\">\u041a\u04e9\u043c\u0435\u043a \u0441\u04b1\u0440\u0430\u0443<\/a>\n            <a class=\"vp-btn vp-red\" href=\"https:\/\/komekhub.tek-uk.kz\/?page_id=61\">\u0415\u0440\u0456\u043a\u0442\u0456 \u0431\u043e\u043b\u0443<\/a>\n            <a class=\"vp-btn vp-white\" href=\"https:\/\/komekhub.tek-uk.kz\/?page_id=61\">\u0428\u04b1\u0493\u044b\u043b \u04e9\u0442\u0456\u043d\u0456\u043c\u0434\u0435\u0440\u0434\u0456 \u043a\u04e9\u0440\u0443<\/a>\n          <\/div>\n\n          <div class=\"vp-stats\">\n            <div class=\"vp-stat\">\n              <b>24\/7<\/b><span>\u04e9\u0442\u0456\u043d\u0456\u043c \u049b\u0430\u0431\u044b\u043b\u0434\u0430\u0443<\/span>\n            <\/div>\n            <div class=\"vp-stat\">\n              <b>\u0416\u044b\u043b\u0434\u0430\u043c<\/b><span>\u0431\u0430\u0439\u043b\u0430\u043d\u044b\u0441 \u0436\u04d9\u043d\u0435 \u04af\u0439\u043b\u0435\u0441\u0442\u0456\u0440\u0443<\/span>\n            <\/div>\n            <div class=\"vp-stat\">\n              <b>\u0410\u0448\u044b\u049b<\/b><span>\u0436\u043e\u0431\u0430\u043b\u0430\u0440 \u0436\u04d9\u043d\u0435 \u0435\u0441\u0435\u043f\u0442\u0435\u0440<\/span>\n            <\/div>\n          <\/div>\n\n          <div class=\"vp-trust\">\n            <div class=\"vp-trust-item\">\n              <b>\u049a\u0430\u0443\u0456\u043f\u0441\u0456\u0437\u0434\u0456\u043a<\/b>\n              <span>\u04e9\u0442\u0456\u043d\u0456\u043c\u0434\u0435\u0440\u0434\u0456 \u043c\u043e\u0434\u0435\u0440\u0430\u0446\u0438\u044f\u043b\u0430\u0443 \u0436\u04d9\u043d\u0435 \u0431\u0430\u0439\u043b\u0430\u043d\u044b\u0441 \u0434\u0435\u0440\u0435\u043a\u0442\u0435\u0440\u0456\u043d \u0442\u0435\u043a\u0441\u0435\u0440\u0443<\/span>\n            <\/div>\n            <div class=\"vp-trust-item\">\n              <b>\u041d\u0430\u049b\u0442\u044b \u0431\u0430\u0493\u044b\u0442\u0442\u0430<\/b>\n              <span>\u043a\u04e9\u043c\u0435\u043a \u0434\u04d9\u043b \u049b\u0430\u0437\u0456\u0440 \u049b\u0430\u0436\u0435\u0442 \u0430\u0434\u0430\u043c\u0434\u0430\u0440\u0493\u0430<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <!-- right block: slider -->\n        <div class=\"vp-hero-right\">\n          <div class=\"vp-slider\">\n            <div class=\"vp-slider-head\">\n              <div>\n                <b>\u04e8\u0437\u0435\u043a\u0442\u0456<\/b>\n                <span>\u0431\u0430\u0441\u0442\u0430\u043c\u0430\u043b\u0430\u0440 \u043c\u0435\u043d \u0436\u043e\u0431\u0430\u043b\u0430\u0440<\/span>\n              <\/div>\n              <div class=\"vp-slider-ctrls\">\n                <button class=\"vp-arrow\" type=\"button\" data-dir=\"-1\" aria-label=\"\u0410\u0440\u0442\u049b\u0430\">\u2039<\/button>\n                <button class=\"vp-arrow\" type=\"button\" data-dir=\"1\" aria-label=\"\u0410\u043b\u0493\u0430\">\u203a<\/button>\n              <\/div>\n            <\/div>\n\n            <div class=\"vp-track\" id=\"vpTrack\">\n              <article class=\"vp-card is-active\" data-index=\"0\">\n                <a class=\"vp-card-link\" href=\"https:\/\/komekhub.tek-uk.kz\/?page_id=61\">\n                  <div class=\"vp-img\" style=\"background-image:url('https:\/\/komekhub.tek-uk.kz\/wp-content\/uploads\/2026\/02\/ChatGPT-Image-9-\u0444\u0435\u0432\u0440.-2026-\u0433.-22_44_42.png');\"><\/div>\n                  <div class=\"vp-overlay\">\n                    <div class=\"vp-chip\">\u041a\u04e9\u043c\u0435\u043a \u0436\u0438\u043d\u0430\u0443<\/div>\n                    <h3>\u0410\u0437\u044b\u049b-\u0442\u04af\u043b\u0456\u043a \u0436\u0438\u044b\u043d\u0442\u044b\u049b\u0442\u0430\u0440\u044b<\/h3>\n                    <p>\u041e\u0442\u0431\u0430\u0441\u044b\u043b\u0430\u0440 \u043c\u0435\u043d \u049b\u0430\u0440\u0442 \u0430\u0434\u0430\u043c\u0434\u0430\u0440\u0493\u0430 \u0436\u0438\u044b\u043d\u0442\u044b\u049b\u0442\u0430\u0440\u0434\u044b \u0436\u0438\u043d\u0430\u0443 \u0436\u04d9\u043d\u0435 \u0436\u0435\u0442\u043a\u0456\u0437\u0443.<\/p>\n                    <span class=\u0441\u0443\"vp-card-btn\">\u049a\u0430\u0442\u044b\u0441\u0443 \u2192<\/span>\n                  <\/div>\n                <\/a>\n              <\/article>\n\n              <article class=\"vp-card\" data-index=\"1\">\n                <a class=\"vp-card-link\" href=\"https:\/\/komekhub.tek-uk.kz\/?page_id=61\">\n                  <div class=\"vp-img\" style=\"background-image:url('https:\/\/komekhub.tek-uk.kz\/wp-content\/uploads\/2026\/02\/4.png');\"><\/div>\n                  <div class=\"vp-overlay\">\n                    <div class=\"vp-chip\">\u0415\u0440\u0456\u043a\u0442\u0456\u043b\u0435\u0440<\/div>\n                    <h3>\u0416\u0435\u0442\u043a\u0456\u0437\u0443 \u0436\u04d9\u043d\u0435 \u0441\u04af\u0439\u0435\u043c\u0435\u043b\u0434\u0435\u0443<\/h3>\n                    <p>\u0414\u04d9\u0440\u0456-\u0434\u04d9\u0440\u043c\u0435\u043a, \u049b\u04b1\u0436\u0430\u0442\u0442\u0430\u0440, \u049b\u0430\u043b\u0430 \u0456\u0448\u0456\u043d\u0434\u0435\u0433\u0456 \u0441\u0430\u043f\u0430\u0440\u043b\u0430\u0440.<\/p>\n                   \n                  <\/div>\n                <\/a>\n              <\/article>\n\n              <article class=\"vp-card\" data-index=\"2\">\n                <a class=\"vp-card-link\" href=\"https:\/\/komekhub.tek-uk.kz\/?page_id=61\">\n                  <div class=\"vp-img\" style=\"background-image:url('https:\/\/komekhub.tek-uk.kz\/wp-content\/uploads\/2026\/02\/3.png');\"><\/div>\n                  <div class=\"vp-overlay\">\n                    <div class=\"vp-chip\">\u0410\u043a\u0446\u0438\u044f<\/div>\n                    <h3>\u0416\u044b\u043b\u044b \u043a\u0438\u0456\u043c<\/h3>\n                    <p>\u041c\u04b1\u049b\u0442\u0430\u0436 \u0436\u0430\u043d\u0434\u0430\u0440\u0493\u0430 \u043a\u0438\u0456\u043c \u043c\u0435\u043d \u0430\u044f\u049b \u043a\u0438\u0456\u043c \u0436\u0438\u043d\u0430\u0443.<\/p>\n                    <span class=\"vp-card-btn\">\u041a\u0438\u0456\u043c \u0442\u0430\u043f\u0441\u044b\u0440\u0443 \u2192<\/span>\n                  <\/div>\n                <\/a>\n              <\/article>\n\n              <article class=\"vp-card\" data-index=\"3\">\n                <a class=\"vp-card-link\" href=\"https:\/\/komekhub.tek-uk.kz\/?page_id=61\">\n                  <div class=\"vp-img\" style=\"background-image:url('https:\/\/komekhub.tek-uk.kz\/wp-content\/uploads\/2026\/02\/5.png');\"><\/div>\n                  <div class=\"vp-overlay\">\n                    <div class=\"vp-chip\">\u0421\u0435\u0440\u0456\u043a\u0442\u0435\u0441\u0442\u0456\u043a<\/div>\n                    <h3>\u04b0\u0439\u044b\u043c\u0434\u0430\u0440 \u0436\u04d9\u043d\u0435 \u0431\u0438\u0437\u043d\u0435\u0441<\/h3>\n                    <p>\u0416\u043e\u0431\u0430\u043b\u0430\u0440\u0434\u044b \u0440\u0435\u0441\u0443\u0440\u0441\u0442\u0430\u0440\u043c\u0435\u043d \u0436\u04d9\u043d\u0435 \u043b\u043e\u0433\u0438\u0441\u0442\u0438\u043a\u0430\u043c\u0435\u043d \u049b\u043e\u043b\u0434\u0430\u0443.<\/p>\n                    <span class=\"vp-card-btn\">\u0421\u0435\u0440\u0456\u043a\u0442\u0435\u0441 \u0431\u043e\u043b\u0443 \u2192<\/span>\n                  <\/div>\n                <\/a>\n              <\/article>\n            <\/div>\n\n            <div class=\"vp-slider-bottom\">\n              <div class=\"vp-dots\" id=\"vpDots\" aria-label=\"\u0411\u0435\u0442\u0442\u0435\u0443\"><\/div>\n            <\/div>\n          <\/div>\n\n          <!-- quick cards -->\n          <div class=\"vp-quick\">\n            <div class=\"vp-quick-card\">\n              <b>\u0428\u04b1\u0493\u044b\u043b \u04e9\u0442\u0456\u043d\u0456\u043c<\/b>\n              <span>\u0415\u0433\u0435\u0440 \u043a\u04e9\u043c\u0435\u043a \u0431\u04af\u0433\u0456\u043d \u043a\u0435\u0440\u0435\u043a \u0431\u043e\u043b\u0441\u0430 \u2014 \u0431\u0430\u0439\u043b\u0430\u043d\u044b\u0441 \u0434\u0435\u0440\u0435\u043a\u0442\u0435\u0440\u0456\u04a3\u0456\u0437\u0434\u0456 \u049b\u0430\u043b\u0434\u044b\u0440\u044b\u04a3\u044b\u0437.<\/span>\n\n              <form class=\"vp-form\" onsubmit=\"event.preventDefault(); alert('\u04e8\u0442\u0456\u043d\u0456\u043c \u049b\u0430\u0431\u044b\u043b\u0434\u0430\u043d\u0434\u044b! \u0411\u0456\u0437 \u0441\u0456\u0437\u0431\u0435\u043d \u0431\u0430\u0439\u043b\u0430\u043d\u044b\u0441\u0430\u043c\u044b\u0437.');\">\n                <input type=\"text\" placeholder=\"\u0410\u0442\u044b\u04a3\u044b\u0437\" required \/>\n                <input type=\"tel\" placeholder=\"\u0422\u0435\u043b\u0435\u0444\u043e\u043d\" required \/>\n                <button\n                  type=\"button\"\n                  class=\"vp-btn vp-black vp-full\"\n                  onclick=\"window.location.href='https:\/\/komekhub.tek-uk.kz\/?page_id=53';\">\n                  \u0416\u0456\u0431\u0435\u0440\u0443\n                <\/button>\n              <\/form>\n            <\/div>\n\n            <div class=\"vp-quick-card\">\n              <b>\u041a\u04e9\u043c\u0435\u043a\u0442\u0435\u0441\u043a\u0456\u043c \u043a\u0435\u043b\u0435\u0434\u0456<\/b>\n              <span>\u0414\u0430\u0493\u0434\u044b\u043b\u0430\u0440\u044b\u04a3\u044b\u0437\u0434\u044b \u043a\u04e9\u0440\u0441\u0435\u0442\u0456\u04a3\u0456\u0437 \u2014 \u0431\u0456\u0437 \u0441\u0456\u0437\u0433\u0435 \u0442\u0430\u043f\u0441\u044b\u0440\u043c\u0430 \u04b1\u0441\u044b\u043d\u0430\u043c\u044b\u0437.<\/span>\n\n              <form class=\"vp-form\" onsubmit=\"event.preventDefault(); alert('\u0420\u0430\u049b\u043c\u0435\u0442! \u0411\u0456\u0437 \u0441\u0456\u0437\u0434\u0456 \u0435\u0440\u0456\u043a\u0442\u0456\u043b\u0435\u0440 \u0442\u0456\u0437\u0456\u043c\u0456\u043d\u0435 \u049b\u043e\u0441\u0442\u044b\u049b.');\">\n                <input type=\"text\" placeholder=\"\u0410\u0442\u044b\u04a3\u044b\u0437\" required \/>\n                <input type=\"text\" placeholder=\"\u0414\u0430\u0493\u0434\u044b\u043b\u0430\u0440 (\u0436\u04af\u0440\u0433\u0456\u0437\u0443\u0448\u0456, SMM\u2026)\" \/>\n                <button class=\"vp-btn vp-red vp-full\" type=\"submit\">\u0415\u0440\u0456\u043a\u0442\u0456 \u0431\u043e\u043b\u0443<\/button>\n              <\/form>\n            <\/div>\n          <\/div>\n\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ====== HOW IT WORKS ====== -->\n  <section class=\"vp-section\" id=\"vpHow\">\n    <div class=\"vp-container\">\n      <div class=\"vp-head\">\n        <h2>\u049a\u0430\u043b\u0430\u0439 \u0436\u04b1\u043c\u044b\u0441 \u0456\u0441\u0442\u0435\u0439\u0434\u0456<\/h2>\n        <p>\u049a\u0430\u0440\u0430\u043f\u0430\u0439\u044b\u043c \u043f\u0440\u043e\u0446\u0435\u0441\u0441: \u04e9\u0442\u0456\u043d\u0456\u043c \u2192 \u0442\u0435\u043a\u0441\u0435\u0440\u0443 \u2192 \u0435\u0440\u0456\u043a\u0442\u0456\u043d\u0456 \u0442\u0430\u0493\u0430\u0439\u044b\u043d\u0434\u0430\u0443 \u2192 \u043d\u04d9\u0442\u0438\u0436\u0435.<\/p>\n      <\/div>\n\n      <div class=\"vp-steps\">\n        <div class=\"vp-step\">\n          <div class=\"vp-step-num\">1<\/div>\n          <b>\u04e8\u0442\u0456\u043d\u0456\u043c \u049b\u0430\u043b\u0434\u044b\u0440\u044b\u04a3\u044b\u0437<\/b>\n          <span>\u049a\u0430\u043d\u0434\u0430\u0439 \u043a\u04e9\u043c\u0435\u043a \u043a\u0435\u0440\u0435\u043a \u0435\u043a\u0435\u043d\u0456\u043d \u0436\u04d9\u043d\u0435 \u049b\u0430\u0439 \u0436\u0435\u0440\u0434\u0435 \u0435\u043a\u0435\u043d\u0456\u04a3\u0456\u0437\u0434\u0456 \u0436\u0430\u0437\u044b\u04a3\u044b\u0437.<\/span>\n        <\/div>\n        <div class=\"vp-step\">\n          <div class=\"vp-step-num\">2<\/div>\n          <b>\u041c\u043e\u0434\u0435\u0440\u0430\u0446\u0438\u044f<\/b>\n          <span>\u041c\u04d9\u043b\u0456\u043c\u0435\u0442\u0442\u0435\u0440\u0434\u0456 \u043d\u0430\u049b\u0442\u044b\u043b\u0430\u043f, \u049b\u0430\u0443\u0456\u043f\u0441\u0456\u0437\u0434\u0456\u043a \u04af\u0448\u0456\u043d \u0431\u0430\u0439\u043b\u0430\u043d\u044b\u0441 \u0434\u0435\u0440\u0435\u043a\u0442\u0435\u0440\u0456\u043d \u0440\u0430\u0441\u0442\u0430\u0439\u043c\u044b\u0437.<\/span>\n        <\/div>\n        <div class=\"vp-step\">\n          <div class=\"vp-step-num\">3<\/div>\n          <b>\u0415\u0440\u0456\u043a\u0442\u0456\u043d\u0456 \u0442\u0430\u04a3\u0434\u0430\u0443<\/b>\n          <span>\u0414\u0430\u0493\u0434\u044b\u0441\u044b \u043c\u0435\u043d \u043e\u0440\u043d\u0430\u043b\u0430\u0441\u0443\u044b\u043d\u0430 \u049b\u0430\u0440\u0430\u0439 \u0435\u04a3 \u049b\u043e\u043b\u0430\u0439\u043b\u044b \u0435\u0440\u0456\u043a\u0442\u0456\u043d\u0456 \u0442\u0430\u0431\u0430\u043c\u044b\u0437.<\/span>\n        <\/div>\n        <div class=\"vp-step\">\n          <div class=\"vp-step-num\">4<\/div>\n          <b>\u041a\u04e9\u043c\u0435\u043a \u0436\u04d9\u043d\u0435 \u0435\u0441\u0435\u043f<\/b>\n          <span>\u0422\u0430\u043f\u0441\u044b\u0440\u043c\u0430 \u043e\u0440\u044b\u043d\u0434\u0430\u043b\u0493\u0430\u043d \u0441\u043e\u04a3 \u043c\u04d9\u0440\u0442\u0435\u0431\u0435\u0441\u0456\u043d \u0436\u04d9\u043d\u0435 \u043d\u04d9\u0442\u0438\u0436\u0435\u0441\u0456\u043d \u0431\u0435\u043b\u0433\u0456\u043b\u0435\u0439\u043c\u0456\u0437.<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ====== URGENT REQUESTS ====== -->\n  <section class=\"vp-section vp-section-soft\" id=\"vpUrgent\">\n    <div class=\"vp-container\">\n      <div class=\"vp-head\">\n        <h2>\u0428\u04b1\u0493\u044b\u043b \u04e9\u0442\u0456\u043d\u0456\u0448\u0442\u0435\u0440<\/h2>\n      <\/div>\n\n      <div class=\"vp-urgent-grid\">\n        <article class=\"vp-urgent\">\n          <div class=\"vp-urgent-top\">\n            <span class=\"vp-urgent-tag red\">\u0428\u04b1\u0493\u044b\u043b<\/span>\n            <span class=\"vp-urgent-meta\">\u0410\u043b\u043c\u0430\u0442\u044b \u2022 \u0411\u04af\u0433\u0456\u043d<\/span>\n          <\/div>\n          <h3>\u0414\u04d9\u0440\u0456-\u0434\u04d9\u0440\u043c\u0435\u043a \u0436\u0435\u0442\u043a\u0456\u0437\u0443 \u043a\u0435\u0440\u0435\u043a<\/h3>\n          <p>\u049a\u0430\u0440\u0442 \u0430\u0434\u0430\u043c\u0493\u0430: \u0434\u04d9\u0440\u0456\u0445\u0430\u043d\u0430\u0434\u0430\u043d \u0434\u04d9\u0440\u0456\u043d\u0456 \u0430\u043b\u044b\u043f, \u043a\u04e9\u0440\u0441\u0435\u0442\u0456\u043b\u0433\u0435\u043d \u043c\u0435\u043a\u0435\u043d\u0436\u0430\u0439\u0493\u0430 \u0436\u0435\u0442\u043a\u0456\u0437\u0443 \u049b\u0430\u0436\u0435\u0442.<\/p>\n          <div class=\"vp-urgent-actions\">\n            <a class=\"vp-btn vp-black vp-sm\" href=\"\/help\">\u04ae\u043d \u049b\u043e\u0441\u0443<\/a>\n            <a class=\"vp-btn vp-white vp-sm\" href=\"\/help\">\u0422\u043e\u043b\u044b\u0493\u044b\u0440\u0430\u049b<\/a>\n          <\/div>\n        <\/article>\n\n        <article class=\"vp-urgent\">\n          <div class=\"vp-urgent-top\">\n            <span class=\"vp-urgent-tag\">\u041a\u04e9\u043c\u0435\u043a<\/span>\n            <span class=\"vp-urgent-meta\">\u0410\u0441\u0442\u0430\u043d\u0430 \u2022 1\u20132 \u043a\u04af\u043d<\/span>\n          <\/div>\n          <h3>\u0410\u0437\u044b\u049b-\u0442\u04af\u043b\u0456\u043a \u043a\u0435\u0440\u0435\u043a<\/h3>\n          <p>\u0411\u0430\u043b\u0430\u043b\u044b \u043e\u0442\u0431\u0430\u0441\u044b\u0493\u0430 \u0431\u0456\u0440 \u0430\u043f\u0442\u0430\u0493\u0430 \u0430\u0437\u044b\u049b-\u0442\u04af\u043b\u0456\u043a \u049b\u043e\u043b\u0434\u0430\u0443\u044b \u049b\u0430\u0436\u0435\u0442.<\/p>\n          <div class=\"vp-urgent-actions\">\n            <a class=\"vp-btn vp-black vp-sm\" href=\"\/help\">\u04ae\u043d \u049b\u043e\u0441\u0443<\/a>\n            <a class=\"vp-btn vp-white vp-sm\" href=\"\/help\">\u0422\u043e\u043b\u044b\u0493\u044b\u0440\u0430\u049b<\/a>\n          <\/div>\n        <\/article>\n\n        <article class=\"vp-urgent\">\n          <div class=\"vp-urgent-top\">\n            <span class=\"vp-urgent-tag\">\u0415\u0440\u0456\u043a\u0442\u0456\u043b\u0456\u043a<\/span>\n            <span class=\"vp-urgent-meta\">\u0428\u044b\u043c\u043a\u0435\u043d\u0442 \u2022 \u0414\u0435\u043c\u0430\u043b\u044b\u0441 \u043a\u04af\u043d\u0434\u0435\u0440\u0456<\/span>\n          <\/div>\n          <h3>\u0406\u0441-\u0448\u0430\u0440\u0430\u0493\u0430 \u043a\u04e9\u043c\u0435\u043a\u0448\u0456\u043b\u0435\u0440 \u043a\u0435\u0440\u0435\u043a<\/h3>\n          <p>\u049a\u0430\u0442\u044b\u0441\u0443\u0448\u044b\u043b\u0430\u0440\u0434\u044b \u0442\u0456\u0440\u043a\u0435\u0443, \u0437\u0430\u043b\u0434\u0430 \u043a\u04e9\u043c\u0435\u043a \u043a\u04e9\u0440\u0441\u0435\u0442\u0443, \u04af\u0439\u043b\u0435\u0441\u0442\u0456\u0440\u0443.<\/p>\n          <div class=\"vp-urgent-actions\">\n            <a class=\"vp-btn vp-black vp-sm\" href=\"https:\/\/komekhub.tek-uk.kz\/?page_id=61\">\u04ae\u043d \u049b\u043e\u0441\u0443<\/a>\n            <a class=\"vp-btn vp-white vp-sm\" href=\"https:\/\/komekhub.tek-uk.kz\/?page_id=61\">\u0422\u043e\u043b\u044b\u0493\u044b\u0440\u0430\u049b<\/a>\n          <\/div>\n        <\/article>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ====== PROJECTS ====== -->\n  <section class=\"vp-section\" id=\"vpProjects\">\n    <div class=\"vp-container\">\n      <div class=\"vp-head\">\n        <h2>\u041f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u0430 \u0436\u043e\u0431\u0430\u043b\u0430\u0440\u044b<\/h2>\n      <\/div>\n\n      <div class=\"vp-projects\">\n        <article class=\"vp-project\">\n          <div class=\"vp-project-thumb\" style=\"background-image:url('https:\/\/komekhub.tek-uk.kz\/wp-content\/uploads\/2026\/02\/ChatGPT-Image-9-\u0444\u0435\u0432\u0440.-2026-\u0433.-22_44_42.png');\"><\/div>\n          <div class=\"vp-project-body\">\n            <b>\u0410\u0437\u044b\u049b-\u0442\u04af\u043b\u0456\u043a \u0436\u0438\u044b\u043d\u0442\u044b\u049b\u0442\u0430\u0440\u044b<\/b>\n            <span>\u0416\u0438\u043d\u0430\u0443, \u043e\u0440\u0430\u0443 \u0436\u04d9\u043d\u0435 \u043c\u0435\u043a\u0435\u043d\u0436\u0430\u0439\u0493\u0430 \u0436\u0435\u0442\u043a\u0456\u0437\u0443.<\/span>\n            <div class=\"vp-row\">\n              <span class=\"vp-pillmini\">\u041b\u043e\u0433\u0438\u0441\u0442\u0438\u043a\u0430<\/span>\n              <span class=\"vp-pillmini\">\u0416\u0438\u043d\u0430\u0443<\/span>\n              <span class=\"vp-pillmini\">\u0416\u0435\u0442\u043a\u0456\u0437\u0443<\/span>\n            <\/div>\n            <div class=\"vp-row\">\n              <a class=\"vp-btn vp-black vp-sm\" href=\"https:\/\/komekhub.tek-uk.kz\/?page_id=61\">\u049a\u0430\u0442\u044b\u0441\u0443<\/a>\n              <a class=\"vp-btn vp-white vp-sm\" href=\"https:\/\/komekhub.tek-uk.kz\/?page_id=61\">\u0422\u043e\u043b\u044b\u0493\u044b\u0440\u0430\u049b<\/a>\n            <\/div>\n          <\/div>\n        <\/article>\n\n        <article class=\"vp-project\">\n          <div class=\"vp-project-thumb\" style=\"background-image:url('https:\/\/komekhub.tek-uk.kz\/wp-content\/uploads\/2026\/02\/3.png');\"><\/div>\n          <div class=\"vp-project-body\">\n            <b>\u0416\u044b\u043b\u044b \u043a\u0438\u0456\u043c<\/b>\n            <span>\u049a\u0430\u0431\u044b\u043b\u0434\u0430\u0443 \u043f\u0443\u043d\u043a\u0442\u0442\u0435\u0440\u0456, \u0441\u04b1\u0440\u044b\u043f\u0442\u0430\u0443, \u0442\u0430\u0440\u0430\u0442\u0443.<\/span>\n            <div class=\"vp-row\">\n              <span class=\"vp-pillmini\">\u0410\u043a\u0446\u0438\u044f<\/span>\n              <span class=\"vp-pillmini\">\u049a\u043e\u0439\u043c\u0430<\/span>\n              <span class=\"vp-pillmini\">\u0422\u0430\u0440\u0430\u0442\u0443<\/span>\n            <\/div>\n            <div class=\"vp-row\">\n              <a class=\"vp-btn vp-black vp-sm\" href=\"https:\/\/komekhub.tek-uk.kz\/?page_id=61\">\u041a\u0438\u0456\u043c \u0442\u0430\u043f\u0441\u044b\u0440\u0443<\/a>\n              <a class=\"vp-btn vp-white vp-sm\" href=\"https:\/\/komekhub.tek-uk.kz\/?page_id=61\">\u0422\u043e\u043b\u044b\u0493\u044b\u0440\u0430\u049b<\/a>\n            <\/div>\n          <\/div>\n        <\/article>\n\n        <article class=\"vp-project\">\n          <div class=\"vp-project-thumb\" style=\"background-image:url('https:\/\/komekhub.tek-uk.kz\/wp-content\/uploads\/2026\/02\/4.png');\"><\/div>\n          <div class=\"vp-project-body\">\n            <b>\u0416\u0435\u0442\u043a\u0456\u0437\u0443 \u0436\u04d9\u043d\u0435 \u0441\u04af\u0439\u0435\u043c\u0435\u043b\u0434\u0435\u0443<\/b>\n            <span>\u0414\u04d9\u0440\u0456-\u0434\u04d9\u0440\u043c\u0435\u043a, \u049b\u04b1\u0436\u0430\u0442\u0442\u0430\u0440, \u049b\u0430\u043b\u0430 \u0456\u0448\u0456\u043d\u0434\u0435\u0433\u0456 \u0441\u0430\u043f\u0430\u0440\u043b\u0430\u0440.<\/span>\n            <div class=\"vp-row\">\n              <span class=\"vp-pillmini\">\u0415\u0440\u0456\u043a\u0442\u0456\u043b\u0435\u0440<\/span>\n              <span class=\"vp-pillmini\">\u041a\u04e9\u043c\u0435\u043a<\/span>\n              <span class=\"vp-pillmini\">\u049a\u0430\u043b\u0430<\/span>\n            <\/div>\n            <div class=\"vp-row\">\n              <a class=\"vp-btn vp-red vp-sm\" href=\"https:\/\/komekhub.tek-uk.kz\/?page_id=61\">\u0415\u0440\u0456\u043a\u0442\u0456 \u0431\u043e\u043b\u0443<\/a>\n              <a class=\"vp-btn vp-white vp-sm\" href=\"\/projects\/delivery\">\u0422\u043e\u043b\u044b\u0493\u044b\u0440\u0430\u049b<\/a>\n            <\/div>\n          <\/div>\n        <\/article>\n      <\/div>\n\n      <!-- partners -->\n      <div class=\"vp-partners\">\n        <div class=\"vp-partners-card\">\n          <h3>\u0421\u0435\u0440\u0456\u043a\u0442\u0435\u0441\u0442\u0435\u0440 \u043c\u0435\u043d \u04b1\u0439\u044b\u043c\u0434\u0430\u0440\u0493\u0430<\/h3>\n          <p>\u0415\u0433\u0435\u0440 \u0436\u043e\u0431\u0430\u043d\u044b \u0440\u0435\u0441\u0443\u0440\u0441\u0442\u0430\u0440\u043c\u0435\u043d, \u04e9\u043d\u0456\u043c\u0434\u0435\u0440\u043c\u0435\u043d \u043d\u0435\u043c\u0435\u0441\u0435 \u043b\u043e\u0433\u0438\u0441\u0442\u0438\u043a\u0430\u043c\u0435\u043d \u049b\u043e\u043b\u0434\u0430\u0443\u0493\u0430 \u0434\u0430\u0439\u044b\u043d \u0431\u043e\u043b\u0441\u0430\u04a3\u044b\u0437 \u2014 \u04e9\u0442\u0456\u043d\u0456\u043c \u049b\u0430\u043b\u0434\u044b\u0440\u044b\u04a3\u044b\u0437.<\/p>\n          <div class=\"vp-row\">\n            <a class=\"vp-btn vp-black\" href=\"https:\/\/komekhub.tek-uk.kz\/?page_id=61\">\u0421\u0435\u0440\u0456\u043a\u0442\u0435\u0441 \u0431\u043e\u043b\u0443<\/a>\n            <a class=\"vp-btn vp-white\" href=\"https:\/\/komekhub.tek-uk.kz\/?page_id=61\">\u042b\u043d\u0442\u044b\u043c\u0430\u049b\u0442\u0430\u0441\u0442\u044b\u049b \u0448\u0430\u0440\u0442\u0442\u0430\u0440\u044b<\/a>\n          <\/div>\n        <\/div>\n        <div class=\"vp-logos\">\n          <div class=\"vp-logoBox\">\u041c\u04b1\u043d\u0434\u0430 \u0441\u0456\u0437\u0434\u0456\u04a3 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u044f\u04a3\u044b\u0437\u0434\u044b\u04a3 \u043b\u043e\u0433\u043e\u0442\u0438\u043f\u0456 \u0431\u043e\u043b\u0443\u044b \u043c\u04af\u043c\u043a\u0456\u043d<\/div>\n          <div class=\"vp-logoBox\">\u041c\u04b1\u043d\u0434\u0430 \u0441\u0456\u0437\u0434\u0456\u04a3 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u044f\u04a3\u044b\u0437\u0434\u044b\u04a3 \u043b\u043e\u0433\u043e\u0442\u0438\u043f\u0456 \u0431\u043e\u043b\u0443\u044b \u043c\u04af\u043c\u043a\u0456\u043d<\/div>\n          <div class=\"vp-logoBox\">\u041c\u04b1\u043d\u0434\u0430 \u0441\u0456\u0437\u0434\u0456\u04a3 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u044f\u04a3\u044b\u0437\u0434\u044b\u04a3 \u043b\u043e\u0433\u043e\u0442\u0438\u043f\u0456 \u0431\u043e\u043b\u0443\u044b \u043c\u04af\u043c\u043a\u0456\u043d<\/div>\n          <div class=\"vp-logoBox\">\u041c\u04b1\u043d\u0434\u0430 \u0441\u0456\u0437\u0434\u0456\u04a3 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u044f\u04a3\u044b\u0437\u0434\u044b\u04a3 \u043b\u043e\u0433\u043e\u0442\u0438\u043f\u0456 \u0431\u043e\u043b\u0443\u044b \u043c\u04af\u043c\u043a\u0456\u043d<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ====== FAQ ====== -->\n  <section class=\"vp-section vp-section-soft\" id=\"vpFAQ\">\n    <div class=\"vp-container\">\n      <div class=\"vp-head\">\n        <h2>\u0416\u0438\u0456 \u049b\u043e\u0439\u044b\u043b\u0430\u0442\u044b\u043d \u0441\u04b1\u0440\u0430\u049b\u0442\u0430\u0440<\/h2>\n        <p>\u041f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u0430 \u049b\u043e\u043b\u0434\u0430\u043d\u0443\u0448\u044b\u043b\u0430\u0440\u044b\u043d\u0430 \u0436\u0438\u0456 \u049b\u0430\u0436\u0435\u0442 \u0431\u043e\u043b\u0430\u0442\u044b\u043d \u049b\u044b\u0441\u049b\u0430 \u0436\u0430\u0443\u0430\u043f\u0442\u0430\u0440.<\/p>\n      <\/div>\n\n      <div class=\"vp-faq\">\n        <details class=\"vp-q\" open>\n          <summary>\u04e8\u0442\u0456\u043d\u0456\u043c \u049b\u0430\u043d\u0448\u0430\u043b\u044b\u049b\u0442\u044b \u0442\u0435\u0437 \u049b\u0430\u0440\u0430\u043b\u0430\u0434\u044b?<\/summary>\n          <div class=\"vp-a\">\u04d8\u0434\u0435\u0442\u0442\u0435 \u0431\u0456\u0440 \u043a\u04af\u043d \u0456\u0448\u0456\u043d\u0434\u0435. \u0428\u04b1\u0493\u044b\u043b \u04e9\u0442\u0456\u043d\u0456\u043c\u0434\u0435\u0440 \u0431\u0430\u0441\u044b\u043c\u0434\u044b\u049b\u043f\u0435\u043d \u04e9\u04a3\u0434\u0435\u043b\u0435\u0434\u0456.<\/div>\n        <\/details>\n\n        <details class=\"vp-q\">\n          <summary>\u041a\u04e9\u043c\u0435\u043a \u04af\u0448\u0456\u043d \u0442\u04e9\u043b\u0435\u0443 \u043a\u0435\u0440\u0435\u043a \u043f\u0435?<\/summary>\n          <div class=\"vp-a\">\u0416\u043e\u049b. \u0411\u04b1\u043b \u2014 \u0435\u0440\u0456\u043a\u0442\u0456\u043b\u0435\u0440 \u043a\u04e9\u043c\u0435\u0433\u0456 \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u0430\u0441\u044b. \u0415\u0433\u0435\u0440 \u0436\u0435\u0442\u043a\u0456\u0437\u0443\u0433\u0435 \u0448\u044b\u0493\u044b\u043d \u0431\u043e\u043b\u0441\u0430, \u0430\u043b\u0434\u044b\u043d \u0430\u043b\u0430 \u043a\u0435\u043b\u0456\u0441\u0435\u043c\u0456\u0437.<\/div>\n        <\/details>\n\n        <details class=\"vp-q\">\n          <summary>\u049a\u0430\u043b\u0430\u0439 \u0435\u0440\u0456\u043a\u0442\u0456 \u0431\u043e\u043b\u0443\u0493\u0430 \u0431\u043e\u043b\u0430\u0434\u044b?<\/summary>\n          <div class=\"vp-a\">\u00ab\u0415\u0440\u0456\u043a\u0442\u0456 \u0431\u043e\u043b\u0443\u00bb \u0431\u0430\u0442\u044b\u0440\u043c\u0430\u0441\u044b\u043d \u0431\u0430\u0441\u044b\u043f, \u0430\u043d\u043a\u0435\u0442\u0430\u043d\u044b \u0442\u043e\u043b\u0442\u044b\u0440\u044b\u04a3\u044b\u0437 \u0436\u04d9\u043d\u0435 \u0434\u0430\u0493\u0434\u044b\u043b\u0430\u0440\u044b\u04a3\u044b\u0437\u0434\u044b \u043a\u04e9\u0440\u0441\u0435\u0442\u0456\u04a3\u0456\u0437. \u041a\u043e\u043e\u0440\u0434\u0438\u043d\u0430\u0442\u043e\u0440 \u0441\u0456\u0437\u0431\u0435\u043d \u0431\u0430\u0439\u043b\u0430\u043d\u044b\u0441\u0430\u0434\u044b.<\/div>\n        <\/details>\n\n        <details class=\"vp-q\">\n          <summary>\u04e8\u0442\u0456\u043d\u0456\u043c\u0434\u0435\u0440\u0434\u0456 \u049b\u0430\u043b\u0430\u0439 \u0442\u0435\u043a\u0441\u0435\u0440\u0435\u0441\u0456\u0437\u0434\u0435\u0440?<\/summary>\n          <div class=\"vp-a\">\u0411\u0430\u0439\u043b\u0430\u043d\u044b\u0441 \u0434\u0435\u0440\u0435\u043a\u0442\u0435\u0440\u0456\u043d \u0436\u04d9\u043d\u0435 \u0436\u0430\u0493\u0434\u0430\u0439\u0434\u044b \u043d\u0430\u049b\u0442\u044b\u043b\u0430\u0439\u043c\u044b\u0437, \u043c\u04af\u043c\u043a\u0456\u043d \u0431\u043e\u043b\u0493\u0430\u043d \u0436\u0430\u0493\u0434\u0430\u0439\u0434\u0430 \u043a\u043e\u043e\u0440\u0434\u0438\u043d\u0430\u0442\u043e\u0440\u043b\u0430\u0440 \u0430\u0440\u049b\u044b\u043b\u044b \u0440\u0430\u0441\u0442\u0430\u0439\u043c\u044b\u0437.<\/div>\n        <\/details>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ====== CONTACTS ====== -->\n  <section class=\"vp-section\" id=\"vpContacts\">\n    <div class=\"vp-container\">\n      <div class=\"vp-head\">\n        <h2>\u0411\u0430\u0439\u043b\u0430\u043d\u044b\u0441<\/h2>\n      <\/div>\n\n      <div class=\"vp-contacts\">\n        <div class=\"vp-contact-card\">\n          <b>\u0422\u0435\u043b\u0435\u0444\u043e\u043d<\/b>\n          <span>+7 (777) 234-22-00<\/span>\n          <div class=\"vp-sp\"><\/div>\n          <b>Email<\/b>\n          <span>komekhelp@mail.kz<\/span>\n          <div class=\"vp-sp\"><\/div>\n          <b>\u041c\u0435\u043a\u0435\u043d\u0436\u0430\u0439<\/b>\n          <span>\u04e8\u0441\u043a\u0435\u043c\u0435\u043d, \u041d.\u041d\u0430\u0437\u0430\u0440\u0431\u0430\u0435\u0432 \u0434\u0430\u04a3\u0493\u044b\u043b\u044b 41\/2<\/span>\n        <\/div>\n\n        <div class=\"vp-contact-card\">\n          <b>\u0411\u0456\u0437\u0433\u0435 \u0436\u0430\u0437\u044b\u04a3\u044b\u0437<\/b>\n\n          <form class=\"vp-form\" onsubmit=\"event.preventDefault(); alert('\u0425\u0430\u0431\u0430\u0440\u043b\u0430\u043c\u0430 \u0436\u0456\u0431\u0435\u0440\u0456\u043b\u0434\u0456!');\">\n            <input type=\"text\" placeholder=\"\u0410\u0442\u044b\u04a3\u044b\u0437\" required>\n            <input type=\"tel\" placeholder=\"\u0422\u0435\u043b\u0435\u0444\u043e\u043d\" required>\n            <textarea rows=\"4\" placeholder=\"\u0425\u0430\u0431\u0430\u0440\u043b\u0430\u043c\u0430\u04a3\u044b\u0437\" required><\/textarea>\n            <button class=\"vp-btn vp-red vp-full\" type=\"submit\">\u0416\u0456\u0431\u0435\u0440\u0443<\/button>\n          <\/form>\n        <\/div>\n      <\/div>\n\n      <footer class=\"vp-footer\">\n        <div class=\"vp-footer-left\">\n          <b>VolunHelp<\/b>\n          <span>\u00a9 2026 \u2022 \u0415\u0440\u0456\u043a\u0442\u0456\u043b\u0435\u0440 \u043a\u04e9\u043c\u0435\u0433\u0456 \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u0430\u0441\u044b<\/span>\n        <\/div>\n        <div class=\"vp-footer-right\">\n         \n        <\/div>\n      <\/footer>\n    <\/div>\n  <\/section>\n\n  <!-- ====== STYLES ====== -->\n  <style>\n    \/* \u0411\u0430\u0437\u0430 *\/\n    .vp-root{\n      --bg:#ffffff;\n      --soft:#f7f7fb;\n      --text:#0f172a;\n      --muted:rgba(15,23,42,.70);\n      --line:rgba(15,23,42,.10);\n      --shadow:0 14px 36px rgba(15,23,42,.10);\n      --r:24px;\n      --red:#e11d2e;\n      --black:#0b0f19;\n      --max: 1400px;\n      background: var(--bg);\n      color: var(--text);\n     font-family: \"Noto Sans\", \"Inter\", system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n\n      min-height: 1600px;\n      overflow-x: hidden;\n    }\n    .vp-container{ max-width: var(--max); margin:0 auto; padding: 0 18px; }\n\n    \/* TOPBAR *\/\n    .vp-topbar{ position: sticky; top: 0; z-index: 40; background: rgba(255,255,255,.90); backdrop-filter: blur(8px); border-bottom:1px solid rgba(15,23,42,.06); }\n    .vp-topbar-inner{ display:flex; align-items:center; justify-content:space-between; gap: 14px; padding: 14px 0; }\n    .vp-logo{ display:flex; align-items:center; gap: 10px; text-decoration:none; color: inherit; }\n    .vp-logo-mark{ width: 44px; height:44px; border-radius: 14px; background: var(--black); color:#fff; display:grid; place-items:center; font-weight: 900; }\n    .vp-logo-text b{ font-size: 16px; }\n    .vp-logo-text span{ font-size: 16px; opacity:.85; margin-left:4px; }\n\n    .vp-pillnav{\n      display:flex;\n      flex-wrap: wrap;\n      justify-content: center;\n      gap: 8px;\n      padding: 8px 10px;\n      border: 1px solid var(--line);\n      border-radius: 999px;\n      background:#fff;\n      box-shadow: 0 10px 26px rgba(15,23,42,.08);\n      overflow: hidden;\n      max-width: 760px;\n    }\n    .vp-pill{\n      text-decoration:none; color: var(--text);\n      font-weight:800;\n      font-size:13px;\n      padding: 9px 12px;\n      border-radius:999px;\n      white-space:nowrap;\n      transition: transform .18s ease, background .18s ease;\n    }\n    .vp-pill:hover{ transform: translateY(-1px); background: rgba(15,23,42,.05); }\n    .vp-pill.is-active{ background: rgba(15,23,42,.08); }\n\n    .vp-actions{ display:flex; align-items:center; gap: 10px; flex-wrap:wrap; justify-content:flex-end; }\n    .vp-round{\n      width: 44px; height: 44px; display:grid; place-items:center;\n      border-radius: 999px; border:1px solid var(--line); background:#fff;\n      box-shadow: 0 10px 26px rgba(15,23,42,.08);\n      text-decoration:none; font-size: 18px; transition: transform .18s ease;\n    }\n    .vp-round:hover{ transform: translateY(-2px); }\n\n    .vp-btn{\n      text-decoration:none; font-weight:900; font-size:14px;\n      padding: 12px 16px; border-radius: 12px;\n      display:inline-flex; align-items:center; justify-content:center;\n      border:1px solid transparent; transition: transform .18s ease, box-shadow .18s ease, background .18s ease;\n      box-shadow: 0 10px 26px rgba(15,23,42,.10);\n      white-space:nowrap;\n    }\n    .vp-btn:hover{ transform: translateY(-2px); }\n    .vp-black{ background: var(--black); color:#fff; }\n    .vp-red{ background: var(--red); color:#fff; }\n    .vp-white{ background:#fff; color: var(--text); border-color: var(--line); box-shadow: 0 10px 26px rgba(15,23,42,.08); }\n    .vp-sm{ padding: 10px 12px; border-radius: 12px; box-shadow: none; }\n    .vp-full{ width:100%; }\n\n    .vp-burger{ display:none; width: 44px; height:44px; border-radius: 12px; border:1px solid var(--line); background:#fff; }\n\n    .vp-mnav{ display:none; border-top:1px solid rgba(15,23,42,.08); background:#fff; }\n    .vp-mnav-inner{ padding: 12px 0 18px; display:grid; gap: 10px; }\n    .vp-mnav-inner a{ text-decoration:none; color: var(--text); font-weight: 800; padding: 10px 12px; border-radius: 12px; border:1px solid rgba(15,23,42,.08); background:#fff; }\n    .vp-mnav-buttons{ display:grid; gap: 10px; margin-top: 6px; }\n\n    \/* HERO *\/\n    .vp-hero{\n      padding: 18px 0 10px;\n      background: radial-gradient(1100px 520px at 10% 10%, rgba(225,29,46,.10), transparent 60%),\n                  radial-gradient(900px 480px at 92% 18%, rgba(0,0,0,.06), transparent 55%),\n                  #fff;\n    }\n    .vp-hero-grid{ display:grid; grid-template-columns: 1.05fr .95fr; gap: 16px; align-items: start; }\n\n    .vp-hero-left{\n      border:1px solid rgba(15,23,42,.08);\n      border-radius: var(--r);\n      background: rgba(255,255,255,.85);\n      box-shadow: var(--shadow);\n      padding: 20px;\n      animation: vpIn .7s ease both;\n    }\n\n    .vp-badges{ display:flex; gap: 8px; flex-wrap:wrap; }\n    .vp-badge{\n      padding: 8px 12px; border-radius: 999px;\n      background: rgba(15,23,42,.06);\n      border:1px solid rgba(15,23,42,.08);\n      font-size: 12px; font-weight: 900;\n      animation: vpPop .65s ease both;\n    }\n    .vp-badge.ghost{ background: rgba(225,29,46,.08); border-color: rgba(225,29,46,.12); color: var(--text); }\n\n    .vp-h1{ margin: 12px 0 10px; font-size: 40px; line-height: 1.05; letter-spacing: -.3px; }\n    .vp-lead{ margin:0; color: var(--muted); font-size: 15.5px; line-height: 1.55; max-width: 70ch; }\n\n    .vp-cta{ display:flex; gap: 10px; flex-wrap:wrap; margin-top: 14px; }\n\n    .vp-stats{ display:grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-top: 14px; }\n    .vp-stat{ background: rgba(255,255,255,.95); border:1px solid rgba(15,23,42,.08); border-radius: 18px; padding: 12px; }\n    .vp-stat b{ display:block; font-size: 18px; }\n    .vp-stat span{ display:block; font-size: 12px; color: var(--muted); margin-top: 3px; }\n\n    .vp-trust{ display:grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 10px; }\n    .vp-trust-item{ background:#fff; border:1px solid rgba(15,23,42,.08); border-radius: 18px; padding: 12px; }\n    .vp-trust-item b{ display:block; }\n    .vp-trust-item span{ display:block; color: var(--muted); font-size: 12px; margin-top: 3px; }\n\n    \/* Slider *\/\n    .vp-hero-right{ display:grid; gap: 14px; }\n    .vp-slider{\n      border:1px solid rgba(15,23,42,.08);\n      border-radius: var(--r);\n      background: rgba(255,255,255,.85);\n      box-shadow: var(--shadow);\n      overflow:hidden;\n      animation: vpIn .9s ease both;\n    }\n    .vp-slider-head{\n      display:flex; align-items:flex-end; justify-content:space-between;\n      gap: 12px; padding: 14px 14px 10px;\n    }\n    .vp-slider-head b{ display:block; font-size: 14px; }\n    .vp-slider-head span{ display:block; font-size: 12px; color: var(--muted); margin-top: 2px; }\n\n    .vp-arrow{\n      width: 44px; height: 40px; border-radius: 12px;\n      border:1px solid rgba(15,23,42,.12); background:#fff;\n      cursor:pointer; font-size: 22px; font-weight: 900;\n      transition: transform .18s ease, box-shadow .18s ease;\n    }\n    .vp-arrow:hover{ transform: translateY(-2px); box-shadow: 0 10px 20px rgba(15,23,42,.10); }\n\n    .vp-track{\n      display:grid;\n      grid-auto-flow: column;\n      grid-auto-columns: 320px;\n      gap: 14px;\n      padding: 14px;\n      overflow-x: auto;\n      scroll-snap-type: x mandatory;\n      scroll-behavior: smooth;\n      -webkit-overflow-scrolling: touch;\n    }\n    .vp-track::-webkit-scrollbar{ height: 10px; }\n    .vp-track::-webkit-scrollbar-thumb{ background: rgba(15,23,42,.18); border-radius: 999px; }\n    .vp-track::-webkit-scrollbar-track{ background: rgba(15,23,42,.06); border-radius: 999px; }\n\n    .vp-card{\n      position:relative;\n      border-radius: 20px;\n      overflow:hidden;\n      border: 1px solid rgba(15,23,42,.10);\n      box-shadow: 0 12px 26px rgba(15,23,42,.12);\n      scroll-snap-align: start;\n      transform: translateY(6px) scale(.99);\n      opacity: .94;\n      transition: transform .25s ease, opacity .25s ease;\n      background:#fff;\n    }\n    .vp-card.is-active{ transform: translateY(0) scale(1); opacity: 1; }\n\n    .vp-card-link{ display:block; text-decoration:none; color:inherit; }\n    .vp-img{\n      height: 270px;\n      background-size: cover;\n      background-position: center;\n      transform: scale(1.02);\n      transition: transform .45s ease;\n      filter: saturate(1.05);\n    }\n    .vp-card:hover .vp-img{ transform: scale(1.07); }\n\n    .vp-overlay{\n      position:absolute; inset:0;\n      display:flex; flex-direction:column; justify-content:flex-end;\n      padding: 14px;\n      background: linear-gradient(to top, rgba(0,0,0,.68), rgba(0,0,0,.12), rgba(0,0,0,0));\n      color:#fff;\n    }\n    .vp-chip{\n      align-self:flex-start;\n      padding: 7px 10px;\n      border-radius: 999px;\n      background: rgba(255,255,255,.14);\n      border: 1px solid rgba(255,255,255,.18);\n      font-size: 12px;\n      font-weight: 900;\n      letter-spacing: .2px;\n      margin-bottom: 10px;\n      animation: vpPulse 2.6s ease-in-out infinite;\n    }\n    .vp-overlay h3{ margin:0 0 6px; font-size: 20px; line-height: 1.12; text-shadow: 0 10px 24px rgba(0,0,0,.35); }\n    .vp-overlay p{ margin:0 0 12px; font-size: 13px; opacity:.92; }\n    .vp-card-btn{\n      align-self:flex-start;\n      padding: 10px 12px;\n      border-radius: 14px;\n      background: rgba(255,255,255,.95);\n      color: var(--text);\n      font-weight: 900;\n      font-size: 13px;\n      box-shadow: 0 10px 26px rgba(0,0,0,.22);\n      transition: transform .18s ease;\n    }\n    .vp-card:hover .vp-card-btn{ transform: translateY(-2px); }\n\n    .vp-slider-bottom{\n      display:flex; align-items:center; justify-content:space-between;\n      gap: 12px; padding: 10px 14px 14px;\n      border-top:1px solid rgba(15,23,42,.08);\n      background:#fff;\n    }\n    .vp-dots{ display:flex; gap: 8px; align-items:center; }\n    .vp-dot{\n      width: 9px; height: 9px; border-radius: 999px; border:0;\n      background: rgba(15,23,42,.18); cursor:pointer;\n      transition: width .18s ease, transform .18s ease, background .18s ease;\n    }\n    .vp-dot.is-active{ width: 24px; background: rgba(15,23,42,.65); transform: translateY(-1px); }\n\n    \/* Quick cards *\/\n    .vp-quick{ display:grid; grid-template-columns: 1fr 1fr; gap: 14px; }\n    .vp-quick-card{\n      border:1px solid rgba(15,23,42,.08);\n      border-radius: var(--r);\n      background: rgba(255,255,255,.85);\n      box-shadow: var(--shadow);\n      padding: 16px;\n      animation: vpIn 1.05s ease both;\n    }\n    .vp-quick-card b{ display:block; font-size: 16px; }\n    .vp-quick-card span{ display:block; color: var(--muted); font-size: 12.5px; margin: 6px 0 10px; }\n    .vp-form{ display:grid; gap: 10px; }\n    .vp-form input, .vp-form textarea{\n      width:100%;\n      padding: 12px;\n      border-radius: 14px;\n      border:1px solid rgba(15,23,42,.12);\n      background:#fff;\n      font-size: 14px;\n      outline:none;\n    }\n    .vp-form input:focus, .vp-form textarea:focus{ border-color: rgba(225,29,46,.45); box-shadow: 0 0 0 4px rgba(225,29,46,.10); }\n\n    \/* Sections *\/\n    .vp-section{ padding: 34px 0; }\n    .vp-section-soft{ background: var(--soft); border-top:1px solid rgba(15,23,42,.06); border-bottom:1px solid rgba(15,23,42,.06); }\n    .vp-head{ display:flex; align-items:flex-end; justify-content:space-between; gap: 14px; margin-bottom: 16px; }\n    .vp-head h2{ margin:0; font-size: 28px; letter-spacing: -.2px; }\n    .vp-head p{ margin:0; color: var(--muted); max-width: 72ch; }\n\n    \/* Steps *\/\n    .vp-steps{ display:grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }\n    .vp-step{\n      background:#fff;\n      border:1px solid rgba(15,23,42,.08);\n      border-radius: var(--r);\n      box-shadow: 0 12px 26px rgba(15,23,42,.08);\n      padding: 16px;\n      transition: transform .18s ease;\n    }\n    .vp-step:hover{ transform: translateY(-3px); }\n    .vp-step-num{\n      width: 38px; height:38px; border-radius: 14px;\n      display:grid; place-items:center;\n      background: rgba(225,29,46,.10);\n      color: var(--red);\n      font-weight: 900;\n      border: 1px solid rgba(225,29,46,.18);\n      margin-bottom: 10px;\n    }\n    .vp-step b{ display:block; }\n    .vp-step span{ display:block; color: var(--muted); font-size: 12.5px; margin-top: 4px; }\n\n    \/* Urgent *\/\n    .vp-urgent-grid{ display:grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }\n    .vp-urgent{\n      background:#fff;\n      border:1px solid rgba(15,23,42,.08);\n      border-radius: var(--r);\n      box-shadow: 0 12px 26px rgba(15,23,42,.08);\n      padding: 16px;\n      transition: transform .18s ease;\n    }\n    .vp-urgent:hover{ transform: translateY(-3px); }\n    .vp-urgent-top{ display:flex; align-items:center; justify-content:space-between; gap: 10px; margin-bottom: 10px; }\n    .vp-urgent-tag{\n      padding: 7px 10px;\n      border-radius: 999px;\n      font-size: 12px;\n      font-weight: 900;\n      background: rgba(15,23,42,.06);\n      border:1px solid rgba(15,23,42,.08);\n    }\n    .vp-urgent-tag.red{ background: rgba(225,29,46,.10); border-color: rgba(225,29,46,.18); color: var(--red); }\n    .vp-urgent-meta{ font-size: 12px; color: var(--muted); }\n    .vp-urgent h3{ margin:0 0 6px; font-size: 18px; }\n    .vp-urgent p{ margin:0 0 12px; color: var(--muted); font-size: 13.5px; }\n    .vp-urgent-actions{ display:flex; gap: 10px; flex-wrap:wrap; }\n\n    \/* Projects *\/\n    .vp-projects{ display:grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }\n    .vp-project{\n      background:#fff;\n      border:1px solid rgba(15,23,42,.08);\n      border-radius: var(--r);\n      box-shadow: 0 12px 26px rgba(15,23,42,.08);\n      overflow:hidden;\n      transition: transform .18s ease;\n    }\n    .vp-project:hover{ transform: translateY(-3px); }\n    .vp-project-thumb{ height: 160px; background-size: cover; background-position: center; }\n    .vp-project-body{ padding: 16px; display:grid; gap: 10px; }\n    .vp-project-body b{ font-size: 16px; }\n    .vp-project-body span{ color: var(--muted); font-size: 13px; }\n    .vp-row{ display:flex; gap: 8px; flex-wrap:wrap; align-items:center; }\n    .vp-pillmini{\n      padding: 6px 10px;\n      border-radius: 999px;\n      border:1px solid rgba(15,23,42,.10);\n      background: rgba(15,23,42,.04);\n      font-size: 12px;\n      font-weight: 800;\n    }\n\n    \/* Partners *\/\n    .vp-partners{ margin-top: 16px; display:grid; grid-template-columns: 1.2fr .8fr; gap: 14px; }\n    .vp-partners-card{\n      background:#fff;\n      border:1px solid rgba(15,23,42,.08);\n      border-radius: var(--r);\n      box-shadow: 0 12px 26px rgba(15,23,42,.08);\n      padding: 18px;\n    }\n    .vp-partners-card h3{ margin:0 0 8px; font-size: 20px; }\n    .vp-partners-card p{ margin:0 0 12px; color: var(--muted); }\n    .vp-logos{ display:grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }\n    .vp-logoBox{\n      height: 78px;\n      border-radius: 18px;\n      border:1px dashed rgba(15,23,42,.20);\n      display:grid; place-items:center;\n      color: rgba(15,23,42,.55);\n      font-weight: 900;\n      background:#fff;\n    }\n\n    \/* FAQ *\/\n    .vp-faq{ display:grid; gap: 12px; }\n    .vp-q{\n      background:#fff;\n      border:1px solid rgba(15,23,42,.08);\n      border-radius: var(--r);\n      box-shadow: 0 12px 26px rgba(15,23,42,.06);\n      padding: 14px 16px;\n    }\n    .vp-q summary{ cursor:pointer; font-weight: 900; }\n    .vp-a{ margin-top: 10px; color: var(--muted); }\n\n    \/* Contacts *\/\n    .vp-contacts{ display:grid; grid-template-columns: 1fr 1fr; gap: 14px; }\n    .vp-contact-card{\n      background:#fff;\n      border:1px solid rgba(15,23,42,.08);\n      border-radius: var(--r);\n      box-shadow: 0 12px 26px rgba(15,23,42,.08);\n      padding: 16px;\n    }\n    .vp-contact-card b{ display:block; }\n    .vp-contact-card span{ display:block; color: var(--muted); margin-top: 4px; }\n    .vp-sp{ height: 10px; }\n\n    .vp-footer{\n      margin-top: 18px;\n      padding-top: 16px;\n      border-top: 1px solid rgba(15,23,42,.08);\n      display:flex;\n      align-items:center;\n      justify-content:space-between;\n      gap: 12px;\n      color: var(--muted);\n      flex-wrap:wrap;\n    }\n    .vp-footer-left b{ color: var(--text); margin-right: 8px; }\n    .vp-footer-right{ display:flex; gap: 12px; flex-wrap:wrap; }\n    .vp-footer-right a{ color: var(--muted); text-decoration:none; font-weight: 800; }\n    .vp-footer-right a:hover{ color: var(--text); }\n\n    \/* Animations *\/\n    @keyframes vpIn{ from{ opacity:0; transform: translateY(10px);} to{ opacity:1; transform: translateY(0);} }\n    @keyframes vpPop{ from{ opacity:0; transform: scale(.98);} to{ opacity:1; transform: scale(1);} }\n    @keyframes vpPulse{ 0%,100%{ background: rgba(255,255,255,.12);} 50%{ background: rgba(255,255,255,.22);} }\n\n    \/* Responsive *\/\n    @media (max-width: 1180px){\n      .vp-hero-grid{ grid-template-columns: 1fr; }\n      .vp-quick{ grid-template-columns: 1fr; }\n      .vp-track{ grid-auto-columns: 340px; }\n      .vp-stats{ grid-template-columns: 1fr; }\n      .vp-trust{ grid-template-columns: 1fr; }\n      .vp-steps{ grid-template-columns: 1fr 1fr; }\n      .vp-urgent-grid{ grid-template-columns: 1fr; }\n      .vp-projects{ grid-template-columns: 1fr; }\n      .vp-partners{ grid-template-columns: 1fr; }\n      .vp-contacts{ grid-template-columns: 1fr; }\n    }\n    @media (max-width: 980px){\n      .vp-pillnav, .vp-actions{ display:none; }\n      .vp-burger{ display:inline-grid; place-items:center; }\n      .vp-h1{ font-size: 32px; }\n      .vp-track{ grid-auto-columns: 86%; }\n    }\n  <\/style>\n\n  <!-- ====== JS (slider autoplay + dots + mobile menu) ====== -->\n  <script>\n    (function(){\n      \/\/ Mobile menu\n      const burger = document.getElementById(\"vpBurger\");\n      const mnav = document.getElementById(\"vpMnav\");\n      if (burger && mnav){\n        burger.addEventListener(\"click\", () => {\n          const open = mnav.style.display === \"block\";\n          mnav.style.display = open ? \"none\" : \"block\";\n          mnav.setAttribute(\"aria-hidden\", open ? \"true\" : \"false\");\n        });\n      }\n\n      \/\/ Slider\n      const track = document.getElementById(\"vpTrack\");\n      const dotsWrap = document.getElementById(\"vpDots\");\n      if (!track || !dotsWrap) return;\n\n      const cards = Array.from(track.querySelectorAll(\".vp-card\"));\n      dotsWrap.innerHTML = cards.map((_, i) =>\n        `<button class=\"vp-dot ${i===0?'is-active':''}\" type=\"button\" aria-label=\"\u0421\u043b\u0430\u0439\u0434 ${i+1}\" data-go=\"${i}\"><\/button>`\n      ).join(\"\");\n      const dots = Array.from(dotsWrap.querySelectorAll(\".vp-dot\"));\n      const arrows = Array.from(document.querySelectorAll(\".vp-arrow\"));\n\n      let index = 0;\n      let timer = null;\n      const AUTOPLAY_MS = 4200;\n\n      function setActive(i){\n        index = (i + cards.length) % cards.length;\n        const left = cards[index].offsetLeft - 14;\n        track.scrollTo({ left, behavior: \"smooth\" });\n\n        cards.forEach((c, k) => c.classList.toggle(\"is-active\", k === index));\n        dots.forEach((d, k) => d.classList.toggle(\"is-active\", k === index));\n      }\n      function next(step=1){ setActive(index + step); }\n\n      arrows.forEach(btn => {\n        btn.addEventListener(\"click\", () => {\n          next(Number(btn.dataset.dir || \"1\"));\n          restart();\n        });\n      });\n\n      dots.forEach(d => d.addEventListener(\"click\", () => {\n        setActive(Number(d.dataset.go));\n        restart();\n      }));\n\n      let raf = null;\n      track.addEventListener(\"scroll\", () => {\n        if (raf) cancelAnimationFrame(raf);\n        raf = requestAnimationFrame(() => {\n          const center = track.scrollLeft + track.clientWidth \/ 2;\n          let best = 0, bestDist = Infinity;\n          cards.forEach((c, i) => {\n            const cCenter = c.offsetLeft + c.clientWidth \/ 2;\n            const dist = Math.abs(center - cCenter);\n            if (dist < bestDist){ bestDist = dist; best = i; }\n          });\n          index = best;\n          cards.forEach((c, k) => c.classList.toggle(\"is-active\", k === index));\n          dots.forEach((d, k) => d.classList.toggle(\"is-active\", k === index));\n        });\n      }, { passive: true });\n\n      function start(){\n        if (timer) return;\n        timer = setInterval(() => next(1), AUTOPLAY_MS);\n      }\n      function stop(){ clearInterval(timer); timer = null; }\n      function restart(){ stop(); start(); }\n\n      track.addEventListener(\"mouseenter\", stop);\n      track.addEventListener(\"mouseleave\", start);\n      track.addEventListener(\"touchstart\", stop, { passive:true });\n      track.addEventListener(\"touchend\", start, { passive:true });\n\n      setActive(0);\n      start();\n    })();\n  <\/script>\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>K KomekHUB \u0411\u0430\u0441\u0442\u044b \u0431\u0435\u0442 \u049a\u0430\u043b\u0430\u0439 \u0436\u04b1\u043c\u044b\u0441 \u0456\u0441\u0442\u0435\u0439\u0434\u0456 \u0428\u04b1\u0493\u044b\u043b \u0416\u043e\u0431\u0430\u043b\u0430\u0440 \u0416\u0438\u0456 \u049b\u043e\u0439\u044b\u043b\u0430\u0442\u044b\u043d \u0441\u04b1\u0440\u0430\u049b\u0442\u0430\u0440 \u041a\u04e9\u043c\u0435\u043a \u0441\u04b1\u0440\u0430\u0443 \u2630 \u0411\u0430\u0441\u0442\u044b \u0431\u0435\u0442 \u049a\u0430\u043b\u0430\u0439 \u0436\u04b1\u043c\u044b\u0441 \u0456\u0441\u0442\u0435\u0439\u0434\u0456 \u0428\u04b1\u0493\u044b\u043b \u0416\u043e\u0431\u0430\u043b\u0430\u0440 \u0416\u0438\u0456 \u049b\u043e\u0439\u044b\u043b\u0430\u0442\u044b\u043d \u0441\u04b1\u0440\u0430\u049b\u0442\u0430\u0440 \u0411\u0430\u0439\u043b\u0430\u043d\u044b\u0441 \u041a\u04e9\u043c\u0435\u043a \u0441\u04b1\u0440\u0430\u0443 \u0415\u0440\u0456\u043a\u0442\u0456 \u0431\u043e\u043b\u0443 \u0415\u0440\u0456\u043a\u0442\u0456\u043b\u0435\u0440 \u043a\u04e9\u043c\u0435\u0433\u0456 \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u0430\u0441\u044b \u04e8\u0442\u0456\u043d\u0456\u043c\u0434\u0435\u0440\u043c\u0435\u043d \u0436\u04b1\u043c\u044b\u0441 \u2022 \u04ae\u0439\u043b\u0435\u0441\u0442\u0456\u0440\u0443 \u2022 \u049a\u043e\u043b\u0434\u0430\u0443 \u041a\u04e9\u043c\u0435\u043a \u0436\u0430\u049b\u044b\u043d: \u0430\u0434\u0430\u043c\u0434\u0430\u0440\u0434\u044b, \u0435\u0440\u0456\u043a\u0442\u0456\u043b\u0435\u0440\u0434\u0456 \u0436\u04d9\u043d\u0435 \u04b1\u0439\u044b\u043c\u0434\u0430\u0440\u0434\u044b \u0431\u0456\u0440\u0456\u043a\u0442\u0456\u0440\u0435\u043c\u0456\u0437 \u041a\u04e9\u043c\u0435\u043a \u0441\u04b1\u0440\u0430\u0443 \u04e9\u0442\u0456\u043d\u0456\u043c\u0456\u043d \u049b\u0430\u043b\u0434\u044b\u0440\u044b\u04a3\u044b\u0437 \u043d\u0435\u043c\u0435\u0441\u0435 \u0435\u0440\u0456\u043a\u0442\u0456 \u0440\u0435\u0442\u0456\u043d\u0434\u0435 \u049b\u043e\u0441\u044b\u043b\u044b\u04a3\u044b\u0437. \u0411\u0456\u0437 [&hellip;]<\/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-6","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/komekhub.tek-uk.kz\/index.php?rest_route=\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/komekhub.tek-uk.kz\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/komekhub.tek-uk.kz\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/komekhub.tek-uk.kz\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/komekhub.tek-uk.kz\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6"}],"version-history":[{"count":34,"href":"https:\/\/komekhub.tek-uk.kz\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":97,"href":"https:\/\/komekhub.tek-uk.kz\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions\/97"}],"wp:attachment":[{"href":"https:\/\/komekhub.tek-uk.kz\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}