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

# Home

export function openSearch() {
  document.getElementById("search-bar-entry").click();
}

<div className="relative w-full flex items-center justify-center h-[20rem] md:h-[26rem] overflow-hidden">
  <div className="absolute inset-0 hidden dark:block" style={{ backgroundImage: "url('images/hero-dark.svg')", backgroundSize: 'cover', backgroundPosition: 'center' }} />

  <div className="absolute inset-0 block dark:hidden" style={{ backgroundImage: "url('images/hero-light.svg')", backgroundSize: 'cover', backgroundPosition: 'center' }} />

  <div className="absolute text-center w-full max-w-[90%] sm:max-w-[80%] md:max-w-[70%] lg:max-w-[60%] px-4 sm:px-6 md:px-8 left-1/2 -translate-x-1/2">
    {/* Allow full-width scaling on mobile */}

    <h1 className="text-black dark:text-white text-3xl sm:text-4xl md:text-5xl lg:text-6xl font-semibold leading-snug sm:leading-tight md:leading-[1.2] break-words" style={{ marginTop: '1rem' }}>
      DIA Oracles Docs
    </h1>

    <p className="mt-3 text-black dark:text-white font-semibold text-base sm:text-lg md:text-xl leading-relaxed">
      Build onchain with trustless oracles.
    </p>

    {/* Search bar */}

    <div className="flex justify-center mt-8">
      <button type="button" className="w-full max-w-2xl flex items-center text-sm leading-6 rounded-none py-3 px-4 shadow-sm text-gray-500 dark:text-gray-400 bg-white dark:bg-black ring-1 ring-gray-400/20 hover:ring-gray-600/25 dark:ring-gray-700 dark:hover:ring-gray-500" id="home-search-entry" onClick={openSearch}>
        <svg
          className="h-4 w-4 flex-none mr-3 bg-gray-400"
          style={{
        maskImage:
          'url("https://mintlify.b-cdn.net/v6.5.1/solid/magnifying-glass.svg")',
        maskRepeat: 'no-repeat',
        maskPosition: 'center center'
      }}
        />

        Ask about DIA...
      </button>
    </div>
  </div>
</div>

<div className="max-w-4xl mx-auto px-5 py-8 text-center">
  <h2 className="text-3xl font-semibold mb-6 text-black dark:text-white">
    What is DIA
  </h2>

  <p className="mb-4 text-lg">
    <strong>DIA is a trustless oracle provider that delivers data feeds for tokens,
    LSTs, RWAs, randomness, and more to any blockchain.</strong>
  </p>

  {" "}

  <p className="mb-4 text-lg">
    Unlike traditional oracles that rely on opaque third-party data, DIA takes a
    novel approach, sourcing data directly from its origin. This ensures full
    transparency, complete customization, and support for any data type across
    ecosystems.
  </p>

  <p className="text-lg">
    With integrations with 100+ data sources, support for 60+ blockchains, and
    powering over 200 dApps, DIA continues to scale its network while empowering
    Web3 ecosystems to thrive.
  </p>
</div>

<div className="max-w-5xl mx-auto px-5 py-6">
  <h2 className="text-3xl font-semibold text-center mb-8 text-black dark:text-white">
    Quickstart
  </h2>

  <CardGroup cols={2}>
    <Card title="Fetch Price Data" icon="code" iconType="solid" href="/guides/how-to-guides/fetch-price-data">
      Integrate token price feeds with Push or Pull oracles.
    </Card>

    <Card title="Generate Randomness" icon="dice-six" iconType="solid" href="/guides/how-to-guides/generate-randomness">
      Add verifiable randomness to your smart contracts with xRandom.
    </Card>

    <Card title="Fund your DIA Oracle" icon="wallet" iconType="solid" href="/guides/how-to-guides/fund-the-oracle">
      Learn how to fund DIA's gas wallet to enable oracle updates.
    </Card>

    <Card title="Migrate from Chainlink" icon="repeat" iconType="solid" href="/guides/how-to-guides/migrate-to-dia#migrate-to-dia">
      Switch to DIA-compatible oracles with minimal code changes.
    </Card>
  </CardGroup>

  <h2 className="text-3xl font-semibold text-center mb-8 mt-16 text-black dark:text-white">
    Use DIA Products
  </h2>

  <CardGroup cols={2}>
    <Card title="Token Price Feeds" icon="chart-line" iconType="solid" href="/dia-stack/data-products/token-price-feeds">
      Get on-chain price feeds for 20,000+ digital assets.
    </Card>

    <Card title="RWA Feeds" icon="building-columns" iconType="solid" href="/dia-stack/data-products/rwa-price-feeds">
      Fetch data for stocks, FX rates, and other real-world assets.
    </Card>

    <Card title="Randomness" icon="dice-six" iconType="solid" href="/dia-stack/data-products/verifiable-randomness">
      Integrate DIA xRandom for provably fair random numbers.
    </Card>

    <Card title="Fundamental Feeds" icon="clipboard-check" iconType="solid" href="/dia-stack/data-products/fundamental-feeds">
      Feeds for on/off-chain assets that account for the collateral ratio.
    </Card>
  </CardGroup>

  <h2 className="text-3xl font-semibold text-center mb-8 mt-16 text-black dark:text-white">
    Dive into Stack
  </h2>

  <CardGroup cols={2}>
    <Card title="How DIA Oracles Work" icon="gear" iconType="solid" href="/dia-stack/overview">
      Understand the architecture and components of DIA oracles.
    </Card>

    <Card title="Feeders (Sourcing Layer)" icon="database" iconType="solid" href="/dia-stack/architecture/core-components/feeders">
      Learn how DIA collects data from various sources.
    </Card>

    <Card title="Lasernet (Aggregation Layer)" icon="calculator" iconType="solid" href="/dia-stack/architecture/core-components/lasernet/overview">
      Explore how data is aggregated and validated.
    </Card>

    <Card title="Spectra (Messaging Layer)" icon="truck" iconType="solid" href="/dia-stack/architecture/core-components/spectra">
      Discover how data is delivered across chains.
    </Card>

    <Card title="API Reference" icon="magnifying-glass-chart" iconType="solid" href="/reference/apis">
      Access comprehensive API documentation.
    </Card>
  </CardGroup>

  <h2 className="text-3xl font-semibold text-center mb-8 mt-16 text-black dark:text-white">
    Get Support
  </h2>

  <CardGroup cols={2}>
    <Card title="Join Dev Discord" icon="Discord" iconType="brands" href="https://discord.gg/RjHBcZ9mEH">
      Ask questions & get help from the DIA community.
    </Card>

    <Card title="Join Telegram" icon="Telegram" iconType="brands" href="https://t.me/DIAdata_org">
      Connect with the DIA community on Telegram.
    </Card>

    <Card title="Request Oracle" icon="circle-plus" href="/guides/how-to-guides/request-a-custom-oracle">
      Request a custom oracle integration for your dApp or chain.
    </Card>
  </CardGroup>
</div>
