From 141f411b714b88516071d7dba73cec54f32d3a23 Mon Sep 17 00:00:00 2001
From: Mohamed Bassem <me@mbassem.com>
Date: Sat, 19 Jul 2025 17:49:48 +0000
Subject: feat(landing): The pricing page

---
 apps/landing/src/Navbar.tsx | 59 +++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 59 insertions(+)
 create mode 100644 apps/landing/src/Navbar.tsx

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

diff --git a/apps/landing/src/Navbar.tsx b/apps/landing/src/Navbar.tsx
new file mode 100644
index 00000000..6d252db4
--- /dev/null
+++ b/apps/landing/src/Navbar.tsx
@@ -0,0 +1,59 @@
+import { buttonVariants } from "@/components/ui/button";
+import { cn } from "@/lib/utils";
+import { Link } from "react-router";
+
+import { DEMO_LINK, DOCS_LINK, GITHUB_LINK } from "./constants";
+import Logo from "/icons/karakeep-full.svg?url";
+
+export default function NavBar() {
+  return (
+    <div className="flex justify-between px-3 py-4">
+      <Link to="/">
+        <img src={Logo} alt="logo" className="w-36" />
+      </Link>
+      <div className="hidden items-center gap-6 sm:flex">
+        <Link to="/pricing" className="flex justify-center gap-2 text-center">
+          Pricing
+        </Link>
+        <a
+          href={DOCS_LINK}
+          target="_blank"
+          className="flex justify-center gap-2 text-center"
+          rel="noreferrer"
+        >
+          Docs
+        </a>
+        <a
+          href={GITHUB_LINK}
+          target="_blank"
+          className="flex justify-center gap-2 text-center"
+          rel="noreferrer"
+        >
+          GitHub
+        </a>
+        <a
+          href="https://cloud.karakeep.app"
+          target="_blank"
+          className={cn(
+            "text flex h-full w-20 gap-2",
+            buttonVariants({ variant: "outline" }),
+          )}
+          rel="noreferrer"
+        >
+          Login
+        </a>
+        <a
+          href={DEMO_LINK}
+          target="_blank"
+          className={cn(
+            "text flex h-full w-28 gap-2",
+            buttonVariants({ variant: "default" }),
+          )}
+          rel="noreferrer"
+        >
+          Try Demo
+        </a>
+      </div>
+    </div>
+  );
+}
-- 
cgit v1.2.3-70-g09d2

