Фирменный футер

Футер из-под страницы + контурная лента + магнитная кнопка + бейдж «наверх» + вордмарк-призрак.

Скрольте внутри рамки до конца.

Страница сайта

Скрольте внутри рамки до конца — фирменный футер уже лежит под страницей.

Код

<!-- КОМБО = футер из-под страницы + контурная лента
     + магнитная кнопка + бейдж «наверх» + вордмарк-призрак -->

<main class="page">…контент…</main>   <!-- z1, bg, margin-bottom = высота футера -->
<footer class="foot">                 <!-- fixed bottom, z0 -->
  <div class="marquee">…НАПИШИТЕ НАМ…</div>   <!-- контурные буквы -->
  <div class="mid">
    <button class="magnetic"><span>Обсудить проект</span></button>
    <a class="badge">…НАВЕРХ по кругу… ↑</a>
  </div>
  <p class="word">БРЕНД</p>           <!-- гигант, opacity .07 -->
</footer>

<!-- механики: «Футер из-под страницы» + «Бегущая лента»
     + «Магнитная кнопка» + «Текст по кругу» -->

Промпт для ИИ

Собери фирменный футер из связки эффектов: (1) футер лежит ПОД страницей (fixed bottom z0; контенту z1, фон и margin-bottom = высота футера) и открывается при доскролле; (2) внутри сверху — бегущая лента «напишите нам» контурными буквами (text-stroke, дубль контента, translateX(-50%)); (3) по центру — магнитная кнопка (тянется за курсором 0.3/0.1) и вращающийся бейдж «наверх» со стрелкой (SVG textPath, клик = scrollTo top); (4) снизу — гигантский вордмарк-призрак (opacity 0.07, вес 800). Тёмный фон, всё отключается на тачах.