frontend/src/pages/NotFound.tsx

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

const NotFound = () => {
  return (
    <div className="flex flex-col items-center justify-center min-h-screen bg-netflix-black">
      <h1 className="text-5xl font-bold mb-4">404</h1>
      <p className="text-netflix-gray text-xl mb-8">This page could not be found.</p>
      <Link to="/" className="bg-netflix-red px-6 py-2 rounded hover:bg-red-700 transition">
        Back to Home
      </Link>
    </div>
  );
};

export default NotFound;