import { Support } from "@cossistant/next";
import Link from "next/link";

export default function HomePage() {
	return (
		<main className="mx-auto flex min-h-screen w-full max-w-3xl flex-col gap-6 p-8">
			<h1 className="font-semibold text-3xl">
				Next.js + Tailwind Integration Example
			</h1>
			<p className="text-slate-600">
				This app follows Cossistant docs patterns and fails typecheck when SDK
				integration drifts.
			</p>

			<ul className="list-disc space-y-2 pl-5 text-slate-700">
				<li>
					<Link className="underline" href="/pricing">
						SupportConfig quick options example
					</Link>
				</li>
				<li>
					<Link className="underline" href="/dashboard">
						IdentifySupportVisitor example
					</Link>
				</li>
				<li>
					<Link className="underline" href="/custom-page">
						Support.Page + useSupportNavigation example
					</Link>
				</li>
			</ul>

			<Support />
		</main>
	);
}
