From c05412a5c0cc84095ac2c17ac6b18eff25bdad25 Mon Sep 17 00:00:00 2001
From: Jose Valerio <contact@josevalerio.com>
Date: Sat, 6 Jul 2024 22:51:41 -0400
Subject: [PATCH 1/2] dawks

---
 services/web/app/components/pricing.tsx |  1 +
 services/web/app/routes/docs._index.tsx | 18 ++++++++++++++++++
 2 files changed, 19 insertions(+)

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..5b802e2 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.
+                </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";

From 2934996d6cc8994ff75e67a1554d637da60d1fa4 Mon Sep 17 00:00:00 2001
From: Jose Valerio <contact@josevalerio.com>
Date: Sat, 6 Jul 2024 22:53:23 -0400
Subject: [PATCH 2/2] bold

---
 services/web/app/routes/docs._index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/services/web/app/routes/docs._index.tsx b/services/web/app/routes/docs._index.tsx
index 5b802e2..e8afe57 100644
--- a/services/web/app/routes/docs._index.tsx
+++ b/services/web/app/routes/docs._index.tsx
@@ -80,7 +80,7 @@ export default function Example() {
               <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.
+                  insert any items with whatever key that you want prefixed with <span className='font-bold'>enterprise-</span>
                 </p>
               </div>
             </div>