diff --git a/resources/views/components/navbar.blade.php b/resources/views/components/navbar.blade.php
new file mode 100644
index 0000000..6ac7641
--- /dev/null
+++ b/resources/views/components/navbar.blade.php
@@ -0,0 +1,38 @@
+<flux:header container class="bg-zinc-50 dark:bg-zinc-900 border-b border-zinc-200 dark:border-zinc-700">
+  <flux:sidebar.toggle class="lg:hidden" icon="bars-2" inset="left" />
+
+  <flux:brand href="{{ route('dashboard') }}" logo="https://fluxui.dev/img/demo/logo.png" name="Filament" class="max-lg:hidden dark:hidden" />
+  <flux:brand href="{{ route('dashboard') }}" logo="https://fluxui.dev/img/demo/dark-mode-logo.png" name="Filament" class="max-lg:hidden! hidden dark:flex" />
+
+  <flux:navbar class="-mb-px max-lg:hidden">
+    <flux:navbar.item icon="home" href="{{ route('dashboard') }}" current>Dashboard</flux:navbar.item>
+    <flux:navbar.item icon="archive-box" href="#">Hersteller</flux:navbar.item>
+    <flux:navbar.item icon="circle-stack" href="#">Filamente</flux:navbar.item>
+    <flux:navbar.item icon="chart-pie" badge="12" href="#">Arten</flux:navbar.item>
+  </flux:navbar>
+
+  <flux:spacer />
+
+  <flux:navbar class="mr-4">
+    <flux:navbar.item icon="magnifying-glass" href="#" label="Search" />
+    <flux:navbar.item class="max-lg:hidden" icon="cog-6-tooth" href="#" label="Settings" />
+    <flux:navbar.item class="max-lg:hidden" icon="information-circle" href="#" label="Help" />
+    <flux:separator vertical variant="subtle" class="my-2"/>
+  </flux:navbar>
+
+  <flux:dropdown position="top" align="start">
+    <flux:profile avatar="{{ Auth::user()->profile_photo_url }}" />
+
+    <flux:menu>
+      <flux:menu.item href="{{ route('profile.show') }}" icon="user">{{ Auth::user()->name }}</flux:menu.item>
+
+        <flux:menu.separator />
+        <form method="POST" action="{{ route('logout') }}" x-data>
+          @csrf
+          <flux:menu.item href="{{ route('logout') }}" icon="arrow-right-start-on-rectangle" @click.prevent="$root.submit();">Logout</flux:menu.item>
+        </form>
+
+    </flux:menu>
+  </flux:dropdown>
+
+</flux:header>
\ No newline at end of file
diff --git a/resources/views/layouts/app.blade.php b/resources/views/layouts/app.blade.php
index 6ff1c80..f365723 100644
--- a/resources/views/layouts/app.blade.php
+++ b/resources/views/layouts/app.blade.php
@@ -19,11 +19,11 @@
         @livewireStyles
         @fluxAppearance
     </head>
-    <body class="font-sans antialiased">
+    <body class="font-sans antialiased min-h-screen bg-white dark:bg-zinc-800">
         <x-banner />
 
-        <div class="min-h-screen bg-gray-100 dark:bg-gray-900">
-            @livewire('navigation-menu')
+        <div>
+            <x-navbar></x-navbar>
 
             <!-- Page Heading -->
             @if (isset($header))
