diff --git a/company/src/App.tsx b/company/src/App.tsx index adb28454..bc74943a 100644 --- a/company/src/App.tsx +++ b/company/src/App.tsx @@ -8,6 +8,7 @@ import About from './pages/About'; import Blog from './pages/Blog'; import Contact from './pages/Contact'; import BlogDetail from './pages/BlogDetail'; +import NotFound from './pages/NotFound'; // 404 bileşenini import et import { LanguageProvider } from './context/LanguageContext'; function App() { @@ -23,6 +24,7 @@ function App() { } /> } /> } /> + } /> {/* Eşleşmeyen tüm yollar için 404 sayfasını göster */} diff --git a/company/src/pages/NotFound.tsx b/company/src/pages/NotFound.tsx new file mode 100644 index 00000000..48885bcc --- /dev/null +++ b/company/src/pages/NotFound.tsx @@ -0,0 +1,19 @@ +import React from 'react'; +import { Frown } from 'lucide-react'; // Lucide-react kütüphanesinden Frown ikonunu import et + +const NotFound: React.FC = () => { + return ( +
{/* Arka plan ve metin rengi güncellendi, padding eklendi */} + {/* İkon boyutu ve rengi güncellendi */} +

404

{/* Başlık boyutu ve rengi güncellendi */} +

{/* Metin rengi, margin ve max-width güncellendi */} + Üzgünüz, aradığınız sayfa bulunamadı. Lütfen URL'yi kontrol edin veya ana sayfaya dönün. +

+ {/* Buton stili güncellendi */} + Ana Sayfaya Dön + +
+ ); +}; + +export default NotFound;