From dc1e8bc29cb6936e3e06e4f2482f8e71759acb5f Mon Sep 17 00:00:00 2001
From: Tom Roth <info@tomroth.consulting>
Date: Fri, 31 Jul 2026 09:31:21 +0200
Subject: [PATCH] Use index.html suffixes on all internal links for local
 file:// browsing

---
 src/_includes/components/cta-band.njk |  2 +-
 src/_includes/components/footer.njk   |  4 ++--
 src/_includes/components/nav.njk      | 22 +++++++++++-----------
 src/_includes/layouts/service.njk     |  8 ++++----
 src/about.njk                         |  2 +-
 src/index.njk                         |  6 +++---
 src/services/index.njk                |  2 +-
 7 files changed, 23 insertions(+), 23 deletions(-)

diff --git a/src/_includes/components/cta-band.njk b/src/_includes/components/cta-band.njk
index 2f6ff5e..ee5ac2f 100644
--- a/src/_includes/components/cta-band.njk
+++ b/src/_includes/components/cta-band.njk
@@ -3,6 +3,6 @@
     <p class="section-eyebrow">Ready to get started?</p>
     <h2 class="cta-band__title">Let's talk about your project.</h2>
     <p class="cta-band__sub">Diana responds within 1&ndash;2 business days.</p>
-    <a href="{{ rootPath }}contact/" class="btn btn--ghost-white">Request a Quote</a>
+    <a href="{{ rootPath }}contact/index.html" class="btn btn--ghost-white">Request a Quote</a>
   </div>
 </section>
diff --git a/src/_includes/components/footer.njk b/src/_includes/components/footer.njk
index bb3cd6b..fee84ea 100644
--- a/src/_includes/components/footer.njk
+++ b/src/_includes/components/footer.njk
@@ -2,7 +2,7 @@
   <div class="footer__inner container">
 
     <div>
-      <a href="{{ rootPath }}" class="footer__brand">HER</a>
+      <a href="{{ rootPath }}index.html" class="footer__brand">HER</a>
       <p class="footer__tagline">Home Enhancement and Renovation<br>San Francisco &amp; Bay Area</p>
     </div>
 
@@ -10,7 +10,7 @@
       <p class="footer__nav-heading">Services</p>
       <ul class="footer__nav" role="list">
         {% for service in services %}
-        <li><a href="{{ rootPath }}services/{{ service.slug }}/">{{ service.name }}</a></li>
+        <li><a href="{{ rootPath }}services/{{ service.slug }}/index.html">{{ service.name }}</a></li>
         {% endfor %}
       </ul>
     </nav>
diff --git a/src/_includes/components/nav.njk b/src/_includes/components/nav.njk
index e2c39e4..d5fe1d7 100644
--- a/src/_includes/components/nav.njk
+++ b/src/_includes/components/nav.njk
@@ -3,14 +3,14 @@
 <header class="nav" role="banner">
   <div class="nav__inner container">
 
-    <a href="{{ rootPath }}" class="nav__brand" aria-label="HER Home Enhancement and Renovation — Home">HER</a>
+    <a href="{{ rootPath }}index.html" class="nav__brand" aria-label="HER Home Enhancement and Renovation — Home">HER</a>
 
     <nav aria-label="Main navigation">
       <ul class="nav__links" role="list">
-        <li><a href="{{ rootPath }}about/">About</a></li>
-        <li><a href="{{ rootPath }}services/">Services</a></li>
-        <li><a href="{{ rootPath }}testimonials/">Testimonials</a></li>
-        <li><a href="{{ rootPath }}contact/">Contact</a></li>
+        <li><a href="{{ rootPath }}about/index.html">About</a></li>
+        <li><a href="{{ rootPath }}services/index.html">Services</a></li>
+        <li><a href="{{ rootPath }}testimonials/index.html">Testimonials</a></li>
+        <li><a href="{{ rootPath }}contact/index.html">Contact</a></li>
       </ul>
     </nav>
 
@@ -21,7 +21,7 @@
         </svg>
       </a>
 
-      <a href="{{ rootPath }}contact/" class="btn btn--primary" style="display:none" id="nav-cta">Request a Quote</a>
+      <a href="{{ rootPath }}contact/index.html" class="btn btn--primary" style="display:none" id="nav-cta">Request a Quote</a>
 
       <button
         class="nav__toggle"
@@ -42,13 +42,13 @@
     <button class="nav__overlay-close" aria-label="Close menu">&#x2715;</button>
     <nav aria-label="Mobile navigation">
       <ul role="list">
-        <li><a href="{{ rootPath }}about/">About</a></li>
-        <li><a href="{{ rootPath }}services/">Services</a></li>
-        <li><a href="{{ rootPath }}testimonials/">Testimonials</a></li>
-        <li><a href="{{ rootPath }}contact/">Contact</a></li>
+        <li><a href="{{ rootPath }}about/index.html">About</a></li>
+        <li><a href="{{ rootPath }}services/index.html">Services</a></li>
+        <li><a href="{{ rootPath }}testimonials/index.html">Testimonials</a></li>
+        <li><a href="{{ rootPath }}contact/index.html">Contact</a></li>
       </ul>
     </nav>
-    <a href="{{ rootPath }}contact/" class="btn btn--ghost-white btn--full">Request a Quote</a>
+    <a href="{{ rootPath }}contact/index.html" class="btn btn--ghost-white btn--full">Request a Quote</a>
     <a href="{{ site.phone | telHref }}" class="nav__overlay-phone">{{ site.phoneDisplay }}</a>
   </div>
 
diff --git a/src/_includes/layouts/service.njk b/src/_includes/layouts/service.njk
index 05e1b08..7f861ae 100644
--- a/src/_includes/layouts/service.njk
+++ b/src/_includes/layouts/service.njk
@@ -25,15 +25,15 @@ layout: layouts/base.njk
   <div class="page-hero__inner container">
     <nav class="breadcrumb" aria-label="Breadcrumb">
       <ol role="list">
-        <li><a href="{{ rootPath }}">Home</a></li>
-        <li><a href="{{ rootPath }}services/">Services</a></li>
+        <li><a href="{{ rootPath }}index.html">Home</a></li>
+        <li><a href="{{ rootPath }}services/index.html">Services</a></li>
         <li aria-current="page">{{ _title }}</li>
       </ol>
     </nav>
     <p class="section-eyebrow">{{ _eyebrow }}</p>
     <h1 class="page-hero__title">{{ _title }}</h1>
     <p class="page-hero__lead">{{ _lead }}</p>
-    <a href="{{ rootPath }}contact/" class="btn btn--primary">Request a Quote</a>
+    <a href="{{ rootPath }}contact/index.html" class="btn btn--primary">Request a Quote</a>
   </div>
 </section>
 
@@ -70,7 +70,7 @@ layout: layouts/base.njk
         <p>Diana serves San Francisco and the wider Bay Area within 50 miles, including Oakland, Berkeley, Marin County, Palo Alto, and beyond.</p>
       </div>
 
-      <a href="{{ rootPath }}contact/" class="btn btn--primary">Request a Quote</a>
+      <a href="{{ rootPath }}contact/index.html" class="btn btn--primary">Request a Quote</a>
     </div>
 
   </div>
diff --git a/src/about.njk b/src/about.njk
index 0527fbe..5722c30 100644
--- a/src/about.njk
+++ b/src/about.njk
@@ -41,7 +41,7 @@ ogImage: "diana_photo-min-1-scaled.webp"
         <p>Over 200 tile installations. Multimillion-dollar aerospace projects. Now she's working on yours.</p>
       </blockquote>
 
-      <a href="{{ rootPath }}contact/" class="btn btn--primary">Request a Quote</a>
+      <a href="{{ rootPath }}contact/index.html" class="btn btn--primary">Request a Quote</a>
     </div>
 
   </div>
diff --git a/src/index.njk b/src/index.njk
index cf80c86..c43f189 100644
--- a/src/index.njk
+++ b/src/index.njk
@@ -15,7 +15,7 @@ ogImage: "diana_photo-min-1-scaled.webp"
       <p class="lead-text">Precise, reliable, and easy to work with — Diana brings aerospace-level project coordination to your home improvement project.</p>
 
       <div class="hero__actions">
-        <a href="{{ rootPath }}contact/" class="btn btn--primary">Request a Quote</a>
+        <a href="{{ rootPath }}contact/index.html" class="btn btn--primary">Request a Quote</a>
         <div class="hero__contact">
           <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false">
             <path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 12 19.79 19.79 0 0 1 1.61 3.4 2 2 0 0 1 3.6 1.22h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L7.91 8.78a16 16 0 0 0 6 6l.92-.92a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 21.5 16h.5a2 2 0 0 1 .02.92z"/>
@@ -48,7 +48,7 @@ ogImage: "diana_photo-min-1-scaled.webp"
 
   <div class="services-grid container">
     {% for service in services %}
-    <a href="{{ rootPath }}services/{{ service.slug }}/" class="service-card fade-up">
+    <a href="{{ rootPath }}services/{{ service.slug }}/index.html" class="service-card fade-up">
       <div class="service-card__image">
         <img
           src="{{ rootPath }}assets/{{ service.images[0].file }}"
@@ -111,7 +111,7 @@ ogImage: "diana_photo-min-1-scaled.webp"
   <div class="testimonials-strip__header container">
     <p class="section-eyebrow">Client reviews</p>
     <h2>What people say.</h2>
-    <a href="{{ rootPath }}testimonials/" class="btn btn--secondary">All reviews</a>
+    <a href="{{ rootPath }}testimonials/index.html" class="btn btn--secondary">All reviews</a>
   </div>
 
   <div class="testimonials-grid container">
diff --git a/src/services/index.njk b/src/services/index.njk
index 86c5917..0f07e15 100644
--- a/src/services/index.njk
+++ b/src/services/index.njk
@@ -21,7 +21,7 @@ description: "Browse Diana's services — painting, tile setting, drywall, plumb
 
   <div class="services-grid container">
     {% for service in services %}
-    <a href="{{ rootPath }}services/{{ service.slug }}/" class="service-card fade-up">
+    <a href="{{ rootPath }}services/{{ service.slug }}/index.html" class="service-card fade-up">
       <div class="service-card__image">
         <img
           src="{{ rootPath }}assets/{{ service.images[0].file }}"