From 2f6fe4f7b55d45adfc18b477fa85694649c89a52 Mon Sep 17 00:00:00 2001
From: Mohamed Bassem <me@mbassem.com>
Date: Sat, 30 Aug 2025 17:13:27 +0000
Subject: fix: show login button in the landing page on mobile

---
 apps/landing/src/Navbar.tsx | 23 +++++++++++++++++++++++
 1 file changed, 23 insertions(+)

(limited to 'apps/landing/src/Navbar.tsx')

diff --git a/apps/landing/src/Navbar.tsx b/apps/landing/src/Navbar.tsx
index 6d252db4..15355170 100644
--- a/apps/landing/src/Navbar.tsx
+++ b/apps/landing/src/Navbar.tsx
@@ -11,6 +11,29 @@ export default function NavBar() {
       <Link to="/">
         <img src={Logo} alt="logo" className="w-36" />
       </Link>
+
+      {/* Mobile navigation - show essential buttons */}
+      <div className="flex items-center gap-2 sm:hidden">
+        <Link
+          to="/pricing"
+          className="text-sm text-gray-600 hover:text-gray-900"
+        >
+          Pricing
+        </Link>
+        <a
+          href="https://cloud.karakeep.app"
+          target="_blank"
+          className={cn(
+            "px-3 py-1.5 text-xs",
+            buttonVariants({ variant: "outline", size: "sm" }),
+          )}
+          rel="noreferrer"
+        >
+          Login
+        </a>
+      </div>
+
+      {/* Desktop navigation - show all items */}
       <div className="hidden items-center gap-6 sm:flex">
         <Link to="/pricing" className="flex justify-center gap-2 text-center">
           Pricing
-- 
cgit v1.2.3-70-g09d2

