ship

apps/web/src/components/Footer.tsx

@@ -11,10 +11,10 @@ const Footer = (props: Props) => {
       label: "Contact",
       href: "/contact",
     },
-    // {
-    //   label: "Pricing",
-    //   href: "/pricing",
-    // },
+    {
+      label: "Pricing",
+      href: "/pricing",
+    },
     {
       label: "Terms",
       href: "/terms",

apps/web/src/components/marketing/Navigation.tsx

@@ -19,12 +19,12 @@ const Navigation = (props: Props) => {
         </Link>
 
         <div className="flex flex-grow items-center justify-end gap-1 font-medium text-zinc-500">
-          {/* <Link
+          <Link
             className="rounded-lg px-2 py-1 hover:text-zinc-800"
             href="/pricing"
           >
             Pricing
-          </Link> */}
+          </Link>
           <Link
             className="rounded-lg px-2 py-1 hover:text-zinc-800"
             href="/docs"
@@ -47,12 +47,21 @@ const Navigation = (props: Props) => {
             <FaTwitter size="18" />
           </Link>
 
-          {user && (
+          {user ? (
             <div className="ml-2 flex">
               <Button asChild variant={"secondary"} size="default">
                 <Link href="/blogs">Dashboard</Link>
               </Button>
             </div>
+          ) : (
+            <div className="ml-2 flex gap-2">
+              <Button asChild variant={"ghost"}>
+                <Link href="/sign-in">Login</Link>
+              </Button>
+              <Button asChild variant={"default"}>
+                <Link href="/sign-up">Sign up</Link>
+              </Button>
+            </div>
           )}
         </div>
       </nav>

apps/web/src/pages/index.tsx

@@ -124,12 +124,17 @@ const Home = () => {
               >
                 A tiny blogging CMS
               </h1>
-              <div className="mt-3 text-xl font-medium leading-4 text-slate-400">
+              <div className="mt-3 text-xl font-medium text-slate-400">
                 <p className="">
                   Simple, headless blogging CMS that will make you want to write
                   more
                 </p>
-                <Dialog>
+                <Link className="mt-8 flex" href="/sign-up">
+                  <Button size="default" className="text-sm">
+                    Get started
+                  </Button>
+                </Link>
+                {/* <Dialog>
                   <div className="mt-8 flex items-center gap-4">
                     <DialogTrigger asChild>
                       <Button size="default" className="text-sm">
@@ -190,7 +195,7 @@ const Home = () => {
                       </div>
                     )}
                   </DialogContent>
-                </Dialog>
+                </Dialog> */}
               </div>
             </div>
             <div className="mx-auto mt-24 max-w-6xl rounded-xl border bg-white p-1.5 shadow-sm">