// All content blocks assembled into sections.

const ServicesBlock = () => (
  <>
    <SectionHead
      icon={IconBriefcase}
      label="Services"
      sub="기업 업무를 AI로 혁신하기 위한 컨설팅과 바이브 코딩 교육을 진행합니다."
    />
    <LinkButton
      primary
      icon={IconPresentation}
      title="기업 AX 컨설팅 · AI 교육"
      sub="기업 업무 AX 적용, 임직원 대상 AX 교육 진행."
      badge="B2B · 추천"
      badgeVariant="hot"
      href="https://itconnect.dev"
      external
      target="_blank"
    />
    <LinkButton
      icon={IconSparkles}
      title="4주 AI 바이브코딩 프로그램"
      sub="기획·설계부터 개발·배포까지 체계적인 바이브코딩 교육."
      badge="B2C · 기수제"
      href="https://itconnect.dev/program/enterprise"
      external
      target="_blank"
    />
  </>
);

const BuildBlock = () => (
  <>
    <SectionHead
      icon={IconBox}
      label="Build Proof"
    />
    <LinkButton
      thumb={<SiteThumb label="b-creator.com" slug="b-creator.com" bg="#111827" fg="#fff" accent="#FFE066" />}
      title="b-creator"
      sub="AI 바이브코딩 가이드 및 프로젝트 기록 플랫폼."
      badge="Education"
      external
      href="https://b-creator.com"
      target="_blank"
    />
    <LinkButton
      thumb={<SiteThumb label="homepage.works" slug="homepage.works" bg="#1F2A44" fg="#fff" accent="#3E5E92" />}
      title="homepage.works"
      sub="AI로 알아보는 외주 견적 플랫폼."
      badge="AI Estimation"
      external
      href="https://homepage.works"
      target="_blank"
    />
    <LinkButton
      thumb={<SiteThumb label="rutiqa.com" slug="rutiqa.com" bg="#2A1F16" fg="#F2EDE4" accent="#C9A876" />}
      title="Rutiqa"
      sub="AI 바이오 해킹을 위한 건강기록 플랫폼."
      badge="Brand"
      external
      href="https://rutiqa.com"
      target="_blank"
    />
    <LinkButton
      thumb={<SiteThumb label="startora.net" slug="startora.net" bg="#0F172A" fg="#fff" accent="#6F8984" />}
      title="Startora"
      sub="AI 콘텐츠 자동화 파이프라인 플랫폼."
      badge="AI Automation"
      external
      href="https://startora.net"
      target="_blank"
    />
  </>
);

const CredentialsBlock = () => (
  <>
    <SectionHead
      icon={IconBadgeCheck}
      label="Credentials"
    />
    <div className="cred-group">
      <div className="cred-group__label">Certification</div>
      <Chips items={[
        "청년창업사관학교 15기",
        "창업중심대학 예비창업자",
        "과천시 우수 스타트업",
      ]} />
    </div>
    <div className="cred-group">
      <div className="cred-group__label">Career</div>
      <div className="timeline reveal">
        <div className="timeline__row">
          <div className="timeline__year">2023 —</div>
          <div className="timeline__text"><strong>아이티커넥트(주)</strong> CEO</div>
        </div>
        <div className="timeline__row">
          <div className="timeline__year">2017 — 2020</div>
          <div className="timeline__text"><strong>㈜엔코아</strong> IT교육 전략기획실장</div>
        </div>
        <div className="timeline__row">
          <div className="timeline__year">2014 — 2016</div>
          <div className="timeline__text"><strong>㈜코코로톡</strong> COO, Co-founder</div>
        </div>
      </div>
    </div>
  </>
);

const ContentBlock = () => (
  <>
    <SectionHead
      icon={IconPlay}
      label="Content"
    />
    <LinkButton
      thumb={<YoutubeThumb />}
      title="YouTube · 아이티커넥트"
      sub="AX, AI 바이브코딩, AI 활용 방법 공유."
      badge="구독"
      external
      href="https://youtube.com/@itconnect_dev"
      target="_blank"
    />
    <LinkButton
      thumb={<OfficialSiteThumb />}
      title="itconnect.dev"
      sub="AX 컨설팅, AI 바이브코딩 교육 소개."
      badge="Official"
      external
      href="https://itconnect.dev"
      target="_blank"
    />
  </>
);

const SNSBlock = () => (
  <>
    <SectionHead
      icon={IconUsers}
      label="Follow"
    />
    <SNSGrid />
  </>
);

const BookBlock = () => (
  <>
    <SectionHead icon={IconBook} label="Book" />
    <BookCard />
  </>
);

const BizCardBlock = () => (
  <>
    <SectionHead icon={IconBriefcase} label="Business Card" />
    <BusinessCard />
  </>
);

Object.assign(window, {
  ServicesBlock, BuildBlock, CredentialsBlock,
  ContentBlock, SNSBlock, BookBlock, BizCardBlock,
});