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

# Hem

> Välkommen till Tenovos hjälpcenter. Guider för fastighetsförvaltning, hyreskontrakt, hyresgäster och mer.

<div 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">
      Tenovo Hjälpcenter
    </h1>

    <p className="text-balance text-base leading-relaxed tracking-tight text-gray-600 dark:text-gray-400">
      Allt du behöver för att komma igång och hantera dina fastigheter, hyresgäster och kontrakt smidigt.
    </p>
  </div>

  <div className="grid grid-cols-1 gap-4 sm:grid-cols-2">
    <Card title={<span className="product-guide-feature-card-title">Kom igång</span>} icon="rocket" href="/kom-igang" className="product-guide-feature-card" size={64}>
      <span className="product-guide-feature-card-description">Skapa din organisation, bjud in kollegor och lär dig grunderna.</span>
    </Card>

    <a href="/fastigheter/oversikt" 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="building-2" color="rgb(var(--primary))" size={18} className="shrink-0" />

      <div className="flex flex-col gap-1">
        <span className="font-sans text-base font-medium text-gray-900 dark:text-gray-50">Fastigheter & hyresobjekt</span>

        <span className="text-sm leading-relaxed text-gray-600 dark:text-gray-400">
          Hantera fastigheter, lägenheter och lokaler på ett ställe.
        </span>
      </div>
    </a>

    <a href="/hyresgaster/oversikt" 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="users" color="rgb(var(--primary))" size={18} className="shrink-0" />

      <div className="flex flex-col gap-1">
        <span className="font-sans text-base font-medium text-gray-900 dark:text-gray-50">Hyresgäster</span>

        <span className="text-sm leading-relaxed text-gray-600 dark:text-gray-400">
          Håll koll på hyresgäster, kontaktuppgifter och inbjudningar.
        </span>
      </div>
    </a>

    <a href="/avtal/oversikt" 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="file-text" color="rgb(var(--primary))" size={18} className="shrink-0" />

      <div className="flex flex-col gap-1">
        <span className="font-sans text-base font-medium text-gray-900 dark:text-gray-50">Hyreskontrakt</span>

        <span className="text-sm leading-relaxed text-gray-600 dark:text-gray-400">
          Skapa, signera och följ upp hyreskontrakt med BankID.
        </span>
      </div>
    </a>

    <a href="/hyror/oversikt" 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="banknote" color="rgb(var(--primary))" size={18} className="shrink-0" />

      <div className="flex flex-col gap-1">
        <span className="font-sans text-base font-medium text-gray-900 dark:text-gray-50">Hyresaviseringar & betalningar</span>

        <span className="text-sm leading-relaxed text-gray-600 dark:text-gray-400">
          Skapa aviseringar, skicka påminnelser och stäm av betalningar.
        </span>
      </div>
    </a>

    <a href="/felanmalan/oversikt" 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="wrench" color="rgb(var(--primary))" size={18} className="shrink-0" />

      <div className="flex flex-col gap-1">
        <span className="font-sans text-base font-medium text-gray-900 dark:text-gray-50">Felanmälan</span>

        <span className="text-sm leading-relaxed text-gray-600 dark:text-gray-400">
          Ta emot och hantera felanmälningar från hyresgäster.
        </span>
      </div>
    </a>

    <a href="/hyresgastportalen/oversikt" 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="door-open" color="rgb(var(--primary))" size={18} className="shrink-0" />

      <div className="flex flex-col gap-1">
        <span className="font-sans text-base font-medium text-gray-900 dark:text-gray-50">Hyresgästportalen</span>

        <span className="text-sm leading-relaxed text-gray-600 dark:text-gray-400">
          Vad hyresgäster kan göra i sin portal – kontrakt, betalningar, förbrukning och felanmälan.
        </span>
      </div>
    </a>

    <a href="/ai-assistent" 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="sparkles" color="rgb(var(--primary))" size={18} className="shrink-0" />

      <div className="flex flex-col gap-1">
        <span className="font-sans text-base font-medium text-gray-900 dark:text-gray-50">Fastighetsassistenten</span>

        <span className="text-sm leading-relaxed text-gray-600 dark:text-gray-400">
          Ställ frågor om din portfölj och utför uppgifter direkt i chatten.
        </span>
      </div>
    </a>

    <a href="/kalender/oversikt" 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="calendar" color="rgb(var(--primary))" size={18} className="shrink-0" />

      <div className="flex flex-col gap-1">
        <span className="font-sans text-base font-medium text-gray-900 dark:text-gray-50">Kalender</span>

        <span className="text-sm leading-relaxed text-gray-600 dark:text-gray-400">
          Planera händelser och synkronisera med Google eller Outlook.
        </span>
      </div>
    </a>
  </div>

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

  <div className="flex flex-col gap-4">
    <h2 className="font-sans text-xl font-medium leading-normal text-gray-900 dark:text-gray-50">Vanliga uppgifter</h2>

    <div className="grid grid-cols-1 gap-4 sm:grid-cols-2">
      <a href="/fastigheter/lagga-till-fastighet" 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="map-pin" color="rgb(var(--primary))" size={18} className="shrink-0" />

        <div className="flex flex-col gap-1">
          <span className="font-sans text-base font-medium text-gray-900 dark:text-gray-50">Lägg till en fastighet</span>

          <span className="text-sm leading-relaxed text-gray-600 dark:text-gray-400">
            Registrera adress, beteckning och detaljer för en ny fastighet.
          </span>
        </div>
      </a>

      <a href="/avtal/skapa-hyreskontrakt" 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="file-plus" color="rgb(var(--primary))" size={18} className="shrink-0" />

        <div className="flex flex-col gap-1">
          <span className="font-sans text-base font-medium text-gray-900 dark:text-gray-50">Skapa ett hyreskontrakt</span>

          <span className="text-sm leading-relaxed text-gray-600 dark:text-gray-400">
            Välj mall, fyll i villkor och koppla hyresgäst och objekt.
          </span>
        </div>
      </a>

      <a href="/avtal/signera-med-bankid" 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="pen-tool" color="rgb(var(--primary))" size={18} className="shrink-0" />

        <div className="flex flex-col gap-1">
          <span className="font-sans text-base font-medium text-gray-900 dark:text-gray-50">Signera med BankID</span>

          <span className="text-sm leading-relaxed text-gray-600 dark:text-gray-400">
            Signera kontrakt som hyresvärd eller skicka för signering till hyresgästen.
          </span>
        </div>
      </a>

      <a href="/hyresgaster/bjuda-in-till-portalen" 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="mail" color="rgb(var(--primary))" size={18} className="shrink-0" />

        <div className="flex flex-col gap-1">
          <span className="font-sans text-base font-medium text-gray-900 dark:text-gray-50">Bjud in hyresgäst till portalen</span>

          <span className="text-sm leading-relaxed text-gray-600 dark:text-gray-400">
            Skicka en inbjudan så hyresgästen kan se sitt kontrakt och hyror.
          </span>
        </div>
      </a>
    </div>
  </div>
</div>