fix: fixed cta component

apps/marketing/src/app/(marketing)/blog/[post]/page.tsx

@@ -44,6 +44,7 @@ export default function BlogPostPage({ params }: { params: { post: string } }) {
   const MDXContent = useMDXComponent(post.body.code);
 
   return (
+    <div>
       <article className="prose dark:prose-invert mx-auto py-8">
         <div className="mb-6 text-center">
           <time dateTime={post.date} className="text-muted-foreground mb-1 text-xs">
@@ -91,8 +92,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>
+      {post.cta && <CTA />}
+    </div>
   );
 }

apps/marketing/src/app/(marketing)/open/page.tsx

@@ -7,6 +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 { BarMetric } from './bar-metrics';
 import { CapTable } from './cap-table';
@@ -141,6 +142,7 @@ export default async function OpenPage() {
   const MONTHLY_USERS = await getUserMonthlyGrowth();
 
   return (
+    <div>
       <div className="mx-auto mt-6 max-w-screen-lg sm:mt-12">
         <div className="flex flex-col items-center justify-center">
           <h1 className="text-3xl font-bold lg:text-5xl">Open Startup</h1>
@@ -244,11 +246,13 @@ export default async function OpenPage() {
             <h2 className="text-2xl font-bold">Where's the rest?</h2>
 
             <p className="text-muted-foreground mt-4 max-w-[55ch] text-center text-lg leading-normal">
-            We're still working on getting all our metrics together. We'll update this page as soon
-            as we have more to share.
+              We're still working on getting all our metrics together. We'll update this page as
+              soon as we have more to share.
             </p>
           </div>
         </div>
       </div>
+      <CTA />
+    </div>
   );
 }

apps/marketing/src/components/(marketing)/CTA.tsx

@@ -6,16 +6,16 @@ import { Card, CardContent } from '@documenso/ui/primitives/card';
 
 export default function CTA() {
   return (
-    <Card spotlight className="mt-12">
-      <CardContent className="flex flex-col items-center justify-center p-6">
+    <Card spotlight className="mt-8">
+      <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>
 
-        <p className="text-muted-foreground max-w-[55ch] text-center leading-normal">
+        <p className="text-muted-foreground mt-4 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-2.5 rounded-full no-underline" size="sm" asChild>
+        <Button className="mt-8 rounded-full no-underline" size="lg" asChild>
           <Link href={`${NEXT_PUBLIC_WEBAPP_URL()}/signup?utm_source=cta`} target="_blank">
             Get started
           </Link>