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

# Adriel Knowledge Base

> Search guides for connecting data, building dashboards, and automating reporting.

<div className="relative">
  <div className="relative left-1/2 right-1/2 -mx-[50vw] w-screen" style={{ background: 'linear-gradient(to bottom, #152a4f 0%, #103a78 50%, #1557d9 100%)' }}>
    <div className="px-4 sm:px-6 lg:px-8 pt-24 pb-20">
      <div className="mx-auto max-w-4xl text-center">
        <h1 className="text-5xl sm:text-6xl font-bold tracking-tight text-white">
          Adriel knowledge base
        </h1>

        <p className="mt-5 text-lg text-blue-50/90">
          Search how-to guides, connector references, and troubleshooting — everything needed to connect data, build dashboards, and automate reporting.
        </p>

        <button type="button" onClick={() => (document.getElementById('search-bar-entry') || document.getElementById('search-bar-entry-mobile'))?.click()} className="mt-8 group flex items-center w-full max-w-2xl mx-auto px-5 py-4 rounded-md bg-white shadow-lg ring-1 ring-black/5 hover:ring-2 hover:ring-white/60 transition-all text-left">
          <svg width="20" height="20" viewBox="0 0 20 20" fill="none" className="text-[#2c8dff] mr-3 flex-shrink-0">
            <path d="M9 17a8 8 0 1 1 5.3-2L19 19.5M14.5 14.5L19 19" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" />
          </svg>

          <span className="text-[#6e767d] group-hover:text-[#3c464f]">
            Search articles, connectors, or guides...
          </span>

          <kbd className="ml-auto text-xs text-[#6e767d] px-2 py-1 rounded border border-[#dfe2e5]">
            ⌘K
          </kbd>
        </button>
      </div>
    </div>
  </div>

  <div className="px-4 sm:px-6 lg:px-8 pt-16 pb-16">
    <div className="mx-auto max-w-6xl">
      <h2 className="text-xl font-semibold text-[#3c464f] dark:text-white mb-6">
        Browse by category
      </h2>

      <div className="grid gap-4 grid-cols-1 sm:grid-cols-2 lg:grid-cols-3">
        <Card title="About Adriel" href="/about-adriel/what-is-adriel">
          New to Adriel? Connect a data source and build a first dashboard in 15 minutes.
        </Card>

        <Card title="Data sources" href="/data-sources/overview">
          110+ connectors — ad platforms, MMPs, analytics, databases, and files.
        </Card>

        <Card title="Dashboards" href="/dashboards/overview">
          Tables, charts, widgets, custom metrics, and blended data — designed for marketing teams.
        </Card>

        <Card title="Widgets" href="/widgets/widget-library/overview">
          The widget library — tables, charts, goal widgets, breakdowns, and widget actions.
        </Card>

        <Card title="Automate & AI" href="/automate-and-ai/alerts">
          Alerts, scheduled exports, and the AI Agent.
        </Card>

        <Card title="Workspace & access" href="/workspace-and-access/workspace-concepts">
          Workspaces, teams, roles, and folder access.
        </Card>

        <Card title="Troubleshooting" href="/troubleshooting/overview">
          Fixes for missing data, mismatched numbers, and account issues.
        </Card>
      </div>

      <h2 className="text-xl font-semibold text-[#3c464f] dark:text-white mt-16 mb-6">
        Popular guides
      </h2>

      <div className="grid gap-4 grid-cols-1 sm:grid-cols-2 lg:grid-cols-3">
        <Card title="The ads table" href="/widgets/widget-library/table-widgets/ads-table">
          The most important widget — every dashboard starts here.
        </Card>

        <Card title="Connect Meta Ads" href="/data-sources/g-n/meta-ads/how-to-connect">
          Authorize a Business Manager and import campaigns, ad sets, and ads.
        </Card>

        <Card title="Time zones & data freshness" href="/data-sources/how-data-works/time-zones-and-data-freshness">
          Why two reports on the same data sometimes show different numbers.
        </Card>
      </div>

      <div className="mt-20 border-t border-[#dfe2e5] dark:border-zinc-800 pt-10 grid gap-6 grid-cols-1 sm:grid-cols-3 text-center">
        <a href="/data-sources/overview" className="text-sm text-[#6e767d] hover:text-[#2c8dff]">
          Browse data sources
        </a>

        <a href="/troubleshooting/overview" className="text-sm text-[#6e767d] hover:text-[#2c8dff]">
          Troubleshooting
        </a>

        <a href="mailto:support@adriel.com" className="text-sm text-[#6e767d] hover:text-[#2c8dff]">
          Contact support
        </a>
      </div>
    </div>
  </div>
</div>
