site/core/static/core/css/overrides.css

@@ -28,8 +28,8 @@
     text-decoration: underline;
 }
 
-body.has-debug-banner nav {
-    top: 1.7rem;
+body.has-debug-banner .page-main {
+    padding-top: 1.7rem;
 }
 
 .page-main {

site/core/templates/core/base.html

@@ -18,18 +18,6 @@
   <div class="debug-banner">Debug — mint form is local only{% if show_debug_create %} · <a href="{% url 'debug-create' %}">Create a short link</a>{% endif %}</div>
   {% endif %}
 
-  <nav aria-label="Main navigation">
-    <a href="{{ CREDIT_URL }}" class="brand-logo">
-      <img src="{% static 'core/img/logo.png' %}" alt="{{ CREDIT_NAME }}" class="brand-logo-img" width="243" height="28">
-    </a>
-    <button type="button" class="mobile-menu-btn" aria-label="Open menu" aria-expanded="false" aria-controls="main-nav-links">☰</button>
-    <ul class="nav-links" id="main-nav-links">
-      <li><a href="{{ CREDIT_URL }}">Home</a></li>
-      <li><a href="{{ CREDIT_URL }}/web_design">Web Design</a></li>
-      <li><a href="{{ CONTACT_URL }}" class="btn" style="border: 1px solid var(--primary-color); padding: 0.4rem 1rem; border-radius: 4px; margin-left: 1rem; color: #000;">Contact</a></li>
-    </ul>
-  </nav>
-
   <main class="page-main">
     {% block content %}{% endblock %}
   </main>
@@ -49,19 +37,5 @@
       </p>
     </div>
   </footer>
-
-  <script>
-    document.addEventListener('DOMContentLoaded', function () {
-      const mobileBtn = document.querySelector('.mobile-menu-btn');
-      const navLinks = document.querySelector('.nav-links');
-      if (mobileBtn && navLinks) {
-        mobileBtn.addEventListener('click', function () {
-          const isOpen = navLinks.classList.toggle('active');
-          mobileBtn.setAttribute('aria-expanded', isOpen ? 'true' : 'false');
-          mobileBtn.setAttribute('aria-label', isOpen ? 'Close menu' : 'Open menu');
-        });
-      }
-    });
-  </script>
 </body>
 </html>

site/core/templates/core/landing.html

@@ -15,6 +15,19 @@
 </div>
 
 <div class="section" style="background: var(--surface-color);">
+  <div class="container">
+    <h2 class="section-title">Why Piha?</h2>
+    <p style="text-align: center; max-width: 820px; margin: 0 auto 1.5rem; color: var(--text-muted); font-size: 1.1rem;">
+      The name is a nod to <strong>Quenya</strong> — Tolkien’s High Elvish from
+      <em>The Lord of the Rings</em>. In Quenya, <em>pia</em> (also
+      <em>pitya</em>, <em>pincë</em>, <em>picina</em>) is the adjective
+      <strong>little</strong> or <strong>small</strong>. A short link is a little
+      path that still reaches the long URL.
+    </p>
+  </div>
+</div>
+
+<div class="section">
   <div class="container">
     <h2 class="section-title">A shortener you can hand to SMS</h2>
     <p style="text-align: center; max-width: 820px; margin: 0 auto; color: var(--text-muted); font-size: 1.1rem;">

site/links/tests.py

@@ -262,8 +262,11 @@ class RedirectTests(TestCase):
         self.assertEqual(response.status_code, 200)
         self.assertContains(response, "piha.lc")
         self.assertContains(response, "Request access")
+        self.assertContains(response, "Why Piha?")
+        self.assertContains(response, "Quenya")
         self.assertContains(response, "aimloperations.com")
         self.assertContains(response, "Contact")
+        self.assertNotContains(response, "<nav")
         self.assertNotContains(response, "Create a short link")
 
     def test_click_row_and_count(self):