> ## Documentation Index
> Fetch the complete documentation index at: https://devdocs-shaunak-branch.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Home

export const BlogCard = ({img, href, title, description}) => {
  return <a href={href} target="_blank" rel="noopener noreferrer">
    <div className="flex flex-col gap-6">
      <div className="w-75 h-60 overflow-hidden border border-gray-200 dark:border-gray-800">
        <img src={img} className="w-full h-full object-cover" alt={title} />
      </div>
      <div className="flex flex-col gap-3">
        <h2 className="text-xl font-semibold text-gray-900 dark:text-gray-200">
          {title}
        </h2>
        <p className="text-gray-600 dark:text-gray-400 text-lg">
          {description}
        </p>
      </div>
    <div className="flex">
    <a href={href} className="flex items-center text-black dark:text-white" style={{
    marginTop: '1rem',
    textAlign: 'center',
    fontSize: "18px",
    fontStyle: "normal",
    fontWeight: "500",
    lineHeight: "24px",
    textDecorationSkipInk: "auto",
    textDecorationThickness: "auto",
    textUnderlineOffset: "auto",
    textUnderlinePosition: "from-font"
  }}>
      Read Article
      <svg xmlns="http://www.w3.org/2000/svg" className="h-6 w-6 inline-block ml-2" viewBox="0 0 20 20" fill="currentColor">
              <path fillRule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clipRule="evenodd" />
            </svg>
    </a>
    </div>
    </div>
    </a>;
};

export const ResourceCard = ({img, href, title, description, icon, linkText}) => {
  return <a href={href} style={{
    display: "inline-flex",
    flexDirection: "column",
    gap: "24px",
    padding: "32px",
    borderRadius: "24px",
    backgroundColor: "#000",
    backgroundImage: `url(${img})`,
    backgroundSize: "200px",
    backgroundPosition: "bottom right",
    backgroundRepeat: "no-repeat",
    textDecoration: "none",
    height: "300px",
    width: "510px",
    border: "1px solid #3F3F46",
    position: "relative",
    overflow: "hidden"
  }} className="intro-card border hover:!border-primary dark:hover:!border-primary-light transition-colors">
      <div style={{
    width: "40px",
    height: "40px"
  }}>
        <Icon icon={icon} size={30} color="#fff" />
      </div>
      <div style={{
    display: "flex",
    flexDirection: "column",
    gap: "16px"
  }}>
        <span style={{
    color: "#FAFAFA",
    fontSize: "24px",
    fontWeight: 500,
    lineHeight: "1.2",
    wordWrap: "break-word"
  }}>
          {title}
        </span>
        <span style={{
    color: "#9F9FA9",
    fontSize: "14px",
    fontWeight: 400,
    lineHeight: "1.5",
    wordWrap: "break-word"
  }}>
          {description}
        </span>
        
        <a href={href} className="flex items-center mt-4">
          <span style={{
    color: "#9F9FA9",
    fontSize: "14px",
    fontWeight: 400,
    lineHeight: "1.5",
    wordWrap: "break-word"
  }}>
            {linkText}
            <svg xmlns="http://www.w3.org/2000/svg" className="h-6 w-6 inline-block ml-2" viewBox="0 0 20 20" fill="#9F9FA9">
              <path fillRule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clipRule="evenodd" />
            </svg>
          </span>
        </a>
      </div>
    </a>;
};

export const IntroCard = ({img, href, title, description, releaseNotes}) => {
  return <a href={href} target="_blank" rel="noopener noreferrer">
    <div className="flex flex-col gap-6">
      <div className="w-75 h-60 overflow-hidden border border-gray-200 dark:border-gray-800">
        <img src={img} className="w-full h-full object-cover" alt={title} />
      </div>
      <div className="flex flex-col gap-3">
        <h2 className="text-xl font-semibold text-gray-900 dark:text-gray-200">
          {title}
        </h2>
        <p className="text-gray-600 dark:text-gray-400 text-lg">
          {description}
        </p>
      </div>
    <div className="flex flex-col">
      <a href={href} className="flex items-center justify-between text-[32px] text-gray-900 dark:text-gray-200 py-2">
        <span className="text-gray-900 dark:text-gray-200" style={{
    fontWeight: '600'
  }}> {releaseNotes} Release Notes</span>
        <svg xmlns="http://www.w3.org/2000/svg" className="h-4 w-4 inline-block ml-1" viewBox="0 0 20 20" fill="currentColor">
          <path fillRule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clipRule="evenodd" />
        </svg>
      </a>
      
      <div className="border-b border-gray-200 dark:border-gray-700"></div>
      
      <a href={href} className="flex items-center justify-between text-[32px] text-gray-900 dark:text-gray-200 py-2">
        <span className="text-gray-900 dark:text-gray-200" style={{
    fontWeight: '600'
  }}>User Guide</span>
        <svg xmlns="http://www.w3.org/2000/svg" className="h-4 w-4 inline-block ml-1" viewBox="0 0 20 20" fill="currentColor">
          <path fillRule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clipRule="evenodd" />
        </svg>
      </a>
      
      <div className="border-b border-gray-200 dark:border-gray-700"></div>
      
      <a href={href} className="flex items-center justify-between text-[32px] text-gray-900 dark:text-gray-200 py-2">
        <span className="text-gray-900 dark:text-gray-200" style={{
    fontWeight: '600'
  }}>Developer Guide</span>
        <svg xmlns="http://www.w3.org/2000/svg" className="h-4 w-4 inline-block ml-1" viewBox="0 0 20 20" fill="currentColor">
          <path fillRule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clipRule="evenodd" />
        </svg>
      </a>
      <div className="border-b border-gray-200 dark:border-gray-700"></div>
    </div>
    </div>
    </a>;
};

export const HeroCard = ({title, href}) => {
  return <a href={href} style={{
    display: "inline-flex",
    alignItems: "center",
    justifyContent: "center",
    gap: "6px",
    padding: "8px 16px",
    borderRadius: "24px",
    backgroundColor: "transparent",
    textDecoration: "none",
    height: "34px",
    width: "fit-content",
    border: "1px solid #3F3F46"
  }} className="intro-card border hover:!border-primary dark:hover:!border-primary-light transition-colors">
      <span style={{
    fontSize: "14px",
    fontWeight: 600,
    lineHeight: 1,
    color: "#9f9fa9"
  }}>
        {title}
      </span>
    </a>;
};

export function openSearch() {
  document.getElementById('search-bar-entry').click();
}

<div className="relative w-full flex items-center justify-center" style={{ height: '30rem', overflow: 'hidden', maxWidth: 'auto', marginLeft: 'auto', marginRight: 'auto' }}>
  <div className="absolute inset-0 bg-black" style={{ backgroundImage: 'url(https://mintlify-assets.b-cdn.net/c3-background.png)', backgroundSize: 'cover', backgroundPosition: 'center' }} />

  <div style={{ position: 'absolute', textAlign: 'center', padding: '0 1rem' }}>
    <div
      className="text-white"
      style={{
   fontWeight: '600',
   fontSize: '2.5rem',
   margin: '0',
  }}
    >
      C3 Agentic AI Platform

      Documentation
    </div>

    <p className="mt-4 text-gray-200" style={{ fontSize: '1rem', fontWeight: '400' }}> Find getting started guides, release notes, developer guides, and in-depth topics on <br /> platform features. New to C3 AI? Check out our C3 AI Type System Guide </p>

    <div className="flex items-center justify-center" style={{ maxWidth: '800px', margin: '0 auto' }}>
      <button
        type="button"
        className="hidden w-full lg:flex items-center text-sm leading-6 py-4 pl-4 pr-4 text-gray-500"
        id="home-search-entry"
        style={{
    marginTop: '2rem',
    maxWidth: '50rem',
    background: '#FFF',
    boxShadow: '0px 1px 4px 0px rgba(8, 9, 10, 0.25), 0px 0px 0px 4px rgba(255, 255, 255, 0.20)',
    cursor: 'pointer',
    textAlign: 'left',
  }}
        onClick={openSearch}
      >
        <svg
          className="h-4 w-4 ml-1.5 flex-none bg-primary hover:bg-gray-600 dark:bg-primary-dark dark:hover:bg-white/70"
          style={{
    marginRight: '0.5rem',
     maskImage:
       'url("https://mintlify.b-cdn.net/v6.5.1/solid/magnifying-glass.svg")',
     maskRepeat: 'no-repeat',
     maskPosition: 'center center',
    }}
        />

        Search or ask...
      </button>
    </div>

    <div style={{ maxWidth: '650px', margin: '0 auto', marginTop: '2rem' }}>
      <div className="flex flex-wrap items-center justify-center gap-3 mt-3">
        <HeroCard title="Agentic AI Platform Docs" href="/platform-architecture/devdocs/platform-overview" />

        <HeroCard title="Training" href="https://learn.c3.ai/" />

        <HeroCard title="Blog" href="https://developer.c3.ai/blog" />

        <HeroCard title="Community" href="https://community.c3.ai/" />
      </div>
    </div>
  </div>
</div>

<div className="relative w-full flex items-center justify-center py-16 block dark:hidden">
  <div className="max-w-screen-xl mx-auto px-4">
    <p className="text-center text-gray-900 dark:text-gray-200 mb-8" style={{ fontSize: '2rem', fontWeight: '600'}}>C3 AI Application Documentation</p>

    <CardGroup cols={3}>
      <IntroCard img="https://mintlify-assets.b-cdn.net/generative.svg" href="/guide/overview" title="Generative AI" description="Surface and act on insights, all through a natural language interface" releaseNotes="5.2" />

      <IntroCard img="https://mintlify-assets.b-cdn.net/reliability.svg" href="/reference/proto-services/TaskManagerAPI/TaskManagerAPI" title="C3 AI Reliability" description="Prioritize and optimize asset maintenance and planning" releaseNotes="18.0" />

      <IntroCard img="https://mintlify-assets.b-cdn.net/forecasting.svg" href="#" title="C3 AI Demand Forecasting" description="Transform your demand planning with enterprise AI" releaseNotes="3.0" />
    </CardGroup>

    <br />

    <br />

    <br />

    <CardGroup cols={3}>
      <IntroCard img="https://mintlify-assets.b-cdn.net/production.svg" href="#" title="C3 AI Process Optimization" description="Increase Production Yield and Process Efficiency with AI Insights" releaseNotes="4.0" />

      <IntroCard img="https://mintlify-assets.b-cdn.net/reliability.svg" href="#" title="C3 AI Reliability" description="Prioritize and optimize asset maintenance and planning" releaseNotes="18.0" />

      <IntroCard img="https://mintlify-assets.b-cdn.net/forecasting.svg" href="#" title="C3 AI Demand Forecasting" description="Transform your demand planning with enterprise AI." releaseNotes="3.0" />
    </CardGroup>
  </div>
</div>

<div className="relative w-full flex items-center justify-center py-16 hidden dark:block">
  <div className="max-w-screen-xl mx-auto px-4">
    <p className="text-center text-gray-900 dark:text-gray-200 mb-8" style={{ fontSize: '2rem', fontWeight: '600'}}>C3 AI Application Documentation</p>

    <CardGroup cols={3}>
      <IntroCard img="https://mintlify-assets.b-cdn.net/generative-dark.svg" href="/guide/overview" title="Generative AI" description="Surface and act on insights, all through a natural language interface" releaseNotes="5.2" />

      <IntroCard img="https://mintlify-assets.b-cdn.net/reliability-dark.svg" href="/reference/proto-services/TaskManagerAPI/TaskManagerAPI" title="C3 AI Reliability" description="Prioritize and optimize asset maintenance and planning" releaseNotes="18.0" />

      <IntroCard img="https://mintlify-assets.b-cdn.net/forecasting-dark.svg" href="#" title="C3 AI Demand Forecasting" description="Transform your demand planning with enterprise AI" releaseNotes="3.0" />
    </CardGroup>

    <br />

    <br />

    <br />

    <CardGroup cols={3}>
      <IntroCard img="https://mintlify-assets.b-cdn.net/process-dark.svg" href="#" title="C3 AI Process Optimization" description="Increase Production Yield and Process Efficiency with AI Insights" releaseNotes="4.0" />

      <IntroCard img="https://mintlify-assets.b-cdn.net/reliability-dark.svg" href="#" title="C3 AI Reliability" description="Prioritize and optimize asset maintenance and planning" releaseNotes="18.0" />

      <IntroCard img="https://mintlify-assets.b-cdn.net/forecasting-dark.svg" href="#" title="C3 AI Demand Forecasting" description="Transform your demand planning with enterprise AI." releaseNotes="3.0" />
    </CardGroup>
  </div>
</div>

<div className="relative w-full flex items-center justify-center bg-gray-50 dark:bg-gray-900 py-16">
  <div className="max-w-screen-xl mx-auto px-4">
    <p className="text-center text-gray-900 dark:text-gray-200 mb-8" style={{ fontSize: '2rem', fontWeight: '600'}}>Discover C3 With Our Resources</p>

    <CardGroup cols={2}>
      <ResourceCard href="https://learn.c3.ai/" icon="user-graduate" img="https://mintlify-assets.b-cdn.net/square-vector.svg" linkText="Go to the C3 Training Academy" title="Access Training Resources" description="The improved search and navigation features make it easier to find training on core C3 Agentic AI Platform concepts and learn how to build machine learning applications." />

      <ResourceCard href="www.google.com" icon="user-group" img="https://mintlify-assets.b-cdn.net/circle-vector.svg" linkText="Join the discussion" title="Need Help?" description="Join our community to collaborate with others and continually learn how to get the most out of our software. We continually make improvements and add new features based on ..." />
    </CardGroup>
  </div>
</div>

<div className="relative w-full flex items-center justify-center py-16">
  <div className="max-w-screen-xl mx-auto px-4">
    <p className="text-center text-gray-900 dark:text-gray-200 mb-8" style={{ fontSize: '2rem', fontWeight: '600'}}>Featured from our Technical Blog</p>

    <CardGroup cols={3}>
      <BlogCard img="https://mintlify-assets.b-cdn.net/ship-c3.svg" href="/guide/overview" title="Optimizing Asset Monitoring with AI: A Data Science Path to Increased Reliability" description="Data Science solution that provides an accurate and comprehensive view of system risks and enables optimized allocation of precious engineering resources to the highest-risk systems." />

      <BlogCard img="https://mintlify-assets.b-cdn.net/factory-c3.svg" href="/guide/overview" title="Embedding AI within Reliability Engineering" description="Glance through the most cited articles in the Reliability Engineering & System Safety journal [1], you may notice the emergence of data-driven techniques such as function approximation, optimization, search, and planning – a collection of techniques broadly studied under the discipline of artificial intelligence." />

      <BlogCard img="https://mintlify-assets.b-cdn.net/minds-c3.svg" href="/guide/overview" title="Digital Twins - The Foundation of AI-Driven Asset Reliability" description="With the wide adoption of technologies such as cloud computing, big data, industrial IoT, and artificial intelligence, asset-heavy industries have become increasingly interested in developing digital twins." />
    </CardGroup>
  </div>
</div>