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

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)))))
    )
  );
}

Object.assign(window, { Corporate });