// addons.jsx
function Addons() {
  return (
    <section id="addons" data-screen-label="Add-Ons">
      <div className="wrap">
        <SectionHead
          eyebrow="Add-On Services"
          title={<>Extras für <em>Vielbucher</em> & Eilige.</>}
          sub="Einzeln buchbar oder als Add-On zur LLC. Alle Services laufen über dasselbe Dashboard und denselben Ansprechpartner."
        />

        <div className="addons-grid">
          <a href="checkout.html?p=llc" className="addon">
            <div className="addon-visual ein-visual">
              <div className="ein-num">XX-XXXXXXX</div>
            </div>
            <div className="addon-head">
              <div>
                <h3>EIN Express</h3>
                <div className="chip danger" style={{ marginTop: 6 }}>72h Turbo</div>
              </div>
            </div>
            <p className="tagline">Du hast schon ein SS-4 ans IRS geschickt? Wir holen deine EIN in 72 Stunden — Fax, Follow-up, Eskalation.</p>
            <div className="price-bar">
              <span>Stand-alone / Add-On</span>
              <span><span className="p"><span className="cur">€</span>299</span> <span style={{ color: 'var(--accent)', marginLeft: 6 }}>/ im Paket 199 €</span></span>
            </div>
          </a>

          <a href="checkout.html?p=llc" className="addon">
            <div className="addon-visual sim-visual">
              <div className="sim-chip"></div>
            </div>
            <div className="addon-head">
              <div>
                <h3>US T-Mobile eSIM</h3>
                <div className="chip" style={{ marginTop: 6 }}>Auf deinen Namen</div>
              </div>
            </div>
            <p className="tagline">Echte US-Nummer direkt von T-Mobile, registriert auf dich. Perfekt für Stripe, Banking, Apple ID, Google Business.</p>
            <div className="price-bar">
              <span>Stand-alone / Add-On</span>
              <span><span className="p"><span className="cur">€</span>99</span> <span style={{ color: 'var(--ink-3)', marginLeft: 6 }}>/ +69 €</span></span>
            </div>
          </a>

          <a href="checkout.html?p=llc" className="addon">
            <div className="addon-visual tax-visual">
              <div className="tax-row"><span style={{ width: 40 }}>FORM 5472</span><div className="tax-bar" style={{ width: 80 }}></div></div>
              <div className="tax-row active"><span style={{ width: 40 }}>FORM 1120</span><div className="tax-bar" style={{ width: 120 }}></div></div>
              <div className="tax-row"><span style={{ width: 40 }}>SCHED. C</span><div className="tax-bar" style={{ width: 60 }}></div></div>
              <div className="tax-row"><span style={{ width: 40 }}>BOI REPT.</span><div className="tax-bar" style={{ width: 100 }}></div></div>
            </div>
            <div className="addon-head">
              <div>
                <h3>Federal Tax Filing</h3>
                <div className="chip" style={{ marginTop: 6 }}>Jährlich · Pflicht</div>
              </div>
            </div>
            <p className="tagline">Die jährliche Federal Tax Return ist für jeden LLC-Inhaber Pflicht — auch ohne Gewinn. Wir erledigen sie komplett.</p>
            <div className="price-bar">
              <span>pro Geschäftsjahr</span>
              <span><span className="p"><span className="cur">€</span>399</span></span>
            </div>
          </a>
        </div>
      </div>
    </section>
  );
}
window.Addons = Addons;