24 lines
1.1 KiB
TypeScript
24 lines
1.1 KiB
TypeScript
|
import React from 'react';
|
|||
|
|
import { FaFrown } from 'react-icons/fa';
|
|||
|
|
import { ROUTES_ENUM } from '@/routes/route.constant';
|
|||
|
|
import { useLocalization } from '@/utils/hooks/useLocalization';
|
|||
|
|
|
|||
|
|
const NotFound: React.FC = () => {
|
|||
|
|
const { translate } = useLocalization()
|
|||
|
|
|
|||
|
|
return (
|
|||
|
|
<div className="flex flex-col items-center justify-center min-h-screen bg-white text-gray-700 p-4"> {/* Arka plan ve metin rengi güncellendi, padding eklendi */}
|
|||
|
|
<FaFrown size={128} className="text-blue-600 mb-6" /> {/* İkon boyutu ve rengi güncellendi */}
|
|||
|
|
<h1 className="text-7xl font-bold text-gray-900 mb-4">404</h1> {/* Başlık boyutu ve rengi güncellendi */}
|
|||
|
|
<p className="text-xl text-gray-600 mb-8 text-center max-w-md"> {/* Metin rengi, margin ve max-width güncellendi */}
|
|||
|
|
{translate('::Public.notFound.message')}
|
|||
|
|
</p>
|
|||
|
|
<a href={ROUTES_ENUM.public.home} className="px-6 py-3 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition duration-300 text-lg font-semibold"> {/* Buton stili güncellendi */}
|
|||
|
|
{translate('::Public.notFound.button')}
|
|||
|
|
</a>
|
|||
|
|
</div>
|
|||
|
|
);
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
export default NotFound;
|