{/* ratio плашек подобран под их silhouette-viewBox (чемодан 100×75, портфель 100×120), чтобы силуэты заполняли кадр и стояли на полке. */}

{/* линия-полка: подчёркивает, что оба изделия на одной поверхности */}

Чемоданы · Сундуки · Портфели · Рюкзаки

); } /* Large equal-weight card for the two-direction selector. */ function DirectionCard({ kicker, title, text, cta, plate, tones, onClick, m }) { const [hover, setHover] = useState(false); const Plate = plate === "bag" ? BagPlate : CasePlate; return ( ); } /* Alternating image/text feature block. Both product directions get the identical treatment so neither feels secondary. `reverse` swaps the columns on desktop only; on tablet/mobile the visual always leads. */ function FeatureSection({ kicker, title, text, cta, onClick, visualKind, tones, caption, reverse, background, m, tab }) { const Plate = visualKind === "bag" ? BagPlate : visualKind === "trunk" ? TrunkPlate : CasePlate; const [hover, setHover] = useState(false); const desktopReverse = !tab && reverse; const visual = (

setHover(true)} onMouseLeave={() => setHover(false)} >

{caption}

); const copy = (

{kicker}

); return (

{visual} {copy}

); } /* Compact collection card. */ function CollectionCard({ item, m }) { const [hover, setHover] = useState(false); const Plate = item.plate === "bag" ? BagPlate : item.plate === "trunk" ? TrunkPlate : CasePlate; return ( ); } /* Buttons used on the dark final-CTA band (GhostButton inverts wrong on dark). */ function DarkCTAButton({ children, onClick, filled }) { const [hover, setHover] = useState(false); const base = { all: "unset", cursor: "pointer", fontFamily: "'Manrope', sans-serif", fontSize: 12, letterSpacing: "0.22em", textTransform: "uppercase", padding: "16px 26px", border: "1px solid var(--cream)", transition: "background 200ms ease, color 200ms ease", }; const style = filled ? { ...base, background: hover ? "transparent" : "var(--cream)", color: hover ? "var(--cream)" : "var(--ink)" } : { ...base, background: hover ? "var(--cream)" : "transparent", color: hover ? "var(--ink)" : "var(--cream)" }; return ( ); } /* ========================================================= Cards ========================================================= */ function EnsembleCard({ item, onClick }) { const m = useIsMobile(); const base = m ? 82 : 120; return ( ); } /* ========================================================= Generic product card (used for trunks, rounds) ========================================================= */ function ProductCard({ item, Plate, ratio = "4/5", onClick }) { const [hover, setHover] = useState(false); return ( ); } /* ========================================================= TRUNKS catalogue ========================================================= */ function TrunksPage({ setRoute }) { const m = useIsMobile(); return (

От большого к малому

{trunks.length} ИЗДЕЛИЙ

{trunks.map(t => setRoute("contact")} />)}

Сундук под ваш интерьер -
в любом размере и тоне.

Подберём размер под конкретное место в комнате. Срок изготовления - 24–40 дней.

setRoute("contact")} style={{ background: "var(--ink)", color: "var(--cream)" }}> Заказать индивидуально

); } /* ========================================================= ROUNDS catalogue ========================================================= */ function RoundsPage({ setRoute }) { const m = useIsMobile(); return (

От Ø 20 до Ø 48 см

{rounds.length} ИЗДЕЛИЙ

{rounds.map(r => setRoute("contact")} />)}

Круг произвольного
диаметра под заказ.

Сделаем шляпную коробку, чехол для ваз или декоративный футляр любого размера.

setRoute("contact")} style={{ background: "var(--ink)", color: "var(--cream)" }}> Заказать индивидуально

); } /* ========================================================= SHOE CABINET ========================================================= */ function ShoeCabinetPage({ setRoute }) { const item = shoecabinets[0]; const m = useIsMobile(); return (

Стандарт {item.dims} см

Одна модель · любой размер

{item.name}

Тот же каркас и кожа, что и на чемоданах. Полки из фанеры, обшитые кожей, металлические ручки. Делаем под высоту вашей прихожей и нужное количество рядов.

Размер

{item.dims} см

Цена

{item.price}

setRoute("contact")} style={{ background: "var(--ink)", color: "var(--cream)" }}> Заказать индивидуально

); } /* ========================================================= ENSEMBLES ========================================================= */ function EnsemblesPage({ setRoute }) { const m = useIsMobile(); return (

{ensembles.map(e => setRoute("ensemble", e.id)} />)}

); } /* ========================================================= ENSEMBLE DETAIL ========================================================= */ function EnsembleDetailPage({ id, setRoute }) { const item = ensembles.find(e => e.id === id) || ensembles[0]; const mainTone = item.tones[0]; const m = useIsMobile(); const mainBase = m ? 110 : 180; return (

setRoute("ensembles")}>← Все комплекты

{/* Левая колонка - главное фото + миниатюры (placeholders) */}

{item.dims.map((_, i) => { const scales = [1, 0.86, 0.72, 0.6]; const s = scales[i] ?? 0.5; const body = item.tones[i] ?? item.tones[0]; return (

); })}

Фото изделия - от Royal Harmony

{/* Сетка под дополнительные фото / детали */}

{[0, 1, 2].map(i => (

))}

{/* Правая колонка - инфо */}

{item.pieces} предмета · комплект

{item.name}

{item.note}

Размеры

{item.dims.map((d, i) =>

{d} см

)}

Цена

{item.price}

Тона

{item.tones.map((t, i) => (

))}

Состав

Веганская кожа, многослойный каркас,
металлическая фурнитура, ручная отстрочка.

setRoute("contact")} style={{ background: "var(--ink)", color: "var(--cream)" }}> Заказать комплект setRoute("contact")}>Изменить размеры или тон

Подробное описание, фотографии и комплектация - на стороне Royal Harmony. Здесь сейчас черновая раскладка для будущего наполнения.

); } /* ========================================================= BAGS catalogue ========================================================= */ function BagsPage({ filter, setRoute }) { const filtered = useMemo(() => filter === "all" ? bags : bags.filter(b => b.audience === filter), [filter]); const audienceCopy = { all: { kicker: "Школьная коллекция", title: "Ранцы, портфели,
рюкзаки и сумки.", side: "Полный школьный каталог: ткани, кожа, светоотражающие элементы, ортопедическая спинка." }, gentlemen: { kicker: "Для джентльменов", title: "Юным путешественникам
и будущим капитанам.", side: "Сдержанные тона, металлическая фурнитура, прочные швы." }, princesses: { kicker: "Для принцесс", title: "Маленьким придворным
дамам и будущим поэтессам.", side: "Пастельная кожа, прочные застёжки, потайное отделение для маленьких секретов." }, }; const c = audienceCopy[filter] || audienceCopy.all; const m = useIsMobile(); return (

{[ ["all", "Смешанный каталог"], ["gentlemen", "Для джентльменов"], ["princesses", "Для принцесс"], ].map(([k, l]) => ( ))}

{filtered.length} МОДЕЛЕЙ

{filtered.map(b => )}

); } function BagCard({ item }) { const [hover, setHover] = useState(false); return (

setHover(true)} onMouseLeave={() => setHover(false)} style={{ display: "block", width: "100%", textAlign: "left" }}>

{item.kind} · {item.age}

{item.name}

{item.dims} см {item.price}

); } /* ========================================================= CUSTOM order ========================================================= */ function CustomPage() { const [form, setForm] = useState({ type: "case", width: 80, height: 46, depth: 21, leather: "cognac", hardware: "gold-gloss", interior: "leather", monogram: "", name: "", contact: "", note: "", }); const [sent, setSent] = useState(false); const update = (k, v) => setForm(f => ({ ...f, [k]: v })); const leathers = [ ["cognac", "Коньяк", palette.cognac], ["ink", "Графит", palette.storm], ["oxblood", "Кардинал", palette.oxblood], ["forest", "Хвоя", palette.forest], ["bone", "Слоновая кость", palette.bone], ["rose", "Пудра", palette.blush], ]; const hardwares = [ ["gold-gloss", "Золото · глянец", "#B8924A"], ["gold-brushed", "Золото · тёртое", "#8C6F45"], ["silver-gloss", "Серебро · глянец", "#CFCFD3"], ["silver-brushed","Серебро · тёртое", "#9A9A9E"], ]; const selectedLeather = leathers.find(l => l[0] === form.leather)[2]; const accentColor = (hardwares.find(h => h[0] === form.hardware) || hardwares[0])[2]; const m = useIsMobile(); return (

{/* preview */}

{[ ["Ширина", form.width + " см"], ["Высота", form.height + " см"], ["Глубина", form.depth + " см"], ].map(([l, v], i) => (

{l}

{v}

))}

Превью в реальном масштабе соотношений. Финальный образец - на утверждение в мастерской.

{/* form */}

update("type", "case")}>Чемодан update("type", "ensemble")}>Комплект update("width", v)} /> update("height", v)} /> update("depth", v)} />

Стандарт: 90×56×22, 80×46×21, 70×42×19, 55×36×16

{leathers.map(([k, l, c]) => ( ))}

{hardwares.map(([k, l]) => update("hardware", k)}>{l})} update("interior", "leather")}>Кожа update("monogram", e.target.value)} placeholder="М К" style={inputStyle} /> update("name", e.target.value)} placeholder="Имя" style={inputStyle} /> update("contact", e.target.value)} placeholder="Телефон или e-mail" style={inputStyle} />

update("note", e.target.value)}    placeholder="Пожелания, особый тон, дата подарка…" rows={4} style={{ ...inputStyle, resize: "vertical" }} />
            </FormGroup>

<div style={{ marginTop: 24, display: "flex", alignItems: "center", gap: 20 }}>
              <button onClick={() => setSent(true)} style={{
                all: "unset", cursor: "pointer",
                fontFamily: "'Manrope', sans-serif", fontSize: 12, letterSpacing: "0.22em",
                textTransform: "uppercase", color: "var(--cream)", background: "var(--ink)",
                padding: "18px 30px",
              }}>
                Отправить заявку
              </button>
              {sent && (
                <span style={{ fontFamily: "'Manrope', sans-serif", fontSize: 13, color: "var(--ink)" }}>
                  Заявка принята. Мастер свяжется в течение дня.
                </span>
              )}
            </div>
          </div>
        </div>
      </Container>
    </div>
  );
}

const inputStyle = {
  all: "unset", display: "block", width: "100%", boxSizing: "border-box",
  fontFamily: "'Manrope', sans-serif", fontSize: 14, color: "var(--ink)",
  borderBottom: "1px solid rgba(0,0,0,0.2)", padding: "12px 0", marginTop: 8,
};

/* =========================================================
   ABOUT
   ========================================================= */
function AboutPage({ setRoute }) {
  const m = useIsMobile();

const timeline = [
    ["2001", "Начало", "Открыли маленькую мастерскую. Первые годы - копили опыт, отбирали кожу и фурнитуру, собирали команду мастеров."],
    ["2008", "Своя школа", "Сложился собственный почерк: дорожный сундук, ручная сборка, прочные швы. Каждый мастер отвечает за свою часть работы."],
    ["2014", "Первые клиенты", "О нас начали узнавать. Появились первые постоянные заказчики и первые подарочные комплекты."],
    ["2019", "За пределами страны", "Постоянные клиенты и заказы из разных стран. Добавили интерьерную и школьную коллекции."],
    ["2025", "Индивидуальные работы", "Сложные индивидуальные заказы стали главным направлением. Делаем предметы, которые остаются в семье как наследие."],
  ];

return (
    <div style={{ paddingTop: m ? 96 : 140, paddingBottom: m ? 80 : 140 }}>
      <Container>
        <SectionHeading
          kicker="О нас"
          title="Больше двадцати лет<br/><em>одного ремесла</em>."
          side="Маленькая мастерская. Один мастер - одна часть работы. Без потоков, без спешки - с 2001 года."
        />
        <div style={{ display: "grid", gridTemplateColumns: m ? "1fr" : "1fr 1.2fr", gap: m ? 40 : 80 }}>
          <div style={{ maxWidth: m ? 300 : "none", margin: m ? "0 auto" : 0, width: "100%" }}>
            <CasePlate id="about" tones={[palette.cognac, palette.brass, palette.bone]} ratio="3/4" label="Royal Harmony · Plate 00" />
            <div style={{ marginTop: 14, fontFamily: "'JetBrains Mono', ui-monospace, monospace", fontSize: 11, letterSpacing: "0.08em", color: "rgba(0,0,0,0.5)", textTransform: "uppercase" }}>
              Royal Harmony · С 2001 года
            </div>
          </div>
          <div>
            <p style={{ fontFamily: "'Cormorant Garamond', serif", fontStyle: "italic", fontSize: 26, lineHeight: 1.35, color: "var(--ink)", margin: 0 }}>
              «Мы делаем не чемодан на один сезон. Мы делаем
              предмет, который десять лет в дороге и дома и остаётся
              в семье как наследие».
            </p>
            <div style={{ marginTop: 18, fontFamily: "'Manrope', sans-serif", fontSize: 12, letterSpacing: "0.18em", textTransform: "uppercase", color: "rgba(0,0,0,0.55)" }}>
              - Мастер мастерской
            </div>

<Eyebrow>Как мы росли</Eyebrow>

<div style={{ marginTop: 28 }}>
              {timeline.map(([y, head, body], i) => (
                <div
                  key={i}
                  style={{
                    display: "grid",
                    gridTemplateColumns: m ? "64px 1fr" : "96px 1fr",
                    gap: m ? 18 : 28,
                    paddingBottom: i === timeline.length - 1 ? 0 : (m ? 26 : 30),
                    marginBottom: i === timeline.length - 1 ? 0 : (m ? 26 : 30),
                    borderBottom: i === timeline.length - 1 ? "none" : "1px solid rgba(0,0,0,0.12)",
                  }}
                >
                  <div style={{ fontFamily: "'Cormorant Garamond', serif", fontStyle: "italic", fontSize: m ? 30 : 40, lineHeight: 1, color: "var(--ink)" }}>{y}</div>
                  <div>
                    <div style={{ fontFamily: "'Manrope', sans-serif", fontSize: 12, letterSpacing: "0.16em", textTransform: "uppercase", color: "var(--ink)", marginBottom: 8 }}>{head}</div>
                    <p style={{ fontFamily: "'Manrope', sans-serif", fontSize: 13.5, lineHeight: 1.65, color: "rgba(0,0,0,0.6)", margin: 0 }}
                       dangerouslySetInnerHTML={{ __html: body }} />
                  </div>
                </div>
              ))}
            </div>

<div style={{ marginTop: 44 }}>
              <GhostButton onClick={() => setRoute("contact")}>Связаться с нами</GhostButton>
            </div>
          </div>
        </div>
      </Container>
    </div>
  );
}

/* =========================================================
   CONTACT
   ========================================================= */
function ContactPage() {
  const m = useIsMobile();
  return (
    <div style={{ paddingTop: m ? 96 : 140, paddingBottom: m ? 80 : 140 }}>
      <Container>
        <SectionHeading
          kicker="Контакты"
          title="Напишите -<br/><em>и Royal Harmony ответит в течение дня</em>."
          side="Мы не работаем через колл-центр. На письма и звонки отвечаем лично."
        />
        <div style={{ display: "grid", gridTemplateColumns: m ? "1fr" : "1fr 1fr 1fr", gap: m ? 32 : 48, borderTop: "1px solid rgba(0,0,0,0.12)", paddingTop: m ? 32 : 48 }}>
          {[
            ["Почта", "royalharmony@mail.ru"],
            ["Чемоданы", "+7 (928) 058-58-88<br/>@RoyalHarmonyy · Telegram<br/>@Royal.Harmonyy · Instagram"],
            ["Сумки", "+7 (777) 777-77-77<br/>@mesami.shop · Instagram"],
          ].map(([k, v], i) => (
            <div key={i}>
              <Eyebrow>{k}</Eyebrow>
              <div style={{ fontFamily: "'Cormorant Garamond', serif", fontStyle: "italic", fontSize: 26, lineHeight: 1.3, marginTop: 14, color: "var(--ink)" }}
                   dangerouslySetInnerHTML={{ __html: v }} />
            </div>
          ))}
        </div>
      </Container>
    </div>
  );
}

/* =========================================================
   PRIVACY POLICY
   Политика обработки персональных данных (152-ФЗ).
   Отражает реальный сбор данных на сайте: регистрация по почте/паролю,
   вход через Google, имя в кабинете, формы обратной связи и заказа,
   письма для сброса пароля. Тексты - без длинного тире.
   ========================================================= */
function PrivacyPage({ setRoute }) {
  const m = useIsMobile();

const Section = ({ n, title, children }) => (
    <section style={{ display: "flex", gap: m ? 16 : 28, alignItems: "flex-start", padding: m ? "28px 0" : "36px 0", borderTop: "1px solid rgba(0,0,0,0.12)" }}>
      <div style={num}>{n}</div>
      <div style={{ flex: 1 }}>
        <h2 style={sectionTitle}>{title}</h2>
        {children}
      </div>
    </section>
  );

return (
    <div style={{ paddingTop: m ? 96 : 140, paddingBottom: m ? 80 : 140 }}>
      <Container>
        <SectionHeading
          kicker="Royal Harmony"
          title="Политика обработки<br/><em>персональных данных</em>."
          side="Как мы собираем, используем и храним ваши данные на сайте royalharmony.ru. Редакция от 2 июня 2026 года."
        />

<div style={{ maxWidth: 860 }}>
          <p style={{ ...body, marginTop: m ? 8 : 16 }}>
            Настоящая Политика разработана в соответствии с Федеральным законом
            от 27.07.2006 № 152-ФЗ «О персональных данных» и определяет порядок
            обработки персональных данных пользователей сайта royalharmony.ru
            (далее - Сайт). Используя Сайт, регистрируясь или отправляя нам сообщение,
            вы соглашаетесь с условиями этой Политики.
          </p>

<Section n="1" title="Оператор данных">
            <p style={body}>
              Обработку персональных данных осуществляет Индивидуальный предприниматель
              Иманалиев Юсуп Иманалиевич (бренд Royal Harmony, далее - Оператор).
            </p>
            <ul style={{ paddingLeft: 0, listStyle: "none", margin: "0 0 6px" }}>
              <li style={li}>- ОГРНИП: 323057100108871;</li>
              <li style={li}>- ИНН: 053409980892;</li>
              <li style={li}>- регион регистрации: Республика Дагестан, г. Махачкала.</li>
            </ul>
            <p style={body}>
              По всем вопросам, связанным с обработкой данных, можно написать
              на почту <b>royalharmony@mail.ru</b>.
            </p>
          </Section>

<Section n="2" title="Какие данные мы собираем">
            <p style={body}>Мы обрабатываем только те данные, которые вы сообщаете сами:</p>
            <ul style={{ paddingLeft: 0, listStyle: "none", margin: "0 0 6px" }}>
              <li style={li}>- имя и адрес электронной почты - при регистрации и входе в личный кабинет;</li>
              <li style={li}>- пароль - хранится только в зашифрованном виде (хеш), в открытом виде нам недоступен;</li>
              <li style={li}>- основные данные профиля Google (имя, адрес почты) - если вы используете вход через Google;</li>
              <li style={li}>- имя, телефон, контакт и текст обращения - при отправке формы заказа или обращения в контактах;</li>
              <li style={li}>- технические данные: cookies и локальное хранилище браузера для поддержания сессии входа.</li>
            </ul>
            <p style={body}>
              Мы не собираем специальные категории данных и не запрашиваем платёжные
              реквизиты на Сайте.
            </p>
          </Section>

<Section n="3" title="Зачем мы используем данные">
            <ul style={{ paddingLeft: 0, listStyle: "none", margin: 0 }}>
              <li style={li}>- регистрация и авторизация в личном кабинете;</li>
              <li style={li}>- обработка заказов, расчётов и индивидуальных запросов;</li>
              <li style={li}>- ответы на ваши обращения и связь по заказу;</li>
              <li style={li}>- отправка служебных писем, включая восстановление пароля;</li>
              <li style={li}>- обеспечение работы и безопасности Сайта.</li>
            </ul>
          </Section>

<Section n="4" title="Передача данных третьим лицам">
            <p style={body}>
              Мы не продаём ваши данные. Для работы Сайта мы используем
              сервисы, которые могут обрабатывать отдельные данные по нашему поручению:
            </p>
            <ul style={{ paddingLeft: 0, listStyle: "none", margin: 0 }}>
              <li style={li}>- Google (вход через аккаунт Google) - проверка личности при входе;</li>
              <li style={li}>- сервис отправки писем - доставка служебных сообщений на вашу почту;</li>
              <li style={li}>- хостинг-провайдер - размещение Сайта и хранение данных.</li>
            </ul>
            <p style={body}>
              Данные также могут быть переданы по законному требованию уполномоченных
              государственных органов.
            </p>
          </Section>

<Section n="5" title="Хранение и защита">
            <p style={body}>
              Данные хранятся столько, сколько необходимо для указанных целей или пока
              действует ваша учётная запись. Пароли хранятся в виде хеша, доступ
              к данным ограничен, передача между браузером и сервером защищена
              шифрованием. После удаления аккаунта связанные с ним данные удаляются
              или обезличиваются, если иное не требуется законом.
            </p>
          </Section>

<Section n="6" title="Ваши права">
            <p style={body}>Вы вправе:</p>
            <ul style={{ paddingLeft: 0, listStyle: "none", margin: 0 }}>
              <li style={li}>- получить сведения об обработке ваших данных;</li>
              <li style={li}>- уточнить, изменить или удалить свои данные;</li>
              <li style={li}>- отозвать согласие на обработку и удалить учётную запись;</li>
              <li style={li}>- направить жалобу в уполномоченный орган по защите прав субъектов данных.</li>
            </ul>
            <p style={body}>
              Для этого напишите на <b>royalharmony@mail.ru</b>. Мы ответим
              в срок, установленный законом.
            </p>
          </Section>

<Section n="7" title="Cookies">
            <p style={body}>
              Сайт использует cookies и локальное хранилище браузера, чтобы вы оставались
              в системе после входа и чтобы Сайт работал корректно. Вы можете отключить
              cookies в настройках браузера, но тогда вход в личный кабинет может стать
              недоступен.
            </p>
          </Section>

<Section n="8" title="Изменения политики">
            <p style={body}>
              Мы можем обновлять эту Политику. Действующая редакция всегда размещена
              на этой странице с указанием даты. Существенные изменения вступают в силу
              с момента публикации.
            </p>
          </Section>

<div style={{ borderTop: "1px solid rgba(0,0,0,0.12)", paddingTop: m ? 28 : 36, marginTop: m ? 8 : 12, display: "flex", flexWrap: "wrap", gap: 16, alignItems: "center", justifyContent: "space-between" }}>
            <div style={{ fontFamily: "'JetBrains Mono', ui-monospace, monospace", fontSize: 11, letterSpacing: "0.1em", color: "rgba(0,0,0,0.5)", textTransform: "uppercase" }}>
              Редакция · 02.06.2026
            </div>
            <GhostButton onClick={() => setRoute("contact")} style={{ background: "var(--ink)", color: "var(--cream)" }}>
              Связаться с нами
            </GhostButton>
          </div>
        </div>
      </Container>
    </div>
  );
}

/* =========================================================
   ПОКУПАТЕЛЯМ
   Публичная оферта + права потребителя (ЗоЗПП №2300-1, ст. 26.1 о
   дистанционной торговле). Учитывает, что многие изделия делаются
   под заказ (индивидуально-определённые - возврату надлежащего
   качества не подлежат). Тексты - без длинного тире.
   ========================================================= */
function BuyersPage({ setRoute }) {
  const m = useIsMobile();

return (
    <div style={{ paddingTop: m ? 96 : 140, paddingBottom: m ? 80 : 140 }}>
      <Container>
        <SectionHeading
          kicker="Royal Harmony"
          title="Покупателям -<br/><em>оферта, оплата и возврат</em>."
          side="Условия заказа, доставки и возврата, а также ваши права как покупателя. Редакция от 2 июня 2026 года."
        />

<div style={{ maxWidth: 860 }}>
          <p style={{ ...body, marginTop: m ? 8 : 16 }}>
            Эти условия определяют порядок оформления, оплаты, доставки и возврата
            изделий, заказанных у Royal Harmony, и разработаны с учётом
            Закона РФ от 07.02.1992 № 2300-1 «О защите прав потребителей»
            и Гражданского кодекса РФ. Размещённая на сайте информация о товарах
            является публичной офертой; оформление заказа означает согласие с этими условиями.
          </p>

<Section n="1" title="Продавец">
            <p style={body}>
              Продавец - Индивидуальный предприниматель Иманалиев Юсуп Иманалиевич
              (бренд Royal Harmony).
            </p>
            <ul style={{ paddingLeft: 0, listStyle: "none", margin: "0 0 6px" }}>
              <li style={li}>- ОГРНИП: 323057100108871;</li>
              <li style={li}>- ИНН: 053409980892;</li>
              <li style={li}>- регион регистрации: Республика Дагестан, г. Махачкала;</li>
              <li style={li}>- для обращений и претензий: <b>royalharmony@mail.ru</b>.</li>
            </ul>
          </Section>

<Section n="2" title="Товары и цены">
            <p style={body}>
              Большинство изделий изготавливается вручную и под заказ, поэтому
              возможны незначительные отличия оттенка кожи, фактуры и размеров
              от изображений на сайте - это не является недостатком товара.
              Точная цена, комплектация и срок изготовления подтверждаются при оформлении
              заказа. Цены указаны в рублях.
            </p>
          </Section>

<Section n="3" title="Оформление и оплата">
            <p style={body}>
              Заказ оформляется через контакты, указанные на сайте (почта, телефон,
              мессенджеры). Состав заказа, стоимость, способ и сроки оплаты, изготовления
              и доставки согласовываются индивидуально и фиксируются до начала работ.
              Для индивидуальных изделий может потребоваться предоплата.
            </p>
          </Section>

<Section n="4" title="Изготовление и доставка">
            <p style={body}>
              Срок изготовления зависит от изделия и сообщается при оформлении
              заказа. Доставка осуществляется по России и за её пределами
              транспортными и курьерскими службами; стоимость и сроки доставки
              согласовываются отдельно. Риск случайной гибели или повреждения товара
              переходит к покупателю с момента передачи товара покупателю или перевозчику.
            </p>
          </Section>

<Section n="5" title="Возврат и обмен">
            <p style={body}>
              <b>Товар надлежащего качества.</b> При дистанционной продаже покупатель
              вправе отказаться от товара в любое время до его передачи,
              а после передачи - в течение 7 дней (ст. 26.1 Закона
              «О защите прав потребителей»), если сохранены товарный вид, потребительские
              свойства и документ, подтверждающий покупку. Возврату не подлежит товар
              надлежащего качества, имеющий индивидуально-определённые свойства, то есть
              изготовленный по индивидуальному заказу покупателя (размеры, тон, монограмма
              и иная персонализация).
            </p>
            <p style={body}>
              <b>Товар ненадлежащего качества.</b> Если в изделии обнаружен недостаток,
              покупатель вправе предъявить требования, предусмотренные Законом
              «О защите прав потребителей» - на замену, соразмерное уменьшение цены,
              безвозмездное устранение недостатков или возврат уплаченной суммы. Доставка
              крупногабаритного или некачественного товара для возврата и обмена
              осуществляется силами и за счёт продавца.
            </p>
            <p style={body}>
              Для возврата или обмена напишите на <b>royalharmony@mail.ru</b>
              с описанием изделия и причины. Возврат денежных средств производится
              тем же способом, которым была произведена оплата, в срок не позднее
              10 дней с момента предъявления соответствующего требования.
            </p>
          </Section>

<Section n="6" title="Качество и гарантия">
            <p style={body}>
              Мы отвечаем за качество материалов и сборки. На изделия
              распространяются права потребителя, установленные законом; при наличии
              согласованного гарантийного срока он указывается в документах к заказу.
              Гарантия не распространяется на естественный износ, а также повреждения,
              возникшие из-за нарушения правил эксплуатации и ухода.
            </p>
          </Section>

<Section n="7" title="Права потребителя и споры">
            <p style={body}>
              Права покупателя как потребителя защищены Законом РФ
              «О защите прав потребителей». Спорные вопросы мы стремимся решать
              в досудебном порядке: направьте претензию на <b>royalharmony@mail.ru</b>,
              и мы ответим в установленный законом срок. При недостижении согласия
              покупатель вправе обратиться в Роспотребнадзор или в суд в порядке,
              предусмотренном законодательством РФ.
            </p>
          </Section>

/* =========================================================
   FOOTER
   ========================================================= */
function Footer({ setRoute }) {
  const m = useIsMobile();
  return (
    <footer style={{ background: "var(--ink)", color: "var(--cream)", padding: m ? "56px 0 28px" : "80px 0 32px", marginTop: m ? 56 : 80 }}>
      <Container>
        <div style={{ display: "grid", gridTemplateColumns: m ? "1fr 1fr" : "1.4fr 1fr 1fr 1fr", gap: m ? 32 : 64 }}>
          <div style={m ? { gridColumn: "1 / -1" } : undefined}>
            <div style={{
              fontFamily: "'Cormorant Garamond', serif", fontWeight: 300,
              fontSize: m ? 26 : 32, letterSpacing: "0.28em", textTransform: "uppercase",
            }}>Royal Harmony</div>
            <div style={{
              fontFamily: "'Manrope', sans-serif",
              fontSize: 10, letterSpacing: "0.4em", marginTop: 6, color: "rgba(255,255,255,0.5)",
            }}>ROYAL HARMONY · 2001 → 2026</div>
            <p style={{ fontFamily: "'Manrope', sans-serif", fontSize: 13, lineHeight: 1.7, color: "rgba(255,255,255,0.65)", marginTop: 28, maxWidth: 340 }}>
              С 2001 года собираем в дорогу - в путешествие
              и в школу. Чемоданы делаем вручную, сумки -
              по нашим стандартам.
            </p>
          </div>

<FooterCol title="Чемоданы" items={[
            ["Сундуки", () => setRoute("trunks")],
            ["Круги", () => setRoute("rounds")],
            ["Обувница", () => setRoute("shoecabinet")],
            ["Комплекты", () => setRoute("ensembles")],
          ]} />
          <FooterCol title="Сумки" items={[
            ["Полный каталог", () => setRoute("bags", "all")],
            ["Для джентльменов", () => setRoute("bags", "gentlemen")],
            ["Для принцесс", () => setRoute("bags", "princesses")],
          ]} />
          <FooterCol title="Royal Harmony" items={[
            ["О нас", () => setRoute("about")],
            ["Контакты", () => setRoute("contact")],
            ["Покупателям и возврат", () => setRoute("buyers")],
            ["Политика конфиденциальности", () => setRoute("privacy")],
          ]} />
        </div>

<div style={{ borderTop: "1px solid rgba(255,255,255,0.14)", marginTop: m ? 48 : 72, paddingTop: 24, display: "flex", flexWrap: "wrap", gap: m ? 8 : 24, justifyContent: "space-between", fontFamily: "'JetBrains Mono', ui-monospace, monospace", fontSize: 10, letterSpacing: "0.16em", textTransform: "uppercase", color: "rgba(255,255,255,0.4)" }}>
          <span>© 2026 Royal Harmony</span>
          <span>Чемоданы - ручная работа</span>
          <span style={{ fontFamily: "'Cormorant Garamond', serif", textTransform: "none", letterSpacing: "0.1em", fontSize: 13, color: "rgba(255,255,255,0.55)" }}>Mr</span>
          <span>RU · EN по запросу</span>
        </div>
      </Container>
    </footer>
  );
}
function FooterCol({ title, items }) {
  return (
    <div>
      <div style={{ fontFamily: "'Manrope', sans-serif", fontSize: 11, letterSpacing: "0.22em", textTransform: "uppercase", color: "rgba(255,255,255,0.5)", marginBottom: 18 }}>{title}</div>
      <ul style={{ listStyle: "none", padding: 0, margin: 0, display: "flex", flexDirection: "column", gap: 10 }}>
        {items.map(([l, fn], i) => (
          <li key={i}>
            <button onClick={fn} style={{
              all: "unset", cursor: "pointer",
              fontFamily: "'Manrope', sans-serif", fontSize: 13,
              color: "rgba(255,255,255,0.85)",
            }}>{l}</button>
          </li>
        ))}
      </ul>
    </div>
  );
}

Object.assign(window, { HomePage, TrunksPage, RoundsPage, ShoeCabinetPage, EnsemblesPage, EnsembleDetailPage, BagsPage, CustomPage, AboutPage, ContactPage, PrivacyPage, BuyersPage, Footer });

Премиальные чемоданы, сундуки и портфели Royal Harmony

Royal Harmony - изделия с характером

Единый подход к форме,
деталям и качеству.

Выберите изделие Royal Harmony

→

Сундук под ваш интерьер -
в любом размере и тоне.

Круг произвольного
диаметра под заказ.

{item.name}

{item.name}

Премиальные чемоданы, сундуки и портфели Royal Harmony

Royal Harmony - изделия с характером

Единый подход к форме,деталям и качеству.

Выберите изделие Royal Harmony

→

Сундук под ваш интерьер -в любом размере и тоне.

Круг произвольногодиаметра под заказ.

{item.name}

{item.name}

Единый подход к форме,
деталям и качеству.

Сундук под ваш интерьер -
в любом размере и тоне.

Круг произвольного
диаметра под заказ.