404 page

src/pages/404.astro

@@ -1,13 +1,22 @@
 ---
 import { useTranslations } from '@/i18n/utils'
 import BaseLayout from '@/layouts/BaseLayout.astro'
+import Header from '@/components/header/Header.astro'
+import Section from '@/components/Section.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 title={t('404.title')}>
+  <Header lang={lang} />
+  <Section>
+    <div class="flex h-full w-full flex-col items-center justify-center gap-6 text-center">
+      <h1 class="text-6xl font-bold text-brand">404</h1>
+      <h2 class="text-4xl font-bold">{t('404.title')}</h2>
+      <a href="/" class="brand-btn">
+        На главную
+      </a>
+    </div>
+  </Section>
 </BaseLayout>