/* eslint-disable no-undef */
// Pricing tiers + add-ons

function Pricing() {
  return (
    <section id="pricing" className="pricing">
      <div className="container">
        <div className="section-head">
          <div className="reveal eyebrow">2027 Wedding Price Guide</div>
          <h2 className="display reveal delay-1">Collections</h2>
          <p className="lede reveal delay-2">
            Two thoughtfully built collections to capture every chapter of your day — and a handful of add-ons to make it your own.
          </p>
        </div>

        <div className="tier-grid reveal">
          {window.SITE.TIERS.map((t, i) => (
            <div key={t.name} className={`tier ${t.featured ? 'tier-featured' : ''}`}>
              {t.featured && <span className="badge">Most Loved</span>}
              <div className="tier-name">{t.name}</div>
              <ul className="tier-list">
                {t.items.map((it, j) => (
                  <li key={j}>
                    {it.t}
                    {it.d && <em>({it.d})</em>}
                  </li>
                ))}
              </ul>
              <div className="tier-price">
                <span className="label">{t.label}</span>
                <span className="price">{t.price}</span>
              </div>
            </div>
          ))}
        </div>

        <p className="tier-note reveal">
          All packages are customizable and may be subject to a travel fee.
        </p>

        <div className="addons reveal">
          <h3 className="addons-title">Add-ons:</h3>
          <ul className="addons-list">
            {window.SITE.ADDONS.map((a, i) => (
              <li key={i}>
                <span className="name">{a.name}</span>
                {a.href ? (
                  <a href={a.href} className="addons-cta">{a.price}</a>
                ) : (
                  <span className="price">{a.price}</span>
                )}
              </li>
            ))}
          </ul>
        </div>
      </div>
    </section>
  );
}

window.Pricing = Pricing;