/* global React, Reveal, Spark, Eyebrow, Ethno, CTA, daysUntil */

function Corporate() {
  const opts = [
    ["Брендирование упаковки", "Ваши цвета и айдентика на подарочном боксе."],
    ["Логотип на изделии", "Аккуратное нанесение логотипа компании."],
    ["Фирменные цвета", "Подбор палитры коллекции под бренд."],
    ["Индивидуальные открытки", "Персональное поздравление в каждом наборе."],
    ["Эксклюзивный дизайн", "Уникальные игрушки только для вашей компании."],
    ["Коллекция под ключ", "Разработка корпоративной коллекции с нуля."],
  ];
  return React.createElement("section", { className: "lp-section", id: "vozmozhnosti",
    style: { scrollMarginTop: 96, background: "var(--surface-page)", position: "relative", overflow: "hidden" } },
    React.createElement(Ethno, { color: "var(--ink-900)", variant: "faint", parallax: 0.04 }),
    React.createElement("div", { className: "lp-inner lp-pad-lg" },
      React.createElement("div", { className: "lp-grid lp-grid-2", style: { gap: 48, alignItems: "center" } },
        React.createElement("div", null,
          React.createElement(Reveal, null, React.createElement(Eyebrow, null, "Корп-возможности")),
          React.createElement(Reveal, { tag: "h2", className: "lp-h2", delay: 1, style: { marginTop: 16 } },
            "Сделаем коллекцию ", React.createElement("span", { className: "lp-red-ink" }, "вашего бренда")),
          React.createElement(Reveal, { tag: "p", className: "lp-lead", delay: 2, style: { marginTop: 16 } },
            "Главное — готовые сезонные коллекции. Но если планируете заранее, добавим премиальные опции. Это дополнение к основному предложению.")),
        React.createElement(Reveal, { delay: 2 },
          React.createElement("div", { className: "lp-glass-light lp-glare", style: { padding: 12, overflow: "hidden" } },
            React.createElement("img", { src: "assets/lifestyle/clean-yurta-hands.png", alt: "Подарочный набор Mereke", style: { width: "100%", borderRadius: "calc(var(--radius-xl) - 6px)", display: "block", objectFit: "cover", aspectRatio: "16 / 11", objectPosition: "center 38%" } }))
        )
      ),
      React.createElement("div", { className: "lp-optlist", style: { marginTop: 48 } },
        opts.map(([t, d], i) => React.createElement(Reveal, { key: t, delay: (i % 2) + 1, className: "lp-opt" },
          React.createElement("span", { className: "n" }, String(i + 1).padStart(2, "0")),
          React.createElement("div", null, React.createElement("h4", null, t), React.createElement("p", null, d)))))
    )
  );
}

function Urgency() {
  const days = daysUntil("2026-08-31");
  return React.createElement("section", { className: "lp-section lp-ink", id: "srochno",
    style: { scrollMarginTop: 96, position: "relative", overflow: "hidden" } },
    React.createElement(Ethno, { color: "#fff", variant: "faint", parallax: 0.05 }),
    React.createElement("div", { className: "lp-glow", style: { width: 420, height: 420, left: "-10%", bottom: "-14%", background: "radial-gradient(circle, rgba(216,30,44,0.4), rgba(216,30,44,0))" } }),
    React.createElement("div", { className: "lp-inner lp-pad", style: { textAlign: "center" } },
      React.createElement(Reveal, null, React.createElement("div", { style: { display: "flex", justifyContent: "center" } }, React.createElement(Eyebrow, { onRed: true }, "Срочность · предзаказ 2026"))),
      React.createElement(Reveal, { tag: "h2", className: "lp-h2", delay: 1, style: { color: "#fff", marginTop: 16, maxWidth: "20ch", marginLeft: "auto", marginRight: "auto" } },
        "Предзаказ ", React.createElement("span", { className: "lp-amber" }, "−30%"), " — лучшие цены до старта сезона"),
      days > 0 && React.createElement(Reveal, { delay: 2, style: { marginTop: 28, display: "flex", justifyContent: "center" } },
        React.createElement("div", { className: "lp-count" },
          React.createElement("div", { className: "u" }, React.createElement("div", { className: "n" }, days), React.createElement("div", { className: "lbl" }, "дней")),
          React.createElement("div", { className: "u" }, React.createElement("div", { className: "n" }, "−30%"), React.createElement("div", { className: "lbl" }, "скидка")),
          React.createElement("div", { className: "u" }, React.createElement("div", { className: "n" }, "31.08"), React.createElement("div", { className: "lbl" }, "дедлайн")))),
      React.createElement(Reveal, { delay: 2, className: "lp-deadlines", style: { marginTop: 40, textAlign: "left", maxWidth: 820, marginLeft: "auto", marginRight: "auto" } },
        React.createElement("div", { className: "lp-deadline" },
          React.createElement("span", { className: "big" }, "31.08"),
          React.createElement("div", { className: "t" }, React.createElement("b", null, "Предзаказ со скидкой −30%"), React.createElement("span", null, "Зафиксируйте лучшие цены на готовые коллекции."))),
        React.createElement("div", { className: "lp-deadline" },
          React.createElement("span", { className: "big" }, "01.09"),
          React.createElement("div", { className: "t" }, React.createElement("b", null, "Кастом и брендирование"), React.createElement("span", null, "Срок, чтобы успеть с индивидуальной коллекцией к Новому году.")))),
      React.createElement(Reveal, { delay: 3, className: "lp-btn-row", style: { marginTop: 40, justifyContent: "center" } },
        React.createElement(CTA, { variant: "amber", lead: true, href: "#zayavka" }, "Получить каталог и расчёт", React.createElement(Spark, { style: { width: 15, height: 15 } })))
    )
  );
}

Object.assign(window, { Corporate, Urgency });