Hero: обновил текст, добавил marquee-секцию с бегущей строкой

src/pages/index.html

@@ -20,19 +20,11 @@
           <div class="hero__text">
             <p class="hero__eyebrow">Николай Мамадаев</p>
             <h1 id="hero-title" class="hero__title">
-              Создаю интерфейсы для продуктов
+              Укрощаю сложные интерфейсы
               <span class="hero-rotator" data-hero-rotator aria-label="web, mobile, desktop">
                 <span class="hero-rotator__word" data-hero-rotator-word>web</span>
               </span>
             </h1>
-            <ul class="hero__tags" aria-label="Ключевые компетенции">
-              <li class="hero__tag">UX/UI</li>
-              <li class="hero__tag">10+ лет опыта</li>
-              <li class="hero__tag">Продуктовое мышление</li>
-              <li class="hero__tag">Дизайн-системы</li>
-              <li class="hero__tag">Менторство и наставничество</li>
-              <li class="hero__tag">AI инструменты и вайбкодинг</li>
-            </ul>
             <div class="hero__actions">
               <a class="btn btn--primary btn--flat" href="#contact"><span class="btn__icon" aria-hidden="true"></span><span>Написать мне</span></a>
               <a class="btn btn--secondary btn--flat" href="#projects"><span class="btn__icon" aria-hidden="true"></span><span>Смотреть портфолио</span></a>
@@ -76,8 +68,206 @@
         </div>
       </section>
 
+      <section class="marquee" aria-hidden="true">
+        <div class="marquee__track">
+          <div class="marquee__content">
+            <span class="hero__tag">UX/UI</span>
+            <span class="hero__tag">10+ лет опыта</span>
+            <span class="hero__tag">Продуктовое мышление</span>
+            <span class="hero__tag">Дизайн-системы</span>
+            <span class="hero__tag">Менторство и наставничество</span>
+            <span class="hero__tag">AI инструменты и вайбкодинг</span>
+          </div>
+          <div class="marquee__content" aria-hidden="true">
+            <span class="hero__tag">UX/UI</span>
+            <span class="hero__tag">10+ лет опыта</span>
+            <span class="hero__tag">Продуктовое мышление</span>
+            <span class="hero__tag">Дизайн-системы</span>
+            <span class="hero__tag">Менторство и наставничество</span>
+            <span class="hero__tag">AI инструменты и вайбкодинг</span>
+          </div>
+          <div class="marquee__content" aria-hidden="true">
+            <span class="hero__tag">UX/UI</span>
+            <span class="hero__tag">10+ лет опыта</span>
+            <span class="hero__tag">Продуктовое мышление</span>
+            <span class="hero__tag">Дизайн-системы</span>
+            <span class="hero__tag">Менторство и наставничество</span>
+            <span class="hero__tag">AI инструменты и вайбкодинг</span>
+          </div>
+        </div>
+      </section>
+
       {{> projects-section-mp}}{{> projects-section}}
-      {{> mini-projects-section}}
+
+      <section id="experience" class="section section--surface" aria-labelledby="experience-title" data-reveal>
+        <div class="section__inner">
+          <h2 id="experience-title" class="section__title">Опыт работы</h2>
+          <ol id="experience-list" class="experience-grid">
+            <li class="experience-grid__item">
+              <div class="exp-card" data-exp-order="1">
+                <div class="exp-card__time-row">
+                  <span class="exp-card__period">Январь 2026 — Настоящее время</span>
+                </div>
+                <h3 class="exp-card__company">
+                  Астратек
+                </h3>
+                <p class="exp-card__desc">
+                  Разработка и поддержка цифровых систем и инструментов для повышения эффективности сотрудников.
+                </p>
+              </div>
+            </li>
+            <li class="experience-grid__item">
+              <a
+                class="exp-card exp-card--link"
+                href="https://primo-rpa.com/"
+                target="_blank"
+                rel="noopener noreferrer"
+                data-exp-order="2"
+                aria-label="Primo RPA — открыть сайт компании"
+              >
+                <div class="exp-card__time-row">
+                  <span class="exp-card__period">Февраль 2023 — Ноябрь 2025</span>
+                  <span class="exp-card__sep" aria-hidden="true">·</span>
+                  <span class="exp-card__duration">2 года 10 месяцев</span>
+                </div>
+                <h3 class="exp-card__company">
+                  Primo RPA
+                  <span class="exp-card__ext" aria-hidden="true"></span>
+                </h3>
+                <p class="exp-card__desc">
+                  Платформа для автоматизации бизнес‑процессов с комплексом продуктов: студией для создания роботов, оркестратором для их управления, Idea Hub для отбора процессов и AI‑серверами для работы с моделями и распознаванием данных.
+                </p>
+              </a>
+            </li>
+            <li class="experience-grid__item">
+              <a
+                class="exp-card exp-card--link"
+                href="https://icons8.com/lunacy"
+                target="_blank"
+                rel="noopener noreferrer"
+                data-exp-order="3"
+                aria-label="Icons8 (Lunacy) — открыть сайт компании"
+              >
+                <div class="exp-card__time-row">
+                  <span class="exp-card__period">Июль 2022 — Январь 2023</span>
+                  <span class="exp-card__sep" aria-hidden="true">·</span>
+                  <span class="exp-card__duration">7 месяцев</span>
+                </div>
+                <h3 class="exp-card__company">
+                  Icons8 (Lunacy)
+                  <span class="exp-card__ext" aria-hidden="true"></span>
+                </h3>
+                <p class="exp-card__desc">
+                  Векторный редактор для UI/UX и веб‑дизайна с поддержкой Sketch‑файлов, встроенной библиотекой иконок/фото/иллюстраций и набором AI‑инструментов для ускорения рутинных задач.
+                </p>
+              </a>
+            </li>
+            <li class="experience-grid__item">
+              <a
+                class="exp-card exp-card--link"
+                href="https://manu.co/"
+                target="_blank"
+                rel="noopener noreferrer"
+                data-exp-order="4"
+                aria-label="MANU Video Game Maker — открыть сайт компании"
+              >
+                <div class="exp-card__time-row">
+                  <span class="exp-card__period">Январь 2019 — Декабрь 2021</span>
+                  <span class="exp-card__sep" aria-hidden="true">·</span>
+                  <span class="exp-card__duration">3 года</span>
+                </div>
+                <h3 class="exp-card__company">
+                  MANU Video Game Maker
+                  <span class="exp-card__ext" aria-hidden="true"></span>
+                </h3>
+                <p class="exp-card__desc">
+                  No-code/low-code платформа для создания 2D и 3D игр без необходимости писать код.
+                </p>
+              </a>
+            </li>
+            <li class="experience-grid__item" data-exp-extra hidden>
+              <a
+                class="exp-card exp-card--link"
+                href="https://www.orioninnovation.com/"
+                target="_blank"
+                rel="noopener noreferrer"
+                data-exp-order="6"
+                aria-label="Orion Innovation (ex MERA) — открыть сайт компании"
+              >
+                <div class="exp-card__time-row">
+                  <span class="exp-card__period">Июль 2016 — Октябрь 2017</span>
+                  <span class="exp-card__sep" aria-hidden="true">·</span>
+                  <span class="exp-card__duration">1 год 4 месяца</span>
+                </div>
+                <h3 class="exp-card__company">
+                  Orion Innovation (ex MERA)
+                  <span class="exp-card__ext" aria-hidden="true"></span>
+                </h3>
+                <p class="exp-card__desc">
+                  Международная технологическая компания, специализирующаяся на заказной разработке и инженерных решениях для крупных корпоративных клиентов.
+                </p>
+              </a>
+            </li>
+            <li class="experience-grid__item" data-exp-extra hidden>
+              <a
+                class="exp-card exp-card--link"
+                href="https://aegees.com/"
+                target="_blank"
+                rel="noopener noreferrer"
+                data-exp-order="5"
+                aria-label="Aegees — открыть сайт компании"
+              >
+                <div class="exp-card__time-row">
+                  <span class="exp-card__period">Октябрь 2017 — Декабрь 2018</span>
+                  <span class="exp-card__sep" aria-hidden="true">·</span>
+                  <span class="exp-card__duration">1 год 3 месяца</span>
+                </div>
+                <h3 class="exp-card__company">
+                  Aegees
+                  <span class="exp-card__ext" aria-hidden="true"></span>
+                </h3>
+                <p class="exp-card__desc">
+                  Защищённый мессенджер с end‑to‑end шифрованием и отсутствием хранения сообщений на серверах, сфокусированный на максимальной приватности пользователей.
+                </p>
+              </a>
+            </li>
+            <li class="experience-grid__item" data-exp-extra hidden>
+              <a
+                class="exp-card exp-card--link"
+                href="https://spaceshipapps.ru/"
+                target="_blank"
+                rel="noopener noreferrer"
+                data-exp-order="7"
+                aria-label="SpaceshipApps — открыть сайт компании"
+              >
+                <div class="exp-card__time-row">
+                  <span class="exp-card__period">Июнь 2015 — Июнь 2016</span>
+                  <span class="exp-card__sep" aria-hidden="true">·</span>
+                  <span class="exp-card__duration">1 год 1 месяц</span>
+                </div>
+                <h3 class="exp-card__company">
+                  SpaceshipApps
+                  <span class="exp-card__ext" aria-hidden="true"></span>
+                </h3>
+                <p class="exp-card__desc">
+                  Студия разработки мобильных и веб‑приложений под ключ для бизнеса и предпринимателей.
+                </p>
+              </a>
+            </li>
+          </ol>
+          <div class="experience__actions">
+            <button
+              type="button"
+              class="btn btn--secondary btn--flat experience__toggle"
+              data-exp-toggle
+              aria-expanded="false"
+              aria-controls="experience-list"
+            >
+              Показать все
+            </button>
+          </div>
+        </div>
+      </section>
 
       <section id="skills" class="section section--tight" aria-labelledby="skills-title" data-reveal>
         <div class="section__inner">
@@ -377,175 +567,7 @@
         </div>
       </section>
 
-      <section id="experience" class="section section--surface" aria-labelledby="experience-title" data-reveal>
-        <div class="section__inner">
-          <h2 id="experience-title" class="section__title">Опыт работы</h2>
-          <ol id="experience-list" class="experience-grid">
-            <li class="experience-grid__item">
-              <div class="exp-card" data-exp-order="1">
-                <div class="exp-card__time-row">
-                  <span class="exp-card__period">Январь 2026 — Настоящее время</span>
-                </div>
-                <h3 class="exp-card__company">
-                  Астратек
-                </h3>
-                <p class="exp-card__desc">
-                  Разработка и поддержка цифровых систем и инструментов для повышения эффективности сотрудников.
-                </p>
-              </div>
-            </li>
-            <li class="experience-grid__item">
-              <a
-                class="exp-card exp-card--link"
-                href="https://primo-rpa.com/"
-                target="_blank"
-                rel="noopener noreferrer"
-                data-exp-order="2"
-                aria-label="Primo RPA — открыть сайт компании"
-              >
-                <div class="exp-card__time-row">
-                  <span class="exp-card__period">Февраль 2023 — Ноябрь 2025</span>
-                  <span class="exp-card__sep" aria-hidden="true">·</span>
-                  <span class="exp-card__duration">2 года 10 месяцев</span>
-                </div>
-                <h3 class="exp-card__company">
-                  Primo RPA
-                  <span class="exp-card__ext" aria-hidden="true"></span>
-                </h3>
-                <p class="exp-card__desc">
-                  Платформа для автоматизации бизнес‑процессов с комплексом продуктов: студией для создания роботов, оркестратором для их управления, Idea Hub для отбора процессов и AI‑серверами для работы с моделями и распознаванием данных.
-                </p>
-              </a>
-            </li>
-            <li class="experience-grid__item">
-              <a
-                class="exp-card exp-card--link"
-                href="https://icons8.com/lunacy"
-                target="_blank"
-                rel="noopener noreferrer"
-                data-exp-order="3"
-                aria-label="Icons8 (Lunacy) — открыть сайт компании"
-              >
-                <div class="exp-card__time-row">
-                  <span class="exp-card__period">Июль 2022 — Январь 2023</span>
-                  <span class="exp-card__sep" aria-hidden="true">·</span>
-                  <span class="exp-card__duration">7 месяцев</span>
-                </div>
-                <h3 class="exp-card__company">
-                  Icons8 (Lunacy)
-                  <span class="exp-card__ext" aria-hidden="true"></span>
-                </h3>
-                <p class="exp-card__desc">
-                  Векторный редактор для UI/UX и веб‑дизайна с поддержкой Sketch‑файлов, встроенной библиотекой иконок/фото/иллюстраций и набором AI‑инструментов для ускорения рутинных задач.
-                </p>
-              </a>
-            </li>
-            <li class="experience-grid__item">
-              <a
-                class="exp-card exp-card--link"
-                href="https://manu.co/"
-                target="_blank"
-                rel="noopener noreferrer"
-                data-exp-order="4"
-                aria-label="MANU Video Game Maker — открыть сайт компании"
-              >
-                <div class="exp-card__time-row">
-                  <span class="exp-card__period">Январь 2019 — Декабрь 2021</span>
-                  <span class="exp-card__sep" aria-hidden="true">·</span>
-                  <span class="exp-card__duration">3 года</span>
-                </div>
-                <h3 class="exp-card__company">
-                  MANU Video Game Maker
-                  <span class="exp-card__ext" aria-hidden="true"></span>
-                </h3>
-                <p class="exp-card__desc">
-                  No-code/low-code платформа для создания 2D и 3D игр без необходимости писать код.
-                </p>
-              </a>
-            </li>
-            <li class="experience-grid__item" data-exp-extra hidden>
-              <a
-                class="exp-card exp-card--link"
-                href="https://www.orioninnovation.com/"
-                target="_blank"
-                rel="noopener noreferrer"
-                data-exp-order="6"
-                aria-label="Orion Innovation (ex MERA) — открыть сайт компании"
-              >
-                <div class="exp-card__time-row">
-                  <span class="exp-card__period">Июль 2016 — Октябрь 2017</span>
-                  <span class="exp-card__sep" aria-hidden="true">·</span>
-                  <span class="exp-card__duration">1 год 4 месяца</span>
-                </div>
-                <h3 class="exp-card__company">
-                  Orion Innovation (ex MERA)
-                  <span class="exp-card__ext" aria-hidden="true"></span>
-                </h3>
-                <p class="exp-card__desc">
-                  Международная технологическая компания, специализирующаяся на заказной разработке и инженерных решениях для крупных корпоративных клиентов.
-                </p>
-              </a>
-            </li>
-            <li class="experience-grid__item" data-exp-extra hidden>
-              <a
-                class="exp-card exp-card--link"
-                href="https://aegees.com/"
-                target="_blank"
-                rel="noopener noreferrer"
-                data-exp-order="5"
-                aria-label="Aegees — открыть сайт компании"
-              >
-                <div class="exp-card__time-row">
-                  <span class="exp-card__period">Октябрь 2017 — Декабрь 2018</span>
-                  <span class="exp-card__sep" aria-hidden="true">·</span>
-                  <span class="exp-card__duration">1 год 3 месяца</span>
-                </div>
-                <h3 class="exp-card__company">
-                  Aegees
-                  <span class="exp-card__ext" aria-hidden="true"></span>
-                </h3>
-                <p class="exp-card__desc">
-                  Защищённый мессенджер с end‑to‑end шифрованием и отсутствием хранения сообщений на серверах, сфокусированный на максимальной приватности пользователей.
-                </p>
-              </a>
-            </li>
-            <li class="experience-grid__item" data-exp-extra hidden>
-              <a
-                class="exp-card exp-card--link"
-                href="https://spaceshipapps.ru/"
-                target="_blank"
-                rel="noopener noreferrer"
-                data-exp-order="7"
-                aria-label="SpaceshipApps — открыть сайт компании"
-              >
-                <div class="exp-card__time-row">
-                  <span class="exp-card__period">Июнь 2015 — Июнь 2016</span>
-                  <span class="exp-card__sep" aria-hidden="true">·</span>
-                  <span class="exp-card__duration">1 год 1 месяц</span>
-                </div>
-                <h3 class="exp-card__company">
-                  SpaceshipApps
-                  <span class="exp-card__ext" aria-hidden="true"></span>
-                </h3>
-                <p class="exp-card__desc">
-                  Студия разработки мобильных и веб‑приложений под ключ для бизнеса и предпринимателей.
-                </p>
-              </a>
-            </li>
-          </ol>
-          <div class="experience__actions">
-            <button
-              type="button"
-              class="btn btn--secondary btn--flat experience__toggle"
-              data-exp-toggle
-              aria-expanded="false"
-              aria-controls="experience-list"
-            >
-              Показать все
-            </button>
-          </div>
-        </div>
-      </section>
+      {{> mini-projects-section}}
 
 {{> contact-section}}
 {{> footer-spacer}}