import { SearchBox } from "../components/SearchBox";

export default function HomePage() {
  return (
    <main className="mx-auto max-w-3xl px-6 py-16">
      <h1 className="text-3xl font-bold tracking-tight text-zinc-50">
        종목 검색
      </h1>
      <p className="mt-2 text-sm text-zinc-400">
        종목을 골라 차트를 보고, <b className="text-rose-300">예상차트 보기</b> 버튼으로
        15일·30일·1년 예측 캔들을 같은 차트에 이어 붙입니다.
      </p>

      <div className="mt-8">
        <SearchBox autoFocus />
      </div>

      <div className="mt-12 grid gap-3 text-xs text-zinc-500 sm:grid-cols-2">
        <div className="rounded-lg border border-zinc-800 bg-zinc-900/30 p-4">
          <div className="font-medium text-zinc-300">학습 대상 10종목</div>
          <div className="mt-1">
            삼성전자, SK하이닉스, 에코프로비엠, 한미반도체, 두산에너빌리티,
            한화에어로스페이스, HD현대중공업, NAVER, KT&amp;G, 한국가스공사
          </div>
        </div>
        <div className="rounded-lg border border-zinc-800 bg-zinc-900/30 p-4">
          <div className="font-medium text-zinc-300">매칭/재학습</div>
          <div className="mt-1">
            평일 16:30 KST 예측↔실제 매칭, 일요일 02:00 KST LGBM 재학습.
            앙상블은 Chronos(zero-shot) + LightGBM.
          </div>
        </div>
      </div>
    </main>
  );
}