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

# Welcome to Useful AI

export const ScrollFix = () => {
  React.useEffect(() => {
    window.scrollTo(0, 0);
  }, []);
  return null;
};

<ScrollFix />

<div className="welcome-page">
  <h1 className="text-center text-[2rem] sm:text-[2.75rem] font-bold mt-8 sm:mt-14 mb-4 text-[#161616] dark:text-[#dedede]">Welcome to Useful AI</h1>

  <p className="text-center text-[1.2rem] max-w-[600px] mx-auto mb-6 leading-[1.6] text-[#161616] dark:text-[#dedede]">
    Your <strong>#1 resource hub</strong> for all things AI.<br />Find the best tools, courses, and more - curated and reviewed by experts.
  </p>

  <div className="welcome-pill">
    <span className="welcome-pill-text"><strong>100% independent</strong> - No ads, no affiliate links, no sponsorships ♥</span>
  </div>

  <CardGroup cols={3} className="welcome-cards">
    <Card title="Tools" icon="wrench" href="/tools">
      Find the right tool for any task
    </Card>

    <Card title="Courses" icon="graduation-cap" href="/courses">
      Learn from top instructors worldwide
    </Card>

    <Card title="Channels" icon="newspaper" href="/channels">
      Stay current with AI news & trends
    </Card>

    <Card title="Books" icon="book" href="/books">
      Go deeper with expert authors
    </Card>

    <Card title="Use Cases" icon="lightbulb" href="/use-cases">
      See how AI applies to your role
    </Card>

    <Card title="Guides" icon="book-open" href="/guides">
      Master popular tools step by step
    </Card>

    <Card title="Cheat Sheets" icon="file-lines" href="/cheat-sheets">
      Get quick answers at a glance
    </Card>

    <Card title="Glossary" icon="spell-check" href="/glossary">
      Understand any AI term instantly
    </Card>

    <Card title="Models" icon="microchip" href="/language-models">
      Find the right model for your needs
    </Card>
  </CardGroup>
</div>