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

# Development

> Learn how to preview changes locally

<div className="w-full max-w-5xl mx-auto px-4 mt-12">
  <div className="flex w-full items-center justify-center">
    <img className="block dark:hidden w-full mx-auto" src="https://mintcdn.com/consignease/Ymva2czLmLJ543g4/images/hero-light.svg?fit=max&auto=format&n=Ymva2czLmLJ543g4&q=85&s=4516646f510a4458a2274e751df024e5" alt="Hero Light" width="700" height="320" data-path="images/hero-light.svg" />

    <img className="hidden dark:block" w-full mx-auto src="https://mintcdn.com/consignease/Ymva2czLmLJ543g4/images/hero-dark.svg?fit=max&auto=format&n=Ymva2czLmLJ543g4&q=85&s=60c3d7df963acdee3524b3d63708ad87" alt="Hero Dark" width="700" height="320" data-path="images/hero-dark.svg" />
  </div>

  <div className="flex flex-col w-full gap-12 mt-4">
    <section className="pt-2 ">
      <div className="mt-0.5 space-y-2.5">
        <div className="flex items-center relative gap-2">
          <h1 className="inline-block text-2xl sm:text-3xl font-bold text-gray-900 tracking-tight dark:text-gray-200">Consignease documentation</h1>
        </div>

        <div className="mt-2 text-lg prose prose-gray dark:prose-invert">
          <p>Your resource to the only piece of software a consignment store needs.</p>
        </div>
      </div>

      <div className="mdx-content relative mt-8 prose prose-gray dark:prose-invert">
        <Columns cols={3}>
          <Card title="Get started" icon="link" href="/getting-started" arrow="true">
            Onboarding with Consignease for the first time? Click here!
          </Card>

          <Card title="Product guides" icon="link" href="/guides" arrow="true">
            Find a full list of our product guides here
          </Card>

          <Card title="Contact Consignease support" icon="link" href="/components/columns" arrow="true">
            <span dataAs="p">Call, text, or email our <strong>24/7</strong> customer support line!</span>
          </Card>
        </Columns>

        <h2 className="flex whitespace-pre-wrap group font-semibold">Developer resources</h2>
        <p>Get all your developer resources</p>

        <Columns cols={3}>
          <Card title="Webhooks" icon="link" href="/webhooks/overview" arrow="true">
            This is an example of a card with an icon and a link. Clicking on this card brings you to the Columns page.
          </Card>

          <Card title="Api reference" icon="link" href="/api-reference/introduction" arrow="true">
            This is an example of a card with an icon and a link. Clicking on this card brings you to the Columns page.
          </Card>

          <Card title="Developer changelog" icon="link" href="/changelog" arrow="true">
            This is an example of a card with an icon and a link. Clicking on this card brings you to the Columns page.
          </Card>
        </Columns>
      </div>
    </section>
  </div>
</div>