// DANOVI 홈 — 전자책 한 줄 배너 · 소개(짧은 요약)
const EBOOK = { title: '개발자 없이 홈페이지를 만든다고?', cover: './assets/ebook/cover.webp' };

/* 작업 영역 — 소개 페이지(a1-about.jsx)가 여기서 읽어 갑니다. */

/* 전자책 — 한 줄 배너 */
function EbookBanner() {
  return (
    <section id="ebook" data-screen-label="Ebook" className="dn-ebb">
      <div className="dn-wrap">
        <a className="dn-ebb-row" href="./ebook.html">
          <i>전자책</i>
          <b>{EBOOK.title}</b>
          <span className="arw">→</span>
        </a>
      </div>
    </section>
  );
}

/* 소개 — 짧은 요약 + 작업 영역. 자세한 내용은 소개 페이지에 있습니다. */
function AboutContact() {
  return (
    <section id="about" data-screen-label="About">
      <div className="dn-wrap dn-grid">
        <h2 className="dn-about-h">소개</h2>
        <div className="dn-ac-body">
          <p className="dn-ac-lead">문의부터 최종 파일까지, 대표가 직접 합니다.</p>
          <p className="dn-ac-sub">
            다노비는 디자인 작업을 혼자 하는 1인 스튜디오입니다.
            모든 작업은 온라인으로 진행하고, 대표가 문의부터 최종 파일까지 맡습니다.
          </p>
          <div className="dn-ac-tags">
            {WORK_FIELDS.map(t => <span key={t}>{t}</span>)}
          </div>
          <div className="dn-ac-cta">
            <KakaoButton />
            <a className="dn-more" href="./about.html">소개 보기 <span className="arw">→</span></a>
          </div>
        </div>
      </div>
    </section>
  );
}

Object.assign(window, { EbookBanner, AboutContact, EBOOK });