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

# Discover

> Discover all the best resource packs below!

export const HeroCard = ({img, title, description, href, tag}) => {
  return <a className="block overflow-hidden shadow-lg hover:shadow-xl transition-all duration-300 cursor-pointer border border-gray-200 dark:border-gray-700 rounded-lg hover:transform hover:scale-105" href={href}>
      <div className="relative">
        <img src={img} className="w-full h-48 object-cover" alt={title} />
      </div>
      <div className="p-4">
        <h2 className="text-xl font-bold text-gray-900 dark:text-white mb-2">{title}</h2>
        <p className="text-gray-600 dark:text-gray-400 mb-2">{description}</p>
        {tag && <span className="inline-block bg-white dark:bg-gray-800 text-gray-800 dark:text-gray-200 text-xs font-bold px-2 py-1 rounded-md text-[10px]">
            {tag}
          </span>}
      </div>
    </a>;
};

<CardGroup cols={2}>
  <HeroCard img="https://cdn.modrinth.com/data/5aPp18Lx/images/2306a8172f5af204fdead74b7966774cbe3c381a.png" title="3D Default" description="A light-weight resource pack mainly provide vanilla-look 3D models" href="/resourcepacks/3ddefault" tag="Models | Blocks | Vanilla-like" />

  <HeroCard img="https://cdn.modrinth.com/data/ti9eZ3CP/images/910765dbb6130f0412457770b7620568ee76be08.png" title="3D Ladders" description="Changes and improves the model for the ladders making them 3D!" href="/resourcepacks/3dladders" tag="Fabric" />
</CardGroup>