Lighthouse issues

.gitignore

@@ -59,6 +59,7 @@ typings/
 # gatsby files
 .cache/
 public
+.xdg-config/
 
 # Mac files
 .DS_Store
@@ -72,3 +73,5 @@ yarn-error.log
 
 # Local Netlify folder
 .netlify
+
+.tmp/

gatsby-browser.js

@@ -5,36 +5,17 @@ import React from "react"
  * See: https://www.gatsbyjs.com/docs/reference/config-files/gatsby-browser/
  */
 
-import { initGA, logPageView } from "./src/utils/analytics"
-import { PostHogProvider } from "posthog-js/react"
+import ConsentRoot from "./src/components/ConsentRoot"
+import { logPageView } from "./src/utils/analytics"
+import { trackFacebookPageView } from "./src/utils/tracking"
 
-// Initialize Google Analytics
-export const onClientEntry = () => {
-  if (typeof window !== "undefined") {
-    initGA(process.env.GATSBY_GOOGLE_TAG_ID)
-  }
-}
-
-// Track page views
+// Track page views after consent is granted
 export const onRouteUpdate = () => {
   if (typeof window !== "undefined") {
     logPageView()
+    trackFacebookPageView()
   }
 }
 
-// Wrap root element with PostHogProvider
-export const wrapRootElement = ({ element }) => {
-  return (
-    <PostHogProvider
-      apiKey={process.env.GATSBY_POSTHOG_API_KEY}
-      options={{
-        api_host: (typeof window !== "undefined" ? window.location.origin : "") + "/ph",
-        defaults: "2025-05-24",
-        capture_exceptions: true,
-        debug: process.env.NODE_ENV === "development",
-      }}
-    >
-      {element}
-    </PostHogProvider>
-  )
-}
+// Wrap root element with consent + analytics providers
+export const wrapRootElement = ConsentRoot

gatsby-config.js

@@ -79,21 +79,6 @@ module.exports = {
       },
     },
     `gatsby-plugin-offline`,
-    {
-      resolve: "gatsby-plugin-google-gtag",
-      options: {
-        trackingIds: [process.env.GATSBY_GOOGLE_TAG_ID],
-        pluginConfig: {
-          head: true,
-        },
-      },
-    },
-    {
-      resolve: `gatsby-plugin-facebook-pixel`,
-      options: {
-        pixelId: process.env.GATSBY_FACEBOOK_PIXEL,
-      },
-    },
     {
       resolve: `gatsby-source-filesystem`,
       options: {

gatsby-ssr.js

@@ -1,4 +1,5 @@
 const React = require("react")
+const ConsentRoot = require("./src/components/ConsentRoot").default
 
 /**
  * Implement Gatsby's SSR (Server Side Rendering) APIs in this file.
@@ -7,11 +8,9 @@ const React = require("react")
  */
 
 /**
- * Wrap the root element with PostHogProvider for SSR
+ * Wrap the root element with consent + analytics providers for SSR
  */
-exports.wrapRootElement = ({ element }) => {
-  return element
-}
+exports.wrapRootElement = ConsentRoot
 /**
  * @type {import('gatsby').GatsbySSR['onRenderBody']}
  */