From 0fdb7f7a8d6f80f74cada410c825b4bc000dc5fe Mon Sep 17 00:00:00 2001
From: Catalin Pit <25515812+catalinpit@users.noreply.github.com>
Date: Fri, 8 Mar 2024 15:30:08 +0200
Subject: [PATCH] fix: changed to card component

---
 .../src/components/(marketing)/CTA.tsx        | 30 ++++++++++---------
 1 file changed, 16 insertions(+), 14 deletions(-)

diff --git a/apps/marketing/src/components/(marketing)/CTA.tsx b/apps/marketing/src/components/(marketing)/CTA.tsx
index 92198a0f1..d7ce572e1 100644
--- a/apps/marketing/src/components/(marketing)/CTA.tsx
+++ b/apps/marketing/src/components/(marketing)/CTA.tsx
@@ -1,24 +1,26 @@
 import Link from 'next/link';
 
+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() {
   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>
+    <Card spotlight className="mt-12">
+      <CardContent className="flex flex-col items-center justify-center p-6">
+        <h2 className="text-center text-2xl font-bold">Join the Open 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>
+        <p className="text-muted-foreground max-w-[55ch] text-center 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>
+        <Button className="mt-2.5 rounded-full no-underline" size="sm" asChild>
+          <Link href={`${NEXT_PUBLIC_WEBAPP_URL()}/signup?utm_source=cta`} target="_blank">
+            Get started
+          </Link>
+        </Button>
+      </CardContent>
+    </Card>
   );
 }