diff --git a/src/components/HeaderDropdowns.tsx b/src/components/HeaderDropdowns.tsx
index 0a8ed8f9027052d..7105457e069c13f 100644
--- a/src/components/HeaderDropdowns.tsx
+++ b/src/components/HeaderDropdowns.tsx
@@ -11,13 +11,6 @@ import { useState } from "react";
import { PiCaretDownBold } from "react-icons/pi";
const dropdowns = Object.entries({
- "API & SDKs": [
- {
- label: "API documentation",
- href: "https://developers.cloudflare.com/api/",
- },
- { label: "SDKs", href: "/fundamentals/api/reference/sdks/" },
- ],
Help: [
{ label: "Help center", href: "https://support.cloudflare.com/" },
{ label: "Cloudflare status", href: "https://www.cloudflarestatus.com/" },
@@ -85,7 +78,19 @@ export default function HeaderDropdownsComponent() {
href="/products/"
className="flex items-center justify-center rounded p-2 font-medium text-black no-underline hover:bg-cl1-white hover:shadow-md dark:hover:bg-cl1-gray-0"
>
- Docs Directory
+ Products
+
+
+ APIs
+
+
+ SDKs
{dropdowns.map((dropdown) => (