Initial Claude Run

frontend/src/pages/Error/NotFound.js

@@ -0,0 +1,46 @@
+import React from 'react';
+import { Link } from 'react-router-dom';
+import { HomeIcon } from '@heroicons/react/24/outline';
+
+const NotFound = () => {
+  return (
+    <div className="min-h-screen bg-white flex flex-col justify-center items-center px-4 sm:px-6 lg:px-8">
+      <div className="max-w-md w-full space-y-8 text-center">
+        <div>
+          <h1 className="text-9xl font-bold text-primary-600">404</h1>
+          <h2 className="mt-6 text-3xl font-bold text-gray-900">
+            Page not found
+          </h2>
+          <p className="mt-2 text-sm text-gray-600">
+            Sorry, we couldn't find the page you're looking for.
+          </p>
+        </div>
+        
+        <div className="mt-8 space-y-4">
+          <Link
+            to="/dashboard"
+            className="btn-primary w-full justify-center"
+          >
+            <HomeIcon className="h-5 w-5 mr-2" />
+            Go back home
+          </Link>
+          
+          <Link
+            to="/properties"
+            className="btn-outline w-full justify-center"
+          >
+            View Properties
+          </Link>
+        </div>
+        
+        <div className="mt-8">
+          <p className="text-xs text-gray-500">
+            If you believe this is an error, please contact support.
+          </p>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default NotFound;

frontend/src/pages/Error/Unauthorized.js

@@ -0,0 +1,48 @@
+import React from 'react';
+import { Link } from 'react-router-dom';
+import { ShieldExclamationIcon, HomeIcon } from '@heroicons/react/24/outline';
+
+const Unauthorized = () => {
+  return (
+    <div className="min-h-screen bg-white flex flex-col justify-center items-center px-4 sm:px-6 lg:px-8">
+      <div className="max-w-md w-full space-y-8 text-center">
+        <div>
+          <div className="mx-auto h-24 w-24 bg-red-100 rounded-full flex items-center justify-center mb-6">
+            <ShieldExclamationIcon className="h-12 w-12 text-red-600" />
+          </div>
+          <h2 className="text-3xl font-bold text-gray-900">
+            Access Denied
+          </h2>
+          <p className="mt-2 text-sm text-gray-600">
+            You don't have permission to access this page. Contact your administrator if you believe this is an error.
+          </p>
+        </div>
+        
+        <div className="mt-8 space-y-4">
+          <Link
+            to="/dashboard"
+            className="btn-primary w-full justify-center"
+          >
+            <HomeIcon className="h-5 w-5 mr-2" />
+            Go back home
+          </Link>
+          
+          <Link
+            to="/profile"
+            className="btn-outline w-full justify-center"
+          >
+            View Profile
+          </Link>
+        </div>
+        
+        <div className="mt-8">
+          <p className="text-xs text-gray-500">
+            Need help? Contact support for assistance.
+          </p>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default Unauthorized;