dotechbro/website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

feat: 404 page
Some checks failed
Build and Deploy Docker Image / build (push) Failing after 30s
Details

Browse source
This commit is contained in:
mike 2024-10-25 04:06:49 -04:00
parent 4dd6a09b3f
commit 7d174ab051
2 changed files with 15 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/App.jsx
View file

@ -4,6 +4,7 @@ import { BrowserRouter as Router, Route, Routes } from 'react-router-dom';
import Header from './components/Header';
import Footer from './components/Footer';
import Home from './components/Home';
import NotFound from './components/NotFound';
import About from './components/About';
import Roadmap from './components/Roadmap';
import RoadmapDetail from './components/RoadmapDetail'; // Import the RoadmapDetail component
@ -25,6 +26,7 @@ const App = () => {
<Route path="/roadmap" element={<Roadmap />}>
<Route path=":id" element={<RoadmapDetail />} />
</Route>
<Route path="*" element={<NotFound />} />
</Routes>
</main>
<Footer />

13
src/components/NotFound.jsx Normal file
View file

@ -0,0 +1,13 @@
import { Link } from 'react-router-dom';
const NotFound = () => {
return (
<div className="flex flex-col items-center justify-center min-h-screen bg-gray-100">
<h1 className="text-6xl font-bold text-gray-900 mb-8">404</h1>
<p className="text-lg text-gray-700 mb-8">Oops! The page you're looking for doesn't exist.</p>
<Link to="/" className="px-6 py-3 bg-green-600 text-white text-lg font-semibold rounded hover:bg-green-700 transition duration-300">
Go Back Home
</Link>
</div>
);
};