From 41843691e807b59efe1dd3ac1fec2b34e80fd1df Mon Sep 17 00:00:00 2001
From: Catalin Pit <25515812+catalinpit@users.noreply.github.com>
Date: Fri, 8 Mar 2024 13:44:25 +0200
Subject: [PATCH] feat: add website cta

---
 apps/marketing/contentlayer.config.ts         |  1 +
 .../src/app/(marketing)/blog/[post]/page.tsx  |  4 +++
 .../src/components/(marketing)/CTA.tsx        | 26 +++++++++++++++++++
 3 files changed, 31 insertions(+)
 create mode 100644 apps/marketing/src/components/(marketing)/CTA.tsx

diff --git a/apps/marketing/contentlayer.config.ts b/apps/marketing/contentlayer.config.ts
index f1ba82b89..10999a408 100644
--- a/apps/marketing/contentlayer.config.ts
+++ b/apps/marketing/contentlayer.config.ts
@@ -12,6 +12,7 @@ export const BlogPost = defineDocumentType(() => ({
     authorName: { type: 'string', required: true },
     authorImage: { type: 'string', required: false },
     authorRole: { type: 'string', required: true },
+    cta: { type: 'boolean', required: false, default: true },
   },
   computedFields: {
     href: { type: 'string', resolve: (post) => `/${post._raw.flattenedPath}` },
diff --git a/apps/marketing/src/app/(marketing)/blog/[post]/page.tsx b/apps/marketing/src/app/(marketing)/blog/[post]/page.tsx
index 14b8b2d8f..240e8576f 100644
--- a/apps/marketing/src/app/(marketing)/blog/[post]/page.tsx
+++ b/apps/marketing/src/app/(marketing)/blog/[post]/page.tsx
@@ -7,6 +7,8 @@ import { ChevronLeft } from 'lucide-react';
 import type { MDXComponents } from 'mdx/types';
 import { useMDXComponent } from 'next-contentlayer/hooks';
 
+import CTA from '~/components/(marketing)/CTA';
+
 export const dynamic = 'force-dynamic';
 
 export const generateMetadata = ({ params }: { params: { post: string } }) => {
@@ -89,6 +91,8 @@ export default function BlogPostPage({ params }: { params: { post: string } }) {
         <ChevronLeft className="mr-2 h-6 w-6" />
         Back to all posts
       </Link>
+
+      {post.cta && <CTA />}
     </article>
   );
 }
diff --git a/apps/marketing/src/components/(marketing)/CTA.tsx b/apps/marketing/src/components/(marketing)/CTA.tsx
new file mode 100644
index 000000000..b1b1e8603
--- /dev/null
+++ b/apps/marketing/src/components/(marketing)/CTA.tsx
@@ -0,0 +1,26 @@
+import Link from 'next/link';
+
+import { Button } from '@documenso/ui/primitives/button';
+
+// import { cn } from '@documenso/ui/lib/utils';
+
+export default function CTA() {
+  return (
+    <div className="bg-background shadow-foreground/5 border-documenso mt-12 flex flex-col items-center justify-center rounded-lg border-4 border-double p-8 shadow-lg hover:shadow-md">
+      <h2 className="mt-4 text-center text-2xl font-bold">
+        Join the Open Document Signing Movement
+      </h2>
+
+      <p className="text-muted-foreground max-w-[55ch] text-center text-lg leading-normal">
+        Create your account and start using state-of-the-art document signing. Open and beautiful
+        signing is within your grasp.
+      </p>
+
+      <Button className="mt-4 rounded-full no-underline" size="sm" asChild>
+        <Link href="https://app.documenso.com/signup?utm_source=cta" target="_blank">
+          Get started
+        </Link>
+      </Button>
+    </div>
+  );
+}