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

# TEST Index

> Short visible description for testing

export const ASSET_BASE = typeof window !== 'undefined' && window.location.pathname.startsWith('/docs') ? '/docs' : '';

export const HeroCard = ({filename, darkFilename: darkFilenameProp, title, body}) => {
  const darkFilename = darkFilenameProp || (filename ? filename.replace('-light.', '-dark.') : null);
  return <a href="/quickstart" className="block no-underline rounded-xl border border-gray-200 dark:border-zinc-800 overflow-hidden">
            <img src={`${ASSET_BASE}/images/${filename}`} className="block dark:hidden w-full h-48 object-cover" alt="" />
            <img src={`${ASSET_BASE}/images/${darkFilename}`} className="hidden dark:block w-full h-48 object-cover" alt="" />
            <div className="p-4">
                <h3 className="text-lg font-semibold mt-0">{title}</h3>
                <p className="text-sm text-gray-500 dark:text-zinc-400">{body}</p>
            </div>
        </a>;
};

# Hero cards (dynamic src — the pattern that 404s under /docs)

<div className="grid grid-cols-1 sm:grid-cols-2 gap-4">
  <HeroCard filename="hero-light.png" title="Auto light/dark" body="darkFilename defaults to the -light. → -dark. swap (hero-dark.png)." />

  <HeroCard filename="hero-light.png" darkFilename="lebron.png" title="Explicit dark image" body="darkFilename prop overrides the auto swap." />
</div>

## Control: static src (Mintlify rewrites this one automatically)

<img src="https://mintcdn.com/roycepersonal/yJEcAhAr4Qa98dvt/images/lebron.png?fit=max&auto=format&n=yJEcAhAr4Qa98dvt&q=85&s=8b9274774b4f0a7ba01cd1a57c271c5b" alt="" className="rounded-xl mt-4 w-full max-w-md" width="600" height="436" data-path="images/lebron.png" />