update

components/header.html

@@ -0,0 +1,60 @@
+<header class="site-header" role="banner">
+  <div class="container">
+    <div class="header-inner">
+
+      <a href="/" class="header-logo" aria-label="Floor It Hardwood Floors">
+        <img src="/assets/images/logo-header.png" alt="Floor It Hardwood Floors" style="height:42px;width:auto;object-fit:contain;" onerror="this.style.display='none';this.nextElementSibling.style.display='block'">
+        <div style="display:none;">
+          <div class="header-logo-wordmark">Floor <span>It</span></div>
+          <div class="header-logo-sub">Hardwood Floors</div>
+        </div>
+      </a>
+
+      <nav class="header-nav" aria-label="Main navigation">
+        <a href="/">Home</a>
+        <a href="/services/">Services</a>
+        <a href="/locations/">Locations</a>
+        <a href="/about/">About</a>
+        <a href="/reviews/">Reviews</a>
+        <a href="/blog/">Blog</a>
+      </nav>
+
+      <div class="header-cta">
+        <a href="tel:+17166021429" class="header-phone" aria-label="Call us at (716) 602-1429">(716) 602-1429</a>
+        <a href="/contact/" class="btn btn--primary btn--sm">Get Estimate</a>
+        <button class="header-menu-btn" aria-label="Open menu" aria-expanded="false">
+          <span></span>
+          <span></span>
+          <span></span>
+        </button>
+      </div>
+
+    </div>
+  </div>
+</header>
+
+<div class="mobile-nav" aria-hidden="true">
+  <div class="mobile-nav-overlay"></div>
+  <div class="mobile-nav-panel" role="dialog" aria-label="Mobile navigation">
+    <button class="mobile-nav-close" aria-label="Close menu">&times;</button>
+
+    <nav class="mobile-nav-links" aria-label="Mobile navigation">
+      <a href="/">Home</a>
+      <a href="/services/">Services</a>
+      <a href="/services/floor-refinishing/">Floor Refinishing</a>
+      <a href="/services/floor-restoration/">Floor Restoration</a>
+      <a href="/services/floor-sanding/">Floor Sanding</a>
+      <a href="/services/floor-installation/">Floor Installation</a>
+      <a href="/locations/">Locations</a>
+      <a href="/about/">About Us</a>
+      <a href="/reviews/">Reviews</a>
+      <a href="/blog/">Blog</a>
+      <a href="/contact/">Contact</a>
+    </nav>
+
+    <div class="mobile-nav-cta">
+      <a href="tel:+17166021429" class="mobile-nav-phone">(716) 602-1429</a>
+      <a href="/contact/" class="btn btn--primary btn--full">Request Free Estimate</a>
+    </div>
+  </div>
+</div>