diff --git a/assets/css/styles.css b/assets/css/styles.css
index 3b03f96..47ccf0f 100644
--- a/assets/css/styles.css
+++ b/assets/css/styles.css
@@ -205,6 +205,11 @@ h1,h2,h3,h4 {
     letter-spacing: -0.03em;
 }
 .logo-highlight { color: var(--color-accent); }
+.logo-img {
+    height: 44px;
+    width: auto;
+    display: block;
+}
 
 .nav-links {
     display: flex;
@@ -1079,6 +1084,7 @@ h1,h2,h3,h4 {
     display: inline-flex;
     align-items: center;
 }
+.footer-logo .logo-img { height: 50px; }
 .footer-brand p {
     color: var(--color-text-2);
     font-size: 0.875rem;
diff --git a/assets/js/components.js b/assets/js/components.js
index b0ec378..83769ad 100644
--- a/assets/js/components.js
+++ b/assets/js/components.js
@@ -1,7 +1,7 @@
 (function () {
     var NAV = `<nav class="navbar">
     <a href="/" class="logo">
-        <span class="logo-text">Lahr <span class="logo-highlight">Carpet</span></span>
+        <img src="/assets/images/logo.webp" alt="Lahr Carpet Cleaning" class="logo-img" width="160" height="67">
     </a>
     <ul class="nav-links">
         <li><a href="/">Home</a></li>
@@ -60,7 +60,7 @@
         <div class="footer-grid">
             <div class="footer-brand">
                 <a href="/" class="footer-logo">
-                    <span class="logo-text">Lahr <span class="logo-highlight">Carpet</span></span>
+                    <img src="/assets/images/logo.webp" alt="Lahr Carpet Cleaning" class="logo-img" width="160" height="67">
                 </a>
                 <p>We clean carpets, upholstery, rugs, and hard floors for homes and businesses in Waterloo, Geneva, and the Finger Lakes region.</p>
             </div>