From 779f694e53ee7ae928c2bca629b8c8b076ed8ab4 Mon Sep 17 00:00:00 2001
From: Flatlogic Bot <support@flatlogic.com>
Date: Thu, 11 Jun 2026 11:54:36 +0000
Subject: [PATCH] fix: add mobile public navigation

---
 frontend/src/pages/about.tsx        | 8 ++++++++
 frontend/src/pages/how-it-works.tsx | 8 ++++++++
 frontend/src/pages/index.tsx        | 8 ++++++++
 frontend/src/pages/login.tsx        | 7 +++++++
 frontend/src/pages/services.tsx     | 8 ++++++++
 5 files changed, 39 insertions(+)

diff --git a/frontend/src/pages/about.tsx b/frontend/src/pages/about.tsx
index 53b5e62..921e944 100644
--- a/frontend/src/pages/about.tsx
+++ b/frontend/src/pages/about.tsx
@@ -67,6 +67,14 @@ function Nav() {
           Start assessment
         </Link>
       </div>
+      <nav
+        className={`mx-auto mt-2 flex max-w-6xl gap-4 overflow-x-auto border border-[#19192d]/10 bg-white px-4 py-3 text-sm font-semibold ${ui.ink} md:hidden`}
+      >
+        <Link href='/how-it-works/'>How it works</Link>
+        <Link href='/about/'>About</Link>
+        <Link href='/services/'>Services</Link>
+        <Link href='/client-portal/'>Client login</Link>
+      </nav>
     </header>
   );
 }
diff --git a/frontend/src/pages/how-it-works.tsx b/frontend/src/pages/how-it-works.tsx
index 683bc4c..8202065 100644
--- a/frontend/src/pages/how-it-works.tsx
+++ b/frontend/src/pages/how-it-works.tsx
@@ -181,6 +181,14 @@ function Nav() {
           Start assessment
         </Link>
       </div>
+      <nav
+        className={`mx-auto mt-2 flex max-w-6xl gap-4 overflow-x-auto border border-[#19192d]/10 bg-white px-4 py-3 text-sm font-semibold ${ui.ink} md:hidden`}
+      >
+        <Link href='/how-it-works/'>How it works</Link>
+        <Link href='/about/'>About</Link>
+        <Link href='/services/'>Services</Link>
+        <Link href='/client-portal/'>Client login</Link>
+      </nav>
     </header>
   );
 }
diff --git a/frontend/src/pages/index.tsx b/frontend/src/pages/index.tsx
index 89f14af..617876e 100644
--- a/frontend/src/pages/index.tsx
+++ b/frontend/src/pages/index.tsx
@@ -182,6 +182,14 @@ export default function Starter() {
               Start assessment
             </Link>
           </div>
+          <nav
+            className={`mx-auto mt-2 flex max-w-6xl gap-4 overflow-x-auto border border-[#19192d]/10 bg-white px-4 py-3 text-sm font-semibold ${ui.ink} md:hidden`}
+          >
+            <Link href='/how-it-works/'>How it works</Link>
+            <Link href='/about/'>About</Link>
+            <Link href='/services/'>Services</Link>
+            <Link href='/client-portal/'>Client login</Link>
+          </nav>
         </header>
 
         <section className='mx-auto max-w-7xl px-5 pb-16 pt-7 text-center lg:px-8'>
diff --git a/frontend/src/pages/login.tsx b/frontend/src/pages/login.tsx
index 31b4c5e..d94a40a 100644
--- a/frontend/src/pages/login.tsx
+++ b/frontend/src/pages/login.tsx
@@ -86,6 +86,13 @@ function Nav() {
           Start assessment
         </Link>
       </div>
+      <nav
+        className={`mx-auto mt-2 flex max-w-6xl gap-4 overflow-x-auto border border-[#19192d]/10 bg-white px-4 py-3 text-sm font-semibold ${ui.ink} md:hidden`}
+      >
+        <Link href='/how-it-works/'>How it works</Link>
+        <Link href='/about/'>About</Link>
+        <Link href='/services/'>Services</Link>
+      </nav>
     </header>
   );
 }
diff --git a/frontend/src/pages/services.tsx b/frontend/src/pages/services.tsx
index cc6e464..53c57a7 100644
--- a/frontend/src/pages/services.tsx
+++ b/frontend/src/pages/services.tsx
@@ -74,6 +74,14 @@ function Nav() {
           Start assessment
         </Link>
       </div>
+      <nav
+        className={`mx-auto mt-2 flex max-w-6xl gap-4 overflow-x-auto border border-[#19192d]/10 bg-white px-4 py-3 text-sm font-semibold ${ui.ink} md:hidden`}
+      >
+        <Link href='/how-it-works/'>How it works</Link>
+        <Link href='/about/'>About</Link>
+        <Link href='/services/'>Services</Link>
+        <Link href='/client-portal/'>Client login</Link>
+      </nav>
     </header>
   );
 }