client/src/App.jsx

@@ -1,5 +1,5 @@
 import { BrowserRouter as Router, Routes, Route, Link } from 'react-router-dom'
-import { Dog, Home, Users, Activity, Heart, BookOpen } from 'lucide-react'
+import { Home, Users, Activity, Heart } from 'lucide-react'
 import Dashboard from './pages/Dashboard'
 import DogList from './pages/DogList'
 import DogDetail from './pages/DogDetail'
@@ -15,7 +15,11 @@ function App() {
         <nav className="navbar">
           <div className="container">
             <div className="nav-brand">
-              <Dog size={32} />
+              <img
+                src="/static/br-logo.png"
+                alt="BREEDR Logo"
+                className="brand-logo"
+              />
               <span className="brand-text">BREEDR</span>
             </div>
             <div className="nav-links">
@@ -54,4 +58,4 @@ function App() {
   )
 }
 
-export default App
+export default App