> ## 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.

# About Us

> Discover how Exam Insights makes exam preparation more structured, accessible, and effective for students and educators.

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="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 className="w-full bg-[#F9F9F9] dark:bg-white/5 overflow-hidden rounded-xl select-none">
          <img src={img} className="h-full bg-[#F9F9F9] dark:bg-transparent w-full object-fit transition-transform duration-300 group-hover:scale-105 pointer-events-none" alt={title} loading="lazy" draggable="false" />
        </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 pt-20 divide-y divide-gray-100 dark:divide-white/10 mx-auto max-w-8xl">
  <Container>
    <div className="w-full flex flex-col">
      <div className="flex flex-col items-start justify-center w-full max-w-5xl text-left">
        <div className="flex items-center text-gray-900 dark:text-gray-200 text-4xl tracking-tight font-bold">
          <span>We make exam readiness measurable.</span>
        </div>

        <p className="text-md text-gray-600 dark:text-gray-400 text-left mt-3 mb-12">
          About Exam Insights
        </p>
      </div>

      <div className="w-full max-w-6xl">
        <p class="pt-8 pb-8 font-bold text-gray-700 dark:text-gray-400 text-lg">
          Every student wants to feel exam ready - yet genuine readiness is rarely clear.
        </p>

        <p class="pb-8">
          At Exam Insights, we’re working to change that. We're helping students and schools measure, understand, and improve exam readiness.
        </p>

        <p class="pb-8">
          Our work focuses on understanding what drives exam performance, how readiness can be measured, and how past exams can guide future results. Each step brings us closer to helping students and educators prepare with clarity, not guesswork.
        </p>
      </div>
    </div>
  </Container>

  <Container>
    <section aria-labelledby="stats-title" class="rounded-2xl bg-gray-900 text-white shadow-soft pt-10 pb-10">
      <div class="px-6 sm:px-10 py-10">
        <p id="stats-title" class="mx-auto max-w-3xl text-center text-base sm:text-lg leading-relaxed">
          Founded in 2023 by
          <a href="https://www.linkedin.com/in/bradley-cox-/" target="_blank" class="font-semibold hover:text-zinc-200 transition">Bradley Cox</a>
          and
          <a href="https://www.linkedin.com/in/jason-zhong-36028327b/" target="_blank" class="font-semibold hover:text-zinc-200 transition">Jason Zhong</a>,
          Exam Insights is trusted by thousands of students, educators, and schools.
        </p>

        <p class="mx-auto max-w-4xl text-center text-base sm:text-lg leading-relaxed pt-6">
          In 2024, over 60% of Queensland’s Year 12 students prepared with Exam Insights - making it the most widely adopted exam preparation tool in the state.
        </p>

        <div class="mt-10 grid grid-cols-2 gap-y-8 gap-x-8 sm:grid-cols-4 text-center">
          <div>
            <div class="text-3xl sm:text-4xl font-bold">80%</div>
            <div class="mt-1 text-sm text-zinc-200/90">Queensland high-schools</div>
          </div>

          <div>
            <div class="text-3xl sm:text-4xl font-bold">25K+</div>
            <div class="mt-1 text-sm text-zinc-200/90">Students supported</div>
          </div>

          <div>
            <div class="text-3xl sm:text-4xl font-bold">3K+</div>
            <div class="mt-1 text-sm text-zinc-200/90">Educators supported</div>
          </div>

          <div>
            <div class="text-3xl sm:text-4xl font-bold">60%</div>
            <div class="mt-1 text-sm text-zinc-200/90">Queensland Year 12 cohort (2024)</div>
          </div>
        </div>
      </div>
    </section>
  </Container>

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

      <p className="text-[#5B616E] dark:text-gray-300 text-md mb-1 mt-10 justify-center text-center">
        We are proud to be backed by organisations that share our vision for accessible, high-impact exam preparation.
      </p>

      <p className="text-[#5B616E] dark:text-gray-300 text-md mb-1 mt-3 justify-center text-center max-w-5xl mx-auto">
        Research shows that students from low socio-economic backgrounds with the same academic ability are 1.5× less likely to achieve a high ATAR than their peers. Students in remote communities are far less likely to complete Year 12 or leave school with an ATAR at all.
      </p>

      <div class="mt-6 grid grid-cols-2 sm:grid-cols-3 gap-4 max-w-5xl mx-auto">
        <div class="flex items-center justify-center">
          <img src="https://mintcdn.com/examinsights-af46ff27/TiImCgfhAokJ2Sqg/images/ampf.png?fit=max&auto=format&n=TiImCgfhAokJ2Sqg&q=85&s=5236bdfe71e82a028a82d263e8d5dd0d" alt="Forbes" class="opacity-90" width="1200" height="600" data-path="images/ampf.png" />
        </div>

        <div class="flex items-center justify-center">
          <img src="https://mintcdn.com/examinsights-af46ff27/TiImCgfhAokJ2Sqg/images/aq.png?fit=max&auto=format&n=TiImCgfhAokJ2Sqg&q=85&s=b70aa82b301e04dccb63c665606cd5aa" alt="Fast Company" class="opacity-90" width="1200" height="600" data-path="images/aq.png" />
        </div>

        <div class="flex items-center justify-center">
          <img src="https://mintcdn.com/examinsights-af46ff27/TiImCgfhAokJ2Sqg/images/samsung.png?fit=max&auto=format&n=TiImCgfhAokJ2Sqg&q=85&s=34d10da5db3213f72d5ee481b1c43579" alt="TechCrunch" class="opacity-90" width="1200" height="600" data-path="images/samsung.png" />
        </div>
      </div>
    </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>