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

# Introducing Firmhouse

> Start building subscription commerce with Firmhouse, including supported integrations, key concepts, and how to set up your first subscription project.

<div className="pb-16">
  <div className="relative flex min-h-[420px] w-full items-center justify-center overflow-hidden bg-white px-6 text-center dark:bg-[#05070b] md:left-1/2 md:ml-[-50vw] md:min-h-[520px] md:w-screen md:px-8">
    <img src="https://mintcdn.com/firmhousebv/dE5H2KMQTvd0k7qC/images/use-cases-hero-backdrop.png?fit=max&auto=format&n=dE5H2KMQTvd0k7qC&q=85&s=854b1b69ca492fd9e3089d4b057340c5" alt="" className="pointer-events-none absolute inset-x-0 top-0 h-full w-full object-cover object-center opacity-95 dark:hidden" width="2134" height="737" data-path="images/use-cases-hero-backdrop.png" />

    <img src="https://mintcdn.com/firmhousebv/dE5H2KMQTvd0k7qC/images/use-cases-hero-backdrop-dark.png?fit=max&auto=format&n=dE5H2KMQTvd0k7qC&q=85&s=9ff5bfe7b4b2652bfdecdf45e6dd74fd" alt="" className="pointer-events-none absolute inset-x-0 top-0 hidden h-full w-full object-cover object-center opacity-95 dark:block" width="2131" height="738" data-path="images/use-cases-hero-backdrop-dark.png" />

    <div className="pointer-events-none absolute inset-x-0 bottom-0 h-24 bg-gradient-to-b from-transparent to-white dark:to-[#05070b]" />

    <div className="relative mx-auto max-w-3xl py-16 md:py-20">
      <p className="mb-4 text-sm font-semibold uppercase tracking-normal text-[#2454FF] dark:text-[#8ac3e9]">
        Documentation
      </p>

      <h1 className="m-0 text-4xl font-semibold tracking-normal text-gray-950 dark:text-white md:text-5xl">
        Introducing Firmhouse
      </h1>

      <p className="mx-auto mt-6 max-w-2xl text-lg leading-8 text-gray-600 dark:text-gray-200 md:text-xl md:leading-9">
        Firmhouse is the foundation for sustainable commerce growth: repeat consumption, monetized smartly, with revenue that compounds. Your revenue. Now on autopilot.
      </p>
    </div>
  </div>

  <div className="mx-auto max-w-5xl px-4 sm:px-6">
    <div className="mt-12">
      <Columns cols={2}>
        <Card title="Get started on Shopify" icon="shopify" href="/quick-install-shopify" cta="Start the guide">
          Install Firmhouse and launch subscriptions through Shopify Checkout.
        </Card>

        <Card title="Customer Portal" icon="user-gear" href="/customer-portal-v2/overview" cta="Explore the portal">
          Let customers manage subscriptions in a branded portal.
        </Card>

        <Card title="Oppy, your Firmhouse Agent" icon="sparkles" href="/agent-and-mcp/introduction" cta="Explore Oppy and MCP">
          Work with Oppy, the Firmhouse Agent, and connect MCP-capable tools to Firmhouse project data.
        </Card>

        <Card title="API docs" icon="code" href="https://developer.firmhouse.com" cta="Open developer docs">
          Build custom workflows with GraphQL, webhooks, and Liquid.
        </Card>
      </Columns>
    </div>

    <h2 className="mx-auto mt-16 max-w-3xl text-center text-3xl font-semibold tracking-normal text-gray-950 dark:text-white md:text-4xl">
      Use cases
    </h2>

    <p className="mx-auto mt-4 max-w-2xl text-center text-base leading-7 text-gray-600 dark:text-gray-300">
      Firmhouse supports several subscription commerce models out of the box or through focused configuration.
    </p>

    <div className="mt-8 grid grid-cols-1 gap-4 sm:grid-cols-2 xl:grid-cols-3">
      <Card title="Subscribe & Save" icon="arrows-rotate" href="/use-cases/subscribe-and-save" cta="Read the guide" />

      <Card title="Local Payment Methods" icon="credit-card" href="/use-cases/local-payment-methods-ideal-sepa" cta="Read the guide" />

      <Card title="Bundles & Boxes" icon="boxes-stacked" href="/use-cases/bundles-and-boxes" cta="Read the guide" />

      <Card title="Try and Buy" icon="badge-check" href="/use-cases/try-and-buy" cta="Read the guide" />

      <Card title="Magazine Subscriptions" icon="newspaper" href="/use-cases/magazine-subscriptions" cta="Read the guide" />

      <Card title="More use cases" icon="lightbulb-on" href="/use-cases/overview" cta="Explore use cases" />
    </div>
  </div>
</div>