Initial commit from react-vite boilerplate
This commit is contained in:
32
src/pages/Home.tsx
Normal file
32
src/pages/Home.tsx
Normal file
@@ -0,0 +1,32 @@
|
||||
export default function Home() {
|
||||
return (
|
||||
<div className="min-h-screen bg-gradient-to-br from-blue-50 to-indigo-100 flex items-center justify-center">
|
||||
<div className="text-center">
|
||||
<h1 className="text-4xl font-bold text-gray-900 mb-4">
|
||||
Welcome to bp-rect
|
||||
</h1>
|
||||
<p className="text-lg text-gray-600 mb-8">
|
||||
Your React + Vite application is running!
|
||||
</p>
|
||||
<div className="space-x-4">
|
||||
<a
|
||||
href="https://vitejs.dev"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
className="inline-block px-6 py-3 bg-indigo-600 text-white rounded-lg hover:bg-indigo-700 transition"
|
||||
>
|
||||
Vite Docs
|
||||
</a>
|
||||
<a
|
||||
href="https://react.dev"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
className="inline-block px-6 py-3 bg-white text-indigo-600 border border-indigo-600 rounded-lg hover:bg-indigo-50 transition"
|
||||
>
|
||||
React Docs
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
18
src/pages/NotFound.tsx
Normal file
18
src/pages/NotFound.tsx
Normal file
@@ -0,0 +1,18 @@
|
||||
import { Link } from 'react-router-dom'
|
||||
|
||||
export default function NotFound() {
|
||||
return (
|
||||
<div className="min-h-screen bg-gray-50 flex items-center justify-center">
|
||||
<div className="text-center">
|
||||
<h1 className="text-6xl font-bold text-gray-900 mb-4">404</h1>
|
||||
<p className="text-xl text-gray-600 mb-8">Page not found</p>
|
||||
<Link
|
||||
to="/"
|
||||
className="inline-block px-6 py-3 bg-indigo-600 text-white rounded-lg hover:bg-indigo-700 transition"
|
||||
>
|
||||
Go Home
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
Reference in New Issue
Block a user