From 344c02768846d67431e96a677d6587d2d7ed6a38 Mon Sep 17 00:00:00 2001
From: Alasdair Blackwell <alasdair@ustwo.com>
Date: Thu, 26 Jun 2025 15:57:55 +0100
Subject: [PATCH] Add numbers to nav to align with principles

---
 src/components/Layout.tsx           | 10 +++++-----
 src/components/MobileNavOverlay.tsx | 10 +++++-----
 2 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/components/Layout.tsx b/src/components/Layout.tsx
index 2d72925..be1f2fd 100644
--- a/src/components/Layout.tsx
+++ b/src/components/Layout.tsx
@@ -58,7 +58,7 @@ export default function Layout({ children, title, introText, theme }: LayoutProp
                     to="/tools" 
                     aria-current={isCurrentPage("/tools") ? "page" : undefined}
                   >
-                    Tools
+                    1. Tools
                   </Link>
                 </li>
                 <li>
@@ -66,7 +66,7 @@ export default function Layout({ children, title, introText, theme }: LayoutProp
                     to="/patterns" 
                     aria-current={isCurrentPage("/patterns") ? "page" : undefined}
                   >
-                    Patterns
+                    2. Patterns
                   </Link>
                 </li>
                 <li>
@@ -74,7 +74,7 @@ export default function Layout({ children, title, introText, theme }: LayoutProp
                     to="/checklist" 
                     aria-current={isCurrentPage("/checklist") ? "page" : undefined}
                   >
-                    Checklist
+                    3. Checklist
                   </Link>
                 </li>
                 <li>
@@ -82,7 +82,7 @@ export default function Layout({ children, title, introText, theme }: LayoutProp
                     to="/screen-reader-guide" 
                     aria-current={isCurrentPage("/screen-reader-guide") ? "page" : undefined}
                   >
-                    Screen reader
+                    4. Screen reader
                   </Link>
                 </li>
                 <li>
@@ -90,7 +90,7 @@ export default function Layout({ children, title, introText, theme }: LayoutProp
                     to="/testing-templates" 
                     aria-current={isCurrentPage("/testing-templates") ? "page" : undefined}
                   >
-                    Testing
+                    5. Testing
                   </Link>
                 </li>
               </ul>
diff --git a/src/components/MobileNavOverlay.tsx b/src/components/MobileNavOverlay.tsx
index f0ea67c..201a001 100644
--- a/src/components/MobileNavOverlay.tsx
+++ b/src/components/MobileNavOverlay.tsx
@@ -63,7 +63,7 @@ export default function MobileNavOverlay({ isOpen, onClose, id }: MobileNavOverl
                 onClick={onClose}
                 aria-current={isCurrentPage("/tools") ? "page" : undefined}
               >
-                Tools
+                1. Tools
               </Link>
             </li>
             <li>
@@ -72,7 +72,7 @@ export default function MobileNavOverlay({ isOpen, onClose, id }: MobileNavOverl
                 onClick={onClose}
                 aria-current={isCurrentPage("/patterns") ? "page" : undefined}
               >
-                Patterns
+                2. Patterns
               </Link>
             </li>
             <li>
@@ -81,7 +81,7 @@ export default function MobileNavOverlay({ isOpen, onClose, id }: MobileNavOverl
                 onClick={onClose}
                 aria-current={isCurrentPage("/checklist") ? "page" : undefined}
               >
-                Checklist
+                3. Checklist
               </Link>
             </li>
             <li>
@@ -90,7 +90,7 @@ export default function MobileNavOverlay({ isOpen, onClose, id }: MobileNavOverl
                 onClick={onClose}
                 aria-current={isCurrentPage("/screen-reader-guide") ? "page" : undefined}
               >
-                Screen reader guide
+                4. Screen reader guide
               </Link>
             </li>
             <li>
@@ -99,7 +99,7 @@ export default function MobileNavOverlay({ isOpen, onClose, id }: MobileNavOverl
                 onClick={onClose}
                 aria-current={isCurrentPage("/testing-templates") ? "page" : undefined}
               >
-                Testing templates
+                5. Testing templates
               </Link>
             </li>
           </ul>