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

# Introduction

> Simplify compliance and build faster with our catalogue of provably untampered LLMs and hardened containers.

export const HeroCard = ({filename, title, description, href}) => {
  return <a className="group cursor-pointer pb-8" href={href}>
      <img src={`/assets/cards/${filename}.webp`} className="pointer-events-none group-hover:scale-105 transition-all duration-100 rounded-lg" alt={title} />
      <h3 className="mt-5 text-gray-900 dark:text-zinc-50 font-medium">
        {title}
      </h3>
      <span className="mt-1.5 text-gray-500 dark:text-zinc-500">{description}</span>
    </a>;
};

<div className="relative">
  <div className="absolute top-0 left-0 right-0 pointer-events-none overflow-hidden">
    <div className="block dark:hidden opacity-30">
      <svg className="w-full h-auto" viewBox="0 0 1920 600" fill="none" xmlns="http://www.w3.org/2000/svg">
        <circle cx="200" cy="100" r="120" fill="#DBEAFE" opacity="0.5" />

        <circle cx="1600" cy="200" r="150" fill="#E0E7FF" opacity="0.4" />

        <circle cx="800" cy="400" r="100" fill="#BFDBFE" opacity="0.3" />

        <path d="M0 300 Q 480 200, 960 300 T 1920 300 L 1920 600 L 0 600 Z" fill="#EFF6FF" opacity="0.2" />
      </svg>
    </div>

    <div className="hidden dark:block opacity-20">
      <svg className="w-full h-auto" viewBox="0 0 1920 600" fill="none" xmlns="http://www.w3.org/2000/svg">
        <circle cx="200" cy="100" r="120" fill="#1E3A8A" opacity="0.5" />

        <circle cx="1600" cy="200" r="150" fill="#312E81" opacity="0.4" />

        <circle cx="800" cy="400" r="100" fill="#1E40AF" opacity="0.3" />

        <path d="M0 300 Q 480 200, 960 300 T 1920 300 L 1920 600 L 0 600 Z" fill="#1E3A8A" opacity="0.2" />
      </svg>
    </div>
  </div>

  <div className="relative z-10 px-4 py-12 max-w-3xl mx-auto">
    <h1 className="block text-4xl font-medium text-center text-gray-900 dark:text-zinc-50 tracking-tight">
      Documentation
    </h1>

    <div className="max-w-xl mx-auto px-4 mt-4 text-lg text-center text-gray-500 dark:text-zinc-500">
      Simplify compliance and build faster with our catalogue of provably untampered LLMs and hardened containers.
    </div>

    <div className="px-6 lg:px-0 mt-12 grid sm:grid-cols-2 gap-x-6 gap-y-4">
      <HeroCard filename="rocket" title="Quickstart" description="Run your first model in minutes with pre-built container images" href="/registry/quickstart/laptop" />

      <HeroCard filename="cli" title="CLI Installation" description="Install the RamaLama CLI for local development and testing" href="/registry/getting_started/oss" />

      <HeroCard filename="deployment" title="Deployment" description="Deploy to production with Docker Compose or Kubernetes" href="/registry/deploying/local" />

      <HeroCard filename="education" title="Education" description="Learn about security, SBOMs, and vulnerability management" href="/registry/education/CVE" />
    </div>
  </div>
</div>
