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

# Documents

> Learn how to get started with OFiDCrypt tokens, wallets, digital gifts, and MicroEconomies.

<div data-product-guide-index className="flex w-full flex-col gap-8 max-w-5xl mx-auto px-4 md:px-8 lg:px-12 pt-32 pb-10 lg:pt-40 lg:pb-16">
  <div className="rounded-3xl border bg-card p-8 shadow-sm">
    <div className="flex max-w-[540px] flex-col gap-2 self-center text-center">
      <h1 className="text-[30px] font-medium leading-9 tracking-tight text-gray-900 dark:text-gray-50">
        What We Do.
      </h1>

      <p className="text-balance text-base leading-relaxed tracking-tight text-gray-600 dark:text-gray-400">
        Everything you need to understand, get, and use OFiDCrypt tokens, wallets, and digital gifts.
      </p>
    </div>

    <div className="grid grid-cols-1 gap-4 sm:grid-cols-2">
      <Card title={<span className="product-guide-feature-card-title">Tokens</span>} icon="coins" href="/tokens/overview" className="product-guide-feature-card" size={64}>
        <span className="product-guide-feature-card-description">Learn about Bouncy Ball and the GIDDY Dollar stablecoin.</span>
      </Card>

      <a href="/wallets/overview" className="rounded-2xl flex flex-col gap-4 border bg-gray-50 p-4 outline-none shadow-sm shadow-gray-950/5 transition hover:border-primary hover:shadow-md dark:bg-gray-950 dark:shadow-black/20 dark:hover:border-primary">
        <Icon icon="wallet" color="rgb(var(--primary))" size={18} className="shrink-0" />

        <div className="flex flex-col gap-1">
          <span className="font-serif text-base font-medium text-gray-900 dark:text-gray-50">Wallets & Apps</span>

          <span className="text-sm leading-relaxed text-gray-600 dark:text-gray-400">
            Set up Kinnected!, Phantom, and other supported wallets.
          </span>
        </div>
      </a>

      <a href="/microeconomies/overview" className="rounded-2xl flex flex-col gap-4 border bg-gray-50 p-4 outline-none shadow-sm shadow-gray-950/5 transition hover:border-primary hover:shadow-md dark:bg-gray-950 dark:shadow-black/20 dark:hover:border-primary">
        <Icon icon="trending-up" color="rgb(var(--primary))" size={18} className="shrink-0" />

        <div className="flex flex-col gap-1">
          <span className="font-serif text-base font-medium text-gray-900 dark:text-gray-50">MicroEconomies</span>

          <span className="text-sm leading-relaxed text-gray-600 dark:text-gray-400">
            Earn digital gifts and grow value through loyalty and spending.
          </span>
        </div>
      </a>
    </div>

    <hr className="border-0 border-t border-border my-8" />

    <div className="flex flex-col gap-4">
      <h2 className="font-serif text-xl font-medium leading-normal text-gray-900 dark:text-gray-50">Common tasks</h2>

      <div className="grid grid-cols-1 gap-4 sm:grid-cols-2">
        <a href="/getting-started" className="rounded-2xl flex flex-col gap-4 border bg-gray-50 p-4 outline-none shadow-sm shadow-gray-950/5 transition hover:border-primary hover:shadow-md dark:bg-gray-950 dark:shadow-black/20 dark:hover:border-primary">
          <Icon icon="rocket" color="rgb(var(--primary))" size={18} className="shrink-0" />

          <div className="flex flex-col gap-1">
            <span className="font-serif text-base font-medium text-gray-900 dark:text-gray-50">Get your first wallet</span>

            <span className="text-sm leading-relaxed text-gray-600 dark:text-gray-400">
              Download Kinnected! or Phantom and start holding tokens today.
            </span>
          </div>
        </a>

        <a href="/tokens/bouncy-ball" className="rounded-2xl flex flex-col gap-4 border bg-gray-50 p-4 outline-none shadow-sm shadow-gray-950/5 transition hover:border-primary hover:shadow-md dark:bg-gray-950 dark:shadow-black/20 dark:hover:border-primary">
          <Icon icon="circle-dot" color="rgb(var(--primary))" size={18} className="shrink-0" />

          <div className="flex flex-col gap-1">
            <span className="font-serif text-base font-medium text-gray-900 dark:text-gray-50">Buy Bouncy Ball</span>

            <span className="text-sm leading-relaxed text-gray-600 dark:text-gray-400">
              Learn where and how to buy e𝕏PB on Solana DEXes.
            </span>
          </div>
        </a>

        <a href="/tokens/giddy-dollar" className="rounded-2xl flex flex-col gap-4 border bg-gray-50 p-4 outline-none shadow-sm shadow-gray-950/5 transition hover:border-primary hover:shadow-md dark:bg-gray-950 dark:shadow-black/20 dark:hover:border-primary">
          <Icon icon="dollar-sign" color="rgb(var(--primary))" size={18} className="shrink-0" />

          <div className="flex flex-col gap-1">
            <span className="font-serif text-base font-medium text-gray-900 dark:text-gray-50">Explore GIDDY Dollar</span>

            <span className="text-sm leading-relaxed text-gray-600 dark:text-gray-400">
              Swap into Canada's first CAD-backed stablecoin on Solana.
            </span>
          </div>
        </a>

        <a href="/microeconomies/digital-gifts" className="rounded-2xl flex flex-col gap-4 border bg-gray-50 p-4 outline-none shadow-sm shadow-gray-950/5 transition hover:border-primary hover:shadow-md dark:bg-gray-950 dark:shadow-black/20 dark:hover:border-primary">
          <Icon icon="gift" color="rgb(var(--primary))" size={18} className="shrink-0" />

          <div className="flex flex-col gap-1">
            <span className="font-serif text-base font-medium text-gray-900 dark:text-gray-50">Redeem a Digital Gift</span>

            <span className="text-sm leading-relaxed text-gray-600 dark:text-gray-400">
              Claim tokens included with Giddy's products and gift codes.
            </span>
          </div>
        </a>

        <a href="/community/one-kin" className="rounded-2xl flex flex-col gap-4 border bg-gray-50 p-4 outline-none shadow-sm shadow-gray-950/5 transition hover:border-primary hover:shadow-md dark:bg-gray-950 dark:shadow-black/20 dark:hover:border-primary">
          <Icon icon="users" color="rgb(var(--primary))" size={18} className="shrink-0" />

          <div className="flex flex-col gap-1">
            <span className="font-serif text-base font-medium text-gray-900 dark:text-gray-50">Join the Community</span>

            <span className="text-sm leading-relaxed text-gray-600 dark:text-gray-400">
              Connect with ONE Kin and Giddy's growing Web3 family.
            </span>
          </div>
        </a>

        <a href="/resources/faq" className="rounded-2xl flex flex-col gap-4 border bg-gray-50 p-4 outline-none shadow-sm shadow-gray-950/5 transition hover:border-primary hover:shadow-md dark:bg-gray-950 dark:shadow-black/20 dark:hover:border-primary">
          <Icon icon="question" color="rgb(var(--primary))" size={18} className="shrink-0" />

          <div className="flex flex-col gap-1">
            <span className="font-serif text-base font-medium text-gray-900 dark:text-gray-50">FAQ</span>

            <span className="text-sm leading-relaxed text-gray-600 dark:text-gray-400">
              Answers to the most common questions about OFiDCrypt.
            </span>
          </div>
        </a>
      </div>
    </div>
  </div>
</div>