From 7c97c4ca9b86af2ab34bf586241215669df18c45 Mon Sep 17 00:00:00 2001
From: marks <markskram@protonmail.com>
Date: Fri, 25 Apr 2025 22:19:27 -0500
Subject: [PATCH] Add a Guides link to the top nav for users to learn more
 about using Maple

---
 frontend/src/components/TopNav.tsx | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)

diff --git a/frontend/src/components/TopNav.tsx b/frontend/src/components/TopNav.tsx
index adaf93441..f4b60fced 100644
--- a/frontend/src/components/TopNav.tsx
+++ b/frontend/src/components/TopNav.tsx
@@ -52,6 +52,14 @@ export function TopNav() {
               <div className="flex items-center gap-6 sm:gap-10">
                 <NavLink to="/pricing">Pricing</NavLink>
                 <NavLink to="/proof">Proof</NavLink>
+                <a
+                  href="https://blog.trymaple.ai/tag/guides/"
+                  target="_blank"
+                  rel="noopener noreferrer"
+                  className="transition-colors font-light tracking-tight text-lg text-[#E2E2E2]/70 hover:text-[#E2E2E2]"
+                >
+                  Guides
+                </a>
               </div>
             </div>
 
@@ -95,6 +103,15 @@ export function TopNav() {
               <NavLink to="/proof" onClick={() => setMobileMenuOpen(false)}>
                 Proof
               </NavLink>
+              <a
+                href="https://blog.trymaple.ai/tag/guides/"
+                target="_blank"
+                rel="noopener noreferrer"
+                className="transition-colors font-light tracking-tight text-lg text-[#E2E2E2]/70 hover:text-[#E2E2E2]"
+                onClick={() => setMobileMenuOpen(false)}
+              >
+                Guides
+              </a>
             </div>
           </div>
         )}