import Link from 'next/link';
import { Button } from '@/components/ui/button';

export default function NotFound() {
  return (
    <div className="container mx-auto px-4 py-16 text-center bg-white min-h-[60vh] flex flex-col items-center justify-center">
      <h1 className="text-4xl font-semibold mb-4 text-[#222222]">記事が見つかりません</h1>
      <p className="text-[#666666] mb-8">
        お探しの記事は存在しないか、削除された可能性があります。
      </p>
      <Link href="/">
        <Button className="bg-gradient-to-r from-[#F4C7CF] to-[#E9AAB5] hover:from-[#E9AAB5] hover:to-[#D996A3] text-[#222222] font-semibold rounded-full px-8 py-6 shadow-sm">
          ホームに戻る
        </Button>
      </Link>
    </div>
  );
}
