From f6c2b6c1c5a439199585198b4fce2245483f9e58 Mon Sep 17 00:00:00 2001
From: Lucas Smith <me@lucasjamessmith.me>
Date: Tue, 12 Mar 2024 01:52:16 +0000
Subject: [PATCH] fix: minor updates

---
 .../src/app/(marketing)/blog/[post]/page.tsx        |  5 +++--
 apps/marketing/src/app/(marketing)/open/page.tsx    |  5 +++--
 .../(marketing)/{CTA.tsx => call-to-action.tsx}     | 13 +++++++++----
 3 files changed, 15 insertions(+), 8 deletions(-)
 rename apps/marketing/src/components/(marketing)/{CTA.tsx => call-to-action.tsx} (77%)

diff --git a/apps/marketing/src/app/(marketing)/blog/[post]/page.tsx b/apps/marketing/src/app/(marketing)/blog/[post]/page.tsx
index 917045e5a..bd5fdb2da 100644
--- a/apps/marketing/src/app/(marketing)/blog/[post]/page.tsx
+++ b/apps/marketing/src/app/(marketing)/blog/[post]/page.tsx
@@ -7,7 +7,7 @@ import { ChevronLeft } from 'lucide-react';
 import type { MDXComponents } from 'mdx/types';
 import { useMDXComponent } from 'next-contentlayer/hooks';
 
-import CTA from '~/components/(marketing)/CTA';
+import { CallToAction } from '~/components/(marketing)/call-to-action';
 
 export const dynamic = 'force-dynamic';
 
@@ -93,7 +93,8 @@ export default function BlogPostPage({ params }: { params: { post: string } }) {
           Back to all posts
         </Link>
       </article>
-      {post.cta && <CTA />}
+
+      {post.cta && <CallToAction className="mt-8" utmSource={`blog__${params.post}`} />}
     </div>
   );
 }
diff --git a/apps/marketing/src/app/(marketing)/open/page.tsx b/apps/marketing/src/app/(marketing)/open/page.tsx
index 842d91ff8..10ab71aa7 100644
--- a/apps/marketing/src/app/(marketing)/open/page.tsx
+++ b/apps/marketing/src/app/(marketing)/open/page.tsx
@@ -7,7 +7,7 @@ import { getUserMonthlyGrowth } from '@documenso/lib/server-only/user/get-user-m
 import { FUNDING_RAISED } from '~/app/(marketing)/open/data';
 import { MetricCard } from '~/app/(marketing)/open/metric-card';
 import { SalaryBands } from '~/app/(marketing)/open/salary-bands';
-import CTA from '~/components/(marketing)/CTA';
+import { CallToAction } from '~/components/(marketing)/call-to-action';
 
 import { BarMetric } from './bar-metrics';
 import { CapTable } from './cap-table';
@@ -252,7 +252,8 @@ export default async function OpenPage() {
           </div>
         </div>
       </div>
-      <CTA />
+
+      <CallToAction className="mt-12" utmSource="open-page" />
     </div>
   );
 }
diff --git a/apps/marketing/src/components/(marketing)/CTA.tsx b/apps/marketing/src/components/(marketing)/call-to-action.tsx
similarity index 77%
rename from apps/marketing/src/components/(marketing)/CTA.tsx
rename to apps/marketing/src/components/(marketing)/call-to-action.tsx
index dee5e5fae..3d1f51b23 100644
--- a/apps/marketing/src/components/(marketing)/CTA.tsx
+++ b/apps/marketing/src/components/(marketing)/call-to-action.tsx
@@ -4,9 +4,14 @@ import { NEXT_PUBLIC_WEBAPP_URL } from '@documenso/lib/constants/app';
 import { Button } from '@documenso/ui/primitives/button';
 import { Card, CardContent } from '@documenso/ui/primitives/card';
 
-export default function CTA() {
+type CallToActionProps = {
+  className?: string;
+  utmSource?: string;
+};
+
+export const CallToAction = ({ className, utmSource = 'generic-cta' }: CallToActionProps) => {
   return (
-    <Card spotlight className="mt-8">
+    <Card spotlight className={className}>
       <CardContent className="flex flex-col items-center justify-center p-12">
         <h2 className="text-center text-2xl font-bold">Join the Open Signing Movement</h2>
 
@@ -16,11 +21,11 @@ export default function CTA() {
         </p>
 
         <Button className="mt-8 rounded-full no-underline" size="lg" asChild>
-          <Link href={`${NEXT_PUBLIC_WEBAPP_URL()}/signup?utm_source=cta`} target="_blank">
+          <Link href={`${NEXT_PUBLIC_WEBAPP_URL()}/signup?utm_source=${utmSource}`} target="_blank">
             Get started
           </Link>
         </Button>
       </CardContent>
     </Card>
   );
-}
+};