logo

src/components/Navbar.js

@@ -1,13 +1,25 @@
 import { LastRefresh } from './LastRefresh'
+import Image from 'next/image'
 
 export function Navbar({ lastUpdateTime }) {
   return (
     <nav className="bg-gray-800/50 backdrop-blur-sm border-b border-gray-700">
       <div className="max-w-[1400px] mx-auto px-4 sm:px-6 py-4">
         <div className="flex flex-col sm:flex-row items-center justify-between gap-4">
+          <div className="flex items-center gap-3">
+            <Image
+              src="/UTM_Logo.png"
+              alt="UTM Logo"
+              height={40}
+              width={200}
+              quality={100}
+              priority
+              className="w-auto h-10"
+            />
             <h1 className="text-3xl sm:text-4xl font-bold bg-gradient-to-r from-blue-400 via-emerald-400 to-blue-400 bg-clip-text text-transparent animate-gradient">
-            Solar Management Dashboard
+              UTM Solar Panels
             </h1>
+          </div>
           {lastUpdateTime && (
             <div className="flex items-center gap-2 text-gray-400">
               <LastRefresh timestamp={lastUpdateTime} />