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

# LILT AI Platform

> Create high-quality communications in multiple languages, quickly.

<img src="https://mintcdn.com/lilt-db26f913/V9CjqaM-WLZtCX3e/images/bg-triangle-pink-light.svg?fit=max&auto=format&n=V9CjqaM-WLZtCX3e&q=85&s=c5ae876af47dfd7959e3be653d073f97" alt="" className="triangle-bg" width="1145" height="2290" data-path="images/bg-triangle-pink-light.svg" />

export const HeroCard = ({filename, title, description, href}) => {
  return <a className="card block font-normal group flex flex-col ring-2 ring-transparent rounded-2xl bg-white dark:bg-background-dark border border-gray-950/10 dark:border-white/10 overflow-hidden w-full cursor-pointer hover:!border-primary dark:hover:!border-primary-light" href={href}>
      <img src={`/images/${filename}_light.svg`} className="pointer-events-none group-hover:scale-105 transition-all duration-100 block w-full h-auto my-0 dark:hidden" />
      <img src={`/images/${filename}.svg`} className="pointer-events-none group-hover:scale-105 transition-all duration-100 hidden w-full h-auto my-0 dark:block" />
      <div className="px-6 py-5 relative flex-1">
        <h3 className="my-0 text-gray-900 dark:text-zinc-50">
          {title}
        </h3>
        <span>{description}</span>
      </div>
    </a>;
};

<div className="px-6 lg:px-0 mt-12 grid sm:grid-cols-2 gap-x-4 gap-y-4 items-start">
  <HeroCard filename="hero_using" title="Overview" description="In-depth look at the LILT Platform" href="/kb/what-is-lilt" />

  <HeroCard filename="hero_quickstart" title="Self-Managed" description="Run LILT in your environment" href="/kb/lilt-system-architecture" />

  <HeroCard filename="hero_developers" title="Developers" description="Integrate LILT in your application" href="/developers/introduction" />

  <HeroCard filename="hero_translators" title="Linguists" description="Guide for professional linguists" href="/kb/introduction-to-lilt-translate" />
</div>