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

# Overview

export const DemoCard = () => {
  return <Card title="Book a Demo" icon="video" href="https://calendly.com/runconverge/talk-with-converge?utm_source=docs&amp;utm_medium=referral" horizontal>
    Explore how Converge can help your company hit its growth goals.
   </Card>;
};

export const CloudinaryVideo = ({src, controls = true, autoplay = false, loop = false, muted = true, poster = null}) => {
  return <video controls={controls} autoPlay={autoplay} loop={loop} className="w-full shadow-lg" src={src} muted={muted} poster={poster} playsinline></video>;
};

export const OutboundLink = ({linkText, linkTarget}) => {
  return <a target="_blank" href={linkTarget}> {linkText} 
    <div className="inline h-3 w-3 fill-gray-500 dark:fill-gray-100 text-gray-500 dark:text-gray-300 ml-1 mr-1">
      <svg className="inline w-2.5 h-2.5 bg-gray-500 dark:bg-gray-300" style={{
    maskImage: `url('https://mintlify.b-cdn.net/v6.5.1/solid/up-right-from-square.svg')`,
    maskRepeat: "no-repeat",
    maskPosition: "center center"
  }}></svg> 
    </div>
    </a>;
};

export const Icon = ({name}) => {
  return <div className="h-4 w-4 fill-gray-800 dark:fill-gray-100 text-gray-800 dark:text-gray-100 inline-block align-middle">
            <svg className="w-4 h-4 bg-gray-800 dark:bg-gray-100" style={{
    maskImage: `url('https://mintlify.b-cdn.net/v6.5.1/solid/${name}.svg')`,
    maskRepeat: "no-repeat",
    maskPosition: "center center"
  }} />
        </div>;
};

export const IconText = ({name, text, iconSource = "mintlify", iconLocation = "before", iconType = "solid"}) => {
  const sourceUrl = iconSource === 'local' ? `url('/images/icons/${name}.svg')` : `url('https://mintlify.b-cdn.net/v6.5.1/${iconType}/${name}.svg')`;
  return <>
            <div className="inline-block pl-2">
                {iconLocation === 'before' && <div className="h-3.5 w-3.5 fill-gray-800 dark:fill-gray-100 text-gray-800 dark:text-gray-100 inline-block align-middle mr-2">
                        <svg className="w-4 h-4 bg-gray-800 dark:bg-gray-100 " style={{
    maskImage: sourceUrl,
    maskRepeat: "no-repeat",
    maskPosition: "center center"
  }} />
                    </div>}
                <span className="inline-block align-middle font-semibold fill-gray-800 dark:fill-gray-100 text-gray-800 dark:text-gray-100 pl-1 pr-2">{text}</span>
                {iconLocation === 'after' && <div className="h-3.5 w-3.5 fill-gray-800 dark:fill-gray-100 text-gray-800 dark:text-gray-100 inline-block align-middle mr-2">
                        <svg className="w-4 h-4 bg-gray-800 dark:bg-gray-100 pr-3" style={{
    maskImage: sourceUrl,
    maskRepeat: "no-repeat",
    maskPosition: "center center"
  }} />
                    </div>}
            </div>
        </>;
};

<Note>
  This product is billed separately, ask your Converge rep for access.
</Note>

<CloudinaryVideo controls={false} loop={true} autoplay={true} src="https://res.cloudinary.com/drv76uky1/video/upload/v1730732454/rlztl0prrju1addnlyub.mp4" />

<DemoCard />

<br />

The Converge Insights and Dashboards Product allows you to create reports and dashboards that combine data from your:

* Store backend (e.g. Revenue by SKU)
* Converge Attribution Table (e.g. First Touch Purchases attributed to Facebook)
* Ad Platform (e.g. Facebook CPMs for my UK Campaigns)

And all of the above combined.

If you'd like to learn about how to use this product, start with [Insight Basics](./insights).
If you'd prefer a high-level set of video tutorials, check out [Video Tutorials](./video-tutorials).