import Link from "next/link";
import { HeartbeatWave } from "../components/HeartbeatWave";

export default function Home() {
  return (
    <main className="flex flex-1 flex-col items-center justify-center gap-8 p-8">
      <h1 className="text-4xl font-bold tracking-wide">
        心音 <span className="text-[var(--color-heartbeat-pink)]">Kokorone</span>
      </h1>
      <HeartbeatWave amplitude={60} className="w-full max-w-md text-[var(--color-heartbeat-pink)]" />
      <Link
        href="/chat"
        className="rounded-full px-6 py-2 text-sm font-bold text-white"
        style={{ background: "var(--accent-bright)" }}
      >
        開始聊天
      </Link>
    </main>
  );
}