From 48f79f9735423f3b6700666b76fbc6337ea4c4b7 Mon Sep 17 00:00:00 2001
From: Bryan <blindaa121@gmail.com>
Date: Mon, 23 Jun 2025 10:18:08 -0700
Subject: [PATCH 1/4] Remove preflight css

---
 src/components/AceternityUI/PartnerTools.js |  5 ++++-
 src/components/AceternityUI/Tabs.js         |  2 ++
 src/css/custom.scss                         | 16 +++++++++-------
 3 files changed, 15 insertions(+), 8 deletions(-)

diff --git a/src/components/AceternityUI/PartnerTools.js b/src/components/AceternityUI/PartnerTools.js
index 46a44f19a..91dbc34d2 100644
--- a/src/components/AceternityUI/PartnerTools.js
+++ b/src/components/AceternityUI/PartnerTools.js
@@ -91,7 +91,10 @@ const Feature = ({ buttonClass, title, description, logo, index, cta }) => {
       <div className="flex justify-between mb-4 relative z-10 px-10 text-neutral-600 dark:text-neutral-400">
         <img style={{ width: "50px" }} src={logo} />
         <Link to={cta.src}>
-          <button className="relative inline-flex h-12 overflow-hidden rounded-full p-[1px] focus:outline-none">
+          <button
+            className="relative inline-flex h-12 overflow-hidden rounded-full p-[1px] focus:outline-none"
+            style={{ border: 0 }}
+          >
             <span className={buttonClass} />
             <span className="inline-flex h-full w-full cursor-pointer items-center justify-center rounded-full bg-slate-950 px-3 py-1 text-sm font-medium text-white backdrop-blur-3xl">
               {cta.text}
diff --git a/src/components/AceternityUI/Tabs.js b/src/components/AceternityUI/Tabs.js
index 3eaef38e0..1901d23d9 100644
--- a/src/components/AceternityUI/Tabs.js
+++ b/src/components/AceternityUI/Tabs.js
@@ -58,6 +58,8 @@ export const Tabs = ({
               tabClassName
             )}
             style={{
+              backgroundColor: "transparent",
+              border: 0,
               transformStyle: "preserve-3d",
               "&:hover": { cursor: "pointer" },
             }}
diff --git a/src/css/custom.scss b/src/css/custom.scss
index d5000f78e..2620fcd2c 100755
--- a/src/css/custom.scss
+++ b/src/css/custom.scss
@@ -11,15 +11,17 @@
  */
 /* You can override the default Infima variables here. */
 
-@use "tailwindcss";
+@layer theme, base, components, utilities;
+@import "tailwindcss/theme.css" layer(theme);
+@import "tailwindcss/utilities.css" layer(utilities);
 
 // revert default list-style overridden by tailwindcss
-@layer base {
-  ul,
-  ol {
-    list-style: revert;
-  }
-}
+// @layer base {
+//   ul,
+//   ol {
+//     list-style: revert;
+//   }
+// }
 
 @import url("https://fonts.googleapis.com/css2?family=Source+Code+Pro&display=swap");
 

From 3009fd2d75ca2478cca1ad494e3e44fdf9482627 Mon Sep 17 00:00:00 2001
From: Bryan <blindaa121@gmail.com>
Date: Mon, 23 Jun 2025 15:27:29 -0700
Subject: [PATCH 2/4] Add tailwind config

---
 tailwind.config.js | 7 +++++++
 1 file changed, 7 insertions(+)
 create mode 100644 tailwind.config.js

diff --git a/tailwind.config.js b/tailwind.config.js
new file mode 100644
index 000000000..08ea9826f
--- /dev/null
+++ b/tailwind.config.js
@@ -0,0 +1,7 @@
+module.exports = {
+  // ... your other config
+  content: ["./src/**/*.{js,jsx,ts,tsx, md, mdx}"],
+  corePlugins: {
+    preflight: false,
+  },
+};

From 306f5e65efb7488aebba4aa3356f0de77510ddf3 Mon Sep 17 00:00:00 2001
From: Bryan <blindaa121@gmail.com>
Date: Tue, 24 Jun 2025 16:11:18 -0700
Subject: [PATCH 3/4] Add tailwind plugin and postcss configuration

---
 docusaurus.config.ts        |  4 +++-
 package.json                |  5 ++++-
 plugins/tailwind-config.cjs | 15 +++++++++++++++
 tailwind.config.js          | 26 ++++++++++++++++++++++++--
 4 files changed, 46 insertions(+), 4 deletions(-)
 create mode 100644 plugins/tailwind-config.cjs

diff --git a/docusaurus.config.ts b/docusaurus.config.ts
index 1c5a349fc..bb41cc943 100644
--- a/docusaurus.config.ts
+++ b/docusaurus.config.ts
@@ -1,4 +1,5 @@
 import Mermaid from "@theme/Mermaid";
+import tailwindPlugin from "./plugins/tailwind-config.cjs";
 
 /**
  * Copyright (c) 2017-present, Facebook, Inc.
@@ -6,7 +7,7 @@ import Mermaid from "@theme/Mermaid";
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-let baseUrl
+let baseUrl;
 if (process.env.CI_MERGE_REQUEST_IID) {
   if (process.env.CI_PROJECT_DIR == "dev") {
     baseUrl = "/";
@@ -1159,6 +1160,7 @@ const config = {
         gtm: "GTM-PLXD79N",
       },
     ],
+    tailwindPlugin,
   ],
   stylesheets: [
     {
diff --git a/package.json b/package.json
index 548d6d742..d307a7a5a 100644
--- a/package.json
+++ b/package.json
@@ -71,7 +71,7 @@
     "slick-carousel": "^1.8.1",
     "stackdriver-errors-js": "^0.12.0",
     "tailwind-merge": "^3.2.0",
-    "tailwindcss": "^4.1.3",
+    "tailwindcss": "^4.1.10",
     "turndown": "^7.2.0"
   },
   "browserslist": {
@@ -87,9 +87,12 @@
     ]
   },
   "devDependencies": {
+    "autoprefixer": "^10.4.21",
     "cross-env": "^7.0.3",
     "husky": "^8.0.2",
     "lint-staged": "^13.0.3",
+    "postcss": "^8.5.6",
+    "postcss-import": "^16.1.1",
     "prettier": "2.7.1",
     "rimraf": "^3.0.2",
     "run-script-os": "^1.1.6",
diff --git a/plugins/tailwind-config.cjs b/plugins/tailwind-config.cjs
new file mode 100644
index 000000000..453208064
--- /dev/null
+++ b/plugins/tailwind-config.cjs
@@ -0,0 +1,15 @@
+function tailwindPlugin(context, options) {
+  return {
+    name: "tailwind-plugin",
+    configurePostCss(postcssOptions) {
+      postcssOptions.plugins = [
+        require("postcss-import"),
+        require("@tailwindcss/postcss"),
+        require("autoprefixer"),
+      ];
+      return postcssOptions;
+    },
+  };
+}
+
+module.exports = tailwindPlugin;
diff --git a/tailwind.config.js b/tailwind.config.js
index 08ea9826f..c45b52d9e 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -1,7 +1,29 @@
+const { fontFamily } = require("tailwindcss/defaultTheme");
+
+/** @type {import('tailwindcss').Config} */
 module.exports = {
-  // ... your other config
-  content: ["./src/**/*.{js,jsx,ts,tsx, md, mdx}"],
   corePlugins: {
     preflight: false,
+    container: false,
   },
+  darkMode: ["class", '[data-theme="dark"]'],
+  content: ["./src/**/*.{jsx,js,tsx,html}"],
+  theme: {
+    extend: {
+      fontFamily: {
+        sans: ['"Inter"', ...fontFamily.sans],
+        jakarta: ['"Plus Jakarta Sans"', ...fontFamily.sans],
+        mono: ['"Fira Code"', ...fontFamily.mono],
+      },
+      borderRadius: {
+        sm: "4px",
+      },
+      screens: {
+        sm: "0px",
+        lg: "997px",
+      },
+      colors: {},
+    },
+  },
+  plugins: [],
 };

From 2e0259990ff88082003ad205de06cbfbb2b379cd Mon Sep 17 00:00:00 2001
From: Bryan <blindaa121@gmail.com>
Date: Tue, 24 Jun 2025 16:15:43 -0700
Subject: [PATCH 4/4] Remove unused Mermaid import from docusaurus config

---
 docusaurus.config.ts | 1 -
 1 file changed, 1 deletion(-)

diff --git a/docusaurus.config.ts b/docusaurus.config.ts
index bb41cc943..d35ef0407 100644
--- a/docusaurus.config.ts
+++ b/docusaurus.config.ts
@@ -1,4 +1,3 @@
-import Mermaid from "@theme/Mermaid";
 import tailwindPlugin from "./plugins/tailwind-config.cjs";
 
 /**