feat: add website cta

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}` },

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>
   );
 }

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>
+  );
+}