// founder.jsx — "Dein Ansprechpartner" block
function Founder() {
  return (
    <section className="founder" id="founder" data-screen-label="Ansprechpartner">
      <div className="wrap">
        <div className="founder-grid">
          <div className="founder-photo-wrap">
            <div className="founder-photo-frame">
              <img src="assets/founder-portrait.jpg" alt="Edis — OPM Mentor" className="founder-photo" />
              <div className="founder-photo-tag">
                <div className="fpt-dot"></div>
                <div>
                  <div className="fpt-l">Verfügbar diese Woche</div>
                  <div className="fpt-s">Mo–Fr · 9–18 Uhr CET</div>
                </div>
              </div>
            </div>
          </div>

          <div className="founder-content">
            <Eyebrow>Dein Ansprechpartner</Eyebrow>
            <h2 style={{ marginTop: 14, marginBottom: 0 }}>
              Kein Callcenter.<br/>
              <span className="accent" style={{ fontStyle: 'italic' }}>Kein Chatbot.</span><br/>
              Ein Gesicht, ein Name.
            </h2>

            <p className="founder-quote">
              „Ich habe 2019 meine erste US LLC gegründet — und dabei jeden Fehler gemacht, den man machen kann. Falscher Bundesstaat, falsches Banking, keine ITIN. Drei Monate verloren, 4.000 € versenkt.
              <br/><br/>
              Heute habe ich über 600 Gründer durch den Prozess begleitet. Bei uns gibt's <strong>keine endlosen Beratungsschleifen</strong> — du buchst dein Paket, wählst einen Termin, wir gehen deinen Case persönlich durch und legen los. So einfach."
            </p>

            <div className="founder-sig">
              <div>
                <div className="sig-name">Edis</div>
                <div className="sig-role">OPM Mentor · dein Ansprechpartner</div>
              </div>
            </div>

            <div className="founder-facts">
              <div className="ff">
                <div className="ff-n">600<span>+</span></div>
                <div className="ff-l">LLCs begleitet</div>
              </div>
              <div className="ff">
                <div className="ff-n">7<span>J</span></div>
                <div className="ff-l">Erfahrung</div>
              </div>
              <div className="ff">
                <div className="ff-n">99<span>%</span></div>
                <div className="ff-l">ITIN-Erfolg</div>
              </div>
              <div className="ff">
                <div className="ff-n">CAA<span>✓</span></div>
                <div className="ff-l">Partner · IRS-zertifiziert</div>
              </div>
            </div>

            <div className="founder-cta-row">
              <a href="#llc" className="btn btn-primary">Paket wählen & starten <Arrow /></a>
              <a href="https://wa.me/message" target="_blank" rel="noopener noreferrer" className="btn btn-ghost">WhatsApp · kurze Frage stellen</a>
            </div>
          </div>
        </div>
      </div>
    </section>
  );
}
window.Founder = Founder;