diff --git a/public/UTM_Logo.png b/public/UTM_Logo.png
new file mode 100644
index 0000000..3f77cea
Binary files /dev/null and b/public/UTM_Logo.png differ
diff --git a/src/components/Navbar.js b/src/components/Navbar.js
index 519bd8d..7e30c82 100644
--- a/src/components/Navbar.js
+++ b/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">
-          <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
-          </h1>
+          <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">
+              UTM Solar Panels
+            </h1>
+          </div>
           {lastUpdateTime && (
             <div className="flex items-center gap-2 text-gray-400">
               <LastRefresh timestamp={lastUpdateTime} />