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

export default function HomePage() {
  return (
    <main className="mx-auto max-w-5xl px-6 py-12">
      <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-6">
        <SearchBox autoFocus />
      </div>

      <div className="mt-10">
        <SeedTiles />
      </div>

      <div className="mt-6 rounded-lg border border-zinc-800 bg-zinc-900/30 p-4 text-xs text-zinc-500">
        <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>
    </main>
  );
}
