Init

components/Header.vue

@@ -0,0 +1,38 @@
+<script setup lang="ts">
+import type { NavItem } from '@nuxt/content/dist/runtime/types'
+
+const navigation = inject<Ref<NavItem[]>>('navigation')
+
+const links = [{
+  label: 'Documentation',
+  icon: 'i-heroicons-book-open',
+  to: '/getting-started',
+}, {
+  label: 'Pro',
+  icon: 'i-heroicons-square-3-stack-3d',
+  to: '/pro',
+}, {
+  label: 'Releases',
+  icon: 'i-heroicons-rocket-launch',
+  to: 'https://github.com/nuxt/ui/releases',
+  target: '_blank',
+}]
+</script>
+
+<template>
+  <UHeader :links="links">
+    <template #logo>
+      <Logo class="h-6 w-auto" />
+    </template>
+
+    <template #right>
+      <UColorModeButton />
+
+      <UButton to="https://github.com/nuxt/ui" target="_blank" icon="i-simple-icons-github" color="gray" variant="ghost" />
+    </template>
+
+    <template #panel>
+      <UNavigationTree :links="mapContentNavigation(navigation)" />
+    </template>
+  </UHeader>
+</template>

components/Logo.vue

@@ -0,0 +1,5 @@
+<template>
+  <div>
+    <span class="text-primary">Nuxt</span> Breeze
+  </div>
+</template>

components/Navigation.vue

@@ -0,0 +1,31 @@
+<script setup lang="ts">
+const links = [
+  {
+    label: 'Company',
+    icon: 'i-heroicons-building-office-2',
+    children: [
+      {
+        label: 'Overview',
+        to: '/partner/overview',
+        icon: 'i-heroicons-eye',
+      },
+      {
+        label: 'Add Company',
+        to: '/pro/components/docs/docs-search',
+        icon: 'i-heroicons-plus-circle',
+      },
+    ],
+  },
+  {
+    label: 'People',
+    to: '/pro/components/docs/docs-search-button',
+    icon: 'i-heroicons-user-group',
+  },
+]
+</script>
+
+<template>
+  <UContainer>
+    <UNavigationTree :links="links" />
+  </UContainer>
+</template>