import React from "react";
import { Link } from "react-router-dom";

export default function NotFound() {
  return (
    <main style={{paddingTop:"var(--header-h)",minHeight:"60vh",display:"flex",alignItems:"center",justifyContent:"center",flexDirection:"column",gap:"16px",textAlign:"center"}}>
      <div style={{fontSize:"72px"}}>404</div>
      <h1 style={{fontSize:"24px",fontWeight:"700"}}>페이지를 찾을 수 없습니다</h1>
      <p style={{color:"var(--gray-600)"}}>요청하신 페이지가 존재하지 않거나 이동되었습니다.</p>
      <Link to="/" className="btn btn-primary">홈으로 돌아가기</Link>
    </main>
  );
}
