import Link from 'next/link';

export default function HomePage() {
  return (
    <main className="mx-auto max-w-7xl px-4 py-16">
      <div className="text-center">
        <h1 className="text-5xl font-bold text-gray-900">Startover</h1>
        <p className="mt-4 text-xl text-gray-600">폐업 · 양도 · 창업을 잇는 중개 플랫폼</p>
        <p className="mt-2 text-gray-500">
          매장 정보 1회 등록으로 창업자·철거업체·인테리어업체를 동시 연결합니다
        </p>
        <div className="mt-8 flex justify-center gap-4">
          <Link
            href="/stores"
            className="rounded-lg bg-blue-600 px-6 py-3 text-white hover:bg-blue-700"
          >
            매장 둘러보기
          </Link>
          <Link
            href="/stores/new"
            className="rounded-lg border border-gray-300 px-6 py-3 text-gray-700 hover:bg-gray-100"
          >
            매장 등록하기
          </Link>
        </div>
      </div>

      <div className="mt-20 grid grid-cols-1 gap-8 md:grid-cols-3">
        <div className="rounded-xl border border-gray-200 bg-white p-6">
          <div className="mb-3 text-2xl">🏪</div>
          <h3 className="text-lg font-semibold text-gray-900">폐업자</h3>
          <p className="mt-2 text-sm text-gray-600">
            매장 정보를 등록하면 철거비 절감, 시설 처분, 지원금 신청까지 한 번에 해결됩니다.
          </p>
          <Link
            href="/stores/new"
            className="mt-3 inline-block text-sm text-blue-600 hover:underline"
          >
            매장 등록 →
          </Link>
        </div>

        <div className="rounded-xl border border-gray-200 bg-white p-6">
          <div className="mb-3 text-2xl">🔍</div>
          <h3 className="text-lg font-semibold text-gray-900">창업자</h3>
          <p className="mt-2 text-sm text-gray-600">
            검증된 매장을 검색하고 매칭 요청을 보내 시설 인수와 인테리어 비용을 절감하세요.
          </p>
          <Link href="/stores" className="mt-3 inline-block text-sm text-blue-600 hover:underline">
            매장 검색 →
          </Link>
        </div>

        <div className="rounded-xl border border-gray-200 bg-white p-6">
          <div className="mb-3 text-2xl">🏗️</div>
          <h3 className="text-lg font-semibold text-gray-900">철거·인테리어 업체</h3>
          <p className="mt-2 text-sm text-gray-600">
            인증 업체로 등록하면 안정적인 수주와 정산을 보장받을 수 있습니다.
          </p>
          <Link href="/vendors" className="mt-3 inline-block text-sm text-blue-600 hover:underline">
            업체 인증 →
          </Link>
        </div>
      </div>

      <div className="mt-16 grid grid-cols-1 gap-8 md:grid-cols-2">
        <div className="rounded-xl border border-gray-200 bg-white p-6">
          <h3 className="text-lg font-semibold text-gray-900">정부 지원금 가이드</h3>
          <p className="mt-2 text-sm text-gray-600">
            폐업 관련 정부 지원금 자격을 확인하고, 체크리스트와 서류 준비를 도와드립니다.
          </p>
          <Link
            href="/subsidies"
            className="mt-3 inline-block text-sm text-blue-600 hover:underline"
          >
            지원금 확인 →
          </Link>
        </div>

        <div className="rounded-xl border border-gray-200 bg-white p-6">
          <h3 className="text-lg font-semibold text-gray-900">안전한 거래</h3>
          <p className="mt-2 text-sm text-gray-600">
            표준 계약서, 에스크로 결제, 검수 승인 시스템으로 안전한 거래를 보장합니다.
          </p>
          <Link
            href="/contracts"
            className="mt-3 inline-block text-sm text-blue-600 hover:underline"
          >
            계약 관리 →
          </Link>
        </div>
      </div>
    </main>
  );
}
