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

# Best AI Tools in 2026

> We manually reviewed thousands of AI tools and ranked the best in each category, from chatbots and coding agents to image, video, and business tools.

We've manually reviewed thousands of AI tools and ranked the best in each category. Start with the popular categories, or browse everything by area.

<span role="heading" aria-level="2" className="block not-prose mb-3 mt-8 text-xs font-semibold uppercase tracking-wide text-zinc-400 dark:text-zinc-500">Popular categories</span>

<div className="not-prose" style={{ display: "grid", gridTemplateColumns: "repeat(auto-fill, minmax(300px, 1fr))", gap: "12px" }}>
  <a href="/tools/ai-coding" className="not-prose group flex min-w-0 flex-col rounded-xl border border-zinc-200 bg-white p-4 no-underline transition-colors hover:border-zinc-300 dark:border-white/10 dark:bg-white/[0.03] dark:hover:border-white/20">
    <span role="heading" aria-level="3" className="m-0 block text-[15px] font-semibold leading-6 text-zinc-950 dark:text-white">Coding Agents</span>
    <span className="mt-1 block flex-1 text-[13px] leading-5 text-zinc-500 dark:text-zinc-400">Terminal and IDE agents that plan, edit, and run code.</span>

    <span className="mt-3.5 flex items-center justify-between gap-3 border-t border-zinc-100 pt-3 dark:border-white/5">
      <span className="flex items-center"><span className="flex items-center"><img src="https://mintcdn.com/usefulai/C5xOaAf4Os-Vu41o/images/icons/48/claude.com.png?fit=max&auto=format&n=C5xOaAf4Os-Vu41o&q=85&s=e324f28e31e44610382fa8cbd78b8468" alt="" noZoom className="h-6 w-6 shrink-0 rounded-md border-2 border-white bg-white object-contain dark:border-zinc-900 dark:bg-zinc-900" width="48" height="48" data-path="images/icons/48/claude.com.png" /><img src="https://mintcdn.com/usefulai/VO-39uGyUn-FtcaD/images/icons/48/cursor.com.png?fit=max&auto=format&n=VO-39uGyUn-FtcaD&q=85&s=3472188040350aa6fc703d0d14923751" alt="" noZoom className="h-6 w-6 shrink-0 rounded-md border-2 border-white bg-white object-contain dark:border-zinc-900 dark:bg-zinc-900" width="48" height="48" data-path="images/icons/48/cursor.com.png" /><img src="https://mintcdn.com/usefulai/C5xOaAf4Os-Vu41o/images/icons/48/openai.com.png?fit=max&auto=format&n=C5xOaAf4Os-Vu41o&q=85&s=21ac965dc6ee5751127e6d435043629b" alt="" noZoom className="h-6 w-6 shrink-0 rounded-md border-2 border-white bg-white object-contain dark:border-zinc-900 dark:bg-zinc-900" width="48" height="48" data-path="images/icons/48/openai.com.png" /><img src="https://mintcdn.com/usefulai/82PG1Up2qz4DPkMj/images/icons/48/github.com.png?fit=max&auto=format&n=82PG1Up2qz4DPkMj&q=85&s=428c02db7ed3f5dc78be2e665f3142c1" alt="" noZoom className="h-6 w-6 shrink-0 rounded-md border-2 border-white bg-white object-contain dark:border-zinc-900 dark:bg-zinc-900" width="48" height="48" data-path="images/icons/48/github.com.png" /></span><span className="ml-0.5 inline-flex shrink-0 items-center justify-center rounded-md border-2 border-white bg-zinc-100 text-[10px] font-semibold tabular-nums text-zinc-600 dark:border-zinc-900 dark:bg-white/10 dark:text-zinc-300" style={{ width: "24px", height: "24px" }}>+3</span></span>
      <span className="flex shrink-0 items-center gap-1 text-[13px] font-medium text-zinc-500 transition-colors group-hover:text-zinc-900 dark:text-zinc-400 dark:group-hover:text-white">View <Icon icon="chevron-right" size={10} /></span>
    </span>
  </a>

  <a href="/tools/ai-chatbots" className="not-prose group flex min-w-0 flex-col rounded-xl border border-zinc-200 bg-white p-4 no-underline transition-colors hover:border-zinc-300 dark:border-white/10 dark:bg-white/[0.03] dark:hover:border-white/20">
    <span role="heading" aria-level="3" className="m-0 block text-[15px] font-semibold leading-6 text-zinc-950 dark:text-white">Chatbots</span>
    <span className="mt-1 block flex-1 text-[13px] leading-5 text-zinc-500 dark:text-zinc-400">General assistants for writing, research, and everyday questions.</span>

    <span className="mt-3.5 flex items-center justify-between gap-3 border-t border-zinc-100 pt-3 dark:border-white/5">
      <span className="flex items-center"><span className="flex items-center"><img src="https://mintcdn.com/usefulai/C5xOaAf4Os-Vu41o/images/icons/48/chatgpt.com.png?fit=max&auto=format&n=C5xOaAf4Os-Vu41o&q=85&s=5e7f3de17cf2c7fc46864bfdcb97b95e" alt="" noZoom className="h-6 w-6 shrink-0 rounded-md border-2 border-white bg-white object-contain dark:border-zinc-900 dark:bg-zinc-900" width="48" height="48" data-path="images/icons/48/chatgpt.com.png" /><img src="https://mintcdn.com/usefulai/C5xOaAf4Os-Vu41o/images/icons/48/gemini.google.png?fit=max&auto=format&n=C5xOaAf4Os-Vu41o&q=85&s=aa47ce39666a073c254a6e37037bbf0e" alt="" noZoom className="h-6 w-6 shrink-0 rounded-md border-2 border-white bg-white object-contain dark:border-zinc-900 dark:bg-zinc-900" width="48" height="48" data-path="images/icons/48/gemini.google.png" /><img src="https://mintcdn.com/usefulai/C5xOaAf4Os-Vu41o/images/icons/48/claude.com.png?fit=max&auto=format&n=C5xOaAf4Os-Vu41o&q=85&s=e324f28e31e44610382fa8cbd78b8468" alt="" noZoom className="h-6 w-6 shrink-0 rounded-md border-2 border-white bg-white object-contain dark:border-zinc-900 dark:bg-zinc-900" width="48" height="48" data-path="images/icons/48/claude.com.png" /><img src="https://mintcdn.com/usefulai/C5xOaAf4Os-Vu41o/images/icons/48/deepseek.com.png?fit=max&auto=format&n=C5xOaAf4Os-Vu41o&q=85&s=b569655af7e98e3467f2aa4cea601b70" alt="" noZoom className="h-6 w-6 shrink-0 rounded-md border-2 border-white bg-white object-contain dark:border-zinc-900 dark:bg-zinc-900" width="48" height="48" data-path="images/icons/48/deepseek.com.png" /></span><span className="ml-0.5 inline-flex shrink-0 items-center justify-center rounded-md border-2 border-white bg-zinc-100 text-[10px] font-semibold tabular-nums text-zinc-600 dark:border-zinc-900 dark:bg-white/10 dark:text-zinc-300" style={{ width: "24px", height: "24px" }}>+3</span></span>
      <span className="flex shrink-0 items-center gap-1 text-[13px] font-medium text-zinc-500 transition-colors group-hover:text-zinc-900 dark:text-zinc-400 dark:group-hover:text-white">View <Icon icon="chevron-right" size={10} /></span>
    </span>
  </a>

  <a href="/tools/ai-search-engines" className="not-prose group flex min-w-0 flex-col rounded-xl border border-zinc-200 bg-white p-4 no-underline transition-colors hover:border-zinc-300 dark:border-white/10 dark:bg-white/[0.03] dark:hover:border-white/20">
    <span role="heading" aria-level="3" className="m-0 block text-[15px] font-semibold leading-6 text-zinc-950 dark:text-white">Search Engines</span>
    <span className="mt-1 block flex-1 text-[13px] leading-5 text-zinc-500 dark:text-zinc-400">Answer engines that cite sources instead of listing links.</span>

    <span className="mt-3.5 flex items-center justify-between gap-3 border-t border-zinc-100 pt-3 dark:border-white/5">
      <span className="flex items-center"><span className="flex items-center"><img src="https://mintcdn.com/usefulai/5lUOF1e9a_45-p1Q/images/icons/48/perplexity.ai.png?fit=max&auto=format&n=5lUOF1e9a_45-p1Q&q=85&s=b17be2dbf13c92d6efa746f8a369c0c0" alt="" noZoom className="h-6 w-6 shrink-0 rounded-md border-2 border-white bg-white object-contain dark:border-zinc-900 dark:bg-zinc-900" width="48" height="48" data-path="images/icons/48/perplexity.ai.png" /><img src="https://mintcdn.com/usefulai/C5xOaAf4Os-Vu41o/images/icons/48/chatgpt.com.png?fit=max&auto=format&n=C5xOaAf4Os-Vu41o&q=85&s=5e7f3de17cf2c7fc46864bfdcb97b95e" alt="" noZoom className="h-6 w-6 shrink-0 rounded-md border-2 border-white bg-white object-contain dark:border-zinc-900 dark:bg-zinc-900" width="48" height="48" data-path="images/icons/48/chatgpt.com.png" /><img src="https://mintcdn.com/usefulai/82PG1Up2qz4DPkMj/images/icons/48/google.com.png?fit=max&auto=format&n=82PG1Up2qz4DPkMj&q=85&s=d44aa6f953cf72e889c25d7f615750e5" alt="" noZoom className="h-6 w-6 shrink-0 rounded-md border-2 border-white bg-white object-contain dark:border-zinc-900 dark:bg-zinc-900" width="48" height="48" data-path="images/icons/48/google.com.png" /><img src="https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/claude.ai.png?fit=max&auto=format&n=DapqcZBWDcIyQCBz&q=85&s=fb415c7174f1e2e8f24101e1c7275b99" alt="" noZoom className="h-6 w-6 shrink-0 rounded-md border-2 border-white bg-white object-contain dark:border-zinc-900 dark:bg-zinc-900" width="48" height="48" data-path="images/icons/48/claude.ai.png" /></span><span className="ml-0.5 inline-flex shrink-0 items-center justify-center rounded-md border-2 border-white bg-zinc-100 text-[10px] font-semibold tabular-nums text-zinc-600 dark:border-zinc-900 dark:bg-white/10 dark:text-zinc-300" style={{ width: "24px", height: "24px" }}>+3</span></span>
      <span className="flex shrink-0 items-center gap-1 text-[13px] font-medium text-zinc-500 transition-colors group-hover:text-zinc-900 dark:text-zinc-400 dark:group-hover:text-white">View <Icon icon="chevron-right" size={10} /></span>
    </span>
  </a>

  <a href="/tools/ai-image-generators" className="not-prose group flex min-w-0 flex-col rounded-xl border border-zinc-200 bg-white p-4 no-underline transition-colors hover:border-zinc-300 dark:border-white/10 dark:bg-white/[0.03] dark:hover:border-white/20">
    <span role="heading" aria-level="3" className="m-0 block text-[15px] font-semibold leading-6 text-zinc-950 dark:text-white">Image Generators</span>
    <span className="mt-1 block flex-1 text-[13px] leading-5 text-zinc-500 dark:text-zinc-400">Turn text prompts into images, art, and product visuals.</span>

    <span className="mt-3.5 flex items-center justify-between gap-3 border-t border-zinc-100 pt-3 dark:border-white/5">
      <span className="flex items-center"><span className="flex items-center"><img src="https://mintcdn.com/usefulai/nqtrSJ8E-k7bZERT/images/icons/48/midjourney.com.png?fit=max&auto=format&n=nqtrSJ8E-k7bZERT&q=85&s=401bfc9b6d2139ac85e292f1516d04f3" alt="" noZoom className="h-6 w-6 shrink-0 rounded-md border-2 border-white bg-white object-contain dark:border-zinc-900 dark:bg-zinc-900" width="48" height="48" data-path="images/icons/48/midjourney.com.png" /><img src="https://mintcdn.com/usefulai/C5xOaAf4Os-Vu41o/images/icons/48/openai.com.png?fit=max&auto=format&n=C5xOaAf4Os-Vu41o&q=85&s=21ac965dc6ee5751127e6d435043629b" alt="" noZoom className="h-6 w-6 shrink-0 rounded-md border-2 border-white bg-white object-contain dark:border-zinc-900 dark:bg-zinc-900" width="48" height="48" data-path="images/icons/48/openai.com.png" /><img src="https://mintcdn.com/usefulai/nqtrSJ8E-k7bZERT/images/icons/48/ideogram.ai.png?fit=max&auto=format&n=nqtrSJ8E-k7bZERT&q=85&s=dd2df19cdfd92b4007f4383a4b30bf1d" alt="" noZoom className="h-6 w-6 shrink-0 rounded-md border-2 border-white bg-white object-contain dark:border-zinc-900 dark:bg-zinc-900" width="48" height="48" data-path="images/icons/48/ideogram.ai.png" /><img src="https://mintcdn.com/usefulai/nqtrSJ8E-k7bZERT/images/icons/48/adobe.com.png?fit=max&auto=format&n=nqtrSJ8E-k7bZERT&q=85&s=8fb660cce1cc354b486fa6e04ca788cb" alt="" noZoom className="h-6 w-6 shrink-0 rounded-md border-2 border-white bg-white object-contain dark:border-zinc-900 dark:bg-zinc-900" width="48" height="48" data-path="images/icons/48/adobe.com.png" /></span><span className="ml-0.5 inline-flex shrink-0 items-center justify-center rounded-md border-2 border-white bg-zinc-100 text-[10px] font-semibold tabular-nums text-zinc-600 dark:border-zinc-900 dark:bg-white/10 dark:text-zinc-300" style={{ width: "24px", height: "24px" }}>+4</span></span>
      <span className="flex shrink-0 items-center gap-1 text-[13px] font-medium text-zinc-500 transition-colors group-hover:text-zinc-900 dark:text-zinc-400 dark:group-hover:text-white">View <Icon icon="chevron-right" size={10} /></span>
    </span>
  </a>

  <a href="/tools/ai-video-generators" className="not-prose group flex min-w-0 flex-col rounded-xl border border-zinc-200 bg-white p-4 no-underline transition-colors hover:border-zinc-300 dark:border-white/10 dark:bg-white/[0.03] dark:hover:border-white/20">
    <span role="heading" aria-level="3" className="m-0 block text-[15px] font-semibold leading-6 text-zinc-950 dark:text-white">Video Generators</span>
    <span className="mt-1 block flex-1 text-[13px] leading-5 text-zinc-500 dark:text-zinc-400">Generate video clips from text, images, or storyboards.</span>

    <span className="mt-3.5 flex items-center justify-between gap-3 border-t border-zinc-100 pt-3 dark:border-white/5">
      <span className="flex items-center"><span className="flex items-center"><img src="https://mintcdn.com/usefulai/l7VvOQRaLYXIepti/images/icons/48/kling.ai.png?fit=max&auto=format&n=l7VvOQRaLYXIepti&q=85&s=d802a1b48def1314e893ece1496ec2b4" alt="" noZoom className="h-6 w-6 shrink-0 rounded-md border-2 border-white bg-white object-contain dark:border-zinc-900 dark:bg-zinc-900" width="48" height="48" data-path="images/icons/48/kling.ai.png" /><img src="https://mintcdn.com/usefulai/l7VvOQRaLYXIepti/images/icons/48/runwayml.com.png?fit=max&auto=format&n=l7VvOQRaLYXIepti&q=85&s=a7a8ae905423e5309527772405d76485" alt="" noZoom className="h-6 w-6 shrink-0 rounded-md border-2 border-white bg-white object-contain dark:border-zinc-900 dark:bg-zinc-900" width="48" height="48" data-path="images/icons/48/runwayml.com.png" /><img src="https://mintcdn.com/usefulai/l7VvOQRaLYXIepti/images/icons/48/lumalabs.ai.png?fit=max&auto=format&n=l7VvOQRaLYXIepti&q=85&s=d2775ac36b19cb06af7877bfddcff85c" alt="" noZoom className="h-6 w-6 shrink-0 rounded-md border-2 border-white bg-white object-contain dark:border-zinc-900 dark:bg-zinc-900" width="48" height="48" data-path="images/icons/48/lumalabs.ai.png" /><img src="https://mintcdn.com/usefulai/C5xOaAf4Os-Vu41o/images/icons/48/gemini.google.png?fit=max&auto=format&n=C5xOaAf4Os-Vu41o&q=85&s=aa47ce39666a073c254a6e37037bbf0e" alt="" noZoom className="h-6 w-6 shrink-0 rounded-md border-2 border-white bg-white object-contain dark:border-zinc-900 dark:bg-zinc-900" width="48" height="48" data-path="images/icons/48/gemini.google.png" /></span><span className="ml-0.5 inline-flex shrink-0 items-center justify-center rounded-md border-2 border-white bg-zinc-100 text-[10px] font-semibold tabular-nums text-zinc-600 dark:border-zinc-900 dark:bg-white/10 dark:text-zinc-300" style={{ width: "24px", height: "24px" }}>+4</span></span>
      <span className="flex shrink-0 items-center gap-1 text-[13px] font-medium text-zinc-500 transition-colors group-hover:text-zinc-900 dark:text-zinc-400 dark:group-hover:text-white">View <Icon icon="chevron-right" size={10} /></span>
    </span>
  </a>

  <a href="/tools/ai-voice-generators" className="not-prose group flex min-w-0 flex-col rounded-xl border border-zinc-200 bg-white p-4 no-underline transition-colors hover:border-zinc-300 dark:border-white/10 dark:bg-white/[0.03] dark:hover:border-white/20">
    <span role="heading" aria-level="3" className="m-0 block text-[15px] font-semibold leading-6 text-zinc-950 dark:text-white">Voice Generators</span>
    <span className="mt-1 block flex-1 text-[13px] leading-5 text-zinc-500 dark:text-zinc-400">Realistic text-to-speech and AI voice cloning.</span>

    <span className="mt-3.5 flex items-center justify-between gap-3 border-t border-zinc-100 pt-3 dark:border-white/5">
      <span className="flex items-center"><span className="flex items-center"><img src="https://mintcdn.com/usefulai/gagbTTg8B6ywPGFE/images/icons/48/elevenlabs.io.png?fit=max&auto=format&n=gagbTTg8B6ywPGFE&q=85&s=9ccd00090a9c5a9e6c7cf96aed97349a" alt="" noZoom className="h-6 w-6 shrink-0 rounded-md border-2 border-white bg-white object-contain dark:border-zinc-900 dark:bg-zinc-900" width="48" height="48" data-path="images/icons/48/elevenlabs.io.png" /><img src="https://mintcdn.com/usefulai/JZ9fR2-fsND2566q/images/icons/48/murf.ai.png?fit=max&auto=format&n=JZ9fR2-fsND2566q&q=85&s=67cb1b0facffa8d71968300c5a10b9b7" alt="" noZoom className="h-6 w-6 shrink-0 rounded-md border-2 border-white bg-white object-contain dark:border-zinc-900 dark:bg-zinc-900" width="48" height="48" data-path="images/icons/48/murf.ai.png" /><img src="https://mintcdn.com/usefulai/JZ9fR2-fsND2566q/images/icons/48/play.ht.png?fit=max&auto=format&n=JZ9fR2-fsND2566q&q=85&s=56cb799614c717e3eccfc2c6dd261a69" alt="" noZoom className="h-6 w-6 shrink-0 rounded-md border-2 border-white bg-white object-contain dark:border-zinc-900 dark:bg-zinc-900" width="48" height="48" data-path="images/icons/48/play.ht.png" /><img src="https://mintcdn.com/usefulai/BapVfRsLI8g6LXdP/images/icons/48/speechify.com.png?fit=max&auto=format&n=BapVfRsLI8g6LXdP&q=85&s=154b6ad4b5676329264bfa2599f47b00" alt="" noZoom className="h-6 w-6 shrink-0 rounded-md border-2 border-white bg-white object-contain dark:border-zinc-900 dark:bg-zinc-900" width="48" height="48" data-path="images/icons/48/speechify.com.png" /></span><span className="ml-0.5 inline-flex shrink-0 items-center justify-center rounded-md border-2 border-white bg-zinc-100 text-[10px] font-semibold tabular-nums text-zinc-600 dark:border-zinc-900 dark:bg-white/10 dark:text-zinc-300" style={{ width: "24px", height: "24px" }}>+3</span></span>
      <span className="flex shrink-0 items-center gap-1 text-[13px] font-medium text-zinc-500 transition-colors group-hover:text-zinc-900 dark:text-zinc-400 dark:group-hover:text-white">View <Icon icon="chevron-right" size={10} /></span>
    </span>
  </a>

  <a href="/tools/ai-music-generators" className="not-prose group flex min-w-0 flex-col rounded-xl border border-zinc-200 bg-white p-4 no-underline transition-colors hover:border-zinc-300 dark:border-white/10 dark:bg-white/[0.03] dark:hover:border-white/20">
    <span role="heading" aria-level="3" className="m-0 block text-[15px] font-semibold leading-6 text-zinc-950 dark:text-white">Music Generators</span>
    <span className="mt-1 block flex-1 text-[13px] leading-5 text-zinc-500 dark:text-zinc-400">Create full songs and instrumentals from a prompt.</span>

    <span className="mt-3.5 flex items-center justify-between gap-3 border-t border-zinc-100 pt-3 dark:border-white/5">
      <span className="flex items-center"><span className="flex items-center"><img src="https://mintcdn.com/usefulai/BapVfRsLI8g6LXdP/images/icons/48/suno.ai.png?fit=max&auto=format&n=BapVfRsLI8g6LXdP&q=85&s=bdda8522e3b0b7802b8fce55db346ff5" alt="" noZoom className="h-6 w-6 shrink-0 rounded-md border-2 border-white bg-white object-contain dark:border-zinc-900 dark:bg-zinc-900" width="48" height="48" data-path="images/icons/48/suno.ai.png" /><img src="https://mintcdn.com/usefulai/gagbTTg8B6ywPGFE/images/icons/48/elevenmusic.io.png?fit=max&auto=format&n=gagbTTg8B6ywPGFE&q=85&s=3d7b3c7c505604fa6b12cd5e8ebc6a1c" alt="" noZoom className="h-6 w-6 shrink-0 rounded-md border-2 border-white bg-white object-contain dark:border-zinc-900 dark:bg-zinc-900" width="48" height="48" data-path="images/icons/48/elevenmusic.io.png" /><img src="https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/soundraw.io.png?fit=max&auto=format&n=DapqcZBWDcIyQCBz&q=85&s=669f03e30a76581c2d1cb229a03f2e66" alt="" noZoom className="h-6 w-6 shrink-0 rounded-md border-2 border-white bg-white object-contain dark:border-zinc-900 dark:bg-zinc-900" width="48" height="48" data-path="images/icons/48/soundraw.io.png" /><img src="https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/aiva.ai.png?fit=max&auto=format&n=DapqcZBWDcIyQCBz&q=85&s=117b6e6d58278ee16d1952e27d0000a8" alt="" noZoom className="h-6 w-6 shrink-0 rounded-md border-2 border-white bg-white object-contain dark:border-zinc-900 dark:bg-zinc-900" width="48" height="48" data-path="images/icons/48/aiva.ai.png" /></span><span className="ml-0.5 inline-flex shrink-0 items-center justify-center rounded-md border-2 border-white bg-zinc-100 text-[10px] font-semibold tabular-nums text-zinc-600 dark:border-zinc-900 dark:bg-white/10 dark:text-zinc-300" style={{ width: "24px", height: "24px" }}>+4</span></span>
      <span className="flex shrink-0 items-center gap-1 text-[13px] font-medium text-zinc-500 transition-colors group-hover:text-zinc-900 dark:text-zinc-400 dark:group-hover:text-white">View <Icon icon="chevron-right" size={10} /></span>
    </span>
  </a>

  <a href="/tools/ai-meeting-assistants" className="not-prose group flex min-w-0 flex-col rounded-xl border border-zinc-200 bg-white p-4 no-underline transition-colors hover:border-zinc-300 dark:border-white/10 dark:bg-white/[0.03] dark:hover:border-white/20">
    <span role="heading" aria-level="3" className="m-0 block text-[15px] font-semibold leading-6 text-zinc-950 dark:text-white">Meeting Assistants</span>
    <span className="mt-1 block flex-1 text-[13px] leading-5 text-zinc-500 dark:text-zinc-400">Record, transcribe, and summarize your meetings.</span>

    <span className="mt-3.5 flex items-center justify-between gap-3 border-t border-zinc-100 pt-3 dark:border-white/5">
      <span className="flex items-center"><span className="flex items-center"><img src="https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/granola.ai.png?fit=max&auto=format&n=DapqcZBWDcIyQCBz&q=85&s=943aa2915f437e6330140ec97893af16" alt="" noZoom className="h-6 w-6 shrink-0 rounded-md border-2 border-white bg-white object-contain dark:border-zinc-900 dark:bg-zinc-900" width="48" height="48" data-path="images/icons/48/granola.ai.png" /><img src="https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/fathom.ai.png?fit=max&auto=format&n=DapqcZBWDcIyQCBz&q=85&s=b96f755470c032bc29e1790cac705031" alt="" noZoom className="h-6 w-6 shrink-0 rounded-md border-2 border-white bg-white object-contain dark:border-zinc-900 dark:bg-zinc-900" width="48" height="48" data-path="images/icons/48/fathom.ai.png" /><img src="https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/fireflies.ai.png?fit=max&auto=format&n=DapqcZBWDcIyQCBz&q=85&s=223322e4574261bc4997df2a66c0fd02" alt="" noZoom className="h-6 w-6 shrink-0 rounded-md border-2 border-white bg-white object-contain dark:border-zinc-900 dark:bg-zinc-900" width="48" height="48" data-path="images/icons/48/fireflies.ai.png" /><img src="https://mintcdn.com/usefulai/DapqcZBWDcIyQCBz/images/icons/48/otter.ai.png?fit=max&auto=format&n=DapqcZBWDcIyQCBz&q=85&s=fa405d7b535ecbac722810938513c113" alt="" noZoom className="h-6 w-6 shrink-0 rounded-md border-2 border-white bg-white object-contain dark:border-zinc-900 dark:bg-zinc-900" width="48" height="48" data-path="images/icons/48/otter.ai.png" /></span><span className="ml-0.5 inline-flex shrink-0 items-center justify-center rounded-md border-2 border-white bg-zinc-100 text-[10px] font-semibold tabular-nums text-zinc-600 dark:border-zinc-900 dark:bg-white/10 dark:text-zinc-300" style={{ width: "24px", height: "24px" }}>+3</span></span>
      <span className="flex shrink-0 items-center gap-1 text-[13px] font-medium text-zinc-500 transition-colors group-hover:text-zinc-900 dark:text-zinc-400 dark:group-hover:text-white">View <Icon icon="chevron-right" size={10} /></span>
    </span>
  </a>

  <a href="/tools/ai-app-builders" className="not-prose group flex min-w-0 flex-col rounded-xl border border-zinc-200 bg-white p-4 no-underline transition-colors hover:border-zinc-300 dark:border-white/10 dark:bg-white/[0.03] dark:hover:border-white/20">
    <span role="heading" aria-level="3" className="m-0 block text-[15px] font-semibold leading-6 text-zinc-950 dark:text-white">App Builders</span>
    <span className="mt-1 block flex-1 text-[13px] leading-5 text-zinc-500 dark:text-zinc-400">Describe an app and get a working, deployable prototype.</span>

    <span className="mt-3.5 flex items-center justify-between gap-3 border-t border-zinc-100 pt-3 dark:border-white/5">
      <span className="flex items-center"><span className="flex items-center"><img src="https://mintcdn.com/usefulai/-BdB1T4cTAq9nNj4/images/icons/48/vercel.com.png?fit=max&auto=format&n=-BdB1T4cTAq9nNj4&q=85&s=77c9e07c12a238c1e8d97fc14fff0f9d" alt="" noZoom className="h-6 w-6 shrink-0 rounded-md border-2 border-white bg-white object-contain dark:border-zinc-900 dark:bg-zinc-900" width="48" height="48" data-path="images/icons/48/vercel.com.png" /><img src="https://mintcdn.com/usefulai/9N27p7NLhZ2kjGut/images/icons/48/lovable.dev.png?fit=max&auto=format&n=9N27p7NLhZ2kjGut&q=85&s=0e6394af84023778ce790cc744bfcf54" alt="" noZoom className="h-6 w-6 shrink-0 rounded-md border-2 border-white bg-white object-contain dark:border-zinc-900 dark:bg-zinc-900" width="48" height="48" data-path="images/icons/48/lovable.dev.png" /><img src="https://mintcdn.com/usefulai/9N27p7NLhZ2kjGut/images/icons/48/replit.com.png?fit=max&auto=format&n=9N27p7NLhZ2kjGut&q=85&s=623859342cfc2b5c0c8d04cf5aa2da79" alt="" noZoom className="h-6 w-6 shrink-0 rounded-md border-2 border-white bg-white object-contain dark:border-zinc-900 dark:bg-zinc-900" width="48" height="48" data-path="images/icons/48/replit.com.png" /><img src="https://mintcdn.com/usefulai/9N27p7NLhZ2kjGut/images/icons/48/bolt.new.png?fit=max&auto=format&n=9N27p7NLhZ2kjGut&q=85&s=334a11c85bcf247ee4acaf3151a68682" alt="" noZoom className="h-6 w-6 shrink-0 rounded-md border-2 border-white bg-white object-contain dark:border-zinc-900 dark:bg-zinc-900" width="48" height="48" data-path="images/icons/48/bolt.new.png" /></span><span className="ml-0.5 inline-flex shrink-0 items-center justify-center rounded-md border-2 border-white bg-zinc-100 text-[10px] font-semibold tabular-nums text-zinc-600 dark:border-zinc-900 dark:bg-white/10 dark:text-zinc-300" style={{ width: "24px", height: "24px" }}>+2</span></span>
      <span className="flex shrink-0 items-center gap-1 text-[13px] font-medium text-zinc-500 transition-colors group-hover:text-zinc-900 dark:text-zinc-400 dark:group-hover:text-white">View <Icon icon="chevron-right" size={10} /></span>
    </span>
  </a>

  <a href="/tools/ai-agent-builders" className="not-prose group flex min-w-0 flex-col rounded-xl border border-zinc-200 bg-white p-4 no-underline transition-colors hover:border-zinc-300 dark:border-white/10 dark:bg-white/[0.03] dark:hover:border-white/20">
    <span role="heading" aria-level="3" className="m-0 block text-[15px] font-semibold leading-6 text-zinc-950 dark:text-white">Agent Builders</span>
    <span className="mt-1 block flex-1 text-[13px] leading-5 text-zinc-500 dark:text-zinc-400">Frameworks and no-code tools to build custom AI agents.</span>

    <span className="mt-3.5 flex items-center justify-between gap-3 border-t border-zinc-100 pt-3 dark:border-white/5">
      <span className="flex items-center"><span className="flex items-center"><img src="https://mintcdn.com/usefulai/AV2yy8lLL0_-iTHA/images/icons/48/n8n.io.png?fit=max&auto=format&n=AV2yy8lLL0_-iTHA&q=85&s=ef28c7a8f61384f76307574070cc8ddb" alt="" noZoom className="h-6 w-6 shrink-0 rounded-md border-2 border-white bg-white object-contain dark:border-zinc-900 dark:bg-zinc-900" width="48" height="48" data-path="images/icons/48/n8n.io.png" /><img src="https://mintcdn.com/usefulai/9N27p7NLhZ2kjGut/images/icons/48/zapier.com.png?fit=max&auto=format&n=9N27p7NLhZ2kjGut&q=85&s=79b22207328f15bd4a9f6616986d781f" alt="" noZoom className="h-6 w-6 shrink-0 rounded-md border-2 border-white bg-white object-contain dark:border-zinc-900 dark:bg-zinc-900" width="48" height="48" data-path="images/icons/48/zapier.com.png" /><img src="https://mintcdn.com/usefulai/AV2yy8lLL0_-iTHA/images/icons/48/make.com.png?fit=max&auto=format&n=AV2yy8lLL0_-iTHA&q=85&s=6578b015461dc00137d1436346f2b262" alt="" noZoom className="h-6 w-6 shrink-0 rounded-md border-2 border-white bg-white object-contain dark:border-zinc-900 dark:bg-zinc-900" width="48" height="48" data-path="images/icons/48/make.com.png" /><img src="https://mintcdn.com/usefulai/9N27p7NLhZ2kjGut/images/icons/48/relevanceai.com.png?fit=max&auto=format&n=9N27p7NLhZ2kjGut&q=85&s=d75dcb29647849112768354a767bf3f5" alt="" noZoom className="h-6 w-6 shrink-0 rounded-md border-2 border-white bg-white object-contain dark:border-zinc-900 dark:bg-zinc-900" width="48" height="48" data-path="images/icons/48/relevanceai.com.png" /></span><span className="ml-0.5 inline-flex shrink-0 items-center justify-center rounded-md border-2 border-white bg-zinc-100 text-[10px] font-semibold tabular-nums text-zinc-600 dark:border-zinc-900 dark:bg-white/10 dark:text-zinc-300" style={{ width: "24px", height: "24px" }}>+12</span></span>
      <span className="flex shrink-0 items-center gap-1 text-[13px] font-medium text-zinc-500 transition-colors group-hover:text-zinc-900 dark:text-zinc-400 dark:group-hover:text-white">View <Icon icon="chevron-right" size={10} /></span>
    </span>
  </a>

  <a href="/tools/ai-autonomous-agents" className="not-prose group flex min-w-0 flex-col rounded-xl border border-zinc-200 bg-white p-4 no-underline transition-colors hover:border-zinc-300 dark:border-white/10 dark:bg-white/[0.03] dark:hover:border-white/20">
    <span role="heading" aria-level="3" className="m-0 block text-[15px] font-semibold leading-6 text-zinc-950 dark:text-white">Autonomous Agents</span>
    <span className="mt-1 block flex-1 text-[13px] leading-5 text-zinc-500 dark:text-zinc-400">Agents that plan and finish multi-step tasks on their own.</span>

    <span className="mt-3.5 flex items-center justify-between gap-3 border-t border-zinc-100 pt-3 dark:border-white/5">
      <span className="flex items-center"><span className="flex items-center"><img src="https://mintcdn.com/usefulai/C5xOaAf4Os-Vu41o/images/icons/48/claude.com.png?fit=max&auto=format&n=C5xOaAf4Os-Vu41o&q=85&s=e324f28e31e44610382fa8cbd78b8468" alt="" noZoom className="h-6 w-6 shrink-0 rounded-md border-2 border-white bg-white object-contain dark:border-zinc-900 dark:bg-zinc-900" width="48" height="48" data-path="images/icons/48/claude.com.png" /><img src="https://mintcdn.com/usefulai/9N27p7NLhZ2kjGut/images/icons/48/openclaw.ai.png?fit=max&auto=format&n=9N27p7NLhZ2kjGut&q=85&s=54cb64a61cbb3f924a3a26ac401b7721" alt="" noZoom className="h-6 w-6 shrink-0 rounded-md border-2 border-white bg-white object-contain dark:border-zinc-900 dark:bg-zinc-900" width="48" height="48" data-path="images/icons/48/openclaw.ai.png" /><img src="https://mintcdn.com/usefulai/5lUOF1e9a_45-p1Q/images/icons/48/perplexity.ai.png?fit=max&auto=format&n=5lUOF1e9a_45-p1Q&q=85&s=b17be2dbf13c92d6efa746f8a369c0c0" alt="" noZoom className="h-6 w-6 shrink-0 rounded-md border-2 border-white bg-white object-contain dark:border-zinc-900 dark:bg-zinc-900" width="48" height="48" data-path="images/icons/48/perplexity.ai.png" /><img src="https://mintcdn.com/usefulai/9N27p7NLhZ2kjGut/images/icons/48/manus.im.png?fit=max&auto=format&n=9N27p7NLhZ2kjGut&q=85&s=2beb0df1f340be708dc4fd6c0f3ec360" alt="" noZoom className="h-6 w-6 shrink-0 rounded-md border-2 border-white bg-white object-contain dark:border-zinc-900 dark:bg-zinc-900" width="48" height="48" data-path="images/icons/48/manus.im.png" /></span><span className="ml-0.5 inline-flex shrink-0 items-center justify-center rounded-md border-2 border-white bg-zinc-100 text-[10px] font-semibold tabular-nums text-zinc-600 dark:border-zinc-900 dark:bg-white/10 dark:text-zinc-300" style={{ width: "24px", height: "24px" }}>+3</span></span>
      <span className="flex shrink-0 items-center gap-1 text-[13px] font-medium text-zinc-500 transition-colors group-hover:text-zinc-900 dark:text-zinc-400 dark:group-hover:text-white">View <Icon icon="chevron-right" size={10} /></span>
    </span>
  </a>

  <a href="/tools/ai-browsers" className="not-prose group flex min-w-0 flex-col rounded-xl border border-zinc-200 bg-white p-4 no-underline transition-colors hover:border-zinc-300 dark:border-white/10 dark:bg-white/[0.03] dark:hover:border-white/20">
    <span role="heading" aria-level="3" className="m-0 block text-[15px] font-semibold leading-6 text-zinc-950 dark:text-white">Browsers</span>
    <span className="mt-1 block flex-1 text-[13px] leading-5 text-zinc-500 dark:text-zinc-400">AI-native browsers that search, summarize, and act for you.</span>

    <span className="mt-3.5 flex items-center justify-between gap-3 border-t border-zinc-100 pt-3 dark:border-white/5">
      <span className="flex items-center"><span className="flex items-center"><img src="https://mintcdn.com/usefulai/C5xOaAf4Os-Vu41o/images/icons/48/chatgpt.com.png?fit=max&auto=format&n=C5xOaAf4Os-Vu41o&q=85&s=5e7f3de17cf2c7fc46864bfdcb97b95e" alt="" noZoom className="h-6 w-6 shrink-0 rounded-md border-2 border-white bg-white object-contain dark:border-zinc-900 dark:bg-zinc-900" width="48" height="48" data-path="images/icons/48/chatgpt.com.png" /><img src="https://mintcdn.com/usefulai/5lUOF1e9a_45-p1Q/images/icons/48/perplexity.ai.png?fit=max&auto=format&n=5lUOF1e9a_45-p1Q&q=85&s=b17be2dbf13c92d6efa746f8a369c0c0" alt="" noZoom className="h-6 w-6 shrink-0 rounded-md border-2 border-white bg-white object-contain dark:border-zinc-900 dark:bg-zinc-900" width="48" height="48" data-path="images/icons/48/perplexity.ai.png" /><img src="https://mintcdn.com/usefulai/C5xOaAf4Os-Vu41o/images/icons/48/gemini.google.png?fit=max&auto=format&n=C5xOaAf4Os-Vu41o&q=85&s=aa47ce39666a073c254a6e37037bbf0e" alt="" noZoom className="h-6 w-6 shrink-0 rounded-md border-2 border-white bg-white object-contain dark:border-zinc-900 dark:bg-zinc-900" width="48" height="48" data-path="images/icons/48/gemini.google.png" /><img src="https://mintcdn.com/usefulai/C5xOaAf4Os-Vu41o/images/icons/48/claude.com.png?fit=max&auto=format&n=C5xOaAf4Os-Vu41o&q=85&s=e324f28e31e44610382fa8cbd78b8468" alt="" noZoom className="h-6 w-6 shrink-0 rounded-md border-2 border-white bg-white object-contain dark:border-zinc-900 dark:bg-zinc-900" width="48" height="48" data-path="images/icons/48/claude.com.png" /></span><span className="ml-0.5 inline-flex shrink-0 items-center justify-center rounded-md border-2 border-white bg-zinc-100 text-[10px] font-semibold tabular-nums text-zinc-600 dark:border-zinc-900 dark:bg-white/10 dark:text-zinc-300" style={{ width: "24px", height: "24px" }}>+3</span></span>
      <span className="flex shrink-0 items-center gap-1 text-[13px] font-medium text-zinc-500 transition-colors group-hover:text-zinc-900 dark:text-zinc-400 dark:group-hover:text-white">View <Icon icon="chevron-right" size={10} /></span>
    </span>
  </a>
</div>

<div>
  <span role="heading" aria-level="2" className="block not-prose mb-3 mt-8 text-xs font-semibold uppercase tracking-wide text-zinc-400 dark:text-zinc-500">Business</span>

  <div className="not-prose" style={{ display: "grid", gridTemplateColumns: "repeat(auto-fill, minmax(280px, 1fr))", columnGap: "24px" }}>
    <a href="/tools/ai-accounting" className="group flex items-center gap-3 border-b border-zinc-100 py-2.5 no-underline transition-colors hover:bg-zinc-50/60 dark:border-white/5 dark:hover:bg-white/[0.02]">
      <span role="heading" aria-level="3" className="m-0 min-w-0 flex-1 truncate text-sm font-medium text-zinc-950 dark:text-white">Accounting</span>
      <span className="shrink-0 text-[13px] tabular-nums text-zinc-400 dark:text-zinc-500">7</span>

      <span className="shrink-0 text-zinc-400 transition-colors group-hover:text-zinc-900 dark:text-zinc-500 dark:group-hover:text-white">
        <Icon icon="chevron-right" size={12} />
      </span>
    </a>

    <a href="/tools/ai-customer-support" className="group flex items-center gap-3 border-b border-zinc-100 py-2.5 no-underline transition-colors hover:bg-zinc-50/60 dark:border-white/5 dark:hover:bg-white/[0.02]">
      <span role="heading" aria-level="3" className="m-0 min-w-0 flex-1 truncate text-sm font-medium text-zinc-950 dark:text-white">Customer Support</span>
      <span className="shrink-0 text-[13px] tabular-nums text-zinc-400 dark:text-zinc-500">8</span>

      <span className="shrink-0 text-zinc-400 transition-colors group-hover:text-zinc-900 dark:text-zinc-500 dark:group-hover:text-white">
        <Icon icon="chevron-right" size={12} />
      </span>
    </a>

    <a href="/tools/ai-data-analyst" className="group flex items-center gap-3 border-b border-zinc-100 py-2.5 no-underline transition-colors hover:bg-zinc-50/60 dark:border-white/5 dark:hover:bg-white/[0.02]">
      <span role="heading" aria-level="3" className="m-0 min-w-0 flex-1 truncate text-sm font-medium text-zinc-950 dark:text-white">Data Analyst</span>
      <span className="shrink-0 text-[13px] tabular-nums text-zinc-400 dark:text-zinc-500">9</span>

      <span className="shrink-0 text-zinc-400 transition-colors group-hover:text-zinc-900 dark:text-zinc-500 dark:group-hover:text-white">
        <Icon icon="chevron-right" size={12} />
      </span>
    </a>

    <a href="/tools/ai-enterprise-search" className="group flex items-center gap-3 border-b border-zinc-100 py-2.5 no-underline transition-colors hover:bg-zinc-50/60 dark:border-white/5 dark:hover:bg-white/[0.02]">
      <span role="heading" aria-level="3" className="m-0 min-w-0 flex-1 truncate text-sm font-medium text-zinc-950 dark:text-white">Enterprise Search</span>
      <span className="shrink-0 text-[13px] tabular-nums text-zinc-400 dark:text-zinc-500">7</span>

      <span className="shrink-0 text-zinc-400 transition-colors group-hover:text-zinc-900 dark:text-zinc-500 dark:group-hover:text-white">
        <Icon icon="chevron-right" size={12} />
      </span>
    </a>

    <a href="/tools/ai-legal-assistants" className="group flex items-center gap-3 border-b border-zinc-100 py-2.5 no-underline transition-colors hover:bg-zinc-50/60 dark:border-white/5 dark:hover:bg-white/[0.02]">
      <span role="heading" aria-level="3" className="m-0 min-w-0 flex-1 truncate text-sm font-medium text-zinc-950 dark:text-white">Legal Assistants</span>
      <span className="shrink-0 text-[13px] tabular-nums text-zinc-400 dark:text-zinc-500">7</span>

      <span className="shrink-0 text-zinc-400 transition-colors group-hover:text-zinc-900 dark:text-zinc-500 dark:group-hover:text-white">
        <Icon icon="chevron-right" size={12} />
      </span>
    </a>

    <a href="/tools/ai-logo-generators" className="group flex items-center gap-3 border-b border-zinc-100 py-2.5 no-underline transition-colors hover:bg-zinc-50/60 dark:border-white/5 dark:hover:bg-white/[0.02]">
      <span role="heading" aria-level="3" className="m-0 min-w-0 flex-1 truncate text-sm font-medium text-zinc-950 dark:text-white">Logo Generators</span>
      <span className="shrink-0 text-[13px] tabular-nums text-zinc-400 dark:text-zinc-500">7</span>

      <span className="shrink-0 text-zinc-400 transition-colors group-hover:text-zinc-900 dark:text-zinc-500 dark:group-hover:text-white">
        <Icon icon="chevron-right" size={12} />
      </span>
    </a>

    <a href="/tools/ai-phone-agents" className="group flex items-center gap-3 border-b border-zinc-100 py-2.5 no-underline transition-colors hover:bg-zinc-50/60 dark:border-white/5 dark:hover:bg-white/[0.02]">
      <span role="heading" aria-level="3" className="m-0 min-w-0 flex-1 truncate text-sm font-medium text-zinc-950 dark:text-white">Phone Agents</span>
      <span className="shrink-0 text-[13px] tabular-nums text-zinc-400 dark:text-zinc-500">7</span>

      <span className="shrink-0 text-zinc-400 transition-colors group-hover:text-zinc-900 dark:text-zinc-500 dark:group-hover:text-white">
        <Icon icon="chevron-right" size={12} />
      </span>
    </a>

    <a href="/tools/ai-recruiting-assistants" className="group flex items-center gap-3 border-b border-zinc-100 py-2.5 no-underline transition-colors hover:bg-zinc-50/60 dark:border-white/5 dark:hover:bg-white/[0.02]">
      <span role="heading" aria-level="3" className="m-0 min-w-0 flex-1 truncate text-sm font-medium text-zinc-950 dark:text-white">Recruiting</span>
      <span className="shrink-0 text-[13px] tabular-nums text-zinc-400 dark:text-zinc-500">7</span>

      <span className="shrink-0 text-zinc-400 transition-colors group-hover:text-zinc-900 dark:text-zinc-500 dark:group-hover:text-white">
        <Icon icon="chevron-right" size={12} />
      </span>
    </a>

    <a href="/tools/ai-rfp-tools" className="group flex items-center gap-3 border-b border-zinc-100 py-2.5 no-underline transition-colors hover:bg-zinc-50/60 dark:border-white/5 dark:hover:bg-white/[0.02]">
      <span role="heading" aria-level="3" className="m-0 min-w-0 flex-1 truncate text-sm font-medium text-zinc-950 dark:text-white">RFP Tools</span>
      <span className="shrink-0 text-[13px] tabular-nums text-zinc-400 dark:text-zinc-500">7</span>

      <span className="shrink-0 text-zinc-400 transition-colors group-hover:text-zinc-900 dark:text-zinc-500 dark:group-hover:text-white">
        <Icon icon="chevron-right" size={12} />
      </span>
    </a>

    <a href="/tools/ai-sdrs" className="group flex items-center gap-3 border-b border-zinc-100 py-2.5 no-underline transition-colors hover:bg-zinc-50/60 dark:border-white/5 dark:hover:bg-white/[0.02]">
      <span role="heading" aria-level="3" className="m-0 min-w-0 flex-1 truncate text-sm font-medium text-zinc-950 dark:text-white">SDRs & Sales</span>
      <span className="shrink-0 text-[13px] tabular-nums text-zinc-400 dark:text-zinc-500">8</span>

      <span className="shrink-0 text-zinc-400 transition-colors group-hover:text-zinc-900 dark:text-zinc-500 dark:group-hover:text-white">
        <Icon icon="chevron-right" size={12} />
      </span>
    </a>

    <a href="/tools/ai-tax-assistants" className="group flex items-center gap-3 border-b border-zinc-100 py-2.5 no-underline transition-colors hover:bg-zinc-50/60 dark:border-white/5 dark:hover:bg-white/[0.02]">
      <span role="heading" aria-level="3" className="m-0 min-w-0 flex-1 truncate text-sm font-medium text-zinc-950 dark:text-white">Tax Assistants</span>
      <span className="shrink-0 text-[13px] tabular-nums text-zinc-400 dark:text-zinc-500">7</span>

      <span className="shrink-0 text-zinc-400 transition-colors group-hover:text-zinc-900 dark:text-zinc-500 dark:group-hover:text-white">
        <Icon icon="chevron-right" size={12} />
      </span>
    </a>
  </div>
</div>

<div>
  <span role="heading" aria-level="2" className="block not-prose mb-3 mt-8 text-xs font-semibold uppercase tracking-wide text-zinc-400 dark:text-zinc-500">Office</span>

  <div className="not-prose" style={{ display: "grid", gridTemplateColumns: "repeat(auto-fill, minmax(280px, 1fr))", columnGap: "24px" }}>
    <a href="/tools/ai-desktop-recall" className="group flex items-center gap-3 border-b border-zinc-100 py-2.5 no-underline transition-colors hover:bg-zinc-50/60 dark:border-white/5 dark:hover:bg-white/[0.02]">
      <span role="heading" aria-level="3" className="m-0 min-w-0 flex-1 truncate text-sm font-medium text-zinc-950 dark:text-white">Desktop Recall</span>
      <span className="shrink-0 text-[13px] tabular-nums text-zinc-400 dark:text-zinc-500">4</span>

      <span className="shrink-0 text-zinc-400 transition-colors group-hover:text-zinc-900 dark:text-zinc-500 dark:group-hover:text-white">
        <Icon icon="chevron-right" size={12} />
      </span>
    </a>

    <a href="/tools/ai-email-assistants" className="group flex items-center gap-3 border-b border-zinc-100 py-2.5 no-underline transition-colors hover:bg-zinc-50/60 dark:border-white/5 dark:hover:bg-white/[0.02]">
      <span role="heading" aria-level="3" className="m-0 min-w-0 flex-1 truncate text-sm font-medium text-zinc-950 dark:text-white">Email Assistants</span>
      <span className="shrink-0 text-[13px] tabular-nums text-zinc-400 dark:text-zinc-500">8</span>

      <span className="shrink-0 text-zinc-400 transition-colors group-hover:text-zinc-900 dark:text-zinc-500 dark:group-hover:text-white">
        <Icon icon="chevron-right" size={12} />
      </span>
    </a>

    <a href="/tools/ai-headshot-generators" className="group flex items-center gap-3 border-b border-zinc-100 py-2.5 no-underline transition-colors hover:bg-zinc-50/60 dark:border-white/5 dark:hover:bg-white/[0.02]">
      <span role="heading" aria-level="3" className="m-0 min-w-0 flex-1 truncate text-sm font-medium text-zinc-950 dark:text-white">Headshot Generators</span>
      <span className="shrink-0 text-[13px] tabular-nums text-zinc-400 dark:text-zinc-500">9</span>

      <span className="shrink-0 text-zinc-400 transition-colors group-hover:text-zinc-900 dark:text-zinc-500 dark:group-hover:text-white">
        <Icon icon="chevron-right" size={12} />
      </span>
    </a>

    <a href="/tools/ai-interview-coaches" className="group flex items-center gap-3 border-b border-zinc-100 py-2.5 no-underline transition-colors hover:bg-zinc-50/60 dark:border-white/5 dark:hover:bg-white/[0.02]">
      <span role="heading" aria-level="3" className="m-0 min-w-0 flex-1 truncate text-sm font-medium text-zinc-950 dark:text-white">Interview Coaches</span>
      <span className="shrink-0 text-[13px] tabular-nums text-zinc-400 dark:text-zinc-500">7</span>

      <span className="shrink-0 text-zinc-400 transition-colors group-hover:text-zinc-900 dark:text-zinc-500 dark:group-hover:text-white">
        <Icon icon="chevron-right" size={12} />
      </span>
    </a>

    <a href="/tools/ai-presentations" className="group flex items-center gap-3 border-b border-zinc-100 py-2.5 no-underline transition-colors hover:bg-zinc-50/60 dark:border-white/5 dark:hover:bg-white/[0.02]">
      <span role="heading" aria-level="3" className="m-0 min-w-0 flex-1 truncate text-sm font-medium text-zinc-950 dark:text-white">Presentations</span>
      <span className="shrink-0 text-[13px] tabular-nums text-zinc-400 dark:text-zinc-500">7</span>

      <span className="shrink-0 text-zinc-400 transition-colors group-hover:text-zinc-900 dark:text-zinc-500 dark:group-hover:text-white">
        <Icon icon="chevron-right" size={12} />
      </span>
    </a>

    <a href="/tools/ai-resume-builders" className="group flex items-center gap-3 border-b border-zinc-100 py-2.5 no-underline transition-colors hover:bg-zinc-50/60 dark:border-white/5 dark:hover:bg-white/[0.02]">
      <span role="heading" aria-level="3" className="m-0 min-w-0 flex-1 truncate text-sm font-medium text-zinc-950 dark:text-white">Resume Builders</span>
      <span className="shrink-0 text-[13px] tabular-nums text-zinc-400 dark:text-zinc-500">7</span>

      <span className="shrink-0 text-zinc-400 transition-colors group-hover:text-zinc-900 dark:text-zinc-500 dark:group-hover:text-white">
        <Icon icon="chevron-right" size={12} />
      </span>
    </a>

    <a href="/tools/ai-spreadsheet-assistants" className="group flex items-center gap-3 border-b border-zinc-100 py-2.5 no-underline transition-colors hover:bg-zinc-50/60 dark:border-white/5 dark:hover:bg-white/[0.02]">
      <span role="heading" aria-level="3" className="m-0 min-w-0 flex-1 truncate text-sm font-medium text-zinc-950 dark:text-white">Spreadsheets</span>
      <span className="shrink-0 text-[13px] tabular-nums text-zinc-400 dark:text-zinc-500">7</span>

      <span className="shrink-0 text-zinc-400 transition-colors group-hover:text-zinc-900 dark:text-zinc-500 dark:group-hover:text-white">
        <Icon icon="chevron-right" size={12} />
      </span>
    </a>
  </div>
</div>

<div>
  <span role="heading" aria-level="2" className="block not-prose mb-3 mt-8 text-xs font-semibold uppercase tracking-wide text-zinc-400 dark:text-zinc-500">Editing</span>

  <div className="not-prose" style={{ display: "grid", gridTemplateColumns: "repeat(auto-fill, minmax(280px, 1fr))", columnGap: "24px" }}>
    <a href="/tools/ai-audio-editors" className="group flex items-center gap-3 border-b border-zinc-100 py-2.5 no-underline transition-colors hover:bg-zinc-50/60 dark:border-white/5 dark:hover:bg-white/[0.02]">
      <span role="heading" aria-level="3" className="m-0 min-w-0 flex-1 truncate text-sm font-medium text-zinc-950 dark:text-white">Audio Editors</span>
      <span className="shrink-0 text-[13px] tabular-nums text-zinc-400 dark:text-zinc-500">7</span>

      <span className="shrink-0 text-zinc-400 transition-colors group-hover:text-zinc-900 dark:text-zinc-500 dark:group-hover:text-white">
        <Icon icon="chevron-right" size={12} />
      </span>
    </a>

    <a href="/tools/ai-background-removers" className="group flex items-center gap-3 border-b border-zinc-100 py-2.5 no-underline transition-colors hover:bg-zinc-50/60 dark:border-white/5 dark:hover:bg-white/[0.02]">
      <span role="heading" aria-level="3" className="m-0 min-w-0 flex-1 truncate text-sm font-medium text-zinc-950 dark:text-white">Background Removers</span>
      <span className="shrink-0 text-[13px] tabular-nums text-zinc-400 dark:text-zinc-500">7</span>

      <span className="shrink-0 text-zinc-400 transition-colors group-hover:text-zinc-900 dark:text-zinc-500 dark:group-hover:text-white">
        <Icon icon="chevron-right" size={12} />
      </span>
    </a>

    <a href="/tools/ai-clip-generators" className="group flex items-center gap-3 border-b border-zinc-100 py-2.5 no-underline transition-colors hover:bg-zinc-50/60 dark:border-white/5 dark:hover:bg-white/[0.02]">
      <span role="heading" aria-level="3" className="m-0 min-w-0 flex-1 truncate text-sm font-medium text-zinc-950 dark:text-white">Clip Generators</span>
      <span className="shrink-0 text-[13px] tabular-nums text-zinc-400 dark:text-zinc-500">7</span>

      <span className="shrink-0 text-zinc-400 transition-colors group-hover:text-zinc-900 dark:text-zinc-500 dark:group-hover:text-white">
        <Icon icon="chevron-right" size={12} />
      </span>
    </a>

    <a href="/tools/ai-image-upscalers" className="group flex items-center gap-3 border-b border-zinc-100 py-2.5 no-underline transition-colors hover:bg-zinc-50/60 dark:border-white/5 dark:hover:bg-white/[0.02]">
      <span role="heading" aria-level="3" className="m-0 min-w-0 flex-1 truncate text-sm font-medium text-zinc-950 dark:text-white">Image Upscalers</span>
      <span className="shrink-0 text-[13px] tabular-nums text-zinc-400 dark:text-zinc-500">7</span>

      <span className="shrink-0 text-zinc-400 transition-colors group-hover:text-zinc-900 dark:text-zinc-500 dark:group-hover:text-white">
        <Icon icon="chevron-right" size={12} />
      </span>
    </a>

    <a href="/tools/ai-photo-editors" className="group flex items-center gap-3 border-b border-zinc-100 py-2.5 no-underline transition-colors hover:bg-zinc-50/60 dark:border-white/5 dark:hover:bg-white/[0.02]">
      <span role="heading" aria-level="3" className="m-0 min-w-0 flex-1 truncate text-sm font-medium text-zinc-950 dark:text-white">Photo Editors</span>
      <span className="shrink-0 text-[13px] tabular-nums text-zinc-400 dark:text-zinc-500">5</span>

      <span className="shrink-0 text-zinc-400 transition-colors group-hover:text-zinc-900 dark:text-zinc-500 dark:group-hover:text-white">
        <Icon icon="chevron-right" size={12} />
      </span>
    </a>

    <a href="/tools/ai-video-editors" className="group flex items-center gap-3 border-b border-zinc-100 py-2.5 no-underline transition-colors hover:bg-zinc-50/60 dark:border-white/5 dark:hover:bg-white/[0.02]">
      <span role="heading" aria-level="3" className="m-0 min-w-0 flex-1 truncate text-sm font-medium text-zinc-950 dark:text-white">Video Editors</span>
      <span className="shrink-0 text-[13px] tabular-nums text-zinc-400 dark:text-zinc-500">7</span>

      <span className="shrink-0 text-zinc-400 transition-colors group-hover:text-zinc-900 dark:text-zinc-500 dark:group-hover:text-white">
        <Icon icon="chevron-right" size={12} />
      </span>
    </a>
  </div>
</div>

<div>
  <span role="heading" aria-level="2" className="block not-prose mb-3 mt-8 text-xs font-semibold uppercase tracking-wide text-zinc-400 dark:text-zinc-500">Language</span>

  <div className="not-prose" style={{ display: "grid", gridTemplateColumns: "repeat(auto-fill, minmax(280px, 1fr))", columnGap: "24px" }}>
    <a href="/tools/ai-dictation" className="group flex items-center gap-3 border-b border-zinc-100 py-2.5 no-underline transition-colors hover:bg-zinc-50/60 dark:border-white/5 dark:hover:bg-white/[0.02]">
      <span role="heading" aria-level="3" className="m-0 min-w-0 flex-1 truncate text-sm font-medium text-zinc-950 dark:text-white">Dictation</span>
      <span className="shrink-0 text-[13px] tabular-nums text-zinc-400 dark:text-zinc-500">7</span>

      <span className="shrink-0 text-zinc-400 transition-colors group-hover:text-zinc-900 dark:text-zinc-500 dark:group-hover:text-white">
        <Icon icon="chevron-right" size={12} />
      </span>
    </a>

    <a href="/tools/ai-proofreaders" className="group flex items-center gap-3 border-b border-zinc-100 py-2.5 no-underline transition-colors hover:bg-zinc-50/60 dark:border-white/5 dark:hover:bg-white/[0.02]">
      <span role="heading" aria-level="3" className="m-0 min-w-0 flex-1 truncate text-sm font-medium text-zinc-950 dark:text-white">Proofreaders</span>
      <span className="shrink-0 text-[13px] tabular-nums text-zinc-400 dark:text-zinc-500">7</span>

      <span className="shrink-0 text-zinc-400 transition-colors group-hover:text-zinc-900 dark:text-zinc-500 dark:group-hover:text-white">
        <Icon icon="chevron-right" size={12} />
      </span>
    </a>

    <a href="/tools/ai-text-translation" className="group flex items-center gap-3 border-b border-zinc-100 py-2.5 no-underline transition-colors hover:bg-zinc-50/60 dark:border-white/5 dark:hover:bg-white/[0.02]">
      <span role="heading" aria-level="3" className="m-0 min-w-0 flex-1 truncate text-sm font-medium text-zinc-950 dark:text-white">Translation</span>
      <span className="shrink-0 text-[13px] tabular-nums text-zinc-400 dark:text-zinc-500">9</span>

      <span className="shrink-0 text-zinc-400 transition-colors group-hover:text-zinc-900 dark:text-zinc-500 dark:group-hover:text-white">
        <Icon icon="chevron-right" size={12} />
      </span>
    </a>

    <a href="/tools/ai-transcription" className="group flex items-center gap-3 border-b border-zinc-100 py-2.5 no-underline transition-colors hover:bg-zinc-50/60 dark:border-white/5 dark:hover:bg-white/[0.02]">
      <span role="heading" aria-level="3" className="m-0 min-w-0 flex-1 truncate text-sm font-medium text-zinc-950 dark:text-white">Transcription</span>
      <span className="shrink-0 text-[13px] tabular-nums text-zinc-400 dark:text-zinc-500">9</span>

      <span className="shrink-0 text-zinc-400 transition-colors group-hover:text-zinc-900 dark:text-zinc-500 dark:group-hover:text-white">
        <Icon icon="chevron-right" size={12} />
      </span>
    </a>

    <a href="/tools/ai-video-translators" className="group flex items-center gap-3 border-b border-zinc-100 py-2.5 no-underline transition-colors hover:bg-zinc-50/60 dark:border-white/5 dark:hover:bg-white/[0.02]">
      <span role="heading" aria-level="3" className="m-0 min-w-0 flex-1 truncate text-sm font-medium text-zinc-950 dark:text-white">Video Translators</span>
      <span className="shrink-0 text-[13px] tabular-nums text-zinc-400 dark:text-zinc-500">7</span>

      <span className="shrink-0 text-zinc-400 transition-colors group-hover:text-zinc-900 dark:text-zinc-500 dark:group-hover:text-white">
        <Icon icon="chevron-right" size={12} />
      </span>
    </a>

    <a href="/tools/ai-writing" className="group flex items-center gap-3 border-b border-zinc-100 py-2.5 no-underline transition-colors hover:bg-zinc-50/60 dark:border-white/5 dark:hover:bg-white/[0.02]">
      <span role="heading" aria-level="3" className="m-0 min-w-0 flex-1 truncate text-sm font-medium text-zinc-950 dark:text-white">Writing</span>
      <span className="shrink-0 text-[13px] tabular-nums text-zinc-400 dark:text-zinc-500">7</span>

      <span className="shrink-0 text-zinc-400 transition-colors group-hover:text-zinc-900 dark:text-zinc-500 dark:group-hover:text-white">
        <Icon icon="chevron-right" size={12} />
      </span>
    </a>
  </div>
</div>

<div>
  <span role="heading" aria-level="2" className="block not-prose mb-3 mt-8 text-xs font-semibold uppercase tracking-wide text-zinc-400 dark:text-zinc-500">Detection</span>

  <div className="not-prose" style={{ display: "grid", gridTemplateColumns: "repeat(auto-fill, minmax(280px, 1fr))", columnGap: "24px" }}>
    <a href="/tools/ai-content-detectors" className="group flex items-center gap-3 border-b border-zinc-100 py-2.5 no-underline transition-colors hover:bg-zinc-50/60 dark:border-white/5 dark:hover:bg-white/[0.02]">
      <span role="heading" aria-level="3" className="m-0 min-w-0 flex-1 truncate text-sm font-medium text-zinc-950 dark:text-white">Content Detectors</span>
      <span className="shrink-0 text-[13px] tabular-nums text-zinc-400 dark:text-zinc-500">7</span>

      <span className="shrink-0 text-zinc-400 transition-colors group-hover:text-zinc-900 dark:text-zinc-500 dark:group-hover:text-white">
        <Icon icon="chevron-right" size={12} />
      </span>
    </a>

    <a href="/tools/ai-humanizers" className="group flex items-center gap-3 border-b border-zinc-100 py-2.5 no-underline transition-colors hover:bg-zinc-50/60 dark:border-white/5 dark:hover:bg-white/[0.02]">
      <span role="heading" aria-level="3" className="m-0 min-w-0 flex-1 truncate text-sm font-medium text-zinc-950 dark:text-white">Humanizers</span>
      <span className="shrink-0 text-[13px] tabular-nums text-zinc-400 dark:text-zinc-500">8</span>

      <span className="shrink-0 text-zinc-400 transition-colors group-hover:text-zinc-900 dark:text-zinc-500 dark:group-hover:text-white">
        <Icon icon="chevron-right" size={12} />
      </span>
    </a>

    <a href="/tools/ai-image-detectors" className="group flex items-center gap-3 border-b border-zinc-100 py-2.5 no-underline transition-colors hover:bg-zinc-50/60 dark:border-white/5 dark:hover:bg-white/[0.02]">
      <span role="heading" aria-level="3" className="m-0 min-w-0 flex-1 truncate text-sm font-medium text-zinc-950 dark:text-white">Image Detectors</span>
      <span className="shrink-0 text-[13px] tabular-nums text-zinc-400 dark:text-zinc-500">5</span>

      <span className="shrink-0 text-zinc-400 transition-colors group-hover:text-zinc-900 dark:text-zinc-500 dark:group-hover:text-white">
        <Icon icon="chevron-right" size={12} />
      </span>
    </a>

    <a href="/tools/ai-video-detectors" className="group flex items-center gap-3 border-b border-zinc-100 py-2.5 no-underline transition-colors hover:bg-zinc-50/60 dark:border-white/5 dark:hover:bg-white/[0.02]">
      <span role="heading" aria-level="3" className="m-0 min-w-0 flex-1 truncate text-sm font-medium text-zinc-950 dark:text-white">Video Detectors</span>
      <span className="shrink-0 text-[13px] tabular-nums text-zinc-400 dark:text-zinc-500">8</span>

      <span className="shrink-0 text-zinc-400 transition-colors group-hover:text-zinc-900 dark:text-zinc-500 dark:group-hover:text-white">
        <Icon icon="chevron-right" size={12} />
      </span>
    </a>
  </div>
</div>

<div>
  <span role="heading" aria-level="2" className="block not-prose mb-3 mt-8 text-xs font-semibold uppercase tracking-wide text-zinc-400 dark:text-zinc-500">Development</span>

  <div className="not-prose" style={{ display: "grid", gridTemplateColumns: "repeat(auto-fill, minmax(280px, 1fr))", columnGap: "24px" }}>
    <a href="/tools/ai-chatbot-builders" className="group flex items-center gap-3 border-b border-zinc-100 py-2.5 no-underline transition-colors hover:bg-zinc-50/60 dark:border-white/5 dark:hover:bg-white/[0.02]">
      <span role="heading" aria-level="3" className="m-0 min-w-0 flex-1 truncate text-sm font-medium text-zinc-950 dark:text-white">Chatbot Builders</span>
      <span className="shrink-0 text-[13px] tabular-nums text-zinc-400 dark:text-zinc-500">7</span>

      <span className="shrink-0 text-zinc-400 transition-colors group-hover:text-zinc-900 dark:text-zinc-500 dark:group-hover:text-white">
        <Icon icon="chevron-right" size={12} />
      </span>
    </a>

    <a href="/tools/ai-sql-generators" className="group flex items-center gap-3 border-b border-zinc-100 py-2.5 no-underline transition-colors hover:bg-zinc-50/60 dark:border-white/5 dark:hover:bg-white/[0.02]">
      <span role="heading" aria-level="3" className="m-0 min-w-0 flex-1 truncate text-sm font-medium text-zinc-950 dark:text-white">SQL Generators</span>
      <span className="shrink-0 text-[13px] tabular-nums text-zinc-400 dark:text-zinc-500">7</span>

      <span className="shrink-0 text-zinc-400 transition-colors group-hover:text-zinc-900 dark:text-zinc-500 dark:group-hover:text-white">
        <Icon icon="chevron-right" size={12} />
      </span>
    </a>

    <a href="/tools/vector-databases" className="group flex items-center gap-3 border-b border-zinc-100 py-2.5 no-underline transition-colors hover:bg-zinc-50/60 dark:border-white/5 dark:hover:bg-white/[0.02]">
      <span role="heading" aria-level="3" className="m-0 min-w-0 flex-1 truncate text-sm font-medium text-zinc-950 dark:text-white">Vector Databases</span>
      <span className="shrink-0 text-[13px] tabular-nums text-zinc-400 dark:text-zinc-500">7</span>

      <span className="shrink-0 text-zinc-400 transition-colors group-hover:text-zinc-900 dark:text-zinc-500 dark:group-hover:text-white">
        <Icon icon="chevron-right" size={12} />
      </span>
    </a>

    <a href="/tools/ai-website-builders" className="group flex items-center gap-3 border-b border-zinc-100 py-2.5 no-underline transition-colors hover:bg-zinc-50/60 dark:border-white/5 dark:hover:bg-white/[0.02]">
      <span role="heading" aria-level="3" className="m-0 min-w-0 flex-1 truncate text-sm font-medium text-zinc-950 dark:text-white">Website Builders</span>
      <span className="shrink-0 text-[13px] tabular-nums text-zinc-400 dark:text-zinc-500">5</span>

      <span className="shrink-0 text-zinc-400 transition-colors group-hover:text-zinc-900 dark:text-zinc-500 dark:group-hover:text-white">
        <Icon icon="chevron-right" size={12} />
      </span>
    </a>
  </div>
</div>

<div>
  <span role="heading" aria-level="2" className="block not-prose mb-3 mt-8 text-xs font-semibold uppercase tracking-wide text-zinc-400 dark:text-zinc-500">Learning</span>

  <div className="not-prose" style={{ display: "grid", gridTemplateColumns: "repeat(auto-fill, minmax(280px, 1fr))", columnGap: "24px" }}>
    <a href="/tools/ai-course-builders" className="group flex items-center gap-3 border-b border-zinc-100 py-2.5 no-underline transition-colors hover:bg-zinc-50/60 dark:border-white/5 dark:hover:bg-white/[0.02]">
      <span role="heading" aria-level="3" className="m-0 min-w-0 flex-1 truncate text-sm font-medium text-zinc-950 dark:text-white">Course Builders</span>
      <span className="shrink-0 text-[13px] tabular-nums text-zinc-400 dark:text-zinc-500">7</span>

      <span className="shrink-0 text-zinc-400 transition-colors group-hover:text-zinc-900 dark:text-zinc-500 dark:group-hover:text-white">
        <Icon icon="chevron-right" size={12} />
      </span>
    </a>

    <a href="/tools/ai-homework-helpers" className="group flex items-center gap-3 border-b border-zinc-100 py-2.5 no-underline transition-colors hover:bg-zinc-50/60 dark:border-white/5 dark:hover:bg-white/[0.02]">
      <span role="heading" aria-level="3" className="m-0 min-w-0 flex-1 truncate text-sm font-medium text-zinc-950 dark:text-white">Homework Helpers</span>
      <span className="shrink-0 text-[13px] tabular-nums text-zinc-400 dark:text-zinc-500">7</span>

      <span className="shrink-0 text-zinc-400 transition-colors group-hover:text-zinc-900 dark:text-zinc-500 dark:group-hover:text-white">
        <Icon icon="chevron-right" size={12} />
      </span>
    </a>

    <a href="/tools/ai-learning-assistants" className="group flex items-center gap-3 border-b border-zinc-100 py-2.5 no-underline transition-colors hover:bg-zinc-50/60 dark:border-white/5 dark:hover:bg-white/[0.02]">
      <span role="heading" aria-level="3" className="m-0 min-w-0 flex-1 truncate text-sm font-medium text-zinc-950 dark:text-white">Learning Assistants</span>
      <span className="shrink-0 text-[13px] tabular-nums text-zinc-400 dark:text-zinc-500">8</span>

      <span className="shrink-0 text-zinc-400 transition-colors group-hover:text-zinc-900 dark:text-zinc-500 dark:group-hover:text-white">
        <Icon icon="chevron-right" size={12} />
      </span>
    </a>
  </div>
</div>

<div>
  <span role="heading" aria-level="2" className="block not-prose mb-3 mt-8 text-xs font-semibold uppercase tracking-wide text-zinc-400 dark:text-zinc-500">Lifestyle</span>

  <div className="not-prose" style={{ display: "grid", gridTemplateColumns: "repeat(auto-fill, minmax(280px, 1fr))", columnGap: "24px" }}>
    <a href="/tools/ai-companions" className="group flex items-center gap-3 border-b border-zinc-100 py-2.5 no-underline transition-colors hover:bg-zinc-50/60 dark:border-white/5 dark:hover:bg-white/[0.02]">
      <span role="heading" aria-level="3" className="m-0 min-w-0 flex-1 truncate text-sm font-medium text-zinc-950 dark:text-white">Companions</span>
      <span className="shrink-0 text-[13px] tabular-nums text-zinc-400 dark:text-zinc-500">7</span>

      <span className="shrink-0 text-zinc-400 transition-colors group-hover:text-zinc-900 dark:text-zinc-500 dark:group-hover:text-white">
        <Icon icon="chevron-right" size={12} />
      </span>
    </a>

    <a href="/tools/ai-travel-assistants" className="group flex items-center gap-3 border-b border-zinc-100 py-2.5 no-underline transition-colors hover:bg-zinc-50/60 dark:border-white/5 dark:hover:bg-white/[0.02]">
      <span role="heading" aria-level="3" className="m-0 min-w-0 flex-1 truncate text-sm font-medium text-zinc-950 dark:text-white">Travel Assistants</span>
      <span className="shrink-0 text-[13px] tabular-nums text-zinc-400 dark:text-zinc-500">7</span>

      <span className="shrink-0 text-zinc-400 transition-colors group-hover:text-zinc-900 dark:text-zinc-500 dark:group-hover:text-white">
        <Icon icon="chevron-right" size={12} />
      </span>
    </a>
  </div>
</div>


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.