chore: update

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>