logo added

resources/views/layouts/header.blade.php

@@ -1,37 +1,28 @@
-<!-- HEADER -->
 <header class="bg-slate-900 border-b border-slate-800 sticky top-0 z-30">
     <div class="max-w-7xl mx-auto px-6 h-14 flex items-center justify-between">
 
-        <!-- LEFT: Logo + Brand -->
         <div class="flex items-center gap-3">
-            <div class="w-7 h-7 rounded-lg bg-indigo-500 flex items-center justify-center shrink-0">
-                <!-- Graduation cap icon -->
-                <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round">
-                    <path d="M22 10v6M2 10l10-5 10 5-10 5z"/><path d="M6 12v5c0 1.657 2.686 3 6 3s6-1.343 6-3v-5"/>
-                </svg>
+            <div class="flex items-center shrink-0 py-1">
+                <a href="{{ route('home') }}">
+                    <img src="{{ asset('assets/rosetta-logo.png') }}" 
+                         alt="Rosetta Education International" 
+                         class="h-8 w-auto object-contain" />
+                </a>
             </div>
-            <div class="leading-tight">
-                <span class="font-bold text-white text-sm tracking-tight">Rosetta International Education</span>
-            </div>
-            <span class="text-slate-600 text-xs font-medium hidden sm:block">/ Admin</span>
         </div>
 
-        <!-- RIGHT: Profile Dropdown -->
         <div class="relative dropdown" tabindex="0">
             <button class="flex items-center gap-2.5 px-3 py-1.5 rounded-lg hover:bg-slate-800 transition-colors focus:outline-none group">
                 <div class="w-7 h-7 rounded-full bg-indigo-500 flex items-center justify-center text-white text-xs font-bold">
                     {{ strtoupper(substr(auth()->user()->name, 0, 1)) }}
                 </div>
                 <span class="text-slate-300 text-xs font-medium hidden sm:block">{{ auth()->user()->name }}</span>
-                <!-- Chevron -->
                 <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="#94a3b8" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="transition-transform group-focus:rotate-180">
                     <polyline points="6 9 12 15 18 9"/>
                 </svg>
             </button>
 
-            <!-- Dropdown Menu -->
             <div class="dropdown-menu hidden absolute right-0 mt-1.5 w-52 bg-white rounded-xl shadow-xl border border-slate-200 py-1.5 z-50">
-                <!-- User info -->
                 <div class="px-4 py-2.5 border-b border-slate-100 mb-1">
                     <p class="text-xs font-semibold text-slate-800">{{ auth()->user()->name }}</p>
                     <p class="text-xs text-slate-400 mt-0.5">{{ auth()->user()->email }}</p>