From 953151d253bc927c7a09426d05b2315a442ca197 Mon Sep 17 00:00:00 2001
From: MohamedBassem <me@mbassem.com>
Date: Thu, 21 Mar 2024 05:05:07 +0000
Subject: landing: Add the demo link to the landing page and mention it in the
 docs

---
 apps/landing/app/page.tsx | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

(limited to 'apps/landing/app/page.tsx')

diff --git a/apps/landing/app/page.tsx b/apps/landing/app/page.tsx
index 1c852b80..9a7b023c 100644
--- a/apps/landing/app/page.tsx
+++ b/apps/landing/app/page.tsx
@@ -1,12 +1,13 @@
 import Image from "next/image";
 import Link from "next/link";
-import { Button, buttonVariants } from "@/components/ui/button";
+import { buttonVariants } from "@/components/ui/button";
 import { cn } from "@/lib/utils";
 import screenshot from "@/public/screenshot.png";
 import { ExternalLink, Github, PackageOpen } from "lucide-react";
 
 const GITHUB_LINK = "https://github.com/MohamedBassem/hoarder-app";
 const DOCS_LINK = "https://docs.hoarder.app";
+const DEMO_LINK = "https://try.hoarder.app";
 
 function NavBar() {
   return (
@@ -56,11 +57,19 @@ function Hero() {
         </div>
       </div>
       <div className="flex h-10 gap-4">
-        <Button className="h-full w-28" variant="default">
+        <Link
+          href={DEMO_LINK}
+          target="_blank"
+          className={cn(
+            "flex h-full w-28 gap-2",
+            buttonVariants({ variant: "default" }),
+          )}
+        >
           Demo
-        </Button>
+        </Link>
         <Link
           href={GITHUB_LINK}
+          target="_blank"
           className={cn(
             "flex h-full w-28 gap-2",
             buttonVariants({ variant: "outline" }),
-- 
cgit v1.2.3-70-g09d2

