ElJeskos.github.io/index.html at main · ElJeskos/ElJeskos.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
<!doctype html>
<html lang="ru">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="description" content="StarWood — мебель на заказ: проектирование, замер, производство, доставка и установка. Реальные работы и предварительный расчёт." />
    <meta name="theme-color" content="#0c0e0f" />
    <meta name="robots" content="index, follow, max-image-preview:large" />

    <link rel="canonical" href="https://eljeskos.github.io/" />
    <link rel="icon" href="/assets/brand/starwood-logo.png" />
    <link rel="preload" as="image" href="/assets/images/portfolio/white-compact-kitchen.webp" type="image/webp" fetchpriority="high" />

    <meta property="og:type" content="website" />
    <meta property="og:locale" content="ru_RU" />
    <meta property="og:site_name" content="StarWood" />
    <meta property="og:title" content="StarWood — мебель на заказ" />
    <meta property="og:description" content="Проектирование, замер, производство, доставка и установка мебели по индивидуальным размерам." />
    <meta property="og:url" content="https://eljeskos.github.io/" />
    <meta property="og:image" content="https://eljeskos.github.io/assets/social/starwood-og-v2.jpg" />
    <meta property="og:image:width" content="1200" />
    <meta property="og:image:height" content="630" />
    <meta property="og:image:alt" content="StarWood — мебель на заказ, реализованная серо-голубая кухня" />

    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:title" content="StarWood — мебель на заказ" />
    <meta name="twitter:description" content="Реальные работы, прозрачный процесс и предварительный расчёт мебели по индивидуальным размерам." />
    <meta name="twitter:image" content="https://eljeskos.github.io/assets/social/starwood-og-v2.jpg" />

    <script type="application/ld+json">
      {
        "@context": "https://schema.org",
        "@type": "Organization",
        "name": "StarWood",
        "description": "Мебель, интерьер и декор: проектирование, производство, доставка и установка мебели на заказ.",
        "url": "https://eljeskos.github.io/",
        "logo": "https://eljeskos.github.io/assets/brand/starwood-logo.png",
        "sameAs": [
          "https://t.me/Rimmakotsan",
          "https://vk.ru/club240383386"
        ]
      }
    </script>

    <title>StarWood — мебель на заказ</title>
    <script type="module">requestAnimationFrame(()=>import("/assets/index-Fxu5wSYi.js"))</script>
    <style data-build-critical>:root{color:#1b1714;background:#f4f1ec;font-family:Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}.precision-site{--precision-black:#0c0e0f;--precision-graphite:#171a1c;--precision-steel:#303537;--precision-paper:#e8e6df;--precision-vellum:#f3f0e8;--precision-ink:#171918;--precision-amber:#f4c95d;--precision-heading-copy-gap:24px;min-width:320px;overflow:clip;color:var(--precision-ink);background:var(--precision-paper);font-family:Arial,sans-serif}.precision-site h1,.precision-site p,.precision-site figure{margin:0}.precision-site h1{font-family:Arial,sans-serif;font-weight:600;letter-spacing:-.04em}.precision-header{position:sticky;z-index:70;top:0;display:grid;grid-template-columns:210px minmax(130px,.55fr) minmax(300px,1fr) auto;min-height:70px;align-items:center;color:#edf0ed;background:var(--precision-black);border-bottom:1px solid #464b4c}.precision-header--home{grid-template-columns:210px minmax(300px,1fr) auto}.precision-header--home .precision-header__action{grid-column:3}.precision-header__contact{display:flex;height:100%;grid-column:2;align-items:center;justify-self:end;padding:0 28px;color:#c9cdca;border-left:1px solid #343839;font-size:.84rem}.precision-header__contact:is(:hover,:focus-visible,:active),.precision-site:has(.precision-contact:target) .precision-header__contact{color:#111;background:var(--precision-amber)}.precision-header__brand{display:flex;height:100%;align-items:center;padding:8px 24px;background:var(--precision-black)}.precision-header__brand img{width:146px;height:auto;filter:brightness(1.72) saturate(.95)}.precision-header__context{padding:0 24px;color:#aeb3b1;font-size:.72rem;line-height:1.35}.precision-header__context--articles{display:flex;height:100%;align-items:center;justify-content:space-between;gap:20px;color:var(--precision-ink);background:var(--precision-vellum);border-right:1px solid #d5d0c6}.precision-header__context--articles svg{width:17px;height:17px;color:var(--precision-amber)}.precision-header__nav{display:flex;justify-content:flex-end;gap:clamp(22px,3vw,52px);padding:0 28px}.precision-header__nav a{display:flex;min-width:44px;min-height:44px;align-items:center;justify-content:center;color:#c9cdca;font-size:.84rem}.precision-header__action{display:flex;height:100%;align-items:center;justify-content:space-between;gap:26px;padding:0 26px;color:#111;background:var(--precision-amber);border-left:1px solid #c9a13e;font-size:.84rem;font-weight:700}.precision-header__action svg{width:19px;height:19px}.precision-rail{position:fixed;z-index:60;top:70px;bottom:0;left:0;display:flex;width:62px;flex-direction:column;color:#c8cdca;background:var(--precision-black);border-right:1px solid #464b4c}.precision-rail a{display:flex;min-height:0;flex:1 1 0;flex-direction:column;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid #343839}.precision-rail span{font-size:.56rem}.precision-rail strong{writing-mode:vertical-rl;transform:rotate(180deg);font-size:.68rem;font-weight:500}.precision-canvas{margin-left:62px}.precision-hero{position:relative;display:grid;min-height:calc(100svh - 70px);grid-template-columns:minmax(380px,1fr) minmax(0,1fr);grid-template-rows:1fr auto;color:#f0f2ef;background:var(--precision-black)}.precision-hero__media{position:relative;grid-column:2;grid-row:1/3;min-height:700px;overflow:hidden;background:#252929;border-left:1px solid #464b4c}.precision-hero__media:after{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,12,13,.3),transparent 34%),linear-gradient(180deg,transparent 65%,rgba(9,10,10,.44));content:"";pointer-events:none}.precision-hero__media>img{width:100%;height:100%;object-fit:cover;object-position:center bottom;transform:scale(1.26);transform-origin:center bottom}.precision-hero__copy{display:flex;min-height:560px;flex-direction:column;justify-content:flex-end;padding:clamp(58px,7vw,112px) clamp(34px,5vw,78px)}.precision-hero__copy h1{max-width:10ch;font-size:clamp(2.8rem,4.7vw,6.2rem);line-height:.91;text-wrap:balance}.precision-hero__copy>p{max-width:47ch;margin-top:var(--precision-heading-copy-gap);color:#b5bbb8;line-height:1.65}.precision-hero__actions{display:grid;max-width:500px;grid-template-columns:1fr 1fr;margin-top:40px;border:1px solid #555b5a}.precision-hero__actions a{display:flex;min-height:62px;align-items:center;justify-content:space-between;gap:18px;padding:0 18px;color:#e7eae7;font-size:.8rem}.precision-hero__actions a:first-child{color:#111;background:var(--precision-amber);border-right:1px solid #555b5a;font-weight:700}.precision-hero__actions svg{width:18px;height:18px}.precision-hero__status{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:28px;padding:24px clamp(34px,5vw,78px);color:#d7dbd8;background:var(--precision-graphite);border-top:1px solid #464b4c}.precision-hero__status>div{display:grid;gap:5px}.precision-hero__status span{color:#969c99;font-size:.58rem}.precision-hero__status strong{color:var(--precision-amber);font-size:1.12rem}.precision-hero__status p{max-width:52ch;color:#aeb4b1;font-size:.78rem;line-height:1.5}.precision-hero__status>a{display:flex;min-height:44px;align-items:center;gap:15px;padding:10px 0;border-bottom:1px solid #747a77;font-size:.78rem}@media(max-width:1120px){.precision-header{grid-template-columns:190px minmax(120px,1fr) auto}.precision-header__nav{display:none}.precision-hero{grid-template-columns:minmax(330px,1fr) minmax(0,1fr)}}@media(max-width:780px){.precision-header{grid-template-columns:minmax(150px,1fr) auto;min-height:64px}.precision-header--home{grid-template-columns:minmax(132px,1fr) auto auto}.precision-header--home .precision-header__action{grid-column:3}.precision-header__contact{grid-column:2;padding:0 12px}.precision-header__brand{border-right:0}.precision-header__brand img{width:132px}.precision-header__context{display:none}.precision-header__action{padding:0 15px}.precision-header__action svg{display:none}.precision-rail{position:sticky;z-index:60;top:64px;bottom:auto;display:flex;width:100%;height:48px;flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid #464b4c}.precision-rail a{min-height:0;flex:0 0 82px;flex-direction:row;justify-content:center;gap:5px;padding:0 3px;border-right:1px solid #343839;border-bottom:0}.precision-rail span{display:none}.precision-rail strong{writing-mode:initial;transform:none;font-size:.62rem}.precision-canvas{margin-left:0}.precision-hero{min-height:auto;grid-template-columns:1fr;grid-template-rows:auto auto auto}.precision-hero__media{grid-column:1;grid-row:1;min-height:440px;border-left:0}.precision-hero__media>img{object-position:center 70%;transform:none}.precision-hero__copy{min-height:auto;grid-row:2;padding:48px 20px}.precision-hero__copy h1{max-width:11ch;font-size:clamp(2.7rem,12vw,4.8rem)}.precision-hero__copy>p{margin-top:24px}.precision-hero__actions{grid-template-columns:1fr;margin-top:30px}.precision-hero__actions a:first-child{border-right:0;border-bottom:1px solid #555b5a}.precision-hero__status{grid-row:3;grid-template-columns:1fr auto;gap:16px;padding:22px 20px}.precision-hero__status p{grid-column:1/-1;grid-row:2}}.precision-site .precision-header--home{grid-template-columns:clamp(160px,16vw,210px) minmax(0,1fr) auto auto}.precision-site .precision-header--home .precision-header__brand{grid-column:1;grid-row:1}.precision-site .precision-header--home .precision-rail{position:static;grid-column:2;grid-row:1;width:auto;height:70px;flex-direction:row;overflow-x:auto;border-right:0;border-bottom:0;border-left:1px solid #343839}.precision-site .precision-header--home .precision-rail a{min-width:88px;flex:1 1 0;flex-direction:row;align-items:center;justify-content:center;gap:10px;padding:0 10px;border-right:1px solid #343839;border-bottom:0}.precision-site .precision-header--home .precision-rail span{display:none}.precision-site .precision-header--home .precision-rail strong{writing-mode:initial;transform:none;font-size:.72rem}.precision-site .precision-header--home .precision-header__contact{grid-column:3;grid-row:1}.precision-site .precision-header--home .precision-header__action{grid-column:4;grid-row:1}.precision-site .precision-canvas{margin-left:0}@media(max-width:780px){.precision-site .precision-header--home{min-height:112px;grid-template-columns:minmax(132px,1fr) auto auto;grid-template-rows:64px 48px}.precision-site .precision-header--home .precision-rail{grid-column:1/-1;grid-row:2;width:100%;height:48px;flex-direction:row;border-top:1px solid #343839;border-left:0}.precision-site .precision-header--home .precision-rail a{min-width:96px;flex:0 0 96px;padding:0 6px}.precision-site .precision-header--home .precision-header__contact{grid-column:2}.precision-site .precision-header--home .precision-header__action{grid-column:3}}
</style>
    <link rel="preload" as="style" href="/assets/index-Ck55NTdE.css" onload="this.onload=null;this.rel='stylesheet'">
    <noscript><link rel="stylesheet" href="/assets/index-Ck55NTdE.css"></noscript>
  </head>
  <body>
    <div id="root" data-prerendered-shell><link rel="preload" as="image" href="/assets/brand/starwood-logo.png"/><link rel="preload" as="image" href="/assets/images/portfolio/white-compact-kitchen.webp" fetchPriority="high"/><main class="precision-site"><header class="precision-header precision-header--home"><a class="precision-header__brand" href="#top" aria-label="StarWood, к началу страницы"><img src="/assets/brand/starwood-logo.png" alt="StarWood — Мебель Интерьер Декор" width="167" height="45"/></a><nav class="precision-rail" aria-label="Разделы сайта"><a href="#system"><span>01</span><strong>Система</strong></a><a href="#projects"><span>02</span><strong>Проекты</strong></a><a href="#team"><span>03</span><strong>Команда</strong></a><a href="/articles/"><span>04</span><strong>Статьи</strong></a></nav><a class="precision-header__contact" href="#contact">Контакты</a><a class="precision-header__action" href="#estimate" data-track="header_estimate">Рассчитать <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 256 256" aria-hidden="true"><path d="M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z"></path></svg></a></header><div class="precision-canvas"><section class="precision-hero" id="top" aria-labelledby="precision-title"><figure class="precision-hero__media"><img src="/assets/images/portfolio/white-compact-kitchen.webp" alt="Реализованная компактная белая кухня StarWood со встроенной техникой и серой рабочей зоной" width="960" height="1237" fetchPriority="high"/></figure><div class="precision-hero__copy"><h1 id="precision-title">Мебель как точная архитектурная система</h1><p>Соединяем пространство, хранение, материалы, инженерные ограничения и монтаж в одном проекте.</p><div class="precision-hero__actions"><a href="#estimate" data-track="hero_estimate">Получить ориентир <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 256 256" aria-hidden="true"><path d="M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z"></path></svg></a><a href="#system">Разобрать систему <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 256 256" aria-hidden="true"><path d="M205.66,149.66l-72,72a8,8,0,0,1-11.32,0l-72-72a8,8,0,0,1,11.32-11.32L120,196.69V40a8,8,0,0,1,16,0V196.69l58.34-58.35a8,8,0,0,1,11.32,11.32Z"></path></svg></a></div></div><div class="precision-hero__status" aria-label="Условия начала проекта"><div><span>Замер</span><strong>5 000 ₽</strong></div><p>Профессиональный замер с лазерным оборудованием. При оформлении заказа сумма полностью засчитывается в его стоимость.</p><a href="#contact">Обсудить <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 256 256" aria-hidden="true"><path d="M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z"></path></svg></a></div></section></div></main></div>
  </body>
</html>