stock_chart_site/web/app/page.tsx

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">Stock Chart Site</h1>
      <p className="mt-2 text-sm text-zinc-400">
        종목을 검색해 현재 차트를 보고, <b>예상차트 보기</b> 버튼으로 Chronos + LightGBM
        앙상블의 단기(1·3·5거래일) 예측을 차트에 이어 붙입니다.
      </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-md 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-md 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 재학습.
          </div>
        </div>
      </div>
    </main>
  );
}