{"id":132,"date":"2026-06-19T16:47:07","date_gmt":"2026-06-19T16:47:07","guid":{"rendered":"https:\/\/lyusikov-studio.uz\/?page_id=132"},"modified":"2026-06-19T16:55:56","modified_gmt":"2026-06-19T16:55:56","slug":"%d0%bf%d0%be%d0%bf%d1%8b%d1%82%d0%ba%d0%b0-2","status":"publish","type":"page","link":"https:\/\/lyusikov-studio.uz\/?page_id=132","title":{"rendered":"\u043f\u043e\u043f\u044b\u0442\u043a\u0430 2"},"content":{"rendered":"\n<section class=\"b-story\" id=\"dtp-story\">\n  <div class=\"b-sticky\">\n    <video class=\"b-video\" autoplay muted loop playsinline preload=\"auto\">\n      <source src=\"https:\/\/cdn.coverr.co\/videos\/coverr-driving-through-the-city-3560\/1080p.mp4\" type=\"video\/mp4\">\n    <\/video>\n\n    <div class=\"b-overlay\"><\/div>\n\n    <div class=\"b-dots\">\n      <button class=\"active\" type=\"button\"><\/button>\n      <button type=\"button\"><\/button>\n      <button type=\"button\"><\/button>\n      <button type=\"button\"><\/button>\n    <\/div>\n\n    <div class=\"b-slide active\">\n      <h2>\u041f\u041e\u041f\u0410\u041b\u0418<br>\u0412 \u0414\u0422\u041f?<\/h2>\n      <p>\u041d\u0435 \u0441\u043e\u0433\u043b\u0430\u0448\u0430\u0439\u0442\u0435\u0441\u044c \u043d\u0430 \u043f\u0435\u0440\u0432\u0443\u044e \u0441\u0443\u043c\u043c\u0443 \u0443\u0449\u0435\u0440\u0431\u0430. \u0420\u0435\u0430\u043b\u044c\u043d\u0430\u044f \u0441\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u044c \u0440\u0435\u043c\u043e\u043d\u0442\u0430 \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u0432\u044b\u0448\u0435.<\/p>\n    <\/div>\n\n    <div class=\"b-slide\">\n      <h2>\u0417\u0410\u0424\u0418\u041a\u0421\u0418\u0420\u0423\u0415\u041c<br>\u0423\u0429\u0415\u0420\u0411<\/h2>\n      <p>\u041e\u0441\u043c\u043e\u0442\u0440\u0438\u043c \u0430\u0432\u0442\u043e\u043c\u043e\u0431\u0438\u043b\u044c, \u043f\u043e\u0432\u0440\u0435\u0436\u0434\u0435\u043d\u0438\u044f \u0438 \u043f\u043e\u0434\u0433\u043e\u0442\u043e\u0432\u0438\u043c \u043d\u0435\u0437\u0430\u0432\u0438\u0441\u0438\u043c\u0443\u044e \u043e\u0446\u0435\u043d\u043a\u0443.<\/p>\n    <\/div>\n\n    <div class=\"b-slide\">\n      <h2>\u041e\u0422\u0427\u0401\u0422<br>\u0414\u041b\u042f \u0421\u0423\u0414\u0410<\/h2>\n      <p>\u0414\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u044b \u043c\u043e\u0436\u043d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0434\u043b\u044f \u0441\u0442\u0440\u0430\u0445\u043e\u0432\u043e\u0439, \u0441\u0443\u0434\u0430 \u0438\u043b\u0438 \u043f\u0435\u0440\u0435\u0433\u043e\u0432\u043e\u0440\u043e\u0432.<\/p>\n    <\/div>\n\n    <div class=\"b-slide\">\n      <h2>\u041f\u041e\u041b\u0423\u0427\u0418\u0422\u0415<br>\u041a\u041e\u041c\u041f\u0415\u041d\u0421\u0410\u0426\u0418\u042e<\/h2>\n      <p>\u0412\u044b \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u0435 \u043f\u043e\u043d\u044f\u0442\u043d\u044b\u0439 \u0440\u0430\u0441\u0447\u0451\u0442 \u0443\u0449\u0435\u0440\u0431\u0430 \u0438 \u0430\u0440\u0433\u0443\u043c\u0435\u043d\u0442\u044b \u0434\u043b\u044f \u0437\u0430\u0449\u0438\u0442\u044b.<\/p>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"b-form\" id=\"dtp-form\">\n  <div class=\"b-form-card\">\n    <span>\u0417\u0430\u044f\u0432\u043a\u0430 \u043d\u0430 \u043e\u0446\u0435\u043d\u043a\u0443<\/span>\n    <h2>\u041d\u0443\u0436\u043d\u0430 \u043d\u0435\u0437\u0430\u0432\u0438\u0441\u0438\u043c\u0430\u044f \u043e\u0446\u0435\u043d\u043a\u0430 \u043f\u043e\u0441\u043b\u0435 \u0414\u0422\u041f?<\/h2>\n    <p>\u041e\u0441\u0442\u0430\u0432\u044c\u0442\u0435 \u043a\u043e\u043d\u0442\u0430\u043a\u0442\u044b, \u0438 \u0441\u043f\u0435\u0446\u0438\u0430\u043b\u0438\u0441\u0442 \u0441\u0432\u044f\u0436\u0435\u0442\u0441\u044f \u0441 \u0432\u0430\u043c\u0438.<\/p>\n\n    <form>\n      <input type=\"text\" placeholder=\"\u0412\u0430\u0448\u0435 \u0438\u043c\u044f\">\n      <input type=\"tel\" placeholder=\"\u0422\u0435\u043b\u0435\u0444\u043e\u043d\">\n      <textarea placeholder=\"\u041a\u0440\u0430\u0442\u043a\u043e \u043e\u043f\u0438\u0448\u0438\u0442\u0435 \u0441\u0438\u0442\u0443\u0430\u0446\u0438\u044e\"><\/textarea>\n      <button type=\"submit\">\u041e\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u0437\u0430\u044f\u0432\u043a\u0443<\/button>\n    <\/form>\n  <\/div>\n<\/section>\n\n<style>\n  html {\n    scroll-behavior: smooth;\n  }\n\n  .b-story {\n    position: relative;\n    height: 420vh;\n    background: #02080b;\n    font-family: Arial, sans-serif;\n  }\n\n  .b-sticky {\n    position: sticky;\n    top: 0;\n    height: 100vh;\n    overflow: hidden;\n    background: #02080b;\n  }\n\n  .b-video {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n  }\n\n  .b-overlay {\n    position: absolute;\n    inset: 0;\n    z-index: 2;\n    background:\n      radial-gradient(circle at 50% 45%, rgba(0, 220, 220, 0.16), transparent 35%),\n      linear-gradient(90deg, rgba(0, 10, 12, 0.94), rgba(0, 20, 22, 0.38), rgba(0, 8, 10, 0.88)),\n      linear-gradient(180deg, rgba(0,0,0,0.28), rgba(0,0,0,0.78));\n  }\n\n  .b-slide {\n    position: absolute;\n    inset: 0;\n    z-index: 3;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    padding: 110px 80px 80px 150px;\n    box-sizing: border-box;\n    opacity: 0;\n    transform: translateY(55px) scale(0.98);\n    transition: opacity 0.7s ease, transform 0.7s ease;\n    pointer-events: none;\n  }\n\n  .b-slide.active {\n    opacity: 1;\n    transform: translateY(0) scale(1);\n    pointer-events: auto;\n  }\n\n  .b-slide h2 {\n    margin: 0;\n    max-width: 980px;\n    color: #fff;\n    font-size: clamp(52px, 8vw, 124px);\n    line-height: 0.94;\n    font-weight: 900;\n    letter-spacing: -0.06em;\n    text-transform: uppercase;\n    text-shadow: 0 18px 60px rgba(0,0,0,0.58);\n  }\n\n  .b-slide p {\n    max-width: 420px;\n    margin: 24px 0 0 auto;\n    color: rgba(255,255,255,0.86);\n    font-size: 19px;\n    line-height: 1.5;\n    font-weight: 700;\n  }\n\n  .b-dots {\n    position: absolute;\n    z-index: 5;\n    left: 60px;\n    top: 50%;\n    transform: translateY(-50%);\n    display: grid;\n    gap: 22px;\n  }\n\n  .b-dots button {\n    width: 16px;\n    height: 16px;\n    padding: 0;\n    border-radius: 50%;\n    border: 1px solid rgba(140,245,245,0.75);\n    background: transparent;\n    cursor: pointer;\n  }\n\n  .b-dots button.active {\n    width: 38px;\n    height: 38px;\n    margin-left: -11px;\n    background: rgba(140,245,245,0.35);\n    box-shadow: 0 0 24px rgba(140,245,245,0.65);\n  }\n\n  .b-form {\n    min-height: 100vh;\n    background: #02080b;\n    padding: 120px 20px;\n    box-sizing: border-box;\n    font-family: Arial, sans-serif;\n  }\n\n  .b-form-card {\n    max-width: 760px;\n    margin: 0 auto;\n    padding: 44px;\n    border-radius: 34px;\n    background: rgba(255,255,255,0.08);\n    border: 1px solid rgba(255,255,255,0.14);\n  }\n\n  .b-form-card span {\n    color: #8ff4f4;\n    font-size: 13px;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n  }\n\n  .b-form-card h2 {\n    margin: 14px 0;\n    color: #fff;\n    font-size: 44px;\n    line-height: 1;\n    letter-spacing: -0.04em;\n  }\n\n  .b-form-card p {\n    color: rgba(255,255,255,0.72);\n    font-size: 18px;\n  }\n\n  .b-form-card form {\n    margin-top: 28px;\n    display: grid;\n    gap: 14px;\n  }\n\n  .b-form-card input,\n  .b-form-card textarea {\n    width: 100%;\n    box-sizing: border-box;\n    border: 1px solid rgba(255,255,255,0.16);\n    background: rgba(255,255,255,0.07);\n    color: #fff;\n    border-radius: 18px;\n    padding: 18px 20px;\n    font-size: 16px;\n    outline: none;\n  }\n\n  .b-form-card textarea {\n    min-height: 120px;\n    resize: vertical;\n  }\n\n  .b-form-card button {\n    border: 0;\n    border-radius: 999px;\n    padding: 18px 26px;\n    background: #8ff4f4;\n    color: #031011;\n    font-size: 16px;\n    font-weight: 900;\n    cursor: pointer;\n  }\n\n  @media (max-width: 768px) {\n    .b-story {\n      height: 420vh;\n    }\n\n    .b-slide {\n      justify-content: flex-end;\n      padding: 0 22px 90px 64px;\n    }\n\n    .b-slide h2 {\n      font-size: 42px;\n      line-height: 0.98;\n    }\n\n    .b-slide p {\n      margin: 18px 0 0;\n      font-size: 15px;\n    }\n\n    .b-dots {\n      left: 22px;\n      gap: 16px;\n    }\n\n    .b-dots button {\n      width: 13px;\n      height: 13px;\n    }\n\n    .b-dots button.active {\n      width: 28px;\n      height: 28px;\n      margin-left: -7px;\n    }\n\n    .b-form-card {\n      padding: 28px 20px;\n    }\n\n    .b-form-card h2 {\n      font-size: 32px;\n    }\n  }\n<\/style>\n\n<script>\n  document.addEventListener(\"DOMContentLoaded\", function () {\n    const story = document.querySelector(\".b-story\");\n    const slides = document.querySelectorAll(\".b-slide\");\n    const dots = document.querySelectorAll(\".b-dots button\");\n\n    if (!story || !slides.length) return;\n\n    function setActive(index) {\n      slides.forEach((slide, i) => {\n        slide.classList.toggle(\"active\", i === index);\n      });\n\n      dots.forEach((dot, i) => {\n        dot.classList.toggle(\"active\", i === index);\n      });\n    }\n\n    function updateStory() {\n      const rect = story.getBoundingClientRect();\n      const scrollable = story.offsetHeight - window.innerHeight;\n\n      let progress = -rect.top \/ scrollable;\n      progress = Math.max(0, Math.min(1, progress));\n\n      let index = Math.floor(progress * slides.length);\n\n      if (index >= slides.length) {\n        index = slides.length - 1;\n      }\n\n      setActive(index);\n    }\n\n    dots.forEach((dot, index) => {\n      dot.addEventListener(\"click\", function () {\n        const step = index \/ slides.length;\n        const target = story.offsetTop + step * (story.offsetHeight - window.innerHeight);\n\n        window.scrollTo({\n          top: target,\n          behavior: \"smooth\"\n        });\n      });\n    });\n\n    window.addEventListener(\"scroll\", updateStory);\n    window.addEventListener(\"resize\", updateStory);\n\n    updateStory();\n  });\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>\u041f\u041e\u041f\u0410\u041b\u0418\u0412 \u0414\u0422\u041f? \u041d\u0435 \u0441\u043e\u0433\u043b\u0430\u0448\u0430\u0439\u0442\u0435\u0441\u044c \u043d\u0430 \u043f\u0435\u0440\u0432\u0443\u044e \u0441\u0443\u043c\u043c\u0443 \u0443\u0449\u0435\u0440\u0431\u0430. \u0420\u0435\u0430\u043b\u044c\u043d\u0430\u044f \u0441\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u044c \u0440\u0435\u043c\u043e\u043d\u0442\u0430 \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u0432\u044b\u0448\u0435. \u0417\u0410\u0424\u0418\u041a\u0421\u0418\u0420\u0423\u0415\u041c\u0423\u0429\u0415\u0420\u0411 \u041e\u0441\u043c\u043e\u0442\u0440\u0438\u043c \u0430\u0432\u0442\u043e\u043c\u043e\u0431\u0438\u043b\u044c, \u043f\u043e\u0432\u0440\u0435\u0436\u0434\u0435\u043d\u0438\u044f \u0438 \u043f\u043e\u0434\u0433\u043e\u0442\u043e\u0432\u0438\u043c [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-132","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"admin","author_link":"https:\/\/lyusikov-studio.uz\/author\/admin_xdmqlzmv"},"uagb_comment_info":0,"uagb_excerpt":"\u041f\u041e\u041f\u0410\u041b\u0418\u0412 \u0414\u0422\u041f? \u041d\u0435 \u0441\u043e\u0433\u043b\u0430\u0448\u0430\u0439\u0442\u0435\u0441\u044c \u043d\u0430 \u043f\u0435\u0440\u0432\u0443\u044e \u0441\u0443\u043c\u043c\u0443 \u0443\u0449\u0435\u0440\u0431\u0430. \u0420\u0435\u0430\u043b\u044c\u043d\u0430\u044f \u0441\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u044c \u0440\u0435\u043c\u043e\u043d\u0442\u0430 \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u0432\u044b\u0448\u0435. \u0417\u0410\u0424\u0418\u041a\u0421\u0418\u0420\u0423\u0415\u041c\u0423\u0429\u0415\u0420\u0411 \u041e\u0441\u043c\u043e\u0442\u0440\u0438\u043c \u0430\u0432\u0442\u043e\u043c\u043e\u0431\u0438\u043b\u044c, \u043f\u043e\u0432\u0440\u0435\u0436\u0434\u0435\u043d\u0438\u044f \u0438 \u043f\u043e\u0434\u0433\u043e\u0442\u043e\u0432\u0438\u043c [&hellip;]","_links":{"self":[{"href":"https:\/\/lyusikov-studio.uz\/index.php?rest_route=\/wp\/v2\/pages\/132","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lyusikov-studio.uz\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lyusikov-studio.uz\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lyusikov-studio.uz\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lyusikov-studio.uz\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=132"}],"version-history":[{"count":2,"href":"https:\/\/lyusikov-studio.uz\/index.php?rest_route=\/wp\/v2\/pages\/132\/revisions"}],"predecessor-version":[{"id":135,"href":"https:\/\/lyusikov-studio.uz\/index.php?rest_route=\/wp\/v2\/pages\/132\/revisions\/135"}],"wp:attachment":[{"href":"https:\/\/lyusikov-studio.uz\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=132"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}