diff --git a/resources/views/components/page-header.blade.php b/resources/views/components/page-header.blade.php
new file mode 100644
index 0000000..196509c
--- /dev/null
+++ b/resources/views/components/page-header.blade.php
@@ -0,0 +1,16 @@
+@props(['title', 'subtitle' => null])
+
+<div class="mb-8 flex items-start justify-between">
+    <div>
+        <h1 class="text-2xl font-bold text-gray-900">{{ $title }}</h1>
+        @if ($subtitle)
+            <p class="mt-1 text-sm text-gray-500">{{ $subtitle }}</p>
+        @endif
+    </div>
+    <div class="flex items-center space-x-3">
+        {{ $slot }}
+        <div class="hidden lg:block">
+            <livewire:notification-bell />
+        </div>
+    </div>
+</div>
diff --git a/resources/views/layouts/app.blade.php b/resources/views/layouts/app.blade.php
index 78d305a..30d77ed 100644
--- a/resources/views/layouts/app.blade.php
+++ b/resources/views/layouts/app.blade.php
@@ -66,9 +66,6 @@ class="p-2 rounded-md text-gray-400 hover:text-gray-600 hover:bg-gray-100"
                     <nav class="mt-5 flex-1 px-2 bg-white">
                         @include('layouts.navigation-items')
                     </nav>
-                    <div class="flex-shrink-0 px-4 py-3 border-t border-gray-200">
-                        <livewire:notification-bell />
-                    </div>
                     <div class="flex-shrink-0 p-4 border-t border-gray-200">
                         <div class="flex items-center">
                             <div class="flex-1 min-w-0">
diff --git a/resources/views/livewire/articles.blade.php b/resources/views/livewire/articles.blade.php
index 1ad79b9..6e2930f 100644
--- a/resources/views/livewire/articles.blade.php
+++ b/resources/views/livewire/articles.blade.php
@@ -1,11 +1,5 @@
 <div class="p-6">
-    <div class="mb-6 flex items-start justify-between">
-        <div>
-            <h1 class="text-2xl font-bold text-gray-900">Articles</h1>
-            <p class="mt-1 text-sm text-gray-500">
-                Review and manage article routing
-            </p>
-        </div>
+    <x-page-header title="Articles" subtitle="Review and manage article routing">
         <button
             wire:click="refresh"
             wire:loading.attr="disabled"
@@ -19,7 +13,7 @@ class="inline-flex items-center px-4 py-2 border border-transparent text-sm font
             <span wire:loading.remove wire:target="refresh">{{ $isRefreshing ? 'Refreshing...' : 'Refresh' }}</span>
             <span wire:loading wire:target="refresh">Refreshing...</span>
         </button>
-    </div>
+    </x-page-header>
 
     {{-- Tab bar --}}
     <div class="mb-6 border-b border-gray-200">
diff --git a/resources/views/livewire/channels.blade.php b/resources/views/livewire/channels.blade.php
index ec4691e..9bf0c75 100644
--- a/resources/views/livewire/channels.blade.php
+++ b/resources/views/livewire/channels.blade.php
@@ -1,10 +1,5 @@
 <div class="p-6">
-    <div class="mb-8">
-        <h1 class="text-2xl font-bold text-gray-900">Channels</h1>
-        <p class="mt-1 text-sm text-gray-500">
-            Manage your platform channels and linked accounts
-        </p>
-    </div>
+    <x-page-header title="Channels" subtitle="Manage your platform channels and linked accounts" />
 
     <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
         @forelse ($channels as $channel)
diff --git a/resources/views/livewire/dashboard.blade.php b/resources/views/livewire/dashboard.blade.php
index 9060411..489812b 100644
--- a/resources/views/livewire/dashboard.blade.php
+++ b/resources/views/livewire/dashboard.blade.php
@@ -1,10 +1,5 @@
 <div class="p-6">
-    <div class="mb-8">
-        <h1 class="text-2xl font-bold text-gray-900">Dashboard</h1>
-        <p class="mt-1 text-sm text-gray-500">
-            Overview of your feed management system
-        </p>
-    </div>
+    <x-page-header title="Dashboard" subtitle="Overview of your feed management system" />
 
     <!-- System Statistics -->
     <div class="mb-8">
diff --git a/resources/views/livewire/feeds.blade.php b/resources/views/livewire/feeds.blade.php
index 1a2e5f0..5f4fc72 100644
--- a/resources/views/livewire/feeds.blade.php
+++ b/resources/views/livewire/feeds.blade.php
@@ -1,10 +1,5 @@
 <div class="p-6">
-    <div class="mb-8">
-        <h1 class="text-2xl font-bold text-gray-900">Feeds</h1>
-        <p class="mt-1 text-sm text-gray-500">
-            Manage your news feed sources
-        </p>
-    </div>
+    <x-page-header title="Feeds" subtitle="Manage your news feed sources" />
 
     <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
         @forelse ($feeds as $feed)
diff --git a/resources/views/livewire/routes.blade.php b/resources/views/livewire/routes.blade.php
index c37280b..45c04c6 100644
--- a/resources/views/livewire/routes.blade.php
+++ b/resources/views/livewire/routes.blade.php
@@ -1,11 +1,5 @@
 <div class="p-6">
-    <div class="mb-8 flex items-center justify-between">
-        <div>
-            <h1 class="text-2xl font-bold text-gray-900">Routes</h1>
-            <p class="mt-1 text-sm text-gray-500">
-                Manage connections between your feeds and channels
-            </p>
-        </div>
+    <x-page-header title="Routes" subtitle="Manage connections between your feeds and channels">
         <button
             wire:click="openCreateModal"
             class="inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500"
@@ -15,7 +9,7 @@ class="inline-flex items-center px-4 py-2 border border-transparent text-sm font
             </svg>
             Create Route
         </button>
-    </div>
+    </x-page-header>
 
     <div class="space-y-6">
         @forelse ($routes as $route)
diff --git a/resources/views/livewire/settings.blade.php b/resources/views/livewire/settings.blade.php
index caef6f6..a03019d 100644
--- a/resources/views/livewire/settings.blade.php
+++ b/resources/views/livewire/settings.blade.php
@@ -1,10 +1,5 @@
 <div class="p-6" x-data x-on:clear-message.window="setTimeout(() => $wire.clearMessages(), 3000)">
-    <div class="mb-8">
-        <h1 class="text-2xl font-bold text-gray-900">Settings</h1>
-        <p class="mt-1 text-sm text-gray-500">
-            Configure your system preferences
-        </p>
-    </div>
+    <x-page-header title="Settings" subtitle="Configure your system preferences" />
 
     <div class="space-y-6">
         <!-- Article Processing Settings -->