diff --git a/apps/formbricks-com/components/shared/BreakerCTA.tsx b/apps/formbricks-com/components/shared/BreakerCTA.tsx index 1a069f7d5e..304f5ecfb8 100644 --- a/apps/formbricks-com/components/shared/BreakerCTA.tsx +++ b/apps/formbricks-com/components/shared/BreakerCTA.tsx @@ -1,6 +1,7 @@ import { Button } from "@formbricks/ui"; import { useRouter } from "next/router"; import clsx from "clsx"; +import { usePlausible } from "next-plausible"; interface Props { teaser: string; @@ -13,6 +14,7 @@ interface Props { export default function BreakerCTA({ inverted = false, teaser, headline, subheadline, cta, href }: Props) { const router = useRouter(); + const plausible = usePlausible(); return (
-
diff --git a/apps/formbricks-com/components/shared/EarlyBirdDeal.tsx b/apps/formbricks-com/components/shared/EarlyBirdDeal.tsx index 715434bdca..82f7cea4ae 100644 --- a/apps/formbricks-com/components/shared/EarlyBirdDeal.tsx +++ b/apps/formbricks-com/components/shared/EarlyBirdDeal.tsx @@ -2,9 +2,11 @@ import { useRouter } from "next/router"; import { Button } from "@formbricks/ui"; import Image from "next/image"; import EarlyBird from "@/images/early bird deal for open source jotform alternative typeform and surveymonkey_v2.svg"; +import { usePlausible } from "next-plausible"; export default function EarlyBirdDeal() { const router = useRouter(); + const plausible = usePlausible(); return (
@@ -21,8 +23,10 @@ export default function EarlyBirdDeal() {
diff --git a/apps/formbricks-com/components/shared/HeaderPMF.tsx b/apps/formbricks-com/components/shared/HeaderPMF.tsx index 2543632b2c..ec3136441f 100644 --- a/apps/formbricks-com/components/shared/HeaderPMF.tsx +++ b/apps/formbricks-com/components/shared/HeaderPMF.tsx @@ -6,9 +6,11 @@ import { Fragment } from "react"; import { Button } from "@formbricks/ui"; import { FooterLogo } from "./Logo"; import { ThemeSelector } from "./ThemeSelector"; +import { usePlausible } from "next-plausible"; export default function Header() { const router = useRouter(); + const plausible = usePlausible(); return (
@@ -43,14 +45,22 @@ export default function Header() {
-
diff --git a/apps/formbricks-com/pages/pmf.tsx b/apps/formbricks-com/pages/pmf.tsx index ed32246c97..35dda738c6 100644 --- a/apps/formbricks-com/pages/pmf.tsx +++ b/apps/formbricks-com/pages/pmf.tsx @@ -13,9 +13,11 @@ import PipelinesDark from "@/images/pipelines-dark.png"; import PreSegmentationDark from "@/images/pre-segmentation-dark.png"; import PmfDummy from "@/components/docs/PmfDummy"; import EarlyBirdDeal from "@/components/shared/EarlyBirdDeal"; +import { usePlausible } from "next-plausible"; export default function GetStartedPage() { const router = useRouter(); + const plausible = usePlausible(); return (
-