> ## Documentation Index
> Fetch the complete documentation index at: https://docs-dev-fix-nav-assets.mintlify.site/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://mintcdn.com/docs-dev-fix-nav-assets/tcspqxidlJxjvo8P/docs/images/home/banner-mobile.svg?fit=max&auto=format&n=tcspqxidlJxjvo8P&q=85&s=db3830105999b409dffd182cb0e17c61" width="255" height="80" data-path="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://mintcdn.com/docs-dev-fix-nav-assets/tcspqxidlJxjvo8P/docs/images/home/banner.svg?fit=max&auto=format&n=tcspqxidlJxjvo8P&q=85&s=0b28826c185e5b48af353c374ede92df" width="962" height="162" data-path="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://mintcdn.com/docs-dev-fix-nav-assets/tcspqxidlJxjvo8P/docs/images/home/banner-dark.svg?fit=max&auto=format&n=tcspqxidlJxjvo8P&q=85&s=62b366d7f0f48a03b88b8cfdf397bbe8" width="962" height="162" data-path="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://mintcdn.com/docs-dev-fix-nav-assets/tcspqxidlJxjvo8P/docs/images/home/icon1.svg?fit=max&auto=format&n=tcspqxidlJxjvo8P&q=85&s=37ed5ec26e2718ecf473ac19eb990c8f" width="36" height="36" data-path="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://mintcdn.com/docs-dev-fix-nav-assets/tcspqxidlJxjvo8P/docs/images/home/icon1-dark.svg?fit=max&auto=format&n=tcspqxidlJxjvo8P&q=85&s=9aae934ab64bb5fb602aa2de5117ffd3" width="36" height="36" data-path="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://mintcdn.com/docs-dev-fix-nav-assets/tcspqxidlJxjvo8P/docs/images/home/icon2.svg?fit=max&auto=format&n=tcspqxidlJxjvo8P&q=85&s=277f5955a95e82cf5c12905d1f01bc81" width="37" height="36" data-path="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://mintcdn.com/docs-dev-fix-nav-assets/tcspqxidlJxjvo8P/docs/images/home/icon2-dark.svg?fit=max&auto=format&n=tcspqxidlJxjvo8P&q=85&s=b543fd57c5df7e08ffaa0e7c7b8436b2" width="37" height="36" data-path="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://mintcdn.com/docs-dev-fix-nav-assets/tcspqxidlJxjvo8P/docs/images/home/icon3.svg?fit=max&auto=format&n=tcspqxidlJxjvo8P&q=85&s=cc39d5960697ef17b4080d9aab5e169d" width="37" height="36" data-path="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://mintcdn.com/docs-dev-fix-nav-assets/tcspqxidlJxjvo8P/docs/images/home/icon3-dark.svg?fit=max&auto=format&n=tcspqxidlJxjvo8P&q=85&s=7fc45f6f9b2904adc057a4d36824e64d" width="37" height="36" data-path="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://mintcdn.com/docs-dev-fix-nav-assets/vsWMfQvTdE00mV1n/docs/images/icons/light/react.svg?fit=max&auto=format&n=vsWMfQvTdE00mV1n&q=85&s=ed675f65d3885500baa275f957cc7844" width="33" height="30" data-path="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://mintcdn.com/docs-dev-fix-nav-assets/vsWMfQvTdE00mV1n/docs/images/icons/dark/react.svg?fit=max&auto=format&n=vsWMfQvTdE00mV1n&q=85&s=570b0479822bd009ad824578bc42eb2a" width="33" height="30" data-path="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://mintcdn.com/docs-dev-fix-nav-assets/vsWMfQvTdE00mV1n/docs/images/icons/light/angular.svg?fit=max&auto=format&n=vsWMfQvTdE00mV1n&q=85&s=16cc565717afdf12165b70409956304b" width="30" height="34" data-path="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://mintcdn.com/docs-dev-fix-nav-assets/tcspqxidlJxjvo8P/docs/images/icons/dark/angular.svg?fit=max&auto=format&n=tcspqxidlJxjvo8P&q=85&s=18739e7e3eaea8946a3abbfadc373752" width="30" height="34" data-path="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://mintcdn.com/docs-dev-fix-nav-assets/vsWMfQvTdE00mV1n/docs/images/icons/light/nextjs.svg?fit=max&auto=format&n=vsWMfQvTdE00mV1n&q=85&s=3dc50a1a6ca44f34bc587aafc79c47b6" width="38" height="36" data-path="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://mintcdn.com/docs-dev-fix-nav-assets/tcspqxidlJxjvo8P/docs/images/icons/dark/nextjs.svg?fit=max&auto=format&n=tcspqxidlJxjvo8P&q=85&s=d9c3294417a393461e1077381006b19b" width="38" height="36" data-path="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://mintcdn.com/docs-dev-fix-nav-assets/vsWMfQvTdE00mV1n/docs/images/icons/light/apple.svg?fit=max&auto=format&n=vsWMfQvTdE00mV1n&q=85&s=339b5f77baea0171be39a6afdff19fa2" width="32" height="32" data-path="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://mintcdn.com/docs-dev-fix-nav-assets/tcspqxidlJxjvo8P/docs/images/icons/dark/apple.svg?fit=max&auto=format&n=tcspqxidlJxjvo8P&q=85&s=aa323197a608faacccd538d0d2d7d18f" width="32" height="32" data-path="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://mintcdn.com/docs-dev-fix-nav-assets/vsWMfQvTdE00mV1n/docs/images/icons/light/android.svg?fit=max&auto=format&n=vsWMfQvTdE00mV1n&q=85&s=63d79694f219153f40aa18b68746ae88" width="33" height="32" data-path="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://mintcdn.com/docs-dev-fix-nav-assets/tcspqxidlJxjvo8P/docs/images/icons/dark/android.svg?fit=max&auto=format&n=tcspqxidlJxjvo8P&q=85&s=69c311449ac1dbdbdbc83e2c173843cb" width="33" height="32" data-path="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://mintcdn.com/docs-dev-fix-nav-assets/vsWMfQvTdE00mV1n/docs/images/icons/light/java.svg?fit=max&auto=format&n=vsWMfQvTdE00mV1n&q=85&s=695122675ec453da7e07ca00a4abe489" width="33" height="32" data-path="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://mintcdn.com/docs-dev-fix-nav-assets/tcspqxidlJxjvo8P/docs/images/icons/dark/java.svg?fit=max&auto=format&n=tcspqxidlJxjvo8P&q=85&s=fb76980bfb1783c85dcbfd3f94099870" width="33" height="32" data-path="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://mintcdn.com/docs-dev-fix-nav-assets/vsWMfQvTdE00mV1n/docs/images/icons/light/dotnet.svg?fit=max&auto=format&n=vsWMfQvTdE00mV1n&q=85&s=d8b99a52f0e80d633e854a4e0613daa2" width="30" height="30" data-path="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://mintcdn.com/docs-dev-fix-nav-assets/tcspqxidlJxjvo8P/docs/images/icons/dark/dotnet.svg?fit=max&auto=format&n=tcspqxidlJxjvo8P&q=85&s=d721b315f3127b0f9e42bea894797966" width="30" height="30" data-path="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://mintcdn.com/docs-dev-fix-nav-assets/vsWMfQvTdE00mV1n/docs/images/icons/light/python.svg?fit=max&auto=format&n=vsWMfQvTdE00mV1n&q=85&s=9ca48b57132f50420c2245bba56d46d3" width="33" height="32" data-path="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://mintcdn.com/docs-dev-fix-nav-assets/tcspqxidlJxjvo8P/docs/images/icons/dark/python.svg?fit=max&auto=format&n=tcspqxidlJxjvo8P&q=85&s=39f5c79aa48689009c4523c334297c90" width="33" height="32" data-path="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://mintcdn.com/docs-dev-fix-nav-assets/tcspqxidlJxjvo8P/docs/images/home/basics-card1.svg?fit=max&auto=format&n=tcspqxidlJxjvo8P&q=85&s=23aa139e2fbf7ffaf7451a492d95def7" width="48" height="48" data-path="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://mintcdn.com/docs-dev-fix-nav-assets/tcspqxidlJxjvo8P/docs/images/home/basics-card1-dark.svg?fit=max&auto=format&n=tcspqxidlJxjvo8P&q=85&s=21736231eb20a0bb5c2a7631de76cdb1" width="48" height="48" data-path="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://mintcdn.com/docs-dev-fix-nav-assets/tcspqxidlJxjvo8P/docs/images/home/basics-card2.svg?fit=max&auto=format&n=tcspqxidlJxjvo8P&q=85&s=993b95496024f6ec3a559f8aef44f524" width="48" height="48" data-path="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://mintcdn.com/docs-dev-fix-nav-assets/tcspqxidlJxjvo8P/docs/images/home/basics-card2-dark.svg?fit=max&auto=format&n=tcspqxidlJxjvo8P&q=85&s=1a7c1e96b02bf953dcb4f7a061413eaf" width="48" height="48" data-path="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://mintcdn.com/docs-dev-fix-nav-assets/tcspqxidlJxjvo8P/docs/images/home/basics-card3.svg?fit=max&auto=format&n=tcspqxidlJxjvo8P&q=85&s=0c21fbaff4a4dbcfbcf9f8ca612c8d74" width="48" height="48" data-path="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://mintcdn.com/docs-dev-fix-nav-assets/tcspqxidlJxjvo8P/docs/images/home/basics-card3-dark.svg?fit=max&auto=format&n=tcspqxidlJxjvo8P&q=85&s=d4f1d2baec61b56886bc394681a3ec08" width="48" height="48" data-path="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://mintcdn.com/docs-dev-fix-nav-assets/tcspqxidlJxjvo8P/docs/images/home/basics-card4.svg?fit=max&auto=format&n=tcspqxidlJxjvo8P&q=85&s=496479ca59b3ad6b3cdf3c3d41c38953" width="48" height="48" data-path="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://mintcdn.com/docs-dev-fix-nav-assets/tcspqxidlJxjvo8P/docs/images/home/basics-card4-dark.svg?fit=max&auto=format&n=tcspqxidlJxjvo8P&q=85&s=96e89f9e749563fe8d853bfa5cff2a64" width="48" height="48" data-path="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 />