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

# PRIXO Documentation

> Compare real food delivery prices across HungerStation, Keeta, and Jahez — including delivery fees, VAT, and service charges — powered by verified community data.

PRIXO shows you the true total cost of any dish across all three major food delivery apps in Riyadh, so you always know where to order to save the most.

<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 py-10 lg:gap-14 lg:py-16">
  <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">
      PRIXO Documentation
    </h1>

    <p className="text-balance text-base leading-relaxed tracking-tight text-gray-600 dark:text-gray-400">
      Smart price comparison for food delivery in Riyadh — compare real totals across HungerStation, Keeta, and Jahez, powered by a Trust Network of user-verified prices.
    </p>
  </div>

  <div className="grid grid-cols-1 gap-4 sm:grid-cols-2">
    <Card title={<span className="product-guide-feature-card-title">Get started</span>} icon="rocket" href="/introduction" className="product-guide-feature-card" size={64}>
      <span className="product-guide-feature-card-description">Learn what PRIXO is, create an account, and start comparing prices in minutes.</span>
    </Card>

    <a href="/features/price-comparison" 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="scale" 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">Compare Prices</span>

        <span className="text-sm leading-relaxed text-gray-600 dark:text-gray-400">
          See the real total — item price, delivery fee, service charge, and VAT — across all platforms side by side.
        </span>
      </div>
    </a>
  </div>

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

  <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="/features/ai-chat" 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="message-circle" 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">Ask the AI assistant</span>

          <span className="text-sm leading-relaxed text-gray-600 dark:text-gray-400">
            Type a question in Arabic and get instant price comparisons, branch directions, and menu suggestions.
          </span>
        </div>
      </a>

      <a href="/contributing/snapshots" 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="camera" 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">Upload a price snapshot</span>

          <span className="text-sm leading-relaxed text-gray-600 dark:text-gray-400">
            Screenshot your checkout screen and PRIXO extracts the price automatically to add verified data.
          </span>
        </div>
      </a>

      <a href="/contributing/receipts" 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="receipt" 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">Upload a receipt</span>

          <span className="text-sm leading-relaxed text-gray-600 dark:text-gray-400">
            Photograph a paper receipt after delivery and help keep price data accurate for the community.
          </span>
        </div>
      </a>

      <a href="/contributing/confirming-prices" 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="check-circle" 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">Confirm a price</span>

          <span className="text-sm leading-relaxed text-gray-600 dark:text-gray-400">
            Verify prices submitted by other users to earn points and make data more trustworthy.
          </span>
        </div>
      </a>

      <a href="/profile/points-levels" 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="trophy" 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">Earn points & level up</span>

          <span className="text-sm leading-relaxed text-gray-600 dark:text-gray-400">
            Every contribution earns points that raise your trust level across 20 Najdi-inspired ranks.
          </span>
        </div>
      </a>

      <a href="/api/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="code" 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 the API</span>

          <span className="text-sm leading-relaxed text-gray-600 dark:text-gray-400">
            Query restaurants, compare prices, and submit data programmatically with the PRIXO REST API.
          </span>
        </div>
      </a>
    </div>
  </div>
</div>
