diff --git a/apps/blog/src/app/(blog)/[slug]/page.tsx b/apps/blog/src/app/(blog)/[slug]/page.tsx index 8b1b46b0a1..8b66172527 100644 --- a/apps/blog/src/app/(blog)/[slug]/page.tsx +++ b/apps/blog/src/app/(blog)/[slug]/page.tsx @@ -9,6 +9,7 @@ import { Badge, InlineTOC, Separator } from "@prisma/eclipse"; import { JsonLd } from "@prisma-docs/ui/components/json-ld"; import { FooterNewsletterForm } from "@prisma-docs/ui/components/newsletter"; import { BlogShare } from "@/components/BlogShare"; +import { BlogCTA } from "@/components/BlogCTA"; import { AuthorAvatarGroup } from "@/components/AuthorAvatarGroup"; import { SeriesBanner } from "@/components/SeriesBanner"; import { SeriesMarker } from "@/components/SeriesMarker"; @@ -259,6 +260,9 @@ export default async function Page(props: { params: Promise<{ slug: string }> }) ) : null} + {/* Conversion CTA */} + + {/* Share Container */} diff --git a/apps/blog/src/components/BlogCTA.tsx b/apps/blog/src/components/BlogCTA.tsx new file mode 100644 index 0000000000..0fa88f2ab9 --- /dev/null +++ b/apps/blog/src/components/BlogCTA.tsx @@ -0,0 +1,27 @@ +import { Button } from "@prisma/eclipse"; + +const CTA_HREF = "https://pris.ly/pdp?utm_source=blog&utm_medium=blog_cta&utm_campaign=blog_post"; + +export const BlogCTA = () => { + return ( +
+
+
+
+

+ Build your next app with Prisma +

+

+ Start free. Scale when you’re ready. +

+
+ +
+
+ ); +};