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

# Home

> Welcome to the Exam Insights Help Centre! Find guides, FAQs, and troubleshooting tips to make the most of your Exam Insights experience.

export const ProductCard = ({img, href, title, description, model, type}) => {
  return <a href={href} rel="noopener noreferrer" className="group">
      <div className="flex flex-col gap-4 rounded-xl mb-9 md:p-1">
        <div className="w-full bg-[#F9F9F9] overflow-hidden rounded-xl select-none">
          <img src={img} className="h-full bg-[#F9F9F9] w-full object-fit transition-transform duration-300 group-hover:scale-105 pointer-events-none" alt={title} loading="lazy" draggable="false" />
        </div>
        <div className="flex flex-col gap-3 pb-2">
          <h2 className="text-lg font-medium text-gray-900 dark:text-gray-200 group-hover:text-gray-600 dark:group-hover:text-gray-400 transition-colors mb-[-8px]">
            {title}
          </h2>
          <p className="text-gray-500 dark:text-gray-400 text-sm font-medium">
            {description}
          </p>
        </div>
      </div>
    </a>;
};

export const appCategories = [{
  id: 'machine-learning',
  label: 'Machine Learning',
  items: [{
    id: 'ai-model-hub',
    title: 'AI Model Hub',
    desc: 'Access pre-trained models and deploy custom AI solutions in seconds',
    icon: 'https://mintlify-assets.b-cdn.net/tail-icon.svg',
    image: {
      light: 'https://mintlify-assets.b-cdn.net/aspen-home.svg',
      dark: 'https://mintlify-assets.b-cdn.net/aspen-home.svg'
    },
    href: '#'
  }, {
    id: 'smart-training-pipeline',
    title: 'Smart Training Pipeline',
    desc: 'Enable developers to easily train and fine-tune AI models with your data',
    icon: 'https://mintlify-assets.b-cdn.net/smart-light.svg',
    image: {
      light: 'https://mintlify-assets.b-cdn.net/aspen-home.svg',
      dark: 'https://mintlify-assets.b-cdn.net/aspen-home.svg'
    },
    href: '#'
  }, {
    id: 'intellikit',
    title: 'IntelliKit',
    desc: 'Build beautiful AI-powered apps with React components and TypeScript utilities',
    icon: 'https://mintlify-assets.b-cdn.net/broom-light.svg',
    image: {
      light: 'https://mintlify-assets.b-cdn.net/aspen-home.svg',
      dark: 'https://mintlify-assets.b-cdn.net/aspen-home.svg'
    },
    href: '#'
  }, {
    id: 'neural-paymaster',
    title: 'Neural Paymaster',
    desc: 'Build custom cost-efficient AI experiences for your intelligent applications',
    icon: 'https://mintlify-assets.b-cdn.net/neural-light.svg',
    image: {
      light: 'https://mintlify-assets.b-cdn.net/aspen-home.svg',
      dark: 'https://mintlify-assets.b-cdn.net/aspen-home.svg'
    },
    href: '#'
  }]
}, {
  id: 'computer-vision',
  label: 'Computer Vision',
  items: [{
    id: 'vision-api',
    title: 'Vision API',
    desc: 'Build computer vision applications with ease',
    icon: 'https://mintlify-assets.b-cdn.net/anchor-light.svg',
    image: {
      light: 'https://mintlify-assets.b-cdn.net/aspen-home.svg',
      dark: 'https://mintlify-assets.b-cdn.net/aspen-home.svg'
    },
    href: '#'
  }]
}, {
  id: 'AI-agents',
  label: 'AI Agents',
  items: [{
    id: 'agent-tools',
    title: 'Agent Tools',
    desc: 'Tools for building AI agents',
    icon: 'https://mintlify-assets.b-cdn.net/smart-light.svg',
    image: {
      light: 'https://mintlify-assets.b-cdn.net/aspen-home.svg',
      dark: 'https://mintlify-assets.b-cdn.net/aspen-home.svg'
    },
    href: '#'
  }]
}, {
  id: 'neural-networks',
  label: 'Neural Networks',
  items: [{
    id: 'neural-networks',
    title: 'Neural Networks',
    desc: 'Customize your neural networks with ease',
    icon: 'https://mintlify-assets.b-cdn.net/neural-light.svg',
    image: {
      light: 'https://mintlify-assets.b-cdn.net/aspen-home.svg',
      dark: 'https://mintlify-assets.b-cdn.net/aspen-home.svg'
    },
    href: '#'
  }]
}, {
  id: 'training-platforms',
  label: 'Training Platforms',
  items: [{
    id: 'training-platform',
    title: 'Training Platforms',
    desc: 'Train your models with ease',
    icon: 'https://mintlify-assets.b-cdn.net/neural-light.svg',
    image: {
      light: 'https://mintlify-assets.b-cdn.net/aspen-home.svg',
      dark: 'https://mintlify-assets.b-cdn.net/aspen-home.svg'
    },
    href: '/data/introduction/welcome'
  }]
}];

export const ProductTiles = ({categories, hideButtons = false}) => {
  const [activeCategory, setActiveCategory] = useState(categories[0].id);
  const [activeSubTab, setActiveSubTab] = useState(categories[0].items[0]?.id ?? null);
  const currentCategory = categories.find(cat => cat.id === activeCategory);
  const currentSub = currentCategory?.items.find(item => item.id === activeSubTab);
  return <div className="not-prose space-y-6">
    {!hideButtons && <div className="flex flex-wrap gap-2">
        {categories.map(cat => <button key={cat.id} onClick={() => {
    setActiveCategory(cat.id);
    setActiveSubTab(cat.items[0]?.id ?? null);
  }} className={`px-4 py-2 text-sm rounded-full font-medium transition-colors ${activeCategory === cat.id ? 'bg-[#0A0B0D] text-white dark:bg-white dark:text-[#0A0B0D] border-black' : 'bg-gray-100 dark:bg-white/10 text-black dark:text-white'}`}>
            {cat.label}
          </button>)}
      </div>}

      <div>
        {currentCategory?.items?.length ? <div className="flex flex-col lg:flex-row gap-6 bg-gray-100 dark:bg-[#141414] rounded-2xl">
            <div className="flex flex-col w-full lg:w-1/2 space-y-2 p-4">
              {currentCategory.items.map(item => <a key={item.id} href={item.href} onMouseOver={() => setActiveSubTab(item.id)} className={`flex items-start gap-1.5 text-left px-5 py-3 rounded-2xl transition-all ${activeSubTab === item.id ? 'bg-white dark:bg-white/5' : ''}`}>
                  <div className="text-xl mr-3 mt-1"><img src={item.icon} alt={item.title} className="w-8 h-8" /></div>
                  <div className="flex-1">
                    <h3 className="font-medium text-base text-black dark:text-white">
                      {item.title}
                    </h3>
                    <p className="text-sm text-gray-600 dark:text-gray-400">{item.desc}</p>
                  </div>
                  <div className={`flex items-center justify-center min-w-[24px] self-center ${activeSubTab === item.id ? 'opacity-100' : 'opacity-0'}`}>
                    <div className="hidden dark:block">
                      <Icon icon="chevron-right" size="14" color="#FFF" />
                    </div>
                    <div className="block dark:hidden">
                      <Icon icon="chevron-right" size="14" color="#0A0B0D" />
                    </div>
                  </div>
                </a>)}
            </div>
            <div className="group w-full h-fit lg:w-1/2 rounded-2xl flex items-center justify-center  overflow-hidden min-h-[320px] p-4">
              {currentSub?.image ? <>
                <img src={currentSub.image.light} alt={currentSub.title} className="block dark:hidden w-full h-full object-cover rounded-xl" />
                <img src={currentSub.image.dark} alt={currentSub.title} className="hidden dark:block w-full h-full object-cover rounded-xl" />
              </> : <p className="text-gray-400 dark:text-gray-500 p-8">No preview available</p>}
            </div>
          </div> : <p className="text-sm text-gray-500 dark:text-gray-400">
            No features available for this category.
          </p>}
      </div>
    </div>;
};

export const Title = ({children}) => {
  return <div className="text-gray-900 dark:text-gray-200 text-2xl tracking-tight">
      {children}
    </div>;
};

export const Container = ({children}) => {
  return <div className="px-4 lg:px-10 py-14">
      {children}
    </div>;
};

<div className="px-5 divide-y divide-gray-100 dark:divide-white/10 mx-auto max-w-7xl">
  <Container>
    <div className="w-full flex flex-col">
      <div className="flex flex-col items-start justify-center w-full max-w-4xl text-left">
        <div className="text-gray-900 dark:text-gray-200 text-4xl tracking-tight font-bold">
          Help Centre
        </div>

        <p className="text-md text-gray-600 dark:text-gray-400 text-left mt-3 mb-4">
          Explore our help centre to find guides, FAQs, and troubleshooting tips to make the most of your Exam Insights experience.
        </p>

        <div className="flex flex-row gap-4 mt-5">
          <a href="/getting_started/quick_start_guide">
            <button type="button" className="px-5 flex items-center font-medium text-sm rounded-full py-2 shadow-sm text-white bg-primary-dark dark:bg-primary-light hover:opacity-[0.9] hover:bg-primary justify-center">
              Get started

              <svg
                className="size-3 ml-2 bg-white text-white dark:text-white"
                style={{
            maskImage: 'url("https://mintlify.b-cdn.net/solid/arrow-right-long.svg")',
            maskRepeat: 'no-repeat',
            maskPosition: 'center center'
          }}
              />
            </button>
          </a>
        </div>
      </div>
    </div>
  </Container>

  <Container>
    <div className="flex flex-col w-full mb-8">
      <div className="flex items-center justify-between w-full font-semibold">
        <Title>
          Explore Our Resources
        </Title>
      </div>

      <p className="text-[#5B616E] dark:text-gray-300 text-md mb-1 mt-3">
        Access everything from account setup to data protection in just a few clicks.
      </p>
    </div>

    <div className="">
      <CardGroup cols={4}>
        <ProductCard title="Getting Started" description="Learn the basics quickly and make the most of Exam Insights" href="/getting_started/quick_start_guide" img="https://mintcdn.com/examinsights-af46ff27/KViLkGTIf8GCn7Eh/images/1.png?fit=max&auto=format&n=KViLkGTIf8GCn7Eh&q=85&s=cab7d12ccdfa973a552cbb837e004a3b" width="1660" height="816" data-path="images/1.png" />

        <ProductCard title="For Schools" description="Understand how your school can benefit from Exam Insights" href="/pricing/for_schools" img="https://mintcdn.com/examinsights-af46ff27/KViLkGTIf8GCn7Eh/images/6.png?fit=max&auto=format&n=KViLkGTIf8GCn7Eh&q=85&s=3323a0bf034fe57b97a869b674d4e21d" width="1660" height="816" data-path="images/6.png" />

        <ProductCard title="Troubleshooting" description="Get help with common issues and keep your experience running smoothly" href="/troubleshooting/changing_account_details" img="https://mintcdn.com/examinsights-af46ff27/KViLkGTIf8GCn7Eh/images/2.png?fit=max&auto=format&n=KViLkGTIf8GCn7Eh&q=85&s=e65a01cc068c542d57f5c4059674bc10" width="1660" height="816" data-path="images/2.png" />

        <ProductCard title="Policies & Privacy" description="Understand our terms, policies, and data protection practices" href="/security/overview" img="https://mintcdn.com/examinsights-af46ff27/KViLkGTIf8GCn7Eh/images/3.png?fit=max&auto=format&n=KViLkGTIf8GCn7Eh&q=85&s=f62ad5c6cbfbf27cd14d181bf455f0d1" width="1660" height="816" data-path="images/3.png" />

        <ProductCard title="About Us" description="Learn about our mission, story, and the team behind Exam Insights" href="/company/about_us" img="https://mintcdn.com/examinsights-af46ff27/KViLkGTIf8GCn7Eh/images/4.png?fit=max&auto=format&n=KViLkGTIf8GCn7Eh&q=85&s=4c1006c9cab216506f12b54e8222538c" width="1660" height="816" data-path="images/4.png" />

        <ProductCard title="Contact Us" description="Talk to our support team who are here to help you succeed" href="/company/contact_us" img="https://mintcdn.com/examinsights-af46ff27/KViLkGTIf8GCn7Eh/images/5.png?fit=max&auto=format&n=KViLkGTIf8GCn7Eh&q=85&s=f3fbf943c7869328341567fb30fb03f4" width="1660" height="816" data-path="images/5.png" />
      </CardGroup>
    </div>
  </Container>

  <Container>
    <div class="mx-auto max-w-6xl px-6 text-center">
      <div class="mt-12 text-xs text-gray-500 dark:text-gray-400">
        © <span id="year-1">2026</span> Exam Insights. All rights reserved.
      </div>
    </div>
  </Container>
</div>