diff options
| author | Mohamed Bassem <me@mbassem.com> | 2025-07-19 17:49:48 +0000 |
|---|---|---|
| committer | Mohamed Bassem <me@mbassem.com> | 2025-08-04 02:51:16 +0000 |
| commit | 141f411b714b88516071d7dba73cec54f32d3a23 (patch) | |
| tree | b449e8e51abaa8045bda67bdf3521c4320aed0cd /apps/landing/src/Homepage.tsx | |
| parent | eb720c486fefebc679883c54219fa55063b1dcc6 (diff) | |
| download | karakeep-141f411b714b88516071d7dba73cec54f32d3a23.tar.zst | |
feat(landing): The pricing page
Diffstat (limited to 'apps/landing/src/Homepage.tsx')
| -rw-r--r-- | apps/landing/src/Homepage.tsx | 44 |
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"> |
