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

# Welcome

<div className="flex flex-col items-center justify-center text-center w-full max-w-[1200px] mx-auto pt-16 px-4 pb-4">
  <h1 className="text-3xl sm:text-5xl lg:text-6xl font-bold mb-4 text-[#1a1a1a] leading-[1.1] break-words">
    Ormi Documentation
  </h1>

  <p className="text-base md:text-xl text-gray-500 max-w-[800px] mx-auto mb-8 leading-relaxed px-4">
    Learn how to index and query blockchain data via Subgraphs and Data API
  </p>

  <div className="w-full max-w-[350px] mx-auto px-4">
    <button
      type="button"
      id="home-search-entry"
      onMouseDown={() => {
    setTimeout(() => {
      const btn = document.getElementById("search-bar-entry") || document.querySelector('button[aria-label="Open search"]');
      if (btn) btn.click();
    }, 0);
  }}
      className="w-full py-3 px-4 border border-gray-200 rounded-lg text-[0.9rem] bg-gray-50 text-gray-400 cursor-pointer text-left outline-none hover:bg-gray-100 transition-colors"
    >
      Search...
    </button>
  </div>
</div>

<div className="text-xl md:text-2xl font-semibold mb-6 mt-8 text-[#1a1a1a] text-center px-4"> **0xGraph (Subgraphs)**</div>

<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 md:gap-6 not-prose mb-12 max-w-[1200px] mx-auto w-full px-4">
  <div className="group border border-gray-200 rounded-xl p-4 md:p-6 hover:border-green-500 hover:shadow-lg transition-all duration-200 cursor-pointer min-h-[140px] flex flex-col" onClick={() => (window.location.href = "/docs/subgraphs/overview")}>
    <div className="flex items-center mb-3 md:mb-4">
      <div className="mr-3 text-[#3E744D]">
        <img src="https://mintcdn.com/ormilabs/qV2VfGqVCCe99Ked/images/icons/table-of-contents.svg?fit=max&auto=format&n=qV2VfGqVCCe99Ked&q=85&s=ed25f1d61550a3bf5e71d819614c99bd" alt="TOC icon" width="20" height="20" data-path="images/icons/table-of-contents.svg" />
      </div>

      <h3 className="text-base md:text-lg font-semibold text-gray-900">Overview</h3>
    </div>

    <p className="text-gray-600 text-xs md:text-sm flex-grow">Learn more about subgraphs and what is available on the Ormi platform.</p>
  </div>

  <div className="group border border-gray-200 rounded-xl p-4 md:p-6 hover:border-green-500 hover:shadow-lg transition-all duration-200 cursor-pointer min-h-[140px] flex flex-col" onClick={() => (window.location.href = "/docs/subgraphs/quickstart")}>
    <div className="flex items-center mb-3 md:mb-4">
      <div className="mr-3 text-[#3E744D]">
        <img src="https://mintcdn.com/ormilabs/qV2VfGqVCCe99Ked/images/icons/quickstart.svg?fit=max&auto=format&n=qV2VfGqVCCe99Ked&q=85&s=f4dd2ea1d6be616ff36ab596184edc37" alt="start icon" width="20" height="20" data-path="images/icons/quickstart.svg" />
      </div>

      <h3 className="text-base md:text-lg font-semibold text-gray-900">Quickstart</h3>
    </div>

    <p className="text-gray-600 text-xs md:text-sm flex-grow">See the different ways to create, deploy, and query a subgraph in minutes.</p>
  </div>

  <div className="group border border-gray-200 rounded-xl p-4 md:p-6 hover:border-green-500 hover:shadow-lg transition-all duration-200 cursor-pointer min-h-[140px] flex flex-col" onClick={() => (window.location.href = "/docs/subgraphs/features")}>
    <div className="flex items-center mb-3 md:mb-4">
      <div className="mr-3 text-[#3E744D]">
        <img src="https://mintcdn.com/ormilabs/qV2VfGqVCCe99Ked/images/icons/features.svg?fit=max&auto=format&n=qV2VfGqVCCe99Ked&q=85&s=e6075979f8afc9f3ff8b61aca44b30df" alt="features" width="20" height="20" data-path="images/icons/features.svg" />
      </div>

      <h3 className="text-base md:text-lg font-semibold text-gray-900">Features</h3>
    </div>

    <p className="text-gray-600 text-xs md:text-sm flex-grow">Explore the advanced features and capabilities available on Ormi 0xGraph.</p>
  </div>

  <div className="group border border-gray-200 rounded-xl p-4 md:p-6 hover:border-green-500 hover:shadow-lg transition-all duration-200 cursor-pointer min-h-[140px] flex flex-col" onClick={() => (window.location.href = "/docs/api-reference/0xGraph/overview")}>
    <div className="flex items-center mb-3 md:mb-4">
      <div className="mr-3 text-[#3E744D]">
        <img src="https://mintcdn.com/ormilabs/qV2VfGqVCCe99Ked/images/icons/api-reference.svg?fit=max&auto=format&n=qV2VfGqVCCe99Ked&q=85&s=356f0be17121dc6590f0235b33a391ae" alt="code" width="20" height="20" data-path="images/icons/api-reference.svg" />
      </div>

      <h3 className="text-base md:text-lg font-semibold text-gray-900">API reference</h3>
    </div>

    <p className="text-gray-600 text-xs md:text-sm flex-grow">Explore references to the GraphQL API for Ormi subgraphs.</p>
  </div>

  <div className="group border border-gray-200 rounded-xl p-4 md:p-6 hover:border-green-500 hover:shadow-lg transition-all duration-200 cursor-pointer min-h-[140px] flex flex-col" onClick={() => (window.location.href = "/docs/dedicated-env/overview")}>
    <div className="flex items-center mb-3 md:mb-4">
      <div className="mr-3 text-[#3E744D]">
        <img src="https://mintcdn.com/ormilabs/qV2VfGqVCCe99Ked/images/icons/dedicated-environment.svg?fit=max&auto=format&n=qV2VfGqVCCe99Ked&q=85&s=7865de007e22fd155773b4a64e9f65db" alt="server cog" width="20" height="20" data-path="images/icons/dedicated-environment.svg" />
      </div>

      <h3 className="text-base md:text-lg font-semibold text-gray-900">Dedicated environment</h3>
    </div>

    <p className="text-gray-600 text-xs md:text-sm flex-grow">Learn how Ormi's custom infrastructure provides better performance at scale.</p>
  </div>

  <div className="group border border-gray-200 rounded-xl p-4 md:p-6 hover:border-green-500 hover:shadow-lg transition-all duration-200 cursor-pointer min-h-[140px] flex flex-col" onClick={() => (window.location.href = "/docs/supported-chains/subgraphs")}>
    <div className="flex items-center mb-3 md:mb-4">
      <div className="mr-3 text-[#3E744D]">
        <img src="https://mintcdn.com/ormilabs/qV2VfGqVCCe99Ked/images/icons/link.svg?fit=max&auto=format&n=qV2VfGqVCCe99Ked&q=85&s=55e33c4f933be846949d5440402027a6" alt="chains" width="20" height="20" data-path="images/icons/link.svg" />
      </div>

      <h3 className="text-base md:text-lg font-semibold text-gray-900">Supported chains</h3>
    </div>

    <p className="text-gray-600 text-xs md:text-sm flex-grow">See the full list of supported chains and networks on Ormi 0xGraph.</p>
  </div>
</div>

<div className="text-xl md:text-2xl font-semibold mb-6 mt-8 text-[#1a1a1a] text-center px-4"> **0xAPI (Data API)**</div>

<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 md:gap-6 not-prose mb-12 max-w-[1200px] mx-auto w-full px-4">
  <div className="group border border-gray-200 rounded-xl p-4 md:p-6 hover:border-green-500 hover:shadow-lg transition-all duration-200 cursor-pointer min-h-[140px] flex flex-col" onClick={() => (window.location.href = "/docs/data-api/overview")}>
    <div className="flex items-center mb-3 md:mb-4">
      <div className="mr-3 text-[#3E744D]">
        <img src="https://mintcdn.com/ormilabs/qV2VfGqVCCe99Ked/images/icons/table-of-contents.svg?fit=max&auto=format&n=qV2VfGqVCCe99Ked&q=85&s=ed25f1d61550a3bf5e71d819614c99bd" alt="TOC icon" width="20" height="20" data-path="images/icons/table-of-contents.svg" />
      </div>

      <h3 className="text-base md:text-lg font-semibold text-gray-900">Overview</h3>
    </div>

    <p className="text-gray-600 text-xs md:text-sm flex-grow">Learn more about our data API and what is available on the Ormi platform.</p>
  </div>

  <div className="group border border-gray-200 rounded-xl p-4 md:p-6 hover:border-green-500 hover:shadow-lg transition-all duration-200 cursor-pointer min-h-[140px] flex flex-col" onClick={() => (window.location.href = "/docs/data-api/quickstart")}>
    <div className="flex items-center mb-3 md:mb-4">
      <div className="mr-3 text-[#3E744D]">
        <img src="https://mintcdn.com/ormilabs/qV2VfGqVCCe99Ked/images/icons/quickstart.svg?fit=max&auto=format&n=qV2VfGqVCCe99Ked&q=85&s=f4dd2ea1d6be616ff36ab596184edc37" alt="start icon" width="20" height="20" data-path="images/icons/quickstart.svg" />
      </div>

      <h3 className="text-base md:text-lg font-semibold text-gray-900">Quickstart</h3>
    </div>

    <p className="text-gray-600 text-xs md:text-sm flex-grow">Set up and make your first queries with the Data API in minutes.</p>
  </div>

  <div className="group border border-gray-200 rounded-xl p-4 md:p-6 hover:border-green-500 hover:shadow-lg transition-all duration-200 cursor-pointer min-h-[140px] flex flex-col" onClick={() => (window.location.href = "/docs/data-api/features")}>
    <div className="flex items-center mb-3 md:mb-4">
      <div className="mr-3 text-[#3E744D]">
        <img src="https://mintcdn.com/ormilabs/qV2VfGqVCCe99Ked/images/icons/features.svg?fit=max&auto=format&n=qV2VfGqVCCe99Ked&q=85&s=e6075979f8afc9f3ff8b61aca44b30df" alt="features" width="20" height="20" data-path="images/icons/features.svg" />
      </div>

      <h3 className="text-base md:text-lg font-semibold text-gray-900">Features</h3>
    </div>

    <p className="text-gray-600 text-xs md:text-sm flex-grow">Explore the advanced features and capabilities available on Ormi 0xAPI.</p>
  </div>

  <div className="group border border-gray-200 rounded-xl p-4 md:p-6 hover:border-green-500 hover:shadow-lg transition-all duration-200 cursor-pointer min-h-[140px] flex flex-col" onClick={() => (window.location.href = "/docs/api-reference/0xAPI/overview")}>
    <div className="flex items-center mb-3 md:mb-4">
      <div className="mr-3 text-[#3E744D]">
        <img src="https://mintcdn.com/ormilabs/qV2VfGqVCCe99Ked/images/icons/api-reference.svg?fit=max&auto=format&n=qV2VfGqVCCe99Ked&q=85&s=356f0be17121dc6590f0235b33a391ae" alt="code" width="20" height="20" data-path="images/icons/api-reference.svg" />
      </div>

      <h3 className="text-base md:text-lg font-semibold text-gray-900">API reference</h3>
    </div>

    <p className="text-gray-600 text-xs md:text-sm flex-grow">Discover available data endpoints, their capabilities, and references.</p>
  </div>

  <div className="group border border-gray-200 rounded-xl p-4 md:p-6 transition-all duration-200 min-h-[140px] flex flex-col">
    <div className="flex items-center mb-3 md:mb-4">
      <div className="mr-3 text-[#3E744D]">
        <img src="https://mintcdn.com/ormilabs/qV2VfGqVCCe99Ked/images/icons/sdk.svg?fit=max&auto=format&n=qV2VfGqVCCe99Ked&q=85&s=f2840bcd7f7f8926c9477b2d86b4b11d" alt="blocks" width="20" height="20" data-path="images/icons/sdk.svg" />
      </div>

      <div className="flex items-center gap-2 flex-wrap">
        <h3 className="text-base md:text-lg font-semibold text-gray-900">SDKs</h3>
        <span className="inline-block px-2 py-0.5 text-[0.625rem] font-bold bg-[#FEF3C7] text-[#92400E] rounded-md whitespace-nowrap">COMING SOON</span>
      </div>
    </div>

    <p className="text-gray-600 text-xs md:text-sm flex-grow">Use our SDKs for JavaScript, Python, and other languages.</p>
  </div>

  <div className="group border border-gray-200 rounded-xl p-4 md:p-6 hover:border-green-500 hover:shadow-lg transition-all duration-200 cursor-pointer min-h-[140px] flex flex-col" onClick={() => (window.location.href = "/docs/supported-chains/data-api")}>
    <div className="flex items-center mb-3 md:mb-4">
      <div className="mr-3 text-[#3E744D]">
        <img src="https://mintcdn.com/ormilabs/qV2VfGqVCCe99Ked/images/icons/link.svg?fit=max&auto=format&n=qV2VfGqVCCe99Ked&q=85&s=55e33c4f933be846949d5440402027a6" alt="chains" width="20" height="20" data-path="images/icons/link.svg" />
      </div>

      <h3 className="text-base md:text-lg font-semibold text-gray-900">Supported chains</h3>
    </div>

    <p className="text-gray-600 text-xs md:text-sm flex-grow">See the full list of supported chains and networks on Ormi 0xAPI.</p>
  </div>
</div>

<div className="mb-8 mt-8" />