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

# WisdomAI Docs

export const HomeCard = ({title = "Getting started", description = "Start utilizing the platform’s features effectively.", src = "/images/home/cards/getting-started-light.png", darkSrc = "/images/home/cards/getting-started-dark.png", href = "#", children, badge}) => {
  return <a href={href} className="mt-4 group flex flex-col overflow-hidden rounded-2xl border border-zinc-200 bg-white shadow-sm transition hover:shadow-md focus:outline-none focus-visible:ring-2 focus-visible:ring-indigo-500 dark:border-zinc-800 dark:bg-zinc-900">
      {}
      <div className="relative w-full">
        <img src={src} alt={title} className="m-0 w-full object-cover dark:hidden" noZoom />
        <img src={darkSrc} alt={title} className="m-0 hidden w-full object-cover dark:block" noZoom />
      </div>

      {}
      <div className="p-5">
        <span className="flex items-center gap-2 mb-2">
          <h3 className="text-base font-semibold text-zinc-900 dark:text-zinc-100 m-0">{title}</h3>
          {badge && <Badge color="green" size="sm">
              New
            </Badge>}
        </span>
        <p className="mt-1 text-sm leading-6 text-zinc-600 dark:text-zinc-400">{description || children}</p>
      </div>
    </a>;
};

export const PageWrapper = ({children}) => {
  return <div className="w-full flex justify-center px-4">
      <div className="w-full max-w-[1376px]">{children}</div>
    </div>;
};

export const HomeBanner = () => {
  return <section className="w-full flex justify-center py-16">
      <div className="max-w-[1376px] w-full flex flex-col items-center text-center px-4">
        {}
        <img noZoom src="/images/home/light/logo.svg" alt="WisdomAI Logo" className=" dark:hidden" />
        <img noZoom src="/images/home/dark/logo.svg" alt="WisdomAI Logo Dark" className=" hidden dark:block" />

        {}
        <p className="mt-4 text-lg text-gray-600 dark:text-gray-300 max-w-2xl">
          Dive into Our Docs and Start Building with Trusted, <br />
          AI-Powered Business Logic
        </p>
      </div>
    </section>;
};

<HomeBanner />

<PageWrapper>
  <Columns cols={3}>
    <HomeCard href="/getting-started/overview" src="/images/home/light/card1.svg" darkSrc="/images/home/dark/card1.png" title="Getting started" description="Start utilizing the platform’s features effectively" />

    <HomeCard href="/setting-up-wisdom-ai/basic-tutorial-connect-and-test" src="/images/home/light/card2.svg" darkSrc="/images/home/dark/card2.png" title="Setting Up WisdomAI" description="Connect data sources and start creating knowledge" />

    <HomeCard href="/improve-wisdom-ai-responses/enhancing-data-analysis-with-custom-business-context" src="/images/home/light/card3.svg" darkSrc="/images/home/dark/card3.png" title="Improve WisdomAI Responses" description="Explore the available tools to enhance your responses" />
  </Columns>

  <Columns cols={3}>
    <HomeCard href="/using-wisdom-ai-everyday/ask-better-questions" src="/images/home/light/card-4-01.png" darkSrc="/images/home/dark/card4.png" title="Using WisdomAI Everyday" description="Craft effective queries to get the best possible information" />

    <HomeCard href="/integrations/embeddings/embedding" src="/images/home/light/card5-1.png" darkSrc="/images/home/dark/card5.png" title="Integrations" description="Learn how to perform external integrations such as GraphQL and Slack" />

    <HomeCard href="/new-releases/march-2026/03-26" src="/images/home/light/card6-01.png" darkSrc="/images/home/dark/card6.png" title="New Releases" description="Stay up-to-date with the latest features and improvements" badge />
  </Columns>
</PageWrapper>

<br />

<br />

<br />

<br />

<br />