import Link from "next/link";
import SiteShell from "@/components/SiteShell";

export default function NotFound() {
  return (
    <SiteShell>
      <div className="not-found-page">
        <div className="not-found-compass" aria-hidden="true">
          <span className="compass-ring">🧭</span>
          <span className="compass-plane">✈️</span>
        </div>
        <h1 className="not-found-title">404</h1>
        <p>哎呀，这片海域没有标记的岛屿</p>
        <p className="not-found-sub">你可能走错了航线，让我们帮你回到正轨</p>
        <div className="not-found-actions">
          <Link href="/" className="btn btn-primary">返回首页 🏠</Link>
          <Link href="/#destinations" className="btn btn-ghost">探索目的地 🌍</Link>
        </div>
      </div>
    </SiteShell>
  );
}