diff --git a/services/web/app/components/pricing.tsx b/services/web/app/components/pricing.tsx
index 117998f..e2b8ed9 100644
--- a/services/web/app/components/pricing.tsx
+++ b/services/web/app/components/pricing.tsx
@@ -65,6 +65,7 @@ const tiers = [
       "Dedicated email support\n\n\n(Mon-Fri 9am-12pm & 2pm-4pm Tokyo time)",
       "Indexes available as a paid addon ($100/index/mo)",
       "Employee pinky promise to not look at customer data to retaliate over a personal grievance",
+      "Bring Your Own API Key™ - use your own generated key to access our API",
       "Backups",
     ],
     featured: true,
diff --git a/services/web/app/routes/docs._index.tsx b/services/web/app/routes/docs._index.tsx
index 58ff8b0..e8afe57 100644
--- a/services/web/app/routes/docs._index.tsx
+++ b/services/web/app/routes/docs._index.tsx
@@ -69,6 +69,22 @@ export default function Example() {
             and the value being your API key. Endpoints are to the right (or
             below on mobile).
           </p>
+          <div className="rounded-md bg-blue-50 p-4 mt-4">
+            <div className="flex">
+              <div className="flex-shrink-0">
+                <InformationCircleIcon
+                  aria-hidden="true"
+                  className="h-5 w-5 text-blue-400"
+                />
+              </div>
+              <div className="ml-3  flex-1 md:flex md:justify-between">
+                <p className="text-sm text-blue-700">
+                  Enterprise customers can bring their own API keys! Simply
+                  insert any items with whatever key that you want prefixed with <span className='font-bold'>enterprise-</span>
+                </p>
+              </div>
+            </div>
+          </div>
         </div>
         <div className="lg:w-1/2">
           {faqs.map((faq) => (
@@ -94,3 +110,5 @@ export default function Example() {
     </div>
   );
 }
+
+import { InformationCircleIcon } from "@heroicons/react/20/solid";