From 46ed5801da57dc7dbb38ce80c4601639423e934e Mon Sep 17 00:00:00 2001
From: Radoslaw Olejniczak <radoslawolejniczak@coders3.com>
Date: Fri, 22 Aug 2025 15:45:29 +0200
Subject: [PATCH 1/6] onetrust cookie banner implementation & styles

---
 README.md                                     |   1 -
 components/navigation/footer.js               |   6 +-
 components/utilities/breadCrumbs.js           |   2 +-
 components/utilities/cookieSettingsModal.js   |  73 ------
 .../utilities/cookieSettingsModal.module.css  | 167 --------------
 components/utilities/gdpr.js                  | 217 ------------------
 components/utilities/gdpr.module.css          |  42 ----
 .../develop/concepts/configuration/options.md |  14 --
 next-sitemap.config.js                        |   9 +-
 next.config.mjs                               |  98 ++++----
 pages/[...slug].js                            |  45 +---
 pages/index.js                                |  54 +----
 styles/cookie-banner.scss                     | 148 ++++++++++++
 styles/main.scss                              |   1 +
 14 files changed, 216 insertions(+), 661 deletions(-)
 delete mode 100644 components/utilities/cookieSettingsModal.js
 delete mode 100644 components/utilities/cookieSettingsModal.module.css
 delete mode 100644 components/utilities/gdpr.js
 delete mode 100644 components/utilities/gdpr.module.css
 create mode 100644 styles/cookie-banner.scss

diff --git a/README.md b/README.md
index 39b0e4350..eb9a3f49d 100644
--- a/README.md
+++ b/README.md
@@ -70,7 +70,6 @@ To add, edit, or delete content in our documentation, you have to modify Markdow
 - `kb/` Contains `.md` files that populate the Knowledge Base.
 - `library/` Contains `.md` files that populate the Streamlit Library section.
 - `streamlit-cloud/`Contains `.md` files that populate the Streamlit Community Cloud section.
-- `gdpr-banner.md` You'll never have to edit this file.
 - `index.md` Contains text that populates the index page.
 - `menu.md` This is a special file containing only front matter that defines the docs Menu. You will need to add an entry on this file for each new page you create within the docs' site.
 
diff --git a/components/navigation/footer.js b/components/navigation/footer.js
index 474b8e874..197819a92 100644
--- a/components/navigation/footer.js
+++ b/components/navigation/footer.js
@@ -2,7 +2,7 @@ import Link from "next/link";
 
 import styles from "./footer.module.css";
 
-const Footer = ({ setIsTelemetryModalVisible }) => {
+const Footer = () => {
   return (
     <footer className={styles.Container}>
       <section className={styles.InnerContainer}>
@@ -182,8 +182,8 @@ const Footer = ({ setIsTelemetryModalVisible }) => {
         <div className={styles.Copyright}>
           <span>&copy; {new Date().getFullYear()} Snowflake Inc.</span>
           <button
-            className="hover:opacity-80 ml-2"
-            onClick={() => setIsTelemetryModalVisible(true)}
+            className="ot-sdk-show-settings hover:opacity-80 ml-2"
+            onClick={() => {}}
           >
             Cookie policy
           </button>
diff --git a/components/utilities/breadCrumbs.js b/components/utilities/breadCrumbs.js
index e0d021174..c0a50f68a 100644
--- a/components/utilities/breadCrumbs.js
+++ b/components/utilities/breadCrumbs.js
@@ -68,7 +68,7 @@ const BreadCrumbs = ({ slug, menu }) => {
   }
 
   // Then, we add a couple pages that don't need breadcrumbs, such as /menu, /index, etc.
-  filesToExclude.push("index", "gdpr-banner", "menu", "cookie-settings");
+  filesToExclude.push("index", "menu");
 
   // Now, we throw the error if any page that's not on the filesToExclude array is missing in menu.md
   if (path.length === 0 && !filesToExclude.includes(slug[0])) {
diff --git a/components/utilities/cookieSettingsModal.js b/components/utilities/cookieSettingsModal.js
deleted file mode 100644
index 25536dfae..000000000
--- a/components/utilities/cookieSettingsModal.js
+++ /dev/null
@@ -1,73 +0,0 @@
-import classNames from "classnames";
-
-import content from "../../content/cookie-settings.md";
-
-import styles from "./cookieSettingsModal.module.css";
-
-export default function CookieSettingsModal({
-  setIsTelemetryModalVisible,
-  declineTelemetryAndCloseBanner,
-  allowTelemetryAndCloseBanner,
-}) {
-  return (
-    <div className="fixed w-full h-full z-40 bg-gray-90 bg-opacity-90 top-0 flex items-center justify-center">
-      <div
-        className={classNames(
-          styles.Container,
-          "relative",
-          "bg-white rounded-xl",
-          "p-8 md:p-12",
-          "w-full max-w-4xl",
-          "overscroll-none overflow-y-auto",
-          "max-h-screen",
-        )}
-      >
-        <button
-          className="absolute right-4 top-4 md:right-11 md:top-11 fill-gray-70"
-          onClick={() => setIsTelemetryModalVisible(false)}
-        >
-          <svg
-            xmlns="http://www.w3.org/2000/svg"
-            viewBox="0 -960 960 960"
-            className="mt-2 w-8 h-8 hover:bg-gray-30 rounded"
-          >
-            <path d="m253.897-229.795-24.102-24.102L455.897-480 229.795-706.103l24.102-24.102L480-504.103l226.103-226.102 24.102 24.102L504.103-480l226.102 226.103-24.102 24.102L480-455.897 253.897-229.795Z" />
-          </svg>
-        </button>
-        <div dangerouslySetInnerHTML={{ __html: content.html }} />
-        <button
-          className={classNames(
-            "mt-4 md:mt-8",
-            "py-2 px-3",
-            "text-gray-90",
-            "border-gray-90 border",
-            "rounded",
-            "hover:bg-gray-90",
-            "hover:text-white",
-            "active:bg-gray-90",
-            "active:text-white",
-          )}
-          onClick={declineTelemetryAndCloseBanner}
-        >
-          Reject all
-        </button>
-        <button
-          className={classNames(
-            "mt-4 md:mt-8 ml-4",
-            "py-2 px-3",
-            "text-gray-90",
-            "border-gray-90 border",
-            "rounded",
-            "hover:bg-gray-90",
-            "hover:text-white",
-            "active:bg-gray-90",
-            "active:text-white",
-          )}
-          onClick={allowTelemetryAndCloseBanner}
-        >
-          Accept all
-        </button>
-      </div>
-    </div>
-  );
-}
diff --git a/components/utilities/cookieSettingsModal.module.css b/components/utilities/cookieSettingsModal.module.css
deleted file mode 100644
index 825ba029a..000000000
--- a/components/utilities/cookieSettingsModal.module.css
+++ /dev/null
@@ -1,167 +0,0 @@
-.Container > div {
-  @apply text-gray-90 grid grid-cols-1 gap-4 text-base leading-loose;
-}
-
-.Container h1,
-.Container h2,
-.Container h3,
-.Container h4,
-.Container h5,
-.Container h6 {
-  @apply scroll-mt-0 md:scroll-mt-32;
-}
-
-.Container h2,
-.Container h3,
-.Container h4,
-.Container h5 {
-  @apply mt-4 text-lg font-bold text-gray-90;
-}
-
-.Container h2 {
-  @apply text-xl;
-}
-
-.Container h3 {
-  @apply text-2xl;
-}
-
-.Container h2:first-child,
-.Container h3:first-child,
-.Container h4:first-child,
-.Container h5:first-child {
-  @apply mt-0;
-}
-
-.Container p {
-  @apply text-gray-90;
-}
-
-.Container a {
-  @apply underline;
-}
-
-.Container a:hover {
-  @apply opacity-80;
-}
-
-.Container ol {
-  @apply list-decimal pl-8 grid grid-cols-1 gap-4;
-}
-
-.Container section ol {
-  @apply list-none pl-0 gap-0 mb-5;
-}
-
-.Container ul {
-  @apply list-disc pl-8 grid grid-cols-1 gap-4;
-}
-
-.Container li {
-  @apply pl-2;
-}
-
-.Container blockquote {
-  @apply p-6 md:p-8 lg:p-16
-    -mx-6 md:-mx-8 lg:-mx-16
-    my-0 md:my-4 lg:my-12
-    grid grid-cols-1 gap-4
-    bg-lightBlue-10
-    text-gray-80
-    rounded-lg;
-}
-
-.PrivacyContainer blockquote ~ h4 {
-  @apply mt-12 md:mt-8 lg:mt-0 text-gray-90;
-}
-
-.PrivacyContainer blockquote h2 {
-  @apply hidden;
-}
-
-.Container blockquote h2 {
-  @apply text-gray-90 text-3xl;
-}
-
-.Container hr {
-  @apply border-gray-40 border-t-0 border-l-0 border-r-0 border-b my-8;
-}
-
-.Container address {
-  @apply whitespace-pre-line pl-4 border-l-2 border-gray-30 mt-4;
-}
-
-.Container pre {
-  @apply bg-gray-10 p-4 rounded-md overflow-x-auto text-gray-90;
-}
-
-.Container pre code {
-  @apply text-lg;
-}
-
-.Container figure {
-  @apply flex flex-col items-start;
-}
-
-.Container figure img {
-  @apply h-24 ml-2 mb-2;
-}
-
-.Container figure figcaption {
-  @apply text-sm text-gray-70;
-}
-
-/* For table in Privacy notice */
-.Container table {
-  @apply table-fixed my-8 w-full;
-}
-
-.Container table thead tr th {
-  @apply px-4 py-3 text-left bg-gray-20 bg-opacity-50 border border-gray-30 text-gray-90 font-semibold text-lg leading-normal align-top;
-}
-
-.Container table tbody tr td {
-  @apply px-4 py-3 border border-gray-30 text-gray-90 text-lg leading-normal align-top;
-}
-
-.DeploymentTerms ul,
-.DeploymentTerms ol {
-  @apply list-none;
-}
-
-/* Specific classes for colors */
-.Container:global(.red) a {
-  @apply text-red-70;
-}
-
-.Container:global(.orange) a {
-  @apply text-orange-70;
-}
-
-.Container:global(.yellow) a {
-  @apply text-yellow-90;
-}
-
-.Container:global(.green) a {
-  @apply text-green-70;
-}
-
-.Container:global(.acqua) a {
-  @apply text-acqua-70;
-}
-
-.Container:global(.lightBlue) a {
-  @apply text-lightBlue-70;
-}
-
-.Container:global(.darkBlue) a {
-  @apply text-darkBlue-70;
-}
-
-.Container:global(.indigo) a {
-  @apply text-indigo-70;
-}
-
-.Container:global(.gray) a {
-  @apply text-gray-70;
-}
diff --git a/components/utilities/gdpr.js b/components/utilities/gdpr.js
deleted file mode 100644
index 110ab94f1..000000000
--- a/components/utilities/gdpr.js
+++ /dev/null
@@ -1,217 +0,0 @@
-import React, { useEffect } from "react";
-import classNames from "classnames";
-
-import content from "../../content/gdpr-banner.md";
-
-import styles from "./gdpr.module.css";
-
-const TELEMETRY_PREFERENCE = "InsertTelemetry";
-const TELEMETRY_PREFERENCE_DATE = "TelemetryDate";
-
-export function setTelemetryPreference(accepted) {
-  localStorage.setItem(TELEMETRY_PREFERENCE, JSON.stringify(accepted));
-  localStorage.setItem(TELEMETRY_PREFERENCE_DATE, JSON.stringify(Date.now()));
-}
-
-// Check if the stored date is > 6 months old
-const isConsentStale = (timestamp) => {
-  const consent_date = new Date(parseInt(timestamp * 1000));
-  const today = new Date();
-
-  const six_months_in_ms =
-    1000 /*ms*/ * 60 /*s*/ * 60 /*min*/ * 24 /*h*/ * 30 /*days*/ * 6; /*months*/
-  return today - consent_date > six_months_in_ms;
-};
-
-function getTelemetryPreference() {
-  // Returns true/false if user accepted/denied telemetry.
-  // Returns null if user never accepted/denied or consent is stale.
-
-  const telemetryPref = localStorage.getItem(TELEMETRY_PREFERENCE);
-  const consentIsStale = isConsentStale(
-    localStorage.getItem(TELEMETRY_PREFERENCE_DATE),
-  );
-
-  if (telemetryPref == null || consentIsStale) return null;
-
-  return telemetryPref == "true";
-}
-
-export default function GDPRBanner({
-  isTelemetryModalVisible,
-  setIsTelemetryModalVisible,
-  isTelemetryBannerVisible,
-  setIsTelemetryBannerVisible,
-  insertTelemetryCode,
-  setInsertTelemetryCode,
-  allowTelemetryAndCloseBanner,
-  declineTelemetryAndCloseBanner,
-}) {
-  useEffect(() => {
-    const pref = getTelemetryPreference();
-
-    switch (pref) {
-      case true:
-        setInsertTelemetryCode(true);
-        return;
-
-      case false:
-        // This is already false at initialization, but it doesn't hurt to do the right thing
-        // here and make sure it's indeed false.
-        setInsertTelemetryCode(false);
-        return;
-
-      case null:
-        localStorage.clear(); // Do we even need this line?? Seems dangerous to just clear the entire localStorage, as maybe some other library could be using it.
-        setIsTelemetryBannerVisible(true);
-        return;
-
-      default:
-        console.log(`Unexpected telemetry preference: ${pref}`);
-        return;
-    }
-  }, []);
-
-  useEffect(() => {
-    if (insertTelemetryCode) {
-      insertTelemetry();
-    }
-  }, [insertTelemetryCode]);
-
-  return (
-    <>
-      {isTelemetryBannerVisible && (
-        <div
-          className={classNames(
-            isTelemetryBannerVisible === false ? "hidden" : "",
-            "z-30 fixed",
-            "bottom-2 inset-x-2 md:bottom-4 md:inset-x-4",
-          )}
-        >
-          <div
-            className={classNames(
-              "flex flex-col xl:flex-row xl:items-end gap-4",
-              "pl-4 pr-4 sm:pl-8 sm:pr-8",
-              "rounded-lg border border-gray-30",
-              "shadow-lg",
-              "container mx-auto py-8",
-              styles.Container,
-            )}
-          >
-            <div
-              className={classNames("flex-1", styles.Markdown)}
-              dangerouslySetInnerHTML={{ __html: content.html }}
-            />
-            <div className="flex flex-col lg:flex-row lg:justify-end gap-2 lg:gap-4">
-              <button
-                className={classNames(
-                  "text-gray-90 hover:text-gray-70 hover:underline",
-                  "py-2",
-                  "order-last lg:order-none",
-                  styles.Button,
-                )}
-                onClick={() =>
-                  setIsTelemetryModalVisible(!isTelemetryModalVisible)
-                }
-              >
-                Cookie settings
-              </button>
-              <button
-                className={classNames(
-                  "py-2 px-3",
-                  "text-gray-90",
-                  "border-gray-90 border",
-                  "rounded",
-                  "hover:bg-red-70 hover:border-red-70",
-                  "hover:text-white",
-                  styles.Button,
-                )}
-                onClick={declineTelemetryAndCloseBanner}
-              >
-                Reject all
-              </button>
-              <button
-                className={classNames(
-                  "py-2 px-3",
-                  "rounded",
-                  "border",
-                  "text-white",
-                  "bg-gray-90 border-gray-90",
-                  "hover:bg-red-70 hover:border-red-70",
-                  styles.Button,
-                )}
-                onClick={allowTelemetryAndCloseBanner}
-              >
-                Accept all
-              </button>
-            </div>
-          </div>
-        </div>
-      )}
-    </>
-  );
-}
-
-function insertTelemetry() {
-  (function () {
-    var analytics = (window.analytics = window.analytics || []);
-    if (!analytics.initialize)
-      if (analytics.invoked)
-        window.console &&
-          console.error &&
-          console.error("Segment snippet included twice.");
-      else {
-        analytics.invoked = !0;
-        analytics.methods = [
-          "trackSubmit",
-          "trackClick",
-          "trackLink",
-          "trackForm",
-          "pageview",
-          "identify",
-          "reset",
-          "group",
-          "track",
-          "ready",
-          "alias",
-          "debug",
-          "page",
-          "once",
-          "off",
-          "on",
-          "addSourceMiddleware",
-          "addIntegrationMiddleware",
-          "setAnonymousId",
-          "addDestinationMiddleware",
-        ];
-        analytics.factory = function (e) {
-          return function () {
-            var t = Array.prototype.slice.call(arguments);
-            t.unshift(e);
-            analytics.push(t);
-            return analytics;
-          };
-        };
-        for (var e = 0; e < analytics.methods.length; e++) {
-          var key = analytics.methods[e];
-          analytics[key] = analytics.factory(key);
-        }
-        analytics.load = function (key, e) {
-          var t = document.createElement("script");
-          t.type = "text/javascript";
-          t.async = !0;
-          t.src =
-            "https://cdn.segment.com/analytics.js/v1/" +
-            key +
-            "/analytics.min.js";
-          var n = document.getElementsByTagName("script")[0];
-          n.parentNode.insertBefore(t, n);
-          analytics._loadOptions = e;
-        };
-        analytics._writeKey = "pUoB6ihRTAFLDtLp2NWEuJvBNtiooQwE";
-        analytics.SNIPPET_VERSION = "4.13.2";
-        analytics.load("pUoB6ihRTAFLDtLp2NWEuJvBNtiooQwE");
-        analytics.page();
-      }
-  })();
-}
diff --git a/components/utilities/gdpr.module.css b/components/utilities/gdpr.module.css
deleted file mode 100644
index 78d5d8bb3..000000000
--- a/components/utilities/gdpr.module.css
+++ /dev/null
@@ -1,42 +0,0 @@
-.Container {
-  backdrop-filter: blur(10px);
-  background: #fffd;
-}
-
-.Markdown div {
-  @apply flex flex-col;
-}
-
-.Markdown h1 {
-  @apply text-gray-90 text-lg sm:text-xl font-bold mb-1;
-}
-
-.Markdown p {
-  @apply text-gray-90 text-base mb-0;
-}
-
-.Markdown p a {
-  @apply text-gray-90 underline hover:text-gray-70;
-}
-
-:global(.dark) .Container {
-  @apply bg-gray-100 border-gray-90;
-}
-
-:global(.dark) .Markdown p,
-:global(.dark) .Markdown p a {
-  @apply text-gray-40;
-}
-
-:global(.dark) .Link,
-:global(.dark) .Button {
-  @apply text-gray-40;
-}
-
-:global(.dark) .Button {
-  @apply border-gray-80;
-}
-
-:global(.dark) .Markdown h1 {
-  @apply text-gray-40;
-}
diff --git a/content/develop/concepts/configuration/options.md b/content/develop/concepts/configuration/options.md
index 6816a5bb7..4987e5a4f 100644
--- a/content/develop/concepts/configuration/options.md
+++ b/content/develop/concepts/configuration/options.md
@@ -54,20 +54,6 @@ When using command line options to override `config.toml` and environment variab
 enableStaticServing = true
 ```
 
-## Telemetry
-
-As mentioned during the installation process, Streamlit collects usage statistics. You can find out
-more by reading our [Privacy Notice](https://streamlit.io/privacy-policy), but the high-level
-summary is that although we collect telemetry data we cannot see and do not store information
-contained in Streamlit apps.
-
-If you'd like to opt out of usage statistics, add the following to your config file:
-
-```toml
-[browser]
-gatherUsageStats = false
-```
-
 ## Theming
 
 You can change the base colors of your app using the `[theme]` section of the configuration system.
diff --git a/next-sitemap.config.js b/next-sitemap.config.js
index 2d51e354e..aeab62695 100644
--- a/next-sitemap.config.js
+++ b/next-sitemap.config.js
@@ -1,12 +1,5 @@
 module.exports = {
   siteUrl: process.env.NEXT_PUBLIC_HOSTNAME || "https://docs.streamlit.io",
   generateRobotsTxt: false,
-  exclude: [
-    "/menu",
-    "/.keep",
-    "/style-guide",
-    "/gdpr-banner",
-    "/index",
-    "/develop",
-  ],
+  exclude: ["/menu", "/.keep", "/style-guide", "/index", "/develop"],
 };
diff --git a/next.config.mjs b/next.config.mjs
index 14c2bfa4c..54276fb7d 100644
--- a/next.config.mjs
+++ b/next.config.mjs
@@ -26,70 +26,74 @@ const PROD_OPTIMIZATIONS = IS_DEV
 const CSP_HEADER = [
   "upgrade-insecure-requests;",
   "frame-ancestors",
-  "'self'",
+    "'self'",
   ";",
   "frame-src",
-  "https:",
+    "https:",
   ";",
   "connect-src",
-  "'self'",
-  "https://*.streamlit.app/",
-  "wss://*.streamlit.app/",
-  "https://streamlit.ghost.io/ghost/api/", // Blog API
-  "https://api.segment.io/", // Analytics
-  "https://cdn.segment.com/", // Analytics
-  "https://*.auryc.com/", // Analytics (Heap)
-  "https://www.google-analytics.com/", // Analytics
-  "https://stats.g.doubleclick.net/", // Analytics
-  "https://px.ads.linkedin.com/", // LinkedIn ad pixel
-  "https://*.algolia.net/", // Search
-  "https://*.algolianet.com/", // Search
-  "https://widget.kapa.ai/kapa-widget.bundle.js", // Kapa.ai
-  "https://kapa-widget-proxy-la7dkmplpq-uc.a.run.app/", // Kapa.ai
-  "https://www.google.com/recaptcha/api.js", // Recaptcha for Kapa.ai
-  "https://www.gstatic.com/recaptcha/releases/", // Recaptchas for Kapa.ai
-  "https://www.google.com/recaptcha/enterprise.js", // Recaptchas for Kapa.ai
+    "'self'",
+    "https://*.streamlit.app/",
+    "wss://*.streamlit.app/",
+    "https://streamlit.ghost.io/ghost/api/", // Blog API
+    "https://api.segment.io/", // Analytics
+    "https://cdn.segment.com/", // Analytics
+    "https://*.auryc.com/", // Analytics (Heap)
+    "https://www.google-analytics.com/", // Analytics
+    "https://stats.g.doubleclick.net/", // Analytics
+    "https://px.ads.linkedin.com/", // LinkedIn ad pixel
+    "https://*.algolia.net/", // Search
+    "https://*.algolianet.com/", // Search
+    "https://widget.kapa.ai/kapa-widget.bundle.js", // Kapa.ai
+    "https://kapa-widget-proxy-la7dkmplpq-uc.a.run.app/", // Kapa.ai
+    "https://www.google.com/recaptcha/api.js", // Recaptcha for Kapa.ai
+    "https://www.gstatic.com/recaptcha/releases/", // Recaptchas for Kapa.ai
+    "https://www.google.com/recaptcha/enterprise.js", // Recaptchas for Kapa.ai
+    "https://cdn.cookielaw.org/", // Onetrust cookie banner
+    "https://cookie-cdn.cookiepro.com/", // Onetrust cookie banner
   ";",
   "default-src 'none';",
   "font-src 'self';",
   "form-action 'self';",
   "img-src",
-  "'self'",
-  "data:",
-  "https:",
+    "'self'",
+    "data:",
+    "https:",
   ";",
   "media-src",
-  "'self'",
-  "https://s3-us-west-2.amazonaws.com/assets.streamlit.io/", // Videos
+    "'self'",
+    "https://s3-us-west-2.amazonaws.com/assets.streamlit.io/", // Videos
   ";",
   "script-src",
-  "'self'",
-  "'unsafe-inline'", // NextJS payload
-  "'unsafe-eval'", // Required for MDXRemote in [...slug].js. Using App Router may fix this.
-  "https://cdn.heapanalytics.com/", // Analytics
-  "https://cdn.segment.com/", // Analytics
-  "https://www.google-analytics.com/", // Analytics
-  "https://www.googletagmanager.com/", // Analytics
-  "https://identity.netlify.com/", // Netlify dev tools
-  "https://netlify-cdp-loader.netlify.app/netlify.js", // Netlify dev tools
-  "https://www.youtube.com/iframe_api/", // YouTube Embed
-  "https://snap.licdn.com/", // LinkedIn ad pixel
-  "https://connect.facebook.net/", // Facebook ad pixel
-  "https://*.algolia.net/", // Search
-  "https://*.algolianet.com/", // Search
-  "https://widget.kapa.ai/kapa-widget.bundle.js", // Kapa.ai
-  "https://kapa-widget-proxy-la7dkmplpq-uc.a.run.app/", // Kapa.ai
-  "https://www.google.com/recaptcha/api.js", // Recaptcha for Kapa.ai
-  "https://www.gstatic.com/recaptcha/releases/", // Recaptchas for Kapa.ai
-  "https://www.google.com/recaptcha/enterprise.js", // Recaptchas for Kapa.ai
+    "'self'",
+    "'unsafe-inline'", // NextJS payload
+    "'unsafe-eval'", // Required for MDXRemote in [...slug].js. Using App Router may fix this.
+    "https://cdn.heapanalytics.com/", // Analytics
+    "https://cdn.segment.com/", // Analytics
+    "https://www.google-analytics.com/", // Analytics
+    "https://www.googletagmanager.com/", // Analytics
+    "https://identity.netlify.com/", // Netlify dev tools
+    "https://netlify-cdp-loader.netlify.app/netlify.js", // Netlify dev tools
+    "https://www.youtube.com/iframe_api/", // YouTube Embed
+    "https://snap.licdn.com/", // LinkedIn ad pixel
+    "https://connect.facebook.net/", // Facebook ad pixel
+    "https://*.algolia.net/", // Search
+    "https://*.algolianet.com/", // Search
+    "https://widget.kapa.ai/kapa-widget.bundle.js", // Kapa.ai
+    "https://kapa-widget-proxy-la7dkmplpq-uc.a.run.app/", // Kapa.ai
+    "https://www.google.com/recaptcha/api.js", // Recaptcha for Kapa.ai
+    "https://www.gstatic.com/recaptcha/releases/", // Recaptchas for Kapa.ai
+    "https://www.google.com/recaptcha/enterprise.js", // Recaptchas for Kapa.ai
+    "https://cdn.cookielaw.org/", // Onetrust cookie banner
+    "https://cookie-cdn.cookiepro.com/", // Onetrust cookie banner
   ";",
   "style-src",
-  "'self'",
-  "'unsafe-inline'", // Twitter CSS
+    "'self'",
+    "'unsafe-inline'", // Twitter CSS
   ";",
   "worker-src",
-  "'self'",
-  "blob:",
+    "'self'",
+    "blob:",
   ";",
 ];
 
diff --git a/pages/[...slug].js b/pages/[...slug].js
index d78a08a60..1051cc634 100644
--- a/pages/[...slug].js
+++ b/pages/[...slug].js
@@ -18,10 +18,6 @@ const { serverRuntimeConfig, publicRuntimeConfig } = getConfig();
 
 // Site Components
 import { looksLikeVersionAndPlatformString } from "../lib/next/utils";
-import CookieSettingsModal from "../components/utilities/cookieSettingsModal";
-import GDPRBanner, {
-  setTelemetryPreference,
-} from "../components/utilities/gdpr";
 import {
   getArticleSlugs,
   getArticleSlugFromString,
@@ -114,28 +110,6 @@ export default function Article({
   let versionWarning;
   let currentLink;
 
-  const [isTelemetryModalVisible, setIsTelemetryModalVisible] = useState(false);
-  const [isTelemetryBannerVisible, setIsTelemetryBannerVisible] =
-    useState(false);
-  const [insertTelemetryCode, setInsertTelemetryCode] = useState(false);
-
-  const allowTelemetryAndCloseBanner = useCallback(() => {
-    setIsTelemetryBannerVisible(false);
-    setIsTelemetryModalVisible(false);
-    setInsertTelemetryCode(true);
-    setTelemetryPreference(true);
-  }, [isTelemetryBannerVisible, insertTelemetryCode]);
-
-  const declineTelemetryAndCloseBanner = useCallback(() => {
-    setIsTelemetryBannerVisible(false);
-    setIsTelemetryModalVisible(false);
-    setInsertTelemetryCode(false);
-    setTelemetryPreference(false);
-
-    // If previous state was true, and now it's false, reload the page to remove telemetry JS
-    if (insertTelemetryCode) router.reload();
-  }, [isTelemetryBannerVisible, insertTelemetryCode]);
-
   const { version, platform, goToLatest, goToOpenSource } = useVersionContext();
   const isVersionedPage = currMenuItem && currMenuItem.isVersioned;
   const isUnversionedURL = !versionFromSlug || !platformFromSlug;
@@ -261,23 +235,6 @@ export default function Article({
       }}
     >
       <Layout>
-        {isTelemetryModalVisible && (
-          <CookieSettingsModal
-            setIsTelemetryModalVisible={setIsTelemetryModalVisible}
-            allowTelemetryAndCloseBanner={allowTelemetryAndCloseBanner}
-            declineTelemetryAndCloseBanner={declineTelemetryAndCloseBanner}
-          />
-        )}
-        <GDPRBanner
-          isTelemetryModalVisible={isTelemetryModalVisible}
-          setIsTelemetryModalVisible={setIsTelemetryModalVisible}
-          isTelemetryBannerVisible={isTelemetryBannerVisible}
-          setIsTelemetryBannerVisible={setIsTelemetryBannerVisible}
-          insertTelemetryCode={insertTelemetryCode}
-          setInsertTelemetryCode={setInsertTelemetryCode}
-          allowTelemetryAndCloseBanner={allowTelemetryAndCloseBanner}
-          declineTelemetryAndCloseBanner={declineTelemetryAndCloseBanner}
-        />
         <section className={styles.Container}>
           <SideBar slug={slug} menu={menu} />
           <Head>
@@ -343,7 +300,7 @@ export default function Article({
               </div>
             </article>
           </section>
-          <Footer setIsTelemetryModalVisible={setIsTelemetryModalVisible} />
+          <Footer />
         </section>
       </Layout>
     </MDXProvider>
diff --git a/pages/index.js b/pages/index.js
index 3daf8d355..db865cb90 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -11,10 +11,6 @@ import SideBar from "../components/navigation/sideBar";
 import ArrowLinkContainer from "../components/navigation/arrowLinkContainer";
 import ArrowLink from "../components/navigation/arrowLink";
 
-import GDPRBanner, {
-  setTelemetryPreference,
-} from "../components/utilities/gdpr";
-import CookieSettingsModal from "../components/utilities/cookieSettingsModal";
 import SocialCallouts from "../components/utilities/socialCallout";
 import Spacer from "../components/utilities/spacer";
 
@@ -38,30 +34,8 @@ import styles from "../components/layouts/container.module.css";
 export default function Home({ window, menu }) {
   let { description } = attributes;
 
-  const [isTelemetryModalVisible, setIsTelemetryModalVisible] = useState(false);
-  const [isTelemetryBannerVisible, setIsTelemetryBannerVisible] =
-    useState(false);
-  const [insertTelemetryCode, setInsertTelemetryCode] = useState(false);
-
   const router = useRouter();
 
-  const allowTelemetryAndCloseBanner = useCallback(() => {
-    setIsTelemetryBannerVisible(false);
-    setIsTelemetryModalVisible(false);
-    setInsertTelemetryCode(true);
-    setTelemetryPreference(true);
-  }, [isTelemetryBannerVisible, insertTelemetryCode]);
-
-  const declineTelemetryAndCloseBanner = useCallback(() => {
-    setIsTelemetryBannerVisible(false);
-    setIsTelemetryModalVisible(false);
-    setInsertTelemetryCode(false);
-    setTelemetryPreference(false);
-
-    // If previous state was true, and now it's false, reload the page to remove telemetry JS
-    if (insertTelemetryCode) router.reload();
-  }, [isTelemetryBannerVisible, insertTelemetryCode]);
-
   return (
     <Layout window={window}>
       <Head>
@@ -93,24 +67,16 @@ export default function Home({ window, menu }) {
           name="twitter:image"
           content={`https://${process.env.NEXT_PUBLIC_HOSTNAME}/sharing-image-twitter.jpg`}
         />
+        <script
+          src="https://cdn.cookielaw.org/scripttemplates/otSDKStub.js"
+          type="text/javascript"
+          charset="UTF-8"
+          data-domain-script="0fd0c538-dc31-450a-8493-0dd92bb8f0d7-test"
+        ></script>
+        <script type="text/javascript">
+          {"function OptanonWrapper() { }"}
+        </script>
       </Head>
-      {isTelemetryModalVisible && (
-        <CookieSettingsModal
-          setIsTelemetryModalVisible={setIsTelemetryModalVisible}
-          allowTelemetryAndCloseBanner={allowTelemetryAndCloseBanner}
-          declineTelemetryAndCloseBanner={declineTelemetryAndCloseBanner}
-        />
-      )}
-      <GDPRBanner
-        isTelemetryModalVisible={isTelemetryModalVisible}
-        setIsTelemetryModalVisible={setIsTelemetryModalVisible}
-        isTelemetryBannerVisible={isTelemetryBannerVisible}
-        setIsTelemetryBannerVisible={setIsTelemetryBannerVisible}
-        insertTelemetryCode={insertTelemetryCode}
-        setInsertTelemetryCode={setInsertTelemetryCode}
-        allowTelemetryAndCloseBanner={allowTelemetryAndCloseBanner}
-        declineTelemetryAndCloseBanner={declineTelemetryAndCloseBanner}
-      />
       <section className={styles.Container}>
         <SideBar menu={menu} slug={[]} />
         <section className={styles.InnerContainer}>
@@ -291,7 +257,7 @@ export default function Home({ window, menu }) {
             <ArrowLink link="/get-started" type="next" content="Get started" />
           </ArrowLinkContainer>
         </section>
-        <Footer setIsTelemetryModalVisible={setIsTelemetryModalVisible} />
+        <Footer />
       </section>
     </Layout>
   );
diff --git a/styles/cookie-banner.scss b/styles/cookie-banner.scss
new file mode 100644
index 000000000..40dcc75be
--- /dev/null
+++ b/styles/cookie-banner.scss
@@ -0,0 +1,148 @@
+/*
+ * Onetrust Cookie Banner Styling
+ */
+#onetrust-banner-sdk {
+  left: max(0.5rem, calc((100vw - 640px) / 2)) !important;
+  right: max(0.5rem, calc((100vw - 640px) / 2)) !important;
+  bottom: 0.5rem !important;
+  backdrop-filter: blur(10px) !important;
+  background: #fffd !important;
+  box-shadow:
+    0 0 #0000,
+    0 0 #0000,
+    0 10px 15px -3px rgb(0 0 0 / 0.1),
+    0 4px 6px -4px rgb(0 0 0 / 0.1) !important;
+  border: 1px solid rgb(230, 234, 241) !important;
+  border-radius: 0.5rem !important;
+  padding: 2rem 1rem !important;
+  outline: none !important;
+  max-width: 640px !important;
+}
+
+#onetrust-banner-sdk .ot-sdk-container {
+  width: 100% !important;
+  padding: 0 !important;
+}
+
+#onetrust-group-container {
+  width: 100% !important;
+}
+
+#onetrust-banner-sdk #onetrust-policy {
+  margin: 0 0 1rem !important;
+}
+
+#onetrust-consent-sdk #onetrust-policy-text {
+  font-size: 1.125rem !important;
+  line-height: 2rem !important;
+  color: rgb(38, 39, 48) !important;
+}
+
+#onetrust-consent-sdk #onetrust-banner-sdk a[href],
+#onetrust-consent-sdk #onetrust-banner-sdk a[href] font,
+#onetrust-consent-sdk #onetrust-banner-sdk .ot-link-btn {
+  font-weight: 400 !important;
+  text-decoration: underline !important;
+  margin: 0 !important;
+}
+
+#onetrust-banner-sdk #onetrust-button-group {
+  margin-top: 0 !important;
+  width: 100% !important;
+}
+
+#onetrust-banner-sdk #onetrust-button-group-parent {
+  position: static !important;
+  transform: none !important;
+  width: 100% !important;
+  padding: 0 !important;
+}
+
+#onetrust-consent-sdk #onetrust-accept-btn-handler,
+#onetrust-banner-sdk #onetrust-reject-all-handler {
+  padding-top: 0.5rem !important;
+  padding-bottom: 0.5rem !important;
+  border: 1px solid rgb(38, 39, 48) !important;
+  border-radius: 0.25rem !important;
+  font-size: 14px !important;
+  line-height: 1.5 !important;
+  font-weight: 400 !important;
+  width: 100% !important;
+  margin: 0 !important;
+}
+
+#onetrust-consent-sdk #onetrust-accept-btn-handler {
+  background-color: rgb(38, 39, 48) !important;
+  color: #fff !important;
+}
+
+#onetrust-banner-sdk #onetrust-reject-all-handler {
+  background-color: transparent !important;
+  margin-bottom: 0.5rem !important;
+}
+@media (min-width: 640px) {
+  #onetrust-banner-sdk {
+    padding: 2rem !important;
+  }
+}
+
+@media (min-width: 768px) {
+  #onetrust-banner-sdk {
+    max-width: 768px !important;
+    left: max(0.5rem, calc((100vw - 768px) / 2)) !important;
+    right: max(0.5rem, calc((100vw - 768px) / 2)) !important;
+  }
+}
+
+@media (min-width: 1024px) {
+  #onetrust-banner-sdk {
+    max-width: 1024px !important;
+    left: max(1rem, calc((100vw - 1024px) / 2)) !important;
+    right: max(1rem, calc((100vw - 1024px) / 2)) !important;
+  }
+
+  #onetrust-banner-sdk #onetrust-button-group {
+    display: flex !important;
+    justify-content: flex-end !important;
+    gap: 1rem !important;
+  }
+
+  #onetrust-consent-sdk #onetrust-accept-btn-handler,
+  #onetrust-banner-sdk #onetrust-reject-all-handler {
+    width: auto !important;
+    min-width: 0 !important;
+    margin: 0 !important;
+  }
+}
+
+@media (min-width: 1280px) {
+  #onetrust-banner-sdk {
+    max-width: 1280px !important;
+    left: max(1rem, calc((100vw - 1280px) / 2)) !important;
+    right: max(1rem, calc((100vw - 1280px) / 2)) !important;
+  }
+
+  #onetrust-banner-sdk .ot-sdk-row {
+    display: flex !important;
+    align-items: flex-end !important;
+    gap: 1rem !important;
+  }
+
+  #onetrust-banner-sdk #onetrust-policy {
+    margin: 0 !important;
+  }
+
+  #onetrust-banner-sdk #onetrust-group-container {
+    flex: 1 1 0% !important;
+  }
+
+  #onetrust-banner-sdk #onetrust-button-group-parent {
+    width: auto !important;
+    margin: 0 !important;
+  }
+
+  #onetrust-banner-sdk .ot-sdk-container::after,
+  #onetrust-banner-sdk .ot-sdk-row::after {
+    content: none !important;
+  }
+}
diff --git a/styles/main.scss b/styles/main.scss
index fb5c46553..4badfab4e 100644
--- a/styles/main.scss
+++ b/styles/main.scss
@@ -4,5 +4,6 @@
 @import "./tables.scss";
 @import "./scrollbars.scss";
 @import "./admonition.scss";
+@import "./cookie-banner.scss";
 
 @import "./print.scss";

From 6ef056f3e2f6c175d54b07ff3ce30b298d0b9cd8 Mon Sep 17 00:00:00 2001
From: Radoslaw Olejniczak <radoslawolejniczak@coders3.com>
Date: Fri, 22 Aug 2025 15:48:30 +0200
Subject: [PATCH 2/6] onetrust cookie banner implementation & styles

---
 netlify.toml | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/netlify.toml b/netlify.toml
index 515983015..41101a955 100644
--- a/netlify.toml
+++ b/netlify.toml
@@ -30,6 +30,8 @@ connect-src \
   https://*.algolia.net/ \
   https://*.algolianet.com/ \
   https://kapa-widget-proxy-la7dkmplpq-uc.a.run.app/ \
+  https://cdn.cookielaw.org/ \
+  https://cookie-cdn.cookiepro.com/ \
 ; \
 default-src 'none' ; \
 font-src 'self' ; \
@@ -62,6 +64,8 @@ script-src \
   https://www.google.com/recaptcha/api.js \
   https://www.gstatic.com/recaptcha/releases/ \
   https://www.google.com/recaptcha/enterprise.js \
+  https://cdn.cookielaw.org/ \
+  https://cookie-cdn.cookiepro.com/ \
 ; \
 style-src \
   'self' \

From cb24e32ce8f65934042be31fe898471adc998743 Mon Sep 17 00:00:00 2001
From: Radoslaw Olejniczak <radoslawolejniczak@coders3.com>
Date: Tue, 2 Sep 2025 11:27:25 +0200
Subject: [PATCH 3/6] PR #1332 feedback

---
 components/navigation/chatSticky.module.css |  2 +-
 components/navigation/cookiePolicyButton.js | 11 +++++++++++
 components/navigation/footer.js             | 12 +++++++-----
 styles/cookie-banner.scss                   |  8 ++++----
 4 files changed, 23 insertions(+), 10 deletions(-)
 create mode 100644 components/navigation/cookiePolicyButton.js

diff --git a/components/navigation/chatSticky.module.css b/components/navigation/chatSticky.module.css
index 37b42c0ce..042f7510f 100644
--- a/components/navigation/chatSticky.module.css
+++ b/components/navigation/chatSticky.module.css
@@ -1,5 +1,5 @@
 .Container {
-  @apply fixed bottom-[30px] w-full z-10;
+  @apply fixed bottom-[30px] right-0 w-auto z-10;
 }
 
 .Navigation {
diff --git a/components/navigation/cookiePolicyButton.js b/components/navigation/cookiePolicyButton.js
new file mode 100644
index 000000000..3ffd3cc7f
--- /dev/null
+++ b/components/navigation/cookiePolicyButton.js
@@ -0,0 +1,11 @@
+const CookiePolicyButton = ({ children, className, ...props }) => {
+  const classes = `ot-sdk-show-settings${className ? ` ${className}` : ""}`;
+
+  return (
+    <button className={classes} {...props}>
+      {children}
+    </button>
+  );
+};
+
+export default CookiePolicyButton;
diff --git a/components/navigation/footer.js b/components/navigation/footer.js
index 197819a92..b43d84c23 100644
--- a/components/navigation/footer.js
+++ b/components/navigation/footer.js
@@ -1,7 +1,12 @@
 import Link from "next/link";
+import dynamic from "next/dynamic";
 
 import styles from "./footer.module.css";
 
+const CookiePolicyButton = dynamic(() => import("./cookiePolicyButton"), {
+  ssr: false,
+});
+
 const Footer = () => {
   return (
     <footer className={styles.Container}>
@@ -181,12 +186,9 @@ const Footer = () => {
         </section>
         <div className={styles.Copyright}>
           <span>&copy; {new Date().getFullYear()} Snowflake Inc.</span>
-          <button
-            className="ot-sdk-show-settings hover:opacity-80 ml-2"
-            onClick={() => {}}
-          >
+          <CookiePolicyButton className="hover:opacity-80 ml-2">
             Cookie policy
-          </button>
+          </CookiePolicyButton>
         </div>
       </section>
     </footer>
diff --git a/styles/cookie-banner.scss b/styles/cookie-banner.scss
index 40dcc75be..cf3ef8c76 100644
--- a/styles/cookie-banner.scss
+++ b/styles/cookie-banner.scss
@@ -33,8 +33,8 @@
 }
 
 #onetrust-consent-sdk #onetrust-policy-text {
-  font-size: 1.125rem !important;
-  line-height: 2rem !important;
+  font-size: 1rem !important;
+  line-height: 1.625 !important;
   color: rgb(38, 39, 48) !important;
 }
 
@@ -64,8 +64,8 @@
   padding-bottom: 0.5rem !important;
   border: 1px solid rgb(38, 39, 48) !important;
   border-radius: 0.25rem !important;
-  font-size: 14px !important;
-  line-height: 1.5 !important;
+  font-size: 1rem !important;
+  line-height: 1.5rem !important;
   font-weight: 400 !important;
   width: 100% !important;
   margin: 0 !important;

From 0d375083a0ed138f6bfb95257fe125f5b607ac64 Mon Sep 17 00:00:00 2001
From: Radoslaw Olejniczak <radoslawolejniczak@coders3.com>
Date: Tue, 2 Sep 2025 13:49:10 +0200
Subject: [PATCH 4/6] onetrust production script

---
 pages/index.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/pages/index.js b/pages/index.js
index db865cb90..3528d9d31 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -71,7 +71,7 @@ export default function Home({ window, menu }) {
           src="https://cdn.cookielaw.org/scripttemplates/otSDKStub.js"
           type="text/javascript"
           charset="UTF-8"
-          data-domain-script="0fd0c538-dc31-450a-8493-0dd92bb8f0d7-test"
+          data-domain-script="01990a3a-a865-7092-a22e-9094bfac985a"
         ></script>
         <script type="text/javascript">
           {"function OptanonWrapper() { }"}

From 93b2de8396f7400f088d4fb18ad5b6d30f4140a8 Mon Sep 17 00:00:00 2001
From: Radoslaw Olejniczak <radoslawolejniczak@coders3.com>
Date: Fri, 10 Oct 2025 14:34:12 +0200
Subject: [PATCH 5/6] Onetrust cookie banner Segment config

---
 netlify.toml              |  2 ++
 next.config.mjs           |  2 ++
 pages/404.js              | 13 ++++++++
 pages/[...slug].js        | 13 ++++++++
 pages/index.js            |  4 +++
 public/scripts/segment.js | 63 +++++++++++++++++++++++++++++++++++++++
 6 files changed, 97 insertions(+)
 create mode 100644 public/scripts/segment.js

diff --git a/netlify.toml b/netlify.toml
index 41101a955..0de4b8bec 100644
--- a/netlify.toml
+++ b/netlify.toml
@@ -32,6 +32,7 @@ connect-src \
   https://kapa-widget-proxy-la7dkmplpq-uc.a.run.app/ \
   https://cdn.cookielaw.org/ \
   https://cookie-cdn.cookiepro.com/ \
+  https://cdn.jsdelivr.net/npm/@segment/ \
 ; \
 default-src 'none' ; \
 font-src 'self' ; \
@@ -66,6 +67,7 @@ script-src \
   https://www.google.com/recaptcha/enterprise.js \
   https://cdn.cookielaw.org/ \
   https://cookie-cdn.cookiepro.com/ \
+  https://cdn.jsdelivr.net/npm/@segment/ \
 ; \
 style-src \
   'self' \
diff --git a/next.config.mjs b/next.config.mjs
index 54276fb7d..6e5e86415 100644
--- a/next.config.mjs
+++ b/next.config.mjs
@@ -51,6 +51,7 @@ const CSP_HEADER = [
     "https://www.google.com/recaptcha/enterprise.js", // Recaptchas for Kapa.ai
     "https://cdn.cookielaw.org/", // Onetrust cookie banner
     "https://cookie-cdn.cookiepro.com/", // Onetrust cookie banner
+    "https://cdn.jsdelivr.net/npm/@segment/", // Segment Onetrust Wrapper
   ";",
   "default-src 'none';",
   "font-src 'self';",
@@ -86,6 +87,7 @@ const CSP_HEADER = [
     "https://www.google.com/recaptcha/enterprise.js", // Recaptchas for Kapa.ai
     "https://cdn.cookielaw.org/", // Onetrust cookie banner
     "https://cookie-cdn.cookiepro.com/", // Onetrust cookie banner
+    "https://cdn.jsdelivr.net/npm/@segment/", // Segment Onetrust Wrapper
   ";",
   "style-src",
     "'self'",
diff --git a/pages/404.js b/pages/404.js
index 477713d4c..b1d8696ae 100644
--- a/pages/404.js
+++ b/pages/404.js
@@ -41,6 +41,19 @@ export default function Home({ window, menu }) {
           name="twitter:image"
           content={`https://${process.env.NEXT_PUBLIC_HOSTNAME}/sharing-image-twitter.jpg`}
         />
+        <script
+          src="https://cdn.cookielaw.org/scripttemplates/otSDKStub.js"
+          type="text/javascript"
+          charset="UTF-8"
+          data-domain-script="01990a3a-a865-7092-a22e-9094bfac985a"
+        ></script>
+        <script type="text/javascript">
+          {"function OptanonWrapper() { }"}
+        </script>
+        {/* Add Segment's OneTrust Consent Wrapper */}
+        <script src="https://cdn.jsdelivr.net/npm/@segment/analytics-consent-wrapper-onetrust@latest/dist/umd/analytics-onetrust.umd.js"></script>
+        {/* Add Segment Analytics Snippet */}
+        <script src="/scripts/segment.js"></script>
       </Head>
       <section className={styles.Container}>
         <SideBar menu={menu} slug={["404"]} />
diff --git a/pages/[...slug].js b/pages/[...slug].js
index 37d30cb6c..a92158cc3 100644
--- a/pages/[...slug].js
+++ b/pages/[...slug].js
@@ -286,6 +286,19 @@ export default function Article({
               name="twitter:image"
               content={`https://${process.env.NEXT_PUBLIC_HOSTNAME}/sharing-image-twitter.jpg`}
             />
+            <script
+              src="https://cdn.cookielaw.org/scripttemplates/otSDKStub.js"
+              type="text/javascript"
+              charset="UTF-8"
+              data-domain-script="01990a3a-a865-7092-a22e-9094bfac985a"
+            ></script>
+            <script type="text/javascript">
+              {"function OptanonWrapper() { }"}
+            </script>
+            {/* Add Segment's OneTrust Consent Wrapper */}
+            <script src="https://cdn.jsdelivr.net/npm/@segment/analytics-consent-wrapper-onetrust@latest/dist/umd/analytics-onetrust.umd.js"></script>
+            {/* Add Segment Analytics Snippet */}
+            <script src="/scripts/segment.js"></script>
           </Head>
           <section className={styles.InnerContainer} id="documentation">
             {versionWarning}
diff --git a/pages/index.js b/pages/index.js
index 7dac494b8..37fd2f9b6 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -76,6 +76,10 @@ export default function Home({ window, menu }) {
         <script type="text/javascript">
           {"function OptanonWrapper() { }"}
         </script>
+        {/* Add Segment's OneTrust Consent Wrapper */}
+        <script src="https://cdn.jsdelivr.net/npm/@segment/analytics-consent-wrapper-onetrust@latest/dist/umd/analytics-onetrust.umd.js"></script>
+        {/* Add Segment Analytics Snippet */}
+        <script src="/scripts/segment.js"></script>
       </Head>
       <section className={styles.Container}>
         <SideBar menu={menu} slug={[]} />
diff --git a/public/scripts/segment.js b/public/scripts/segment.js
new file mode 100644
index 000000000..316288934
--- /dev/null
+++ b/public/scripts/segment.js
@@ -0,0 +1,63 @@
+(function () {
+var analytics = (window.analytics = window.analytics || []);
+if (!analytics.initialize)
+    if (analytics.invoked)
+    window.console &&
+        console.error &&
+        console.error("Segment snippet included twice.");
+    else {
+    analytics.invoked = !0;
+    analytics.methods = [
+        "trackSubmit",
+        "trackClick",
+        "trackLink",
+        "trackForm",
+        "pageview",
+        "identify",
+        "reset",
+        "group",
+        "track",
+        "ready",
+        "alias",
+        "debug",
+        "page",
+        "once",
+        "off",
+        "on",
+        "addSourceMiddleware",
+        "addIntegrationMiddleware",
+        "setAnonymousId",
+        "addDestinationMiddleware",
+    ];
+    analytics.factory = function (e) {
+        return function () {
+        var t = Array.prototype.slice.call(arguments);
+        t.unshift(e);
+        analytics.push(t);
+        return analytics;
+        };
+    };
+    for (var e = 0; e < analytics.methods.length; e++) {
+        var key = analytics.methods[e];
+        analytics[key] = analytics.factory(key);
+    }
+    analytics.load = function (key, e) {
+        var t = document.createElement("script");
+        t.type = "text/javascript";
+        t.async = !0;
+        t.src =
+        "https://cdn.segment.com/analytics.js/v1/" +
+        key +
+        "/analytics.min.js";
+        var n = document.getElementsByTagName("script")[0];
+        n.parentNode.insertBefore(t, n);
+        analytics._loadOptions = e;
+    };
+    analytics._writeKey = "pUoB6ihRTAFLDtLp2NWEuJvBNtiooQwE";
+    analytics.SNIPPET_VERSION = "4.13.2";
+    // analytics.load("pUoB6ihRTAFLDtLp2NWEuJvBNtiooQwE");
+    // @segment/analytics-consent-wrapper-onetrust
+    withOneTrust(analytics, { consentModel: () => 'opt-in' }).load("pUoB6ihRTAFLDtLp2NWEuJvBNtiooQwE");
+    analytics.page();
+    }
+})();
\ No newline at end of file

From 1d4a76143d99a90e0a5885e00202cf712bd2a211 Mon Sep 17 00:00:00 2001
From: Radoslaw Olejniczak <radoslawolejniczak@coders3.com>
Date: Mon, 13 Oct 2025 15:20:10 +0200
Subject: [PATCH 6/6] onetrust cookie banner: remove unused cookie-settings.md
 and gdpr-banner.md files

---
 content/cookie-settings.md | 21 ---------------------
 content/gdpr-banner.md     |  8 --------
 2 files changed, 29 deletions(-)
 delete mode 100644 content/cookie-settings.md
 delete mode 100644 content/gdpr-banner.md

diff --git a/content/cookie-settings.md b/content/cookie-settings.md
deleted file mode 100644
index b422adc73..000000000
--- a/content/cookie-settings.md
+++ /dev/null
@@ -1,21 +0,0 @@
----
-visible: false
----
-
-### Cookie settings
-
-##### Strictly necessary cookies
-
-These cookies are necessary for the website to function and cannot be switched off. They are usually only set in response to actions made by you which amount to a request for services, such as setting your privacy preferences, logging in or filling in forms.
-
-##### Performance cookies
-
-These cookies allow us to count visits and traffic sources so we can measure and improve the performance of our site. They help us understand how visitors move around the site and which pages are most frequently visited.
-
-##### Functional cookies
-
-These cookies are used to record your choices and settings, maintain your preferences over time and recognize you when you return to our website. These cookies help us to personalize our content for you and remember your preferences.
-
-##### Targeting cookies
-
-These cookies may be deployed to our site by our advertising partners to build a profile of your interest and provide you with content that is relevant to you, including showing you relevant ads on other websites.
diff --git a/content/gdpr-banner.md b/content/gdpr-banner.md
deleted file mode 100644
index af0887a47..000000000
--- a/content/gdpr-banner.md
+++ /dev/null
@@ -1,8 +0,0 @@
----
----
-
-# Hello there 👋
-
-Thanks for stopping by! We use cookies to help us understand how you interact with our website.
-
-By clicking “Accept all”, you consent to our use of cookies. For more information, please see our [privacy policy](www.streamlit.io/privacy-policy).