// Trust / Credibility section
const Trust = () => {
  return (
    <section className="trust-section paper-2" id="intro">
      <div className="container">
        <div className="trust-grid">
          {/* Professor profile card */}
          <div className="trust-professor reveal">
            <div className="prof-photo">
              <img src="assets/professor.jpg" alt="박기원 작가" className="prof-photo-img"/>
              <div className="prof-photo-frame"/>
            </div>
            <div className="prof-info">
              <div className="eyebrow">Advisor</div>
              <h3 className="prof-name serif">박기원 작가</h3>
              <div className="prof-title">부동산 상속·증여 설계 전문가 · K-Trust Specialist</div>
              <ul className="prof-credentials">
                <li><span className="pc-mark">·</span> 상속·증여 및 자산승계 신탁설계</li>
                <li><span className="pc-mark">·</span> 부동산 자산 구조 진단 방법론 개발</li>
                <li><span className="pc-mark">·</span> 저서 · 방송 · 유튜브 채널 운영</li>
              </ul>
            </div>
          </div>

          {/* Right column: book + qr + credentials */}
          <div className="trust-side">
            <div className="trust-card book-card reveal reveal-delay-1">
              <img src="assets/book-cover.jpg" alt="내 가족과 내 재산 지키는 K-신탁" className="book-cover-img"/>
              <div className="book-info">
                <div className="eyebrow">Book</div>
                <div className="serif book-title">내 가족과 내 재산 지키는</div>
                <div className="book-sub">K-신탁</div>
              </div>
            </div>

            <a
              href="https://www.youtube.com/@k-%EC%8B%A0%ED%83%81-z6c"
              target="_blank"
              rel="noopener noreferrer"
              className="trust-card qr-card reveal reveal-delay-2"
              aria-label="K-신탁 YouTube 채널로 이동"
            >
              <div className="qr-frame">
                <img src="assets/youtube-qr.png" alt="YouTube 채널 QR" className="qr-img"/>
                <div className="qr-corner tl"/>
                <div className="qr-corner tr"/>
                <div className="qr-corner bl"/>
                <div className="qr-corner br"/>
              </div>
              <div className="qr-info">
                <div className="eyebrow">YouTube <span className="qr-ext" aria-hidden="true">↗</span></div>
                <div className="serif qr-title">채널로 이어보기</div>
                <div className="qr-sub">스마트폰으로 QR 스캔 또는<br/>클릭하시면 강의 채널로 연결됩니다</div>
              </div>
            </a>

            <div className="trust-badges reveal reveal-delay-3">
              <div className="tb"><span className="tb-num serif">1,200<sup>+</sup></span><span className="tb-lbl">누적 자문 사례</span></div>
              <div className="tb-sep"/>
              <div className="tb"><span className="tb-num serif">18<sup>년</sup></span><span className="tb-lbl">현장 경험</span></div>
              <div className="tb-sep"/>
              <div className="tb"><span className="tb-num serif">7<sup>개 관점</sup></span><span className="tb-lbl">구조 진단</span></div>
            </div>
          </div>
        </div>
      </div>
    </section>
  );
};

Object.assign(window, { Trust });