aboutsummaryrefslogtreecommitdiffstats
path: root/apps/landing/src/Homepage.tsx
diff options
context:
space:
mode:
authorMohamed Bassem <me@mbassem.com>2025-07-19 17:49:48 +0000
committerMohamed Bassem <me@mbassem.com>2025-08-04 02:51:16 +0000
commit141f411b714b88516071d7dba73cec54f32d3a23 (patch)
treeb449e8e51abaa8045bda67bdf3521c4320aed0cd /apps/landing/src/Homepage.tsx
parenteb720c486fefebc679883c54219fa55063b1dcc6 (diff)
downloadkarakeep-141f411b714b88516071d7dba73cec54f32d3a23.tar.zst
feat(landing): The pricing page
Diffstat (limited to 'apps/landing/src/Homepage.tsx')
-rw-r--r--apps/landing/src/Homepage.tsx44
1 files changed, 2 insertions, 42 deletions
diff --git a/apps/landing/src/Homepage.tsx b/apps/landing/src/Homepage.tsx
index 7ab7fdfd..f88f35af 100644
--- a/apps/landing/src/Homepage.tsx
+++ b/apps/landing/src/Homepage.tsx
@@ -12,16 +12,13 @@ import {
WalletCards,
} from "lucide-react";
+import { DEMO_LINK, DOCS_LINK, GITHUB_LINK } from "./constants";
+import NavBar from "./Navbar";
import appStoreBadge from "/app-store-badge.png?url";
import chromeExtensionBadge from "/chrome-extension-badge.png?url";
import firefoxAddonBadge from "/firefox-addon.png?url";
import playStoreBadge from "/google-play-badge.webp?url";
import screenshot from "/hero.webp?url";
-import Logo from "/icons/karakeep-full.svg?url";
-
-const GITHUB_LINK = "https://github.com/karakeep-app/karakeep";
-const DOCS_LINK = "https://docs.karakeep.app";
-const DEMO_LINK = "https://try.karakeep.app";
const platforms = [
{
@@ -93,43 +90,6 @@ const featuresList = [
const currentYear = new Date().getFullYear();
-function NavBar() {
- return (
- <div className="flex justify-between px-3 py-4">
- <img src={Logo} alt="logo" className="w-36" />
- <div className="hidden items-center gap-6 sm:flex">
- <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={DEMO_LINK}
- target="_blank"
- className={cn(
- "text flex h-full w-28 gap-2",
- buttonVariants({ variant: "default" }),
- )}
- rel="noreferrer"
- >
- Try Demo
- </a>
- </div>
- </div>
- );
-}
-
function Hero() {
return (
<div className="mt-10 flex flex-grow flex-col items-center justify-center gap-6 sm:mt-20">