add custom 404 page

src/i18n/ui.ts

@@ -32,8 +32,7 @@ export const ui = {
     'coaches.subtitle': 'Вашему вниманию! Представляем наш тренерский состав',
     'coaches.link': 'Подробнее',
     // Slider Section
-    'slider.title':
-      'НАШ <span class="text-brand">ТРЕНАЖЕРНЫЙ ЗАЛ</span>',
+    'slider.title': 'НАШ <span class="text-brand">ТРЕНАЖЕРНЫЙ ЗАЛ</span>',
     'slider.subtitle': 'Современное оборудование в просторном зале',
     // Services Section
     'services.title': 'НАШИ <span class="text-brand">УСЛУГИ</span>',
@@ -47,6 +46,7 @@ export const ui = {
     'footer.logo': 'THEREAL<span class="text-brand">SKILL</span>',
     'footer.copyright': 'Все права защищены. Политика конфиденциальности.',
     'coaches.socialMedias.title': (name: string) => `${name} в соцсетях`,
+    '404.title': 'Страница не найдена',
   },
   en: {
     'seo.meta.description':
@@ -88,5 +88,6 @@ export const ui = {
     'footer.logo': 'THEREAL<span class="text-brand">SKILL</span>',
     'footer.copyright': 'All rights reserved. Privacy Policy.',
     'coaches.socialMedias.title': (name: string) => `${name} in social medias`,
+    '404.title': 'Страница не найдена',
   },
 } as const

src/pages/404.astro

@@ -0,0 +1,13 @@
+---
+import { useTranslations } from '@/i18n/utils'
+import BaseLayout from '@/layouts/BaseLayout.astro'
+
+const { lang } = Astro.params
+const t = useTranslations(lang)
+---
+
+<BaseLayout title="Страница не нейдена">
+  <div class="flex h-full w-full items-center justify-center">
+    <h1>{t('404.title')}</h1>
+  </div>
+</BaseLayout>