> ## Documentation Index
> Fetch the complete documentation index at: https://auth0.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Auth0 Documentation

export const Footer = () => {
  const footerData = {
    socials: {
      "x-twitter": "https://x.com/auth0",
      github: "https://github.com/auth0",
      linkedin: "https://www.linkedin.com/company/auth0"
    },
    links: [{
      header: "Developers",
      items: [{
        label: "Developer Hub",
        href: "https://developer.auth0.com"
      }, {
        label: "Code Samples & Guides",
        href: "https://developer.auth0.com/resources"
      }, {
        label: "Zero Index Newsletter",
        href: "https://auth0.com/blog/newsletter"
      }, {
        label: "Blog",
        href: "https://auth0.com/blog"
      }, {
        label: "Changelog",
        href: "https://auth0.com/changelog"
      }]
    }, {
      header: "Docs",
      items: [{
        label: "Documentation",
        href: "https://auth0.com/docs"
      }, {
        label: "Quickstarts",
        href: "https://auth0.com/docs/quickstarts"
      }, {
        label: "APIs",
        href: "https://auth0.com/docs/api"
      }, {
        label: "SDK Libraries",
        href: "https://auth0.com/docs/libraries"
      }, {
        label: "Learn",
        href: "https://auth0.com/learn"
      }, {
        label: "Intro to IAM (CIAM)",
        href: "https://auth0.com/intro-to-iam"
      }, {
        label: "Reports",
        href: "https://auth0.com/resources/whitepapers"
      }, {
        label: "Webinars",
        href: "https://auth0.com/resources/webinars"
      }]
    }, {
      header: "Support Center",
      items: [{
        label: "Community",
        href: "https://community.auth0.com"
      }, {
        label: "Help",
        href: "https://support.auth0.com"
      }, {
        label: "FAQs",
        href: "https://auth0.com/docs/troubleshoot"
      }, {
        label: "Auth0",
        href: "https://auth0.com"
      }]
    }, {
      header: "Company",
      items: [{
        label: "Our Customers",
        href: "https://auth0.com/customers"
      }, {
        label: "Compliance",
        href: "https://auth0.com/security"
      }, {
        label: "Partners",
        href: "https://auth0.com/partners"
      }, {
        label: "Careers",
        href: "https://www.okta.com/company/careers"
      }, {
        label: "Okta + Auth0",
        href: "https://www.okta.com/okta-and-auth0"
      }, {
        label: "About us",
        href: "https://auth0.com/about"
      }, {
        label: "Status",
        href: "https://status.auth0.com/"
      }, {
        label: "Legal",
        href: "https://www.okta.com/legal/"
      }, {
        label: "Privacy",
        href: "https://www.okta.com/legal/privacy-policy/"
      }, {
        label: "Terms",
        href: "https://www.okta.com/legal/terms-of-service/"
      }, {
        label: "Your Privacy Choices",
        href: "https://auth0.com/your-privacy-choices"
      }]
    }]
  };
  return <footer id="footer" className="flex flex-col items-center mx-auto border-t border-gray-100 dark:border-gray-800/50 w-full">
      <div className="flex w-full flex-col gap-12 justify-between px-8 py-16 md:py-20 lg:py-28 max-w-[984px] z-0">
        <div className="flex flex-col md:flex-row gap-8 justify-between min-h-[76px]">
          {}
          <div className="flex md:flex-col justify-between items-center md:items-start min-w-16 md:min-w-20 lg:min-w-48 md:gap-y-24">
            <a href="/">
              <span className="sr-only">Auth0 Docs home page</span>
              <img className="nav-logo w-auto relative object-contain block dark:hidden max-w-48 h-[26px]" alt="Auth0 Docs" src="/docs/images/logo/light.svg" />
              <img className="nav-logo w-auto relative object-contain hidden dark:block max-w-48 h-[26px]" alt="Auth0 Docs" src="/docs/images/logo/dark.svg" />
            </a>
            <div className="gap-4 min-w-[140px] max-w-[492px] flex-wrap h-fit flex justify-end md:justify-start">
              <a href={footerData.socials["x-twitter"]} target="_blank" className="h-fit">
                <span className="sr-only">x-twitter</span>
                <Icon icon="x-twitter" color="#797979" className="w-5 h-5 text-gray-500 dark:text-gray-600 hover:text-gray-600 dark:hover:text-gray-500" />
              </a>
              <a href={footerData.socials.github} target="_blank" className="h-fit">
                <span className="sr-only">github</span>
                <Icon icon="github" color="#797979" className="w-5 h-5 text-gray-500 dark:text-gray-600 hover:text-gray-600 dark:hover:text-gray-500" />
              </a>
              <a href={footerData.socials.linkedin} target="_blank" className="h-fit">
                <span className="sr-only">linkedin</span>
                <Icon icon="linkedin" color="#797979" className="w-5 h-5 text-gray-500 dark:text-gray-600 hover:text-gray-600 dark:hover:text-gray-500" />
              </a>
            </div>
          </div>

          {}
          <div className="flex flex-col sm:grid max-md:!grid-cols-2 gap-8 flex-1" style={{
    gridTemplateColumns: "repeat(4, minmax(0px, 1fr))"
  }}>
            {footerData.links.map((section, index) => <div key={index} className="flex flex-col gap-4 flex-1 whitespace-nowrap w-full md:items-center">
                <div className="flex gap-4 flex-col">
                  <p className="text-sm font-semibold text-gray-950 dark:text-white mb-1">{section.header}</p>
                  {section.items.map((item, itemIndex) => <a key={itemIndex} className="text-sm max-w-36 whitespace-normal md:truncate text-gray-950/50 dark:text-white/50 hover:text-gray-950/70 dark:hover:text-white/70" href={item.href} target="_blank" rel="noreferrer">
                      {item.label}
                    </a>)}
                </div>
              </div>)}
          </div>
        </div>
      </div>
    </footer>;
};

<div class="mint-gap-5 mint-flex mint-justify-center mint-p-6 bg-[radial-gradient(1200px_600px_at_50%_-10%,rgba(180,160,255,.45)_0%,rgba(255,235,240,.35)_40%,rgba(255,245,235,.6)_100%)]">
  <div class="w-[min(860px,90vw)] mint-text-center mint-px-0 mint-py-2 md:mint-px-6 md:mint-py-12">
    <h1 class="mint-mb-5 font-inter mint-font-semibold mint-text-5xl mint-text-center mint-text-gray-900 dark:mint-text-white">
      Auth0 Docs
    </h1>

    <span data-as="p" class="mint-mt-4 mint-mb-10 font-inter mint-font-normal text-body-l leading-body-l tracking-body-l mint-text-center mint-text-gray-600 mint-max-w-2xl mint-mx-auto dark:mint-text-white">
      Browse the latest sample code, articles, tutorials,
      <br /> and API reference.
    </span>

    <div class="mint-flex mint-justify-center mint-mt-5">
      <img alt="Auth0 Docs Banner" class="rounded mint-block mint-w-full mint-h-auto sm:mint-hidden" src="https://mintlify.s3.us-west-1.amazonaws.com/auth0/docs/images/home/banner-mobile.svg" />

      <img alt="Auth0 Docs Banner" class="rounded mint-hidden mint-w-full mint-h-auto sm:mint-block dark:mint-hidden" src="https://mintlify.s3.us-west-1.amazonaws.com/auth0/docs/images/home/banner.svg" />

      <img alt="Auth0 Docs Banner (dark)" class="rounded mint-hidden mint-w-full mint-h-auto sm:dark:mint-block" src="https://mintlify.s3.us-west-1.amazonaws.com/auth0/docs/images/home/banner-dark.svg" />
    </div>
  </div>
</div>

<div class="mint-grid mint-grid-cols-1 md:mint-grid-cols-3 mint-gap-6 mint-max-w-[962px] mint-mx-auto mint-py-6 mint-px-8 lg:mint-px-0">
  <a class="link mint-group mint-flex mint-flex-col mint-items-start mint-justify-between mint-rounded-2xl mint-px-6 mint-py-6 mint-bg-white dark:mint-bg-neutral-900/60 mint-border mint-border-gray-200 dark:mint-border-white/10 hover:mint-border-black dark:hover:mint-border-white mint-transition no_external_icon" href="/docs/get-started">
    <div class="mint-flex mint-flex-col mint-items-start mint-gap-3 mint-w-full">
      <div class="mint-h-9 mint-w-9 mint-flex mint-items-center mint-justify-center mint-rounded-md">
        <span aria-owns="rmiz-modal-9df8cb489c0e" data-rmiz="">
          <span data-rmiz-content="not-found" style={{ visibility: "visible" }}>
            <img alt="Documentation" class="rounded mint-block dark:mint-hidden mint-h-7 mint-w-7" src="https://mintlify.s3.us-west-1.amazonaws.com/auth0/docs/images/home/icon1.svg" />
          </span>
        </span>

        <span aria-owns="rmiz-modal-888878639148" data-rmiz="">
          <span data-rmiz-content="found" style={{ visibility: "visible" }}>
            <img alt="Documentation" class="rounded mint-hidden dark:mint-block mint-h-7 mint-w-7" src="https://mintlify.s3.us-west-1.amazonaws.com/auth0/docs/images/home/icon1-dark.svg" />
          </span>

          <span data-rmiz-ghost="" style={{ height: "28px", left: "28px", width: "28px", top: "28px" }}>
            <button aria-label="Expand image: Documentation" data-rmiz-btn-zoom="" type="button">
              <svg aria-hidden="true" data-rmiz-btn-zoom-icon="true" fill="currentColor" focusable="false" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
                <path d="M 9 1 L 9 2 L 12.292969 2 L 2 12.292969 L 2 9 L 1 9 L 1 14 L 6 14 L 6 13 L 2.707031 13 L 13 2.707031 L 13 6 L 14 6 L 14 1 Z" />
              </svg>
            </button>
          </span>
        </span>
      </div>

      <div class="mint-flex mint-items-center mint-justify-between mint-w-full">
        <h3 class="font-inter mint-font-medium mint-text-gray-900 dark:mint-text-gray-100 mint-text-xl">
          Documentation
        </h3>

        <span class="mint-opacity-0 mint-translate-x-2 group-hover:mint-opacity-100 group-hover:mint-translate-x-0 mint-transition-all mint-duration-200 mint-ease-out mint-flex mint-items-center mint-justify-center mint-h-7 mint-w-7 mint-rounded-full mint-bg-black dark:mint-bg-white">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 256 256" class="mint-fill-white dark:mint-fill-black">
            <path d="M204,64V168a12,12,0,0,1-24,0V93L72.49,200.49a12,12,0,0,1-17-17L163,76H88a12,12,0,0,1,0-24H192A12,12,0,0,1,204,64Z" />
          </svg>
        </span>
      </div>
    </div>
  </a>

  <a class="link mint-group mint-flex mint-flex-col mint-items-start mint-justify-between mint-rounded-2xl mint-px-6 mint-py-6 mint-bg-white dark:mint-bg-neutral-900/60 mint-border mint-border-gray-200 dark:mint-border-white/10 hover:mint-border-black dark:hover:mint-border-white mint-transition no_external_icon" href="/docs/api">
    <div class="mint-flex mint-flex-col mint-items-start mint-gap-3 mint-w-full">
      <div class="mint-h-9 mint-w-9 mint-flex mint-items-center mint-justify-center mint-rounded-md">
        <span aria-owns="rmiz-modal-50485eb82118" data-rmiz="">
          <span data-rmiz-content="not-found" style={{ visibility: "visible" }}>
            <img alt="API References" class="rounded mint-block dark:mint-hidden mint-h-7 mint-w-7" src="https://mintlify.s3.us-west-1.amazonaws.com/auth0/docs/images/home/icon2.svg" />
          </span>
        </span>

        <span aria-owns="rmiz-modal-9e8b8388ba78" data-rmiz="">
          <span data-rmiz-content="found" style={{ visibility: "visible" }}>
            <img alt="API References" class="rounded mint-hidden dark:mint-block mint-h-7 mint-w-7" src="https://mintlify.s3.us-west-1.amazonaws.com/auth0/docs/images/home/icon2-dark.svg" />
          </span>

          <span data-rmiz-ghost="" style={{ height: "28px", left: "28px", width: "28px", top: "28px" }}>
            <button aria-label="Expand image: API References" data-rmiz-btn-zoom="" type="button">
              <svg aria-hidden="true" data-rmiz-btn-zoom-icon="true" fill="currentColor" focusable="false" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
                <path d="M 9 1 L 9 2 L 12.292969 2 L 2 12.292969 L 2 9 L 1 9 L 1 14 L 6 14 L 6 13 L 2.707031 13 L 13 2.707031 L 13 6 L 14 6 L 14 1 Z" />
              </svg>
            </button>
          </span>
        </span>
      </div>

      <div class="mint-flex mint-items-center mint-justify-between mint-w-full">
        <h3 class="font-inter mint-font-medium mint-text-gray-900 dark:mint-text-gray-100 mint-text-xl">
          API References
        </h3>

        <span class="mint-opacity-0 mint-translate-x-2 group-hover:mint-opacity-100 group-hover:mint-translate-x-0 mint-transition-all mint-duration-200 mint-ease-out mint-flex mint-items-center mint-justify-center mint-h-7 mint-w-7 mint-rounded-full mint-bg-black dark:mint-bg-white">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 256 256" class="mint-fill-white dark:mint-fill-black">
            <path d="M204,64V168a12,12,0,0,1-24,0V93L72.49,200.49a12,12,0,0,1-17-17L163,76H88a12,12,0,0,1,0-24H192A12,12,0,0,1,204,64Z" />
          </svg>
        </span>
      </div>
    </div>
  </a>

  <a class="link mint-group mint-flex mint-flex-col mint-items-start mint-justify-between mint-rounded-2xl mint-px-6 mint-py-6 mint-bg-white dark:mint-bg-neutral-900/60 mint-border mint-border-gray-200 dark:mint-border-white/10 hover:mint-border-black dark:hover:mint-border-white mint-transition no_external_icon" href="/docs/libraries">
    <div class="mint-flex mint-flex-col mint-items-start mint-gap-3 mint-w-full">
      <div class="mint-h-9 mint-w-9 mint-flex mint-items-center mint-justify-center mint-rounded-md">
        <span aria-owns="rmiz-modal-46c824f18a9d" data-rmiz="">
          <span data-rmiz-content="not-found" style={{ visibility: "visible" }}>
            <img alt="SDKs" class="rounded mint-block dark:mint-hidden mint-h-7 mint-w-7" src="https://mintlify.s3.us-west-1.amazonaws.com/auth0/docs/images/home/icon3.svg" />
          </span>
        </span>

        <span aria-owns="rmiz-modal-2938d4e80768" data-rmiz="">
          <span data-rmiz-content="found" style={{ visibility: "visible" }}>
            <img alt="SDKs" class="rounded mint-hidden dark:mint-block mint-h-7 mint-w-7" src="https://mintlify.s3.us-west-1.amazonaws.com/auth0/docs/images/home/icon3-dark.svg" />
          </span>

          <span data-rmiz-ghost="" style={{ height: "28px", left: "28px", width: "28px", top: "28px" }}>
            <button aria-label="Expand image: SDKs" data-rmiz-btn-zoom="" type="button">
              <svg aria-hidden="true" data-rmiz-btn-zoom-icon="true" fill="currentColor" focusable="false" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
                <path d="M 9 1 L 9 2 L 12.292969 2 L 2 12.292969 L 2 9 L 1 9 L 1 14 L 6 14 L 6 13 L 2.707031 13 L 13 2.707031 L 13 6 L 14 6 L 14 1 Z" />
              </svg>
            </button>
          </span>
        </span>
      </div>

      <div class="mint-flex mint-items-center mint-justify-between mint-w-full">
        <h3 class="font-inter mint-font-medium mint-text-gray-900 dark:mint-text-gray-100 mint-text-xl">
          SDKs
        </h3>

        <span class="mint-opacity-0 mint-translate-x-2 group-hover:mint-opacity-100 group-hover:mint-translate-x-0 mint-transition-all mint-duration-200 mint-ease-out mint-flex mint-items-center mint-justify-center mint-h-7 mint-w-7 mint-rounded-full mint-bg-black dark:mint-bg-white">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 256 256" class="mint-fill-white dark:mint-fill-black">
            <path d="M204,64V168a12,12,0,0,1-24,0V93L72.49,200.49a12,12,0,0,1-17-17L163,76H88a12,12,0,0,1,0-24H192A12,12,0,0,1,204,64Z" />
          </svg>
        </span>
      </div>
    </div>
  </a>
</div>

<section class="mint-max-w-[962px] mint-mx-auto mint-py-12 mint-px-8 lg:mint-px-0">
  <h2 class="font-inter !mint-font-medium mint-text-[24px] mint-text-gray-900 dark:mint-text-white mint-mb-6">
    Get started with authentication
  </h2>

  <div class="mint-grid mint-grid-cols-2 md:mint-grid-cols-4 mint-gap-6">
    <a class="link mint-flex mint-flex-col mint-items-center mint-justify-center mint-px-8 mint-py-4 mint-rounded-2xl mint-bg-white/60 dark:mint-bg-neutral-900/60 mint-border mint-border-gray-200 dark:mint-border-white/10 mint-shadow-sm hover:mint-shadow-md hover:mint-border-black dark:hover:mint-border-white mint-transition" href="/docs/quickstart/spa/react">
      <img alt="React" class="rounded mint-h-8 mint-w-8 mint-mb-4 mint-block dark:mint-hidden" src="https://mintlify.s3.us-west-1.amazonaws.com/auth0/docs/images/icons/light/react.svg" />

      <img alt="React" class="rounded mint-h-8 mint-w-8 mint-mb-4 mint-hidden dark:mint-block" src="https://mintlify.s3.us-west-1.amazonaws.com/auth0/docs/images/icons/dark/react.svg" />

      <span class="font-inter mint-text-base mint-text-gray-900 dark:mint-text-white">
        React
      </span>
    </a>

    <a class="link mint-flex mint-flex-col mint-items-center mint-justify-center mint-px-8 mint-py-4 mint-rounded-2xl mint-bg-white/60 dark:mint-bg-neutral-900/60 mint-border mint-border-gray-200 dark:mint-border-white/10 mint-shadow-sm hover:mint-shadow-md hover:mint-border-black dark:hover:mint-border-white mint-transition" href="/docs/quickstart/spa/angular">
      <img alt="Angular" class="rounded mint-h-8 mint-w-8 mint-mb-4 mint-block dark:mint-hidden" src="https://mintlify.s3.us-west-1.amazonaws.com/auth0/docs/images/icons/light/angular.svg" />

      <img alt="Angular" class="rounded mint-h-8 mint-w-8 mint-mb-4 mint-hidden dark:mint-block" src="https://mintlify.s3.us-west-1.amazonaws.com/auth0/docs/images/icons/dark/angular.svg" />

      <span class="font-inter mint-text-base mint-text-gray-900 dark:mint-text-white">
        Angular
      </span>
    </a>

    <a class="link mint-flex mint-flex-col mint-items-center mint-justify-center mint-px-8 mint-py-4 mint-rounded-2xl mint-bg-white/60 dark:mint-bg-neutral-900/60 mint-border mint-border-gray-200 dark:mint-border-white/10 mint-shadow-sm hover:mint-shadow-md hover:mint-border-black dark:hover:mint-border-white mint-transition" href="/docs/quickstart/webapp/nextjs">
      <img alt="Next.js" class="rounded mint-h-8 mint-w-8 mint-mb-4 mint-block dark:mint-hidden" src="https://mintlify.s3.us-west-1.amazonaws.com/auth0/docs/images/icons/light/nextjs.svg" />

      <img alt="Next.js" class="rounded mint-h-8 mint-w-8 mint-mb-4 mint-hidden dark:mint-block" src="https://mintlify.s3.us-west-1.amazonaws.com/auth0/docs/images/icons/dark/nextjs.svg" />

      <span class="font-inter mint-text-base mint-text-gray-900 dark:mint-text-white">
        Next.js
      </span>
    </a>

    <a class="link mint-flex mint-flex-col mint-items-center mint-justify-center mint-px-8 mint-py-4 mint-rounded-2xl mint-bg-white/60 dark:mint-bg-neutral-900/60 mint-border mint-border-gray-200 dark:mint-border-white/10 mint-shadow-sm hover:mint-shadow-md hover:mint-border-black dark:hover:mint-border-white mint-transition" href="/docs/quickstart/native/ios-swift">
      <img alt="iOS" class="rounded mint-h-8 mint-w-8 mint-mb-4 mint-block dark:mint-hidden" src="https://mintlify.s3.us-west-1.amazonaws.com/auth0/docs/images/icons/light/apple.svg" />

      <img alt="iOS" class="rounded mint-h-8 mint-w-8 mint-mb-4 mint-hidden dark:mint-block" src="https://mintlify.s3.us-west-1.amazonaws.com/auth0/docs/images/icons/dark/apple.svg" />

      <span class="font-inter mint-text-base mint-text-gray-900 dark:mint-text-white">
        iOS
      </span>
    </a>

    <a class="link mint-flex mint-flex-col mint-items-center mint-justify-center mint-px-8 mint-py-4 mint-rounded-2xl mint-bg-white/60 dark:mint-bg-neutral-900/60 mint-border mint-border-gray-200 dark:mint-border-white/10 mint-shadow-sm hover:mint-shadow-md hover:mint-border-black dark:hover:mint-border-white mint-transition" href="/docs/quickstart/native/android">
      <img alt="Android" class="rounded mint-h-8 mint-w-8 mint-mb-4 mint-block dark:mint-hidden" src="https://mintlify.s3.us-west-1.amazonaws.com/auth0/docs/images/icons/light/android.svg" />

      <img alt="Android" class="rounded mint-h-8 mint-w-8 mint-mb-4 mint-hidden dark:mint-block" src="https://mintlify.s3.us-west-1.amazonaws.com/auth0/docs/images/icons/dark/android.svg" />

      <span class="font-inter mint-text-base mint-text-gray-900 dark:mint-text-white">
        Android
      </span>
    </a>

    <a class="link mint-flex mint-flex-col mint-items-center mint-justify-center mint-px-8 mint-py-4 mint-rounded-2xl mint-bg-white/60 dark:mint-bg-neutral-900/60 mint-border mint-border-gray-200 dark:mint-border-white/10 mint-shadow-sm hover:mint-shadow-md hover:mint-border-black dark:hover:mint-border-white mint-transition" href="/docs/quickstart/backend/java-spring-security5">
      <img alt="Java" class="rounded mint-h-8 mint-w-8 mint-mb-4 mint-block dark:mint-hidden" src="https://mintlify.s3.us-west-1.amazonaws.com/auth0/docs/images/icons/light/java.svg" />

      <img alt="Java" class="rounded mint-h-8 mint-w-8 mint-mb-4 mint-hidden dark:mint-block" src="https://mintlify.s3.us-west-1.amazonaws.com/auth0/docs/images/icons/dark/java.svg" />

      <span class="font-inter mint-text-base mint-text-gray-900 dark:mint-text-white">
        Java
      </span>
    </a>

    <a class="link mint-flex mint-flex-col mint-items-center mint-justify-center mint-px-8 mint-py-4 mint-rounded-2xl mint-bg-white/60 dark:mint-bg-neutral-900/60 mint-border mint-border-gray-200 dark:mint-border-white/10 mint-shadow-sm hover:mint-shadow-md hover:mint-border-black dark:hover:mint-border-white mint-transition" href="/docs/quickstart/backend/aspnet-core-webapi">
      <img alt=".NET" class="rounded mint-h-8 mint-w-8 mint-mb-4 mint-block dark:mint-hidden" src="https://mintlify.s3.us-west-1.amazonaws.com/auth0/docs/images/icons/light/dotnet.svg" />

      <img alt=".NET" class="rounded mint-h-8 mint-w-8 mint-mb-4 mint-hidden dark:mint-block" src="https://mintlify.s3.us-west-1.amazonaws.com/auth0/docs/images/icons/dark/dotnet.svg" />

      <span class="font-inter mint-text-base mint-text-gray-900 dark:mint-text-white">
        .NET
      </span>
    </a>

    <a class="link mint-flex mint-flex-col mint-items-center mint-justify-center mint-px-8 mint-py-4 mint-rounded-2xl mint-bg-white/60 dark:mint-bg-neutral-900/60 mint-border mint-border-gray-200 dark:mint-border-white/10 mint-shadow-sm hover:mint-shadow-md hover:mint-border-black dark:hover:mint-border-white mint-transition" href="/docs/quickstart/backend/python">
      <img alt="Python" class="rounded mint-h-8 mint-w-8 mint-mb-4 mint-block dark:mint-hidden" src="https://mintlify.s3.us-west-1.amazonaws.com/auth0/docs/images/icons/light/python.svg" />

      <img alt="Python" class="rounded mint-h-8 mint-w-8 mint-mb-4 mint-hidden dark:mint-block" src="https://mintlify.s3.us-west-1.amazonaws.com/auth0/docs/images/icons/dark/python.svg" />

      <span class="font-inter mint-text-base mint-text-gray-900 dark:mint-text-white">
        Python
      </span>
    </a>
  </div>
</section>

<section class="mint-max-w-[962px] mint-mx-auto mint-py-12 mint-px-8 lg:mint-px-0">
  <h2 class="font-inter !mint-font-medium mint-text-[24px] mint-text-gray-900 dark:mint-text-white mint-mb-6 mint-text-left">
    Browse by product
  </h2>

  <div class="mint-grid mint-grid-cols-1 md:mint-grid-cols-3 mint-gap-6">
    <a href="https://auth0.com/platform/authentication" target="_blank" rel="noreferrer" class="link no_external_icon mint-group mint-flex mint-items-center mint-justify-center mint-rounded-2xl mint-min-h-[72px] md:mint-min-h-[80px] mint-px-6 mint-text-base md:mint-text-lg font-inter mint-font-medium mint-bg-white/70 dark:mint-bg-neutral-900/60 mint-border mint-border-gray-200 dark:mint-border-white/10 mint-shadow-sm hover:mint-shadow-md hover:mint-border-black dark:hover:mint-border-white mint-transition focus:mint-outline-none focus-visible:mint-ring-2 focus-visible:mint-ring-black/60 dark:focus-visible:mint-ring-white/60">
      <span class="mint-text-gray-900 dark:mint-text-white">
        Authentication
      </span>
    </a>

    <a href="https://auth0.com/fine-grained-authorization" target="_blank" rel="noreferrer" class="link no_external_icon mint-group mint-flex mint-items-center mint-justify-center mint-rounded-2xl mint-min-h-[72px] md:mint-min-h-[80px] mint-px-6 mint-text-base md:mint-text-lg font-inter mint-font-medium mint-bg-white/70 dark:mint-bg-neutral-900/60 mint-border mint-border-gray-200 dark:mint-border-white/10 mint-shadow-sm hover:mint-shadow-md hover:mint-border-black dark:hover:mint-border-white mint-transition focus:mint-outline-none focus-visible:mint-ring-2 focus-visible:mint-ring-black/60 dark:focus-visible:mint-ring-white/60">
      <span class="mint-text-gray-900 dark:mint-text-white">
        Fine-Grained Authorization
      </span>
    </a>

    <a href="https://auth0.com/ai" target="_blank" rel="noreferrer" class="link no_external_icon mint-group mint-flex mint-items-center mint-justify-center mint-rounded-2xl mint-min-h-[72px] md:mint-min-h-[80px] mint-px-6 mint-text-base md:mint-text-lg font-inter mint-font-medium mint-bg-white/70 dark:mint-bg-neutral-900/60 mint-border mint-border-gray-200 dark:mint-border-white/10 mint-shadow-sm hover:mint-shadow-md hover:mint-border-black dark:hover:mint-border-white mint-transition focus:mint-outline-none focus-visible:mint-ring-2 focus-visible:mint-ring-black/60 dark:focus-visible:mint-ring-white/60">
      <span class="mint-text-gray-900 dark:mint-text-white">
        Auth0 for AI Agents
      </span>
    </a>
  </div>
</section>

<section class="mint-max-w-[962px] mint-mx-auto mint-py-12 pb-30 mint-px-8 lg:mint-px-0">
  <h2 class="font-inter !mint-font-medium mint-text-[24px] mint-text-gray-900 dark:mint-text-white mint-mb-6 mint-text-left">
    Resources & Support
  </h2>

  <div class="mint-grid mint-grid-cols-1 md:mint-grid-cols-2 lg:mint-grid-cols-4 mint-gap-6">
    <a href="https://auth0.com/learn#concepts" target="_blank" rel="noreferrer" class="link no_external_icon mint-group mint-block mint-rounded-2xl mint-border mint-border-gray-200 dark:mint-border-neutral-800 mint-bg-white dark:mint-bg-neutral-900 mint-p-6 hover:mint-border-black dark:hover:mint-border-white hover:mint-shadow-lg mint-transition-all">
      <div class="mint-w-12 mint-h-12 mint-mb-4 mint-overflow-hidden">
        <span aria-owns="rmiz-modal-ea24f6a94e98" data-rmiz="">
          <span data-rmiz-content="not-found" style={{ visibility: "visible" }}>
            <img alt="Basic concepts" class="rounded mint-block dark:mint-hidden mint-w-full mint-h-full mint-object-cover" src="https://mintlify.s3.us-west-1.amazonaws.com/auth0/docs/images/home/basics-card1.svg" />
          </span>
        </span>

        <span aria-owns="rmiz-modal-13631a982a08" data-rmiz="">
          <span data-rmiz-content="found" style={{ visibility: "visible" }}>
            <img alt="Basic concepts" class="rounded mint-hidden dark:mint-block mint-w-full mint-h-full mint-object-cover" src="https://mintlify.s3.us-west-1.amazonaws.com/auth0/docs/images/home/basics-card1-dark.svg" />
          </span>

          <span data-rmiz-ghost="" style={{ height: "48px", left: "24px", width: "48px", top: "24px" }}>
            <button aria-label="Expand image: Basic concepts" data-rmiz-btn-zoom="" type="button">
              <svg aria-hidden="true" data-rmiz-btn-zoom-icon="true" fill="currentColor" focusable="false" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
                <path d="M 9 1 L 9 2 L 12.292969 2 L 2 12.292969 L 2 9 L 1 9 L 1 14 L 6 14 L 6 13 L 2.707031 13 L 13 2.707031 L 13 6 L 14 6 L 14 1 Z" />
              </svg>
            </button>
          </span>
        </span>
      </div>

      <div>
        <h3 class="font-inter mint-font-medium mint-text-lg mint-text-gray-900 dark:mint-text-white mint-mb-2">
          Basic concepts
        </h3>

        <span data-as="p" class="mint-text-[15px] mint-leading-6 mint-text-gray-600 dark:mint-text-gray-400">
          Comprehensive course designed on the fundamental principles of
          identity.
        </span>
      </div>
    </a>

    <a href="https://developer.auth0.com/resources/guides?_gl=1*hg464v*_gcl_aw*R0NMLjE3NTg1NTU5NTQuQ2owS0NRanc1OFBHQmhDa0FSSXNBRGJEaWx6TGFiRWtJUWNCR0Iybi1WcjA2Z2lZX0FoTjdpaFoxTjRValdTMGZJX2sxVjNNV3FOOUowY2FBdmg2RUFMd193Y0I.*_gcl_au*MjYwOTY4MDAwLjE3NTUwODIyNDM.*_ga*NTU0NzcwODMwLjE3NTUwODIyNDM.*_ga_QKMSDV5369*czE3NjAzNjgxMDYkbzEwMCRnMSR0MTc2MDM2ODEyNCRqNDIkbDAkaDA." target="_blank" rel="noreferrer" class="link no_external_icon mint-group mint-block mint-rounded-2xl mint-border mint-border-gray-200 dark:mint-border-neutral-800 mint-bg-white dark:mint-bg-neutral-900 mint-p-6 hover:mint-border-black dark:hover:mint-border-white hover:mint-shadow-lg mint-transition-all">
      <div class="mint-w-12 mint-h-12 mint-mb-4 mint-overflow-hidden">
        <span aria-owns="rmiz-modal-635198ffc4ea" data-rmiz="">
          <span data-rmiz-content="not-found" style={{ visibility: "visible" }}>
            <img alt="Cookbooks" class="rounded mint-block dark:mint-hidden mint-w-full mint-h-full mint-object-cover" src="https://mintlify.s3.us-west-1.amazonaws.com/auth0/docs/images/home/basics-card2.svg" />
          </span>
        </span>

        <span aria-owns="rmiz-modal-f56499686463" data-rmiz="">
          <span data-rmiz-content="found" style={{ visibility: "visible" }}>
            <img alt="Cookbooks" class="rounded mint-hidden dark:mint-block mint-w-full mint-h-full mint-object-cover" src="https://mintlify.s3.us-west-1.amazonaws.com/auth0/docs/images/home/basics-card2-dark.svg" />
          </span>

          <span data-rmiz-ghost="" style={{ height: "48px", left: "24px", width: "48px", top: "24px" }}>
            <button aria-label="Expand image: Cookbooks" data-rmiz-btn-zoom="" type="button">
              <svg aria-hidden="true" data-rmiz-btn-zoom-icon="true" fill="currentColor" focusable="false" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
                <path d="M 9 1 L 9 2 L 12.292969 2 L 2 12.292969 L 2 9 L 1 9 L 1 14 L 6 14 L 6 13 L 2.707031 13 L 13 2.707031 L 13 6 L 14 6 L 14 1 Z" />
              </svg>
            </button>
          </span>
        </span>
      </div>

      <div>
        <h3 class="font-inter mint-font-medium mint-text-lg mint-text-gray-900 dark:mint-text-white mint-mb-2">
          Cookbooks
        </h3>

        <span data-as="p" class="mint-text-[15px] mint-leading-6 mint-text-gray-600 dark:mint-text-gray-400">
          Open-source collection of examples & guides.
        </span>
      </div>
    </a>

    <a href="https://community.auth0.com/?_gl=1*1mc779c*_gcl_aw*R0NMLjE3NTg1NTU5NTQuQ2owS0NRanc1OFBHQmhDa0FSSXNBRGJEaWx6TGFiRWtJUWNCR0Iybi1WcjA2Z2lZX0FoTjdpaFoxTjRValdTMGZJX2sxVjNNV3FOOUowY2FBdmg2RUFMd193Y0I.*_gcl_au*MjYwOTY4MDAwLjE3NTUwODIyNDM.*_ga*NTU0NzcwODMwLjE3NTUwODIyNDM.*_ga_QKMSDV5369*czE3NjAzNjgxMDYkbzEwMCRnMSR0MTc2MDM2ODk2OSRqNTkkbDAkaDA." target="_blank" rel="noreferrer" class="link no_external_icon mint-group mint-block mint-rounded-2xl mint-border mint-border-gray-200 dark:mint-border-neutral-800 mint-bg-white dark:mint-bg-neutral-900 mint-p-6 hover:mint-border-black dark:hover:mint-border-white hover:mint-shadow-lg mint-transition-all">
      <div class="mint-w-12 mint-h-12 mint-mb-4 mint-overflow-hidden">
        <span aria-owns="rmiz-modal-df683bc86ca4" data-rmiz="">
          <span data-rmiz-content="not-found" style={{ visibility: "visible" }}>
            <img alt="Community" class="rounded mint-block dark:mint-hidden mint-w-full mint-h-full mint-object-cover" src="https://mintlify.s3.us-west-1.amazonaws.com/auth0/docs/images/home/basics-card3.svg" />
          </span>
        </span>

        <span aria-owns="rmiz-modal-a32875c4bdb3" data-rmiz="">
          <span data-rmiz-content="found" style={{ visibility: "visible" }}>
            <img alt="Community" class="rounded mint-hidden dark:mint-block mint-w-full mint-h-full mint-object-cover" src="https://mintlify.s3.us-west-1.amazonaws.com/auth0/docs/images/home/basics-card3-dark.svg" />
          </span>

          <span data-rmiz-ghost="" style={{ height: "48px", left: "24px", width: "48px", top: "24px" }}>
            <button aria-label="Expand image: Community" data-rmiz-btn-zoom="" type="button">
              <svg aria-hidden="true" data-rmiz-btn-zoom-icon="true" fill="currentColor" focusable="false" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
                <path d="M 9 1 L 9 2 L 12.292969 2 L 2 12.292969 L 2 9 L 1 9 L 1 14 L 6 14 L 6 13 L 2.707031 13 L 13 2.707031 L 13 6 L 14 6 L 14 1 Z" />
              </svg>
            </button>
          </span>
        </span>
      </div>

      <div>
        <h3 class="font-inter mint-font-medium mint-text-lg mint-text-gray-900 dark:mint-text-white mint-mb-2">
          Community
        </h3>

        <span data-as="p" class="mint-text-[15px] mint-leading-6 mint-text-gray-600 dark:mint-text-gray-400">
          Join the community for questions, suggestions and product feedback.
        </span>
      </div>
    </a>

    <a href="https://support.auth0.com/" target="_blank" rel="noreferrer" class="link no_external_icon mint-group mint-block mint-rounded-2xl mint-border mint-border-gray-200 dark:mint-border-neutral-800 mint-bg-white dark:mint-bg-neutral-900 mint-p-6 hover:mint-border-black dark:hover:mint-border-white hover:mint-shadow-lg mint-transition-all">
      <div class="mint-w-12 mint-h-12 mint-mb-4 mint-overflow-hidden">
        <span aria-owns="rmiz-modal-93a803b736ff" data-rmiz="">
          <span data-rmiz-content="not-found" style={{ visibility: "visible" }}>
            <img alt="Support" class="rounded mint-block dark:mint-hidden mint-w-full mint-h-full mint-object-cover" src="https://mintlify.s3.us-west-1.amazonaws.com/auth0/docs/images/home/basics-card4.svg" />
          </span>
        </span>

        <span aria-owns="rmiz-modal-3aa953a825d6" data-rmiz="">
          <span data-rmiz-content="found" style={{ visibility: "visible" }}>
            <img alt="Support" class="rounded mint-hidden dark:mint-block mint-w-full mint-h-full mint-object-cover" src="https://mintlify.s3.us-west-1.amazonaws.com/auth0/docs/images/home/basics-card4-dark.svg" />
          </span>

          <span data-rmiz-ghost="" style={{ height: "48px", left: "24px", width: "48px", top: "24px" }}>
            <button aria-label="Expand image: Support" data-rmiz-btn-zoom="" type="button">
              <svg aria-hidden="true" data-rmiz-btn-zoom-icon="true" fill="currentColor" focusable="false" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
                <path d="M 9 1 L 9 2 L 12.292969 2 L 2 12.292969 L 2 9 L 1 9 L 1 14 L 6 14 L 6 13 L 2.707031 13 L 13 2.707031 L 13 6 L 14 6 L 14 1 Z" />
              </svg>
            </button>
          </span>
        </span>
      </div>

      <div>
        <h3 class="font-inter mint-font-medium mint-text-lg mint-text-gray-900 dark:mint-text-white mint-mb-2">
          Support
        </h3>

        <span data-as="p" class="mint-text-[15px] mint-leading-6 mint-text-gray-600 dark:mint-text-gray-400">
          Get support for your Auth0 implementation.
        </span>
      </div>
    </a>
  </div>
</section>

<Footer />