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

# Introduction

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

<div className="hero-section pb-24" style={{ position: 'relative' }}>
  <div style={{ position: 'absolute', top: 0, left: 0, right: 0, bottom: 0, backgroundImage: 'url(/logo/background.svg)', backgroundSize: 'cover', backgroundPosition: 'center', opacity: 0.15, zIndex: 0 }} />

  <div className="mx-auto max-w-7xl px-4 py-16 sm:px-6 sm:py-24 lg:px-8" style={{ position: 'relative', zIndex: 1 }}>
    <div className="text-center ">
      <h1 className="text-6xl pt-10 tracking-tight pb-10 text-gray-900 dark:text-white sm:text-5xl md:text-6xl">
        0D Finance
      </h1>

      <h2 className="text-xl tracking-tight pb-4 text-gray-900 dark:text-white">
        Commoditizing the cost of capital
      </h2>

      <div className="pb-8 max-w-2xl mx-auto">
        <div className="flex max-w-2xl items-center justify-center mx-auto" style={{ maxWidth: '500px' }}>
          <button
            type="button"
            className="hidden w-full lg:flex items-center text-sm leading-6 rounded-full py-2 pl-3 pr-3 shadow-sm text-gray-400 dark:text-white/50 bg-background-light dark:bg-background-dark dark:brightness-[1.1] dark:ring-1 dark:hover:brightness-[1.25] ring-1 ring-gray-400/20 hover:ring-gray-600/25 dark:ring-gray-600/30 dark:hover:ring-gray-500/30 focus:outline-primary"
            id="home-search-entry"
            style={{
    marginTop: '2rem',
    maxWidth: '100rem',
    width: '90%',
    margin: '2rem auto 0'
  }}
            onClick={openSearch}
          >
            <svg
              className="h-4 w-4 ml-1.5 flex-none bg-primary-light hover:bg-gray-600 dark:bg-white/50 dark:hover:bg-white/70"
              style={{
      marginRight: '0.5rem',
     maskImage:
       'url("https://mintlify.b-cdn.net/v6.5.1/solid/magnifying-glass.svg")',
     maskRepeat: 'no-repeat',
     maskPosition: 'center center',
    }}
            />

            Search vaults, strategies, API docs...
          </button>
        </div>
      </div>
    </div>
  </div>
</div>

<div className="mx-auto mb-12 justify-center items-center w-full max-w-7xl px-4 sm:px-6 lg:px-8">
  <div className="text-2xl font-bold text-center pb-8">Get started with vaults and integrations</div>

  <div className="max-w-5xl mx-auto">
    <CardGroup cols={3}>
      <Card title="Explore Our Vaults" icon="vault" href="/learn/overview/introduction-to-0d">
        Discover our curated DeFi strategies and vault offerings.
      </Card>

      <Card title="API Documentation" icon="code" href="/api-reference/0d/list-vaults">
        Integrate vault data, performance metrics, and user portfolios.
      </Card>

      <Card title="View Changelog" icon="clock-rotate-left" href="/0d/changelog">
        Stay updated with the latest vault strategies and API changes.
      </Card>
    </CardGroup>

    <div className="mt-24">
      <h3 className="text-xl font-bold text-center py-8">What is 0D Finance?</h3>

      <div className="max-w-3xl mx-auto text-center pb-8">
        <p className="text-gray-600 dark:text-gray-300 leading-relaxed">
          0D Finance is building the infrastructure for the commoditization of capital: programmable, transparent, and global.

          Our first products are institutional-grade vaults that transform sophisticated market strategies into accessible onchain primitives, bringing efficiency, neutrality, and scale to the next era of decentralized finance.
        </p>
      </div>
    </div>

    <div className="mt-12 pb-24">
      <h3 className="text-xl font-bold text-center pb-6">Key Features</h3>

      <CardGroup cols={2}>
        <Card title="Curated Strategies" icon="chess">
          Expert-managed vault strategies optimized for risk-adjusted returns across DeFi protocols.
        </Card>

        <Card title="Comprehensive API" icon="plug">
          Access real-time vault data, performance metrics, liquidity analysis, and user portfolios.
        </Card>

        <Card title="Transparent Performance" icon="chart-line">
          Track detailed KPIs including Sharpe ratios, drawdowns, APR history, and composition changes.
        </Card>

        <Card title="Built to scale" icon="shield">
          We're building a scalable infrastructure to abstract complexity and grow the protocol with minimum.
        </Card>
      </CardGroup>
    </div>
  </div>
</div>

<div className="px-6 border-t border-gray-700 dark:border-gray-700">
  <div className="max-w-7xl p-12 mx-auto">
    <div className="flex flex-col md:flex-row items-center justify-between space-y-6 md:space-y-0">
      <div className="flex items-center space-x-3">
        <img src="https://mintcdn.com/0d/RpeKBBlFgT3kgx8p/logo/light.svg?fit=max&auto=format&n=RpeKBBlFgT3kgx8p&q=85&s=61ab7010f065f59c8484679144bc8c47" alt="0D Finance" className="h-8 w-auto dark:hidden" width="188" height="217" data-path="logo/light.svg" />

        <img src="https://mintcdn.com/0d/RpeKBBlFgT3kgx8p/logo/dark.svg?fit=max&auto=format&n=RpeKBBlFgT3kgx8p&q=85&s=9d9a6ac1c85d9b4958f494a8d958a33f" alt="0D Finance" className="h-8 w-auto hidden dark:block" width="188" height="217" data-path="logo/dark.svg" />
      </div>

      <div className="flex items-center space-x-8 text-sm">
        <a href="https://0dfinance.com/terms" className="pr-4 text-gray-600 hover:text-gray-900 dark:text-gray-400 dark:hover:text-white transition-colors">
          Terms & Conditions
        </a>

        <a href="https://0dfinance.com/privacy" className="text-gray-600 hover:text-gray-900 dark:text-gray-400 dark:hover:text-white transition-colors">
          Privacy Policy
        </a>
      </div>

      <div className="flex items-center space-x-4">
        <a href="https://x.com/0dfinance" className="text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-white transition-colors">
          <svg className="h-5 w-5" fill="currentColor" viewBox="0 0 24 24">
            <path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
          </svg>
        </a>

        <a href="https://github.com/astraly-labs" className="text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-white transition-colors">
          <svg className="h-5 w-5" fill="currentColor" viewBox="0 0 24 24">
            <path d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z" />
          </svg>
        </a>

        <a href="https://www.linkedin.com/company/0dfinance" className="text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-white transition-colors">
          <svg className="h-5 w-5" fill="currentColor" viewBox="0 0 24 24">
            <path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z" />
          </svg>
        </a>
      </div>
    </div>
  </div>
</div>