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

# Academy

> Training Videos

export const HeroCard = ({filename, title, description, href}) => {
  return <a className="group cursor-pointer pb-8" href={href}>
      <img src={`https://raw.githubusercontent.com/t3gemstone/docs/refs/heads/main/images/${filename}.png`} className="block dark:hidden pointer-events-none group-hover:scale-105 transition-all duration-100" />
      <img src={`https://raw.githubusercontent.com/t3gemstone/docs/refs/heads/main/images/${filename}-dark.png`} className="pointer-events-none group-hover:scale-105 transition-all duration-100 hidden dark:block" />
      <h3 className="mt-5 text-gray-900 dark:text-zinc-50 font-medium">{title}</h3>
      <span className="mt-1.5">
        {description}
      </span>
    </a>;
};

<div className="relative">
  <div className="px-4 py-16 lg:py-48 lg:pb-24 max-w-3xl mx-auto">
    <h1 className="text-4xl font-medium text-center text-gray-900 dark:text-zinc-50 tracking-tight">
      Gemstone Training Videos
    </h1>

    <p className="max-w-xl mx-auto px-4 mt-4 text-lg text-center text-gray-500 dark:text-zinc-500">
      This section contains basic training videos prepared for beginners who have no prior experience with Linux, Embedded Software and Development Boards, and have never used Linux before. **(Under construction..)**
    </p>

    <div className="px-6 lg:px-0 mt-12 lg:mt-24 grid sm:grid-cols-3 gap-x-6 gap-y-4">
      <HeroCard filename="components" title="Linux Basics" description="Learn the basics of installing and using Linux on your computer" />

      <HeroCard filename="components" title="Gemstone Setup and Usage" description="Get your board ready after purchase" />

      <HeroCard filename="components" title="Software Development with Gemstone" description="Develop software on Gemstone" />

      <HeroCard filename="components" title="Gemstone Hardware and Software Customization" description="Customize by getting to know the hardware and software more closely" />

      <HeroCard filename="components" title="Gemstone Projects" description="Develop unmanned vehicles or various IoT projects" />

      <HeroCard filename="components" title="Community Contributions" description="Explore projects made by the community" />
    </div>
  </div>
</div>