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

# How can we help?

> Get answers, tips, and troubleshooting for the Souschef recipe app.

<div className="relative overflow-hidden">
  <div className="max-w-5xl mx-auto px-6 pt-16 pb-12 sm:pt-24 sm:pb-16 text-center">
    <div className="flex justify-center mb-6">
      <img src="https://mintcdn.com/nekonote-llc/xDqo_q9aMFyMy_EB/images/mascots/souschef-cats-mascot.webp?fit=max&auto=format&n=xDqo_q9aMFyMy_EB&q=85&s=a58f959723b7942c729b159c0b0eee1c" alt="Sous and Chef the cat mascots" className="help-hero-mascot h-auto" width="1751" height="975" data-path="images/mascots/souschef-cats-mascot.webp" />
    </div>

    <h1 className="font-accent text-4xl sm:text-6xl font-medium tracking-tight text-gray-900 mb-4">
      How can we help?
    </h1>

    <p className="text-lg sm:text-xl text-gray-600 max-w-2xl mx-auto mb-8">
      Sous and Chef are here to help. Find answers, tips, and step‑by‑step guides for cooking with Souschef.
    </p>

    <div className="max-w-2xl mx-auto">
      <button id="search-bar-entry" type="button" className="help-search-shadow w-full flex items-center gap-3 bg-white border border-gray-200 rounded-full px-5 sm:px-6 py-4 text-left hover:outline hover:outline-[#9164bf] transition">
        <Icon icon="magnifying-glass" iconType="regular" />

        <span className="flex-1 text-base sm:text-lg text-gray-400">Search for “import from TikTok”, “cancel subscription”…</span>
        <kbd className="hidden sm:inline-flex items-center gap-1 text-xs text-gray-400 border border-gray-200 rounded-md px-2 py-1">⌘K</kbd>
      </button>
    </div>
  </div>
</div>

<div className="max-w-6xl mx-auto px-6 pb-8 pt-10 sm:pt-20">
  <h2 className="text-2xl sm:text-3xl font-semibold text-gray-900 mb-2">Browse by topic</h2>
  <p className="text-gray-600 mb-8">Pick a category to see step‑by‑step guides and quick fixes.</p>

  <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-5">
    <a href="/getting-started/what-is-souschef" className="group block rounded-3xl bg-white border border-gray-100 p-7 shadow-sm hover:shadow-xl transition-all no-underline">
      <div className="w-12 h-12 rounded-2xl bg-orange-100 text-orange-600 flex items-center justify-center mb-4 text-xl">
        <Icon icon="sparkles" iconType="solid" />
      </div>

      <h3 className="text-lg font-semibold text-gray-900 mb-1">Getting Started</h3>
      <p className="text-gray-600 text-sm">Set up Souschef and save your first recipe in minutes.</p>
    </a>

    <a href="/importing/supported-sources" className="group block rounded-3xl bg-white border border-gray-100 p-7 shadow-sm hover:shadow-xl transition-all no-underline">
      <div className="w-12 h-12 rounded-2xl bg-rose-100 text-rose-600 flex items-center justify-center mb-4 text-xl">
        <Icon icon="arrow-down-to-bracket" iconType="solid" />
      </div>

      <h3 className="text-lg font-semibold text-gray-900 mb-1">Importing Recipes</h3>
      <p className="text-gray-600 text-sm">Save recipes from Instagram, TikTok, YouTube, Pinterest, and more.</p>
    </a>

    <a href="/using/cooking-mode" className="group block rounded-3xl bg-white border border-gray-100 p-7 shadow-sm hover:shadow-xl transition-all no-underline">
      <div className="w-12 h-12 rounded-2xl bg-amber-100 text-amber-600 flex items-center justify-center mb-4 text-xl">
        <Icon icon="utensils" iconType="solid" />
      </div>

      <h3 className="text-lg font-semibold text-gray-900 mb-1">Cooking with Souschef</h3>
      <p className="text-gray-600 text-sm">Cooking Mode, timers, servings, shopping lists, and more.</p>
    </a>

    <a href="/using/organize-and-search" className="group block rounded-3xl bg-white border border-gray-100 p-7 shadow-sm hover:shadow-xl transition-all no-underline">
      <div className="w-12 h-12 rounded-2xl bg-emerald-100 text-emerald-600 flex items-center justify-center mb-4 text-xl">
        <Icon icon="folder-open" iconType="solid" />
      </div>

      <h3 className="text-lg font-semibold text-gray-900 mb-1">Organizing Recipes</h3>
      <p className="text-gray-600 text-sm">Find, sort, and organize your growing recipe collection.</p>
    </a>

    <a href="/billing/subscription-benefits" className="group block rounded-3xl bg-white border border-gray-100 p-7 shadow-sm hover:shadow-xl transition-all no-underline">
      <div className="w-12 h-12 rounded-2xl bg-violet-100 text-violet-600 flex items-center justify-center mb-4 text-xl">
        <Icon icon="credit-card" iconType="solid" />
      </div>

      <h3 className="text-lg font-semibold text-gray-900 mb-1">Subscription & Billing</h3>
      <p className="text-gray-600 text-sm">Plans, subscribing, canceling, refunds, and receipts.</p>
    </a>

    <a href="/troubleshooting/contact-support" className="group block rounded-3xl bg-white border border-gray-100 p-7 shadow-sm hover:shadow-xl transition-all no-underline">
      <div className="w-12 h-12 rounded-2xl bg-sky-100 text-sky-600 flex items-center justify-center mb-4 text-xl">
        <Icon icon="life-ring" iconType="solid" />
      </div>

      <h3 className="text-lg font-semibold text-gray-900 mb-1">Troubleshooting</h3>
      <p className="text-gray-600 text-sm">Fix imports, missing recipes, sign‑in issues, and more.</p>
    </a>
  </div>
</div>

<div className="max-w-6xl mx-auto px-6 pt-14 pb-4">
  <a href="/billing/free-plan" className="block rounded-3xl bg-white border border-gray-100 p-7 sm:p-8 shadow-sm hover:shadow-xl transition-all no-underline">
    <div className="flex items-center gap-2 mb-3">
      <span className="text-xl text-emerald-500" aria-hidden="true">
        <Icon icon="circle-check" iconType="solid" />
      </span>

      <h2 className="text-xl sm:text-2xl font-semibold text-gray-900">
        Almost everything is free
      </h2>
    </div>

    <p className="text-gray-600 max-w-3xl mb-0">
      Unlike many recipe apps, Souschef keeps almost every feature available on
      the free plan. Upgrade to Souschef Plus only if you'd like unlimited
      recipe imports and an ad-free import experience.
    </p>
  </a>
</div>

<div className="max-w-6xl mx-auto px-6 pt-14 pb-4">
  <div className="flex items-center gap-2 mb-4"><Icon icon="fire" iconType="solid" /><h2 className="text-xl sm:text-2xl font-semibold text-gray-900">Popular articles</h2></div>

  <div className="space-y-3">
    <a href="/importing/import-from-tiktok" className="flex items-center justify-between gap-4 rounded-2xl bg-white border border-gray-100 px-5 py-4 hover:shadow-md transition no-underline"><span className="font-medium text-gray-900">Import a recipe from TikTok</span><Icon icon="arrow-right" iconType="regular" /></a>
    <a href="/importing/import-from-instagram" className="flex items-center justify-between gap-4 rounded-2xl bg-white border border-gray-100 px-5 py-4 hover:shadow-md transition no-underline"><span className="font-medium text-gray-900">Import a recipe from Instagram</span><Icon icon="arrow-right" iconType="regular" /></a>
    <a href="/using/cooking-mode" className="flex items-center justify-between gap-4 rounded-2xl bg-white border border-gray-100 px-5 py-4 hover:shadow-md transition no-underline"><span className="font-medium text-gray-900">Cook step‑by‑step with Cooking Mode</span><Icon icon="arrow-right" iconType="regular" /></a>
    <a href="/using/shopping-list" className="flex items-center justify-between gap-4 rounded-2xl bg-white border border-gray-100 px-5 py-4 hover:shadow-md transition no-underline"><span className="font-medium text-gray-900">Build a shopping list from a recipe</span><Icon icon="arrow-right" iconType="regular" /></a>
    <a href="/billing/cancel" className="flex items-center justify-between gap-4 rounded-2xl bg-white border border-gray-100 px-5 py-4 hover:shadow-md transition no-underline"><span className="font-medium text-gray-900">Cancel your subscription</span><Icon icon="arrow-right" iconType="regular" /></a>
  </div>
</div>

<div className="max-w-6xl mx-auto px-6 py-16">
  <div className="help-cta-wash rounded-3xl p-8 sm:p-12 text-center border border-white/60 shadow-sm">
    <img src="https://mintcdn.com/nekonote-llc/BcXrpYebogiJHj6j/images/mascots/chef-plain.webp?fit=max&auto=format&n=BcXrpYebogiJHj6j&q=85&s=c58b32b84ead31b8908992b42b69c988" alt="Sous the cat, ready to help" className="mx-auto w-20 h-auto mb-4" width="640" height="493" data-path="images/mascots/chef-plain.webp" />

    <h2 className="text-2xl sm:text-3xl font-semibold text-gray-900 mb-3">Still need help?</h2>
    <p className="text-gray-700 max-w-xl mx-auto mb-6">Our small team of food lovers reads every message and usually replies within 1–2 business days.</p>

    <div className="flex flex-col sm:flex-row items-center justify-center gap-3">
      <a href="mailto:support@nekonote.co" className="help-cta-primary inline-flex items-center gap-2 px-6 py-3 rounded-full font-medium hover:opacity-90 transition no-underline"><Icon icon="envelope" iconType="solid" color="#ffffff" /> Email support</a>
      <a href="/troubleshooting/contact-support" className="help-cta-secondary inline-flex items-center gap-2 px-6 py-3 rounded-full font-medium transition no-underline">Contact options <Icon icon="arrow-right" iconType="regular" /></a>
    </div>
  </div>
</div>

<div className="max-w-6xl mx-auto px-6 pb-16 text-center text-sm text-gray-500">
  Made with ♥ by the Nekonote LLC from scratch ·{" "}

  <a href="https://onelink.to/7jpeua" className="underline hover:text-gray-700">
    Download the app
  </a>
</div>