diff --git a/website/src/components/Providers/index.jsx b/website/src/components/Providers/index.jsx
index 014725af8..1b997811a 100644
--- a/website/src/components/Providers/index.jsx
+++ b/website/src/components/Providers/index.jsx
@@ -1,37 +1,16 @@
"use client";
-import posthog from "posthog-js";
-import { PostHogProvider } from "posthog-js/react";
+import { MixpanelProvider } from "react-mixpanel-browser";
import { HubspotProvider } from "next-hubspot";
-import { usePathname, useSearchParams } from "next/navigation";
-import { useEffect } from "react";
-
-if (typeof window !== "undefined") {
- posthog.init(process.env.NEXT_PUBLIC_POSTHOG_KEY, {
- api_host: process.env.NEXT_PUBLIC_POSTHOG_HOST,
- });
-}
export default function Provider({ children }) {
- const pathname = usePathname();
- const searchParams = useSearchParams();
- // Track pageviews
- useEffect(() => {
- if (pathname) {
- let url = window.origin + pathname;
- if (searchParams.toString()) {
- url = url + `?${searchParams.toString()}`;
- }
- posthog.capture("$pageview", {
- $current_url: url,
- });
- }
- }, [pathname, searchParams]);
+ const token = "b0ab1d66424a27555ed45a27a4fd0cd2";
+ const host = "https://t.firez.one";
return (
<>
-
+
{children}
-
+
);
}
diff --git a/website/src/components/RootLayout/index.tsx b/website/src/components/RootLayout/index.tsx
index a2cf81171..03d6c2905 100644
--- a/website/src/components/RootLayout/index.tsx
+++ b/website/src/components/RootLayout/index.tsx
@@ -1,3 +1,4 @@
+"use client";
import { Metadata } from "next";
import Link from "next/link";
@@ -6,7 +7,6 @@ import "highlight.js/styles/a11y-dark.css";
import RootNavbar from "@/components/RootNavbar";
import Script from "next/script";
import Banner from "@/components/Banner";
-import Providers from "@/components/Providers";
import Footer from "@/components/Footer";
import { Source_Sans_3 } from "next/font/google";
const source_sans_3 = Source_Sans_3({
@@ -14,12 +14,36 @@ const source_sans_3 = Source_Sans_3({
weight: ["200", "300", "400", "500", "600", "700", "800", "900"],
});
import { HiArrowLongRight } from "react-icons/hi2";
+import { useMixpanel } from "react-mixpanel-browser";
+import { usePathname, useSearchParams } from "next/navigation";
+import { useEffect } from "react";
+
+export const metadata: Metadata = {
+ title: "WireGuard® for Enterprise • Firezone",
+ description: "Open-source, zero-trust access platform built on WireGuard®",
+};
export default function RootLayout({
children,
}: {
children: React.ReactNode;
}) {
+ const pathname = usePathname();
+ const searchParams = useSearchParams();
+ const mixpanel = useMixpanel();
+
+ useEffect(() => {
+ if (!pathname) return;
+ if (!mixpanel) return;
+
+ let url = window.origin + pathname;
+ if (searchParams.toString()) {
+ url = url + `?${searchParams.toString()}`;
+ }
+ mixpanel.track("$mp_web_page_view", {
+ $current_url: url,
+ });
+ }, [pathname, searchParams, mixpanel]);
return (
-
-
-
-
-
-
-
+
+
+
+
+
);
}