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

# TRONVoice Helpcentrum

> Het helpcentrum van TRONVoice. Vind antwoorden over factureren, offertes, betalingen, SEPA-incasso, bankkoppelingen, integraties en accountinstellingen.

<div className="mx-auto flex w-full max-w-5xl flex-col gap-14 px-4 py-12 lg:py-16">
  <div className="flex flex-col items-center gap-12">
    <div className="flex w-full max-w-lg flex-col gap-1">
      <h1 className="text-center text-4xl font-semibold tracking-tight text-gray-900 dark:text-gray-50">
        Waarmee kunnen we je helpen?
      </h1>

      <p className="text-center text-balance text-base text-gray-600 dark:text-gray-400 mt-2">
        Doorzoek het TRONVoice Helpcentrum voor uitleg over factureren, offertes, betalingen, integraties en
        accountinstellingen. Alles op één plek.
      </p>
    </div>

    <div className="flex w-full max-w-lg flex-col gap-4">
      <div className="flex w-full flex-col gap-2.5 sm:flex-row sm:items-stretch">
        <div className="kb-search-entry min-w-0 w-full flex-1">
          <button type="button" data-search-trigger className="pointer-events-auto flex h-11 w-full cursor-pointer items-center justify-between gap-2 truncate rounded-full bg-gray-50 pl-4 pr-3 text-left text-sm font-normal leading-6 text-gray-500 shadow-none hover:text-gray-500 ring-1 ring-gray-100 hover:ring-gray-200 dark:bg-white/[0.04] dark:text-white/50 dark:hover:text-white/50 dark:ring-1 dark:ring-white/[0.08] dark:hover:ring-white/15">
            <div className="flex min-w-0 flex-1 items-center gap-2">
              <Icon icon="search" size={14} className="shrink-0 text-gray-700 dark:text-gray-400" />

              <div className="min-w-0 truncate font-normal text-gray-500 hover:text-gray-500 dark:text-white/50 dark:hover:text-white/50">
                Zoek in artikelen
              </div>
            </div>

            <span className="flex-none text-xs font-semibold text-gray-500 hover:text-gray-500 dark:text-white/50 dark:hover:text-white/50">
              ⌘K
            </span>
          </button>
        </div>

        <button type="button" id="custom-homepage-assistant-entry" data-assistant-trigger aria-label="Vraag het de AI" className="group/ai flex pointer-events-auto h-11 w-full shrink-0 cursor-pointer flex-row items-center justify-center gap-1.5 rounded-full bg-gray-50 px-4 text-sm font-normal leading-6 text-gray-500 shadow-none ring-1 ring-gray-100 hover:text-gray-600 hover:ring-gray-200 dark:bg-white/[0.04] dark:text-white/50 dark:ring-1 dark:ring-white/[0.08] dark:hover:text-white/70 dark:hover:ring-white/15 sm:w-auto">
          <Icon icon="sparkles" size={16} className="shrink-0 text-gray-700 group-hover/ai:text-gray-800 dark:text-gray-400 dark:group-hover/ai:text-gray-200" />

          <span className="whitespace-nowrap text-gray-500 dark:text-white/50">Vraag het de AI</span>
        </button>
      </div>

      <div className="flex flex-wrap items-center justify-center gap-3 text-sm text-gray-500 dark:text-gray-400">
        <span>Populaire zoekopdrachten</span>

        <div className="flex flex-wrap justify-center gap-1">
          {['facturen', 'betalingen', 'integraties'].map((term) => (
                              <button
                                key={term}
                                type="button"
                                data-popular-search
                                data-term={term}
                                className="rounded-md bg-gray-100 px-1.5 py-1 font-mono text-xs font-bold uppercase tracking-tight text-gray-600 transition hover:bg-gray-200 dark:bg-white/10 dark:text-gray-300 dark:hover:bg-white/15"
                              >
                                {term.toUpperCase()}
                              </button>
                            ))}
        </div>
      </div>
    </div>
  </div>

  <div className="flex flex-col gap-4">
    <h3 className="text-base font-medium text-gray-900 dark:text-gray-50">Uitgelichte gidsen</h3>

    <Columns cols={3}>
      <Card horizontal icon="rocket" iconType="light" title="Aan de slag" href="/introductie">
        Account instellen, administraties en je eerste factuur
      </Card>

      <Card horizontal icon="file-text" iconType="light" title="Factureren & offertes" href="/facturen/overzicht">
        Facturen en offertes maken, versturen en beheren
      </Card>

      <Card horizontal icon="credit-card" iconType="light" title="Betalingen & bankzaken" href="/betalingen/mollie">
        Mollie, SEPA-incasso en bankkoppelingen
      </Card>
    </Columns>
  </div>

  ***

  <div className="flex flex-col gap-4">
    <h3 className="text-base font-medium text-gray-900 dark:text-gray-50">Alle gidsen</h3>

    <Columns cols={3}>
      <Card title="Aan de slag" icon="rocket" iconType="light" href="/introductie" cta="5 artikelen">
        Account instellen, 2FA, inloggen, administraties en het dashboard
      </Card>

      <Card title="Factureren" icon="file-text" iconType="light" href="/facturen/overzicht" cta="11 artikelen">
        Facturen maken, versturen, inplannen, herinneren, crediteren en exporteren
      </Card>

      <Card title="Offertes" icon="file-chart-bar" iconType="light" href="/offertes/overzicht" cta="5 artikelen">
        Offertes opstellen, sjablonen hergebruiken en online laten accorderen
      </Card>

      <Card title="Abonnementen" icon="repeat" iconType="light" href="/abonnementen/overzicht" cta="3 artikelen">
        Automatiseer facturen die op een vast schema worden verstuurd
      </Card>

      <Card title="Klanten & producten" icon="users" iconType="light" href="/klanten/overzicht" cta="7 artikelen">
        Klanten, producten, categorieën, voorraad en locaties beheren
      </Card>

      <Card title="Betalingen & bankzaken" icon="credit-card" iconType="light" href="/betalingen/mollie" cta="7 artikelen">
        Mollie, bunq.me, SEPA-incasso, bankkoppelingen en afletteren
      </Card>

      <Card title="Rit- & urenregistratie" icon="route" iconType="light" href="/registratie/overzicht" cta="4 artikelen">
        Voertuigen, ritten, kilometers en gewerkte uren bijhouden
      </Card>

      <Card title="Productiviteit" icon="list-checks" iconType="light" href="/productiviteit/taken" cta="3 artikelen">
        Taken, de inbox voor inkomende e-mail en statistieken
      </Card>

      <Card title="Integraties" icon="plug" iconType="light" href="/integraties/overzicht" cta="5 artikelen">
        Exact Online, Minox, SharePoint en je eigen e-maildomein
      </Card>

      <Card title="Account & instellingen" icon="settings" iconType="light" href="/instellingen/administraties" cta="9 artikelen">
        Administraties, huisstijl, talen, gebruikers, notificaties en facturatie
      </Card>

      <Card title="Hulp & naslag" icon="life-buoy" iconType="light" href="/hulp" cta="2 artikelen">
        Krijg ondersteuning en zoek vaktermen op in de begrippenlijst
      </Card>
    </Columns>
  </div>

  ***

  <div className="flex flex-col gap-2">
    <h3 className="text-base font-medium text-gray-900 dark:text-gray-50">Aanbevolen artikelen</h3>

    <p className="text-base text-gray-600 dark:text-gray-400">
      Populaire startpunten in het TRONVoice Helpcentrum
    </p>
  </div>

  <Columns cols={2} className="suggested-articles">
    <Card title="In een kwartier startklaar" icon="timer" iconType="light" href="/snel-aan-de-slag" cta="Lees artikel">
      Het snelste pad van aanmelden tot je eerste verstuurde factuur: administraties, klanten en credits.
    </Card>

    <Card title="SEPA-incasso instellen" icon="landmark" iconType="light" href="/betalingen/sepa-incasso" cta="Lees artikel">
      Int je facturen automatisch via SEPA-machtigingen van Mollie.
    </Card>

    <Card title="Exact Online koppelen" icon="book-open" iconType="light" href="/integraties/exact-online" cta="Lees artikel">
      Synchroniseer facturen en klanten met je Exact Online-boekhouding.
    </Card>

    <Card title="Betalingsherinneringen versturen" icon="bell" iconType="light" href="/facturen/herinneringen" cta="Lees artikel">
      Automatiseer herinneringen in meerdere stappen voor vervallen facturen met aanpasbare e-mailsjablonen.
    </Card>
  </Columns>
</div>
