chore: update

src/layout/UiFooter/UiFooter.vue

@@ -1,5 +1,33 @@
 <template>
-  <footer>tesst</footer>
+  <footer class="mx-auto container">
+    <div class="relative z-10">
+      <div class="flex space-x-[51px] mb-5">
+        <UiNav :nav-content="footerNavigation" />
+      </div>
+      <div class="xl:max-w-[1225px] pb-7 flex justify-between">
+        <div>
+          <UiParagraph tag="span" size="300"
+            >По всем вопросам:<br />
+            <a href="mailto:vinogalante@yandex.ru" target="_blank">
+              vinogalante@yandex.ru
+            </a></UiParagraph
+          >
+        </div>
+        <div>
+          <UiParagraph tag="span" size="300" class="[&]:text-secondary"
+            ><a href="https://www.litres.ru/" target="_blank">
+              Реферальная ссылка на ЛитРес
+            </a></UiParagraph
+          >
+        </div>
+      </div>
+    </div>
+    <!-- <img class="absolute top-6" src="/src/assets/img/webp/footer-flowers.webp" /> -->
+  </footer>
 </template>
 
-<script setup lang="ts"></script>
+<script setup lang="ts">
+import UiParagraph from '@/components/Typography/UiParagraph.vue'
+import UiNav from '@/components/UiNav/UiNav.vue'
+import { footerNavigation } from '@/layout/UiFooter/_data'
+</script>

src/layout/UiFooter/_data/index.ts

@@ -0,0 +1 @@
+export { default as footerNavigation } from '@/layout/UiFooter/_data/footer-navigation.data'

src/layout/UiHeader/UiHeader.vue

@@ -1,11 +1,22 @@
 <template>
-  <header class="[&]:bg-accent text-white py-4 px-2 border-b border-b-white">
+  <header class="[&]:bg-accent text-white py-4 container mx-auto">
     <div class="flex flex-row-reverse justify-end gap-4 items-center">
       <slot name="content" />
-      <div class="flex"></div>
+      <div class="flex items-center gap-32">
+        <div class="russo-one-regular">
+          <UiParagraph tag="span" class="[&]:text-5xl">Vino Galante</UiParagraph>
+        </div>
+        <div class="flex space-x-10">
+          <UiNav :nav-content="headerNavigation" />
+        </div>
+      </div>
     </div>
     <slot name="right-icons" />
   </header>
 </template>
 
-<script setup lang="ts"></script>
+<script setup lang="ts">
+import UiNav from '@/components/UiNav/UiNav.vue'
+import { headerNavigation } from './_data'
+import UiParagraph from '@/components/Typography/UiParagraph.vue'
+</script>

src/layout/UiHeader/_data/header-navigation.data.ts

@@ -0,0 +1,24 @@
+const headerNavigation = [
+  {
+    name: 'Главная',
+    path: '/',
+  },
+  {
+    name: 'Книга I',
+    path: '/books/1',
+  },
+  {
+    name: 'Книга II',
+    path: '/books/2',
+  },
+  {
+    name: 'Купить',
+    path: '/buy',
+  },
+  {
+    name: 'Отзывы',
+    path: '/feedback',
+  },
+]
+
+export default headerNavigation

src/layout/UiHeader/_data/index.ts

@@ -0,0 +1 @@
+export { default as headerNavigation } from '@/layout/UiHeader/_data/header-navigation.data'

src/layout/UiLayout.vue

@@ -1,5 +1,7 @@
 <template>
-  <div class="min-h-screen">
+  <div
+    class="min-h-svh bg-black-50 lato-regular relative overflow-visible before:content-[''] before:absolute before:bottom-0 before:h-[520px] before:w-full before:bg-[url(/src/assets/img/webp/footer-flowers.webp)] before:bg-no-repeat before:bg-bottom before:bg-cover before:z-0"
+  >
     <UiHeader />
     <UiMain />
     <UiFooter />