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

# Integration Catalog

> Automate your healthcare workflows with the tools below.

The key parts of a workflow are **triggers** and **actions**. Most workflows are triggered by a source application sending a **webhook** to Morf. Morf then processes that webhook, generating an **event**. Once a workflow is triggered, a sequence of **actions** will execute. Actions allow you to fetch or send data to your integrated destination applications, control the flow of a workflow execution using conditional logic, or store data in Morf.

The libraries below give you a full list of the existing events that can be used as triggers as well as our existing actions. We’re always adding new events and actions, please let us know if we are missing one you need.

<Tabs>
  <Tab title="Source applications">
    Source applications send events to Morf that may trigger a workflow.

    <CardGroup cols={2}>
      <Card
        title="Active Campaign"
        icon={<svg
                xmlns="http://www.w3.org/2000/svg"
                viewBox="0 0 40 40" width="100%" height="100%" preserveAspectRatio="xMidYMid meet"
                className="w-full h-full"
                fill="none"
                {...props}
            >
                <path
                fill="#004CFF"
                d="m26.637 19.944-14.62 9.71A2.287 2.287 0 0 0 11 31.572V34l17.726-11.629c.79-.564 1.298-1.468 1.298-2.427 0-.96-.451-1.863-1.298-2.428L11 6v2.258c0 .79.395 1.524 1.016 1.92l14.621 9.766Z"
                />
                <path
                fill="#004CFF"
                d="M17.83 20.734c.791.508 1.807.508 2.598 0l1.241-.847-9.258-6.266c-.564-.395-1.411 0-1.411.734v1.863l4.798 3.218 2.033 1.298Z"
                />
                </svg>}
        horizontal="true"
        href="/events/payloads/active_campaign"
      />

      <Card
        title="Acuity"
        icon={<svg
                    xmlns="http://www.w3.org/2000/svg"
                    viewBox="0 0 40 40" width="100%" height="100%" preserveAspectRatio="xMidYMid meet"
                    className="w-full h-full"
                    fill="none"
                    {...props}
                >
                    <path
                    fill="#000"
                    fillRule="evenodd"
                    d="m11.154 20.706 9.294-9.407a3.303 3.303 0 0 1 2.367-.991 3.3 3.3 0 0 1 2.365.99l.724.733 1.449-1.466-.724-.733a5.325 5.325 0 0 0-3.815-1.597 5.326 5.326 0 0 0-3.815 1.598L9.706 19.24l1.448 1.466Z"
                    clipRule="evenodd"
                    />
                    <path
                    fill="#000"
                    fillRule="evenodd"
                    d="m23.588 14.423-1.455-1.464-9.337 9.394a3.352 3.352 0 0 1-4.756 0 3.402 3.402 0 0 1 0-4.784l8.057-8.105L14.642 8l-8.057 8.105a5.483 5.483 0 0 0 0 7.712 5.367 5.367 0 0 0 3.833 1.595c1.45 0 2.81-.567 3.833-1.595l9.337-9.394ZM32.826 16.183a5.366 5.366 0 0 0-3.832-1.595 5.37 5.37 0 0 0-3.834 1.595l-9.337 9.393 1.455 1.465 9.338-9.394a3.353 3.353 0 0 1 4.755 0 3.37 3.37 0 0 1 .984 2.392 3.37 3.37 0 0 1-.984 2.392l-8.056 8.105L24.77 32l8.056-8.105a5.483 5.483 0 0 0 0-7.712Z"
                    clipRule="evenodd"
                    />
                    <path
                    fill="#000"
                    fillRule="evenodd"
                    d="m28.258 19.294-9.294 9.407a3.322 3.322 0 0 1-4.733 0l-.724-.732-1.448 1.466.724.733a5.325 5.325 0 0 0 3.815 1.597 5.326 5.326 0 0 0 3.815-1.598l9.293-9.407-1.448-1.466Z"
                    clipRule="evenodd"
                    />
                </svg>}
        horizontal="true"
        href="/events/payloads/acuity"
      />

      <Card
        title="Airmail"
        icon={<svg
          xmlns="http://www.w3.org/2000/svg"
          viewBox="0 0 40 40"
          width="100%"
          height="100%"
          preserveAspectRatio="xMidYMid meet"
          fill="none"
        >
          <path fill="#1A73E8" d="M7 20 33 8l-6 12 6 12L7 20z"/>
          <path fill="#0D47A1" d="M7 20l14-2.5-2.5 2.5 2.5 2.5L7 20z"/>
        </svg>}
        horizontal="true"
      />

      <Card
        title="Athena"
        icon={<svg
                         xmlns="http://www.w3.org/2000/svg"
                        viewBox="0 0 40 40" width="100%" height="100%" preserveAspectRatio="xMidYMid meet"
                        className="w-full h-full"
                        fill="none"
                       >
                         <g clip-path='url(https://mintlify.s3.us-west-1.amazonaws.com/morfhealth/libraries#clip0_1949_2919)'>
                           <path
                             fill='#7A9A01'
                             d='M23.0867 14.2682C23.0867 14.7816 23.2897 15.2463 23.6177 15.5826C23.9456 15.9189 24.3987 16.1268 24.8989 16.1268C25.3989 16.1268 25.8523 15.9189 26.1805 15.5826C26.5089 15.2463 26.712 14.7816 26.712 14.2682C26.712 13.7552 26.5089 13.2903 26.1805 12.9536C25.8523 12.6168 25.3989 12.4084 24.8989 12.4084C24.3987 12.4084 23.9456 12.6168 23.6177 12.9536C23.2897 13.2903 23.0867 13.7552 23.0867 14.2682Z'
                           ></path>
                           <path
                             fill='#9BC620'
                             d='M15.9983 12.4083C15.9983 13.7683 16.2636 15.0644 16.7437 16.2458C17.2239 17.4271 17.919 18.4936 18.7785 19.3944C19.638 18.4936 20.3331 17.4271 20.8133 16.2458C21.2934 15.0644 21.5587 13.7683 21.5587 12.4083C21.5587 11.0484 21.2934 9.75226 20.8133 8.57093C20.3331 7.38958 19.638 6.32304 18.7785 5.42227C17.919 6.32304 17.2239 7.38958 16.7437 8.57093C16.2636 9.75226 15.9983 11.0484 15.9983 12.4083Z'
                           ></path>
                           <path
                             fill='#7A9A01'
                             d='M22.6336 21.7117C21.2826 23.5988 20.3632 25.6748 19.8562 27.8162C19.3492 29.9573 19.2545 32.1638 19.5528 34.3123C21.6409 33.9605 23.6653 33.2068 25.5054 32.0693C27.3455 30.9318 29.0014 29.4103 30.3524 27.523C31.7034 25.6358 32.6227 23.5598 33.1299 21.4185C33.6369 19.2773 33.7314 17.0708 33.4331 14.9224C31.3451 15.2741 29.3207 16.0278 27.4805 17.1654C25.6404 18.3029 23.9845 19.8244 22.6336 21.7117Z'
                           ></path>
                           <path
                             fill='#9BC620'
                             d='M15.738 18.557C14.7231 17.1117 13.4793 15.9384 12.0972 15.0525C10.7151 14.1667 9.1947 13.5683 7.6265 13.2727C7.40269 14.8919 7.47405 16.5606 7.85508 18.1859C8.23611 19.8111 8.92681 21.3929 9.94166 22.8383C10.851 24.1335 11.9444 25.2093 13.1564 26.0557C14.3684 26.9022 15.699 27.519 17.0829 27.896V30.834V33.772C17.0829 33.921 17.142 34.056 17.2375 34.1538C17.3331 34.2518 17.465 34.3123 17.6108 34.3123C17.7561 34.3123 17.8878 34.2518 17.9832 34.1538C18.0786 34.056 18.1377 33.921 18.1377 33.772V30.6307V27.4892C18.1382 27.4642 18.1382 27.4367 18.1381 27.4075C18.1379 27.3782 18.1377 27.3472 18.1377 27.3152C18.2531 25.8172 18.118 24.2907 17.7222 22.8072C17.3263 21.3235 16.6689 19.8829 15.738 18.557Z'
                           ></path>
                         </g>
                         <defs>
                           <clipPath id='clip0_1949_2919'>
                             <rect
                               transform='translate(7.5 5)'
                               fill='white'
                               height='30'
                               width='26'
                             ></rect>
                           </clipPath>
                         </defs>
                       </svg>}
        horizontal="true"
        href="/events/payloads/athena"
      />

      <Card
        title="Axle Health"
        icon={<svg
                    xmlns="http://www.w3.org/2000/svg"
                    viewBox="0 0 40 40" width="100%" height="100%" preserveAspectRatio="xMidYMid meet"
                    className="w-full h-full"
                    fill="none"
                    {...props}
                >
                    <g clipPath="url(https://mintlify.s3.us-west-1.amazonaws.com/morfhealth/libraries#a)">
                    <path
                        fill="#54BABC"
                        d="M8 27.228c.078-.15.162-.325.259-.494.03-.054.088-.092.134-.137l18.22-18.246c.392-.391.618-.44 1.117-.218 1.94.857 3.334 2.259 4.172 4.213.166.388.104.711-.193 1.006L13.37 31.717c-.306.305-.592.357-.983.19-1.967-.845-3.38-2.25-4.236-4.215-.056-.13-.088-.271-.148-.462L8 27.228Zm16.84-8.349c-.102-.21-.154-.43-.289-.568a189.52 189.52 0 0 0-2.834-2.844c-.337-.331-.806-.311-1.139.022-1.479 1.478-2.958 2.959-4.434 4.44-.336.34-.352.802-.022 1.137.94.954 1.887 1.9 2.839 2.842a.779.779 0 0 0 1.104 0c1.5-1.494 2.995-2.99 4.482-4.494.13-.133.189-.338.293-.533v-.002Z"
                    />
                    <path
                        fill="#59BCBA"
                        d="m19.246 14.126-5.064 5.069c-.05-.047-.114-.105-.176-.165l-5.643-5.65c-.359-.36-.41-.618-.208-1.082.834-1.914 2.209-3.296 4.111-4.15.54-.242.756-.198 1.177.224 1.858 1.861 3.716 3.721 5.576 5.58.068.067.153.117.229.174h-.002ZM20.83 25.852c1.683-1.683 3.346-3.35 5.028-5.035.032.03.092.079.146.133 1.905 1.906 3.81 3.812 5.713 5.72.297.297.36.58.197.96-.856 2.004-2.283 3.436-4.288 4.288-.347.146-.653.094-.924-.175a7837.7 7837.7 0 0 0-5.763-5.77c-.04-.04-.074-.082-.11-.12h.002Z"
                    />
                    <path
                        fill="#2A5E5F"
                        d="M24.84 18.88c-.105.194-.16.399-.293.532a727.803 727.803 0 0 1-4.482 4.494.775.775 0 0 1-1.105 0 315.558 315.558 0 0 1-2.838-2.842c-.333-.337-.317-.799.022-1.136 1.477-1.483 2.955-2.963 4.434-4.44.333-.332.8-.354 1.138-.023.955.938 1.9 1.886 2.835 2.844.134.139.184.357.289.568v.002Z"
                    />
                    </g>
                    <defs>
                    <clipPath id="a">
                        <path fill="#fff" d="M8 8h24v24H8z" />
                    </clipPath>
                    </defs>
                </svg>}
        horizontal="true"
        href="/events/payloads/axle_health"
      />

      <Card
        title="Boulevard"
        icon={<svg
          width="24"
          height="24"
          viewBox="0 0 24 24"
          fill="none"
          aria-hidden="true"
          xmlns="http://www.w3.org/2000/svg"
        >
        <g clip-path="url(https://mintlify.s3.us-west-1.amazonaws.com/morfhealth/libraries#clip0_1028601_133482)">
          <path
            fill-rule="evenodd"
            clip-rule="evenodd"
            d="M15.0861 17.8654C16.7093 17.7796 18.0003 16.3937 18.0003 14.7024C18.0003 13.0071 16.7005 11.6195 15.0725 11.5388C15.7236 10.9383 16.1358 10.0689 16.1358 9.17084C16.1358 7.42407 14.7556 6 13.0584 6H6.05078L8.86131 11.4964H7.01204V17.8695H15.0861V17.8654ZM13.3346 12.4119L15.6181 16.8794C16.5074 16.579 17.1516 15.7165 17.1516 14.7024C17.1516 13.4396 16.1529 12.4119 14.9259 12.4119H13.3346ZM12.8426 11.4497L12.467 10.7151L14.076 7.13433C14.7929 7.51505 15.284 8.28524 15.284 9.17084C15.284 9.65847 15.1205 10.1284 14.8171 10.5388C14.5274 10.9281 14.132 11.2228 13.7061 11.3631C13.4358 11.4504 13.1421 11.4799 12.843 11.4497H12.8426ZM11.9674 9.73767L13.2474 6.88865C13.1851 6.8832 13.1219 6.87687 13.0584 6.87687H10.5049L11.9674 9.73767ZM9.54215 6.87687L14.7135 16.9929H12.6348L7.46194 6.87687H9.54215ZM11.6716 16.9929L9.30973 12.3731H7.86426V16.9927H11.6718L11.6716 16.9929Z"
            fill="black"
          />
        </g>
        <defs>
          <clipPath id="clip0_1028601_133482">
            <rect width="12" height="12" fill="white" transform="translate(6 6)" />
          </clipPath>
        </defs>
      </svg>}
        horizontal="true"
        href="/events/payloads/boulevard"
      />

      <Card
        title="Butterfly Labs"
        icon={<svg
                    xmlns="http://www.w3.org/2000/svg"
                    viewBox="0 0 40 40" width="100%" height="100%" preserveAspectRatio="xMidYMid meet"
                    className="w-full h-full"
                    fill="none"
                    {...props}
                >
                    <path
                    fill="#2779FF"
                    d="M23.6 27.072c1.891 1.97 4.216 3.276 5.398 3.862a.532.532 0 0 0 .756-.477V26.32a4.055 4.055 0 0 0-2.612-3.783l-1.437-.518c-3.826 1.148-2.219 4.814-2.105 5.054Z"
                    />
                    <path
                    fill="#2779FF"
                    d="M28.694 20.032C30.318 19.644 32 19.026 32 16.448V11.01a1.012 1.012 0 0 0-1.419-.925c-3.026 1.324-9.854 4.952-9.854 10.592 0 2.584 1.273 4.729 2.862 6.39-3.554-5.045 2.723-6.466 5.105-7.035ZM16.4 27.072c-1.892 1.97-4.218 3.276-5.4 3.862a.532.532 0 0 1-.757-.477V26.32a4.057 4.057 0 0 1 2.614-3.783l1.436-.518c3.828 1.148 2.218 4.814 2.107 5.054Z"
                    />
                    <path
                    fill="#2779FF"
                    d="M11.306 20.032C9.676 19.644 8 19.026 8 16.448V11.01a1.012 1.012 0 0 1 1.419-.925c3.026 1.324 9.854 4.952 9.854 10.592 0 2.584-1.273 4.729-2.864 6.39 3.556-5.045-2.723-6.466-5.103-7.035Z"
                    />
                </svg>}
        horizontal="true"
        href="/events/payloads/butterfly_labs"
      />

      <Card
        title="Calendly"
        icon={<svg
                    xmlns="http://www.w3.org/2000/svg"
                    viewBox="0 0 40 40" width="100%" height="100%" preserveAspectRatio="xMidYMid meet"
                    className="w-full h-full"
                    fill="none"
                    {...props}
                >
                    <g clipPath="url(https://mintlify.s3.us-west-1.amazonaws.com/morfhealth/libraries#a)">
                    <path
                        fill="#006BFF"
                        d="M25.563 24.454c-.97.845-2.18 1.896-4.38 1.896H19.87c-1.59 0-3.037-.566-4.072-1.595-1.011-1.005-1.568-2.38-1.568-3.873v-1.764c0-1.493.557-2.868 1.568-3.873 1.035-1.029 2.481-1.595 4.072-1.595h1.312c2.2 0 3.41 1.051 4.38 1.896 1.008.877 1.878 1.633 4.196 1.633.353 0 .706-.027 1.055-.083 0-.006-.004-.013-.007-.02a7.71 7.71 0 0 0-.488-.982l-1.55-2.635a7.889 7.889 0 0 0-2.913-2.86 8.077 8.077 0 0 0-3.98-1.046h-3.1c-1.397 0-2.77.36-3.98 1.047a7.889 7.889 0 0 0-2.913 2.86l-1.55 2.634A7.702 7.702 0 0 0 9.266 20c0 1.371.367 2.718 1.066 3.906l1.55 2.635a7.887 7.887 0 0 0 2.913 2.86 8.076 8.076 0 0 0 3.98 1.046h3.1c1.397 0 2.77-.361 3.98-1.047a7.888 7.888 0 0 0 2.913-2.86l1.55-2.634c.186-.316.349-.644.488-.983 0-.006.005-.012.007-.02a6.758 6.758 0 0 0-1.055-.082c-2.318 0-3.188.756-4.195 1.633Z"
                    />
                    <path
                        fill="#006BFF"
                        d="M21.182 15.248H19.87c-2.42 0-4.011 1.696-4.011 3.869v1.764c0 2.172 1.59 3.869 4.01 3.869h1.313c3.527 0 3.252-3.528 8.576-3.528.504 0 1.008.045 1.504.135a7.665 7.665 0 0 0 0-2.714c-.496.091-1 .136-1.504.136-5.325 0-5.049-3.531-8.576-3.531Z"
                    />
                    <path
                        fill="#006BFF"
                        d="M34.321 22.647a7.502 7.502 0 0 0-3.059-1.288c0 .009-.003.018-.005.026a7.635 7.635 0 0 1-.444 1.521 5.89 5.89 0 0 1 2.53 1.021c0 .008-.005.016-.008.024a13.219 13.219 0 0 1-1.9 3.784 13.593 13.593 0 0 1-2.966 2.995 13.842 13.842 0 0 1-9.652 2.617 13.737 13.737 0 0 1-8.875-4.55 13.249 13.249 0 0 1-3.325-9.269 13.285 13.285 0 0 1 4.012-9.004 13.72 13.72 0 0 1 5.999-3.434 13.91 13.91 0 0 1 6.944-.095 13.738 13.738 0 0 1 6.095 3.268 13.373 13.373 0 0 1 3.67 5.788l.007.024a5.888 5.888 0 0 1-2.531 1.02c.2.492.35 1.002.445 1.523 0 .008 0 .017.004.024a7.487 7.487 0 0 0 3.06-1.288c.872-.633.703-1.349.57-1.772C32.97 9.453 27.156 5 20.282 5 11.843 5 5 11.716 5 20c0 8.284 6.843 15 15.283 15 6.873 0 12.687-4.453 14.606-10.58.136-.424.305-1.14-.568-1.773Z"
                    />
                    <path
                        fill="#0AE9EF"
                        d="M30.813 17.096c-.349.055-.702.083-1.055.082-2.318 0-3.188-.756-4.195-1.632-.97-.845-2.18-1.897-4.38-1.897H19.87c-1.59 0-3.037.567-4.072 1.595-1.011 1.005-1.568 2.38-1.568 3.873v1.765c0 1.493.557 2.868 1.568 3.872 1.035 1.03 2.481 1.596 4.072 1.596h1.312c2.2 0 3.41-1.052 4.38-1.897 1.008-.876 1.878-1.633 4.196-1.633.353 0 .706.028 1.055.083.2-.49.35-1 .445-1.52 0-.01.003-.018.004-.027-.496-.09-1-.135-1.504-.135-5.325 0-5.049 3.528-8.576 3.528H19.87c-2.42 0-4.011-1.697-4.011-3.869v-1.762c0-2.172 1.59-3.87 4.01-3.87h1.313c3.527 0 3.252 3.529 8.576 3.529.504 0 1.008-.045 1.504-.136 0-.008 0-.016-.004-.024a7.701 7.701 0 0 0-.445-1.521Z"
                    />
                    <path
                        fill="#0AE9EF"
                        d="M30.813 17.096c-.349.055-.702.083-1.055.082-2.318 0-3.188-.756-4.195-1.632-.97-.845-2.18-1.897-4.38-1.897H19.87c-1.59 0-3.037.567-4.072 1.595-1.011 1.005-1.568 2.38-1.568 3.873v1.765c0 1.493.557 2.868 1.568 3.872 1.035 1.03 2.481 1.596 4.072 1.596h1.312c2.2 0 3.41-1.052 4.38-1.897 1.008-.876 1.878-1.633 4.196-1.633.353 0 .706.028 1.055.083.2-.49.35-1 .445-1.52 0-.01.003-.018.004-.027-.496-.09-1-.135-1.504-.135-5.325 0-5.049 3.528-8.576 3.528H19.87c-2.42 0-4.011-1.697-4.011-3.869v-1.762c0-2.172 1.59-3.87 4.01-3.87h1.313c3.527 0 3.252 3.529 8.576 3.529.504 0 1.008-.045 1.504-.136 0-.008 0-.016-.004-.024a7.701 7.701 0 0 0-.445-1.521Z"
                    />
                    </g>
                    <defs>
                    <clipPath id="a">
                        <path fill="#fff" d="M0 0h40v40H0z" />
                    </clipPath>
                    </defs>
                </svg>}
        horizontal="true"
        href="/events/payloads/calendly"
      />

      <Card
        title="Customer.io"
        icon={<svg
                    xmlns="http://www.w3.org/2000/svg"
                    viewBox="0 0 40 40" width="100%" height="100%" preserveAspectRatio="xMidYMid meet"
                    className="w-full h-full"
                    fill="none"
                    {...props}
                >
                    <path
                    fill="#FFCD00"
                    d="M19.694 25.571a6.286 6.286 0 1 0 0-12.571 6.286 6.286 0 0 0 0 12.571Z"
                    />
                    <path
                    fill="#00ECBB"
                    d="M19.735 28.714h-.02c-4.406 0-8.106-3.021-9.14-7.105-.32-1.256-1.34-2.323-2.636-2.323H4C4 27.964 11.036 35 19.714 35h.02v-6.286Z"
                    />
                    <path
                    fill="#AF64FF"
                    d="M19.693 28.714h.02c4.406 0 8.106-3.021 9.141-7.105.319-1.256 1.34-2.323 2.635-2.323h3.94C35.428 27.964 28.392 35 19.713 35h-.02v-6.286Z"
                    />
                    <path
                    fill="#7131FF"
                    d="M30.826 30.397A15.665 15.665 0 0 1 19.714 35c-4.34 0-8.268-1.759-11.112-4.603l4.445-4.444a9.399 9.399 0 0 0 6.667 2.761 9.4 9.4 0 0 0 6.667-2.761l4.445 4.444Z"
                    />
                </svg>}
        horizontal="true"
        href="/events/payloads/customer_io"
      />

      <Card
        title="Elation"
        icon={<svg
                    xmlns="http://www.w3.org/2000/svg"
                    viewBox="0 0 40 40" width="100%" height="100%" preserveAspectRatio="xMidYMid meet"
                    className="w-full h-full"
                    fill="none"
                    >
                    <path d="M26.9956 30.3029H14.7334C14.7334 24.7522 14.7334 19.0257 14.7334 13.3773H26.9956V16.4849H17.7798V20.4133H26.7465V23.3646H17.7798V27.2148H26.9956V30.3029Z" fill="#1C94BC"/>
                    <path d="M7.20543 15.1754C6.95636 15.1754 6.72644 15.0191 6.72644 14.765V14.0223C6.72644 13.69 6.97552 13.5337 7.20543 13.5337H11.7654C12.0911 13.5337 12.321 13.69 12.321 13.9441V14.6868C12.321 15.0191 12.072 15.1754 11.8421 15.1754H7.20543Z" fill="#1C94BC"/>
                    <path d="M18.667 12.5564C18.4179 12.8105 18.188 12.8105 17.9389 12.5564L17.3067 11.9115C17.0576 11.6574 17.0576 11.4229 17.3067 11.2665L20.4297 8.00257C20.6788 7.74849 20.9087 7.74849 21.1578 8.00257L21.79 8.64754C22.0391 8.90162 22.0391 9.13615 21.79 9.39023L18.667 12.5564Z" fill="#1C94BC"/>
                    <path d="M10.6591 21.5469C10.41 21.801 10.1801 21.801 9.93101 21.5469L9.29874 20.902C9.04967 20.6479 9.04967 20.4133 9.29874 20.257L12.4218 16.993C12.6708 16.739 12.9008 16.739 13.1498 16.993L13.7821 17.638C14.0312 17.8921 14.0312 18.1266 13.7821 18.3807L10.6591 21.5469Z" fill="#1C94BC"/>
                    <path d="M9.27885 9.3707C9.02977 9.11662 9.02977 8.88209 9.27885 8.62801L9.91111 7.98304C10.1602 7.72896 10.3901 7.72896 10.5434 7.98304L13.743 11.1688C13.9921 11.4229 13.9921 11.6574 13.743 11.9115L13.1108 12.5565C12.8617 12.8105 12.6318 12.8105 12.3827 12.5565L9.27885 9.3707Z" fill="#1C94BC"/>
                    <path d="M16.3428 10.602C16.3428 10.8561 16.1895 11.0906 15.9405 11.0906H15.2124C14.8867 11.0906 14.7334 10.8365 14.7334 10.602V5.85269C14.7334 5.59861 14.8867 5.36407 15.1358 5.36407H15.8638C16.1895 5.36407 16.3428 5.61815 16.3428 5.85269V10.602Z" fill="#1C94BC"/>
                    </svg>}
        horizontal="true"
        href="/events/payloads/elation"
      />

      <Card
        title="Feathery"
        icon={<svg
                    xmlns="http://www.w3.org/2000/svg"
                    viewBox="0 0 40 40" width="100%" height="100%" preserveAspectRatio="xMidYMid meet"
                    className="w-full h-full"
                    fill="none"
                    {...props}
                >
                    <path
                    fill="#000"
                    fillRule="evenodd"
                    d="M29.095 3.177c.23.506.56 1.35.791 2.498.428 2.092-.396 4.995-1.714 6.48-1.05 1.186-2.718 2.125-4.174 2.944-.325.183-.64.36-.934.532-1.022.608-2.01 1.181-2.999 1.755-.66.388-1.31.776-1.961 1.165-.651.388-1.302.776-1.961 1.164l-.31.178c-1.19.685-2.416 1.39-3.447 2.353-.66.642-1.12 1.35-1.384 2.262-.066.236-.429.303-.56.067-.168-.256-.31-2.05-.371-2.807l-.025-.298c-.132-2.126-.033-4.32 1.022-6.176.659-1.182 1.647-2.093 2.735-2.835.816-.557 1.687-1 2.558-1.443.29-.148.581-.296.87-.447 8.601-4.456 10.612-6.11 11.304-7.392.131-.236.461-.236.56 0Zm-1.888 13.768c.332-.302.565-.134.797.235.697 1.208.93 3.121.864 4.531-.155 3.41-2.909 4.721-5.649 6.025l-.595.285-.026.012c-1.796.874-4.825 2.348-5.255 4.62-.298 1.476.2 2.718.897 3.825.166.269-.066.604-.365.504-2.757-.84-4.65-2.887-5.414-5.303-1.736-5.389 2.374-7.531 7.17-10.031.342-.178.687-.358 1.034-.541 3.221-1.712 5.347-3.054 6.542-4.162Z"
                    clipRule="evenodd"
                    />
                </svg>}
        horizontal="true"
        href="/events/payloads/feathery"
      />

      <Card
        title="Formsort"
        icon={<svg
                    xmlns="http://www.w3.org/2000/svg"
                    viewBox="0 0 40 40" width="100%" height="100%" preserveAspectRatio="xMidYMid meet"
                    className="w-full h-full"
                    fill="none"
                    {...props}
                >
                    <path
                    fill="#091A4F"
                    d="M30.3 8.854H17.602a.846.846 0 0 0-.847.846v5.08c0 .467.379.846.847.846H30.3a.847.847 0 0 0 .846-.846V9.7a.847.847 0 0 0-.846-.846Z"
                    />
                    <path
                    fill="#EF4423"
                    d="M19.859 24.656h-7.901a3.386 3.386 0 0 0 0 6.773h7.901a3.386 3.386 0 0 0 0-6.773Z"
                    />
                    <path
                    fill="#FFD229"
                    d="M17.602 16.755a.846.846 0 0 0-.847.846v5.08c0 .467.379.846.847.846H30.3a.846.846 0 0 0 .846-.846V17.6a.846.846 0 0 0-.846-.846H17.602Z"
                    />
                    <path
                    fill="#EF4423"
                    d="M8.572 12.24a3.668 3.668 0 1 0 7.336 0 3.668 3.668 0 0 0-7.336 0Z"
                    />
                    <path
                    fill="#091A4F"
                    d="M14.78 16.755H9.7a.846.846 0 0 0-.846.846v5.08c0 .467.379.846.846.846h5.08a.846.846 0 0 0 .846-.846V17.6a.846.846 0 0 0-.846-.846Z"
                    />
                </svg>}
        horizontal="true"
        href="/events/payloads/formsort"
      />

      <Card
        title="GoHighLevel"
        icon={<svg
          xmlns="http://www.w3.org/2000/svg"
          viewBox="0 0 40 40"
          width="100%"
          height="100%"
          preserveAspectRatio="xMidYMid meet"
          fill="none"
        >
          <circle cx="20" cy="20" r="14" fill="#F6911E"/>
          <path fill="#fff" d="M22 13a7 7 0 1 0 2 12.7V22h-4v-2.5h6.5V26A9.5 9.5 0 1 1 22 13z"/>
        </svg>}
        horizontal="true"
      />

      <Card
        title="Healthie"
        icon={<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 40 40" width="100%" height="100%" preserveAspectRatio="xMidYMid meet">
    <path fill="#3C18ED" d="M26.3342 25.43C26.3581 25.3212 26.3821 25.214 26.406 25.1086C26.7816 23.4414 27.151 21.1144 27.1555 21.0912L27.183 20.9129L27.3681 20.9309C30.2961 21.2146 31.804 21.104 32.9326 20.5229C34.0702 19.9383 34.3395 19.1472 34.212 18.602C34.0525 17.9172 33.4996 17.786 32.0236 17.7612C30.5548 17.7363 28.8715 17.6146 27.4045 17.426C26.2926 17.2829 25.4775 17.5143 24.8424 18.1555C24.3108 18.6912 23.9316 19.5063 23.5728 20.882C23.2202 22.2346 22.7878 24.0424 22.7834 24.0604L22.561 24.9886L22.3989 24.0484C22.3201 23.5949 22.2332 22.7857 22.142 21.9286C22.0818 21.3714 22.0206 20.7963 21.9568 20.2854C21.8726 19.5989 21.7885 18.5815 21.6919 17.4046C21.6051 16.3572 21.5077 15.1709 21.3916 14.0026C21.1932 12.0098 21.0496 11.1783 20.3276 10.328C19.594 9.46662 18.3342 9.01919 17.1178 9.19148C15.7482 9.38433 14.8312 10.0975 14.3174 11.372C13.9993 12.1598 13.8611 12.9183 13.7025 13.7978C13.5883 14.4269 13.4704 15.0757 13.2729 15.8232C12.7821 17.6737 12.4569 18.6003 11.6082 19.0992C10.7914 19.5792 9.78228 19.5406 8.23544 18.9715C7.4186 18.6706 6.85338 18.644 6.28461 18.878C5.64496 19.1403 5 19.8294 5 20.7757C5 21.446 5.20022 22.4026 6.93754 22.9812C8.09103 23.3652 10.1491 23.6344 12.1584 23.132C14.4574 22.5569 15.3796 20.9926 15.9776 19.5397C16.495 18.284 17.0638 15.6355 17.0691 15.6089L17.3242 14.414L17.4572 15.6277C17.4598 15.6492 17.6875 17.7483 17.8213 19.2955C17.9994 21.356 18.1898 23.0404 18.4228 24.5977C18.4548 24.8154 18.4857 25.0237 18.514 25.2252C18.7222 26.6762 18.8728 27.7246 19.5586 28.9554C19.9502 29.6592 20.6332 30.1562 21.481 30.3542C22.405 30.5694 23.408 30.3962 24.1646 29.8906C25.5555 28.9614 25.9905 27.0046 26.3395 25.4317H26.3368L26.3342 25.43Z"/>
  </svg>}
        horizontal="true"
        href="/events/payloads/healthie"
      />

      <Card
        title="Hubpsot"
        icon={<svg
                    xmlns="http://www.w3.org/2000/svg"
                    viewBox="0 0 40 40" width="100%" height="100%" preserveAspectRatio="xMidYMid meet"
                    className="w-full h-full"
                    fill="none"
                    {...props}
                >
                    <path
                    fill="#FF7A59"
                    d="M28.802 14.536v-3.81c.51-.236.943-.61 1.247-1.077a2.905 2.905 0 0 0 .47-1.568v-.088c0-1.62-1.333-2.934-2.977-2.934h-.089c-1.643 0-2.976 1.314-2.976 2.934v.088c.003.556.165 1.1.47 1.568.303.468.736.842 1.246 1.077v3.81a8.486 8.486 0 0 0-4.007 1.74l-10.6-8.14c.076-.27.116-.546.12-.823a3.274 3.274 0 0 0-.561-1.838 3.344 3.344 0 0 0-1.503-1.221 3.397 3.397 0 0 0-1.937-.192c-.651.127-1.25.44-1.72.903-.469.461-.79 1.05-.92 1.691a3.263 3.263 0 0 0 .188 1.91 3.316 3.316 0 0 0 1.233 1.487c.551.364 1.2.558 1.863.56A3.352 3.352 0 0 0 10 10.168l10.437 8.008a8.24 8.24 0 0 0 .13 9.39l-3.175 3.13a2.766 2.766 0 0 0-.793-.127c-1.52.001-2.752 1.217-2.752 2.716S15.08 36 16.6 36s2.753-1.214 2.755-2.713a2.646 2.646 0 0 0-.13-.782l3.14-3.098a8.567 8.567 0 0 0 9.662.46c3-1.853 4.515-5.352 3.796-8.771-.719-3.419-3.52-6.036-7.02-6.56ZM27.5 27.07a4.4 4.4 0 0 1-1.698-.292 4.354 4.354 0 0 1-1.449-.92 4.282 4.282 0 0 1-.972-1.404 4.232 4.232 0 0 1 0-3.332 4.282 4.282 0 0 1 .972-1.404 4.4 4.4 0 0 1 3.147-1.213c2.338.081 4.192 1.973 4.193 4.28.001 2.306-1.85 4.2-4.188 4.283"
                    />
                </svg>}
        horizontal="true"
        href="/events/payloads/hubspot"
      />

      <Card
        title="IntakeQ"
        icon={<svg
                    xmlns="http://www.w3.org/2000/svg"
                    viewBox="0 0 40 40" width="100%" height="100%" preserveAspectRatio="xMidYMid meet"
                    className="w-full h-full"
                    fill="none"
                    {...props}
                >
                    <path
                    fill="#3C6E9B"
                    d="m26.449 25.07 3.57 3.591L26.705 32c-1.07-1.155-2.19-2.361-3.165-3.415-1.457.449-2.621.973-3.835 1.148-3.151.456-5.776-.674-7.887-3.027-3.879-4.326-3.731-11.73.307-15.819 4.152-4.206 10.267-3.785 13.69 1.052 2.774 3.921 2.95 8.14.973 12.48-.112.248-.252.484-.339.648v.002Zm-8.264-1.508a5737.6 5737.6 0 0 1 3.239-3.247l1.527 1.452c1.235-2.621.552-6.063-1.516-7.991-1.714-1.598-4.097-1.601-5.816-.008-1.255 1.165-1.9 2.644-2.065 4.31-.234 2.387.362 4.52 2.203 6.172 1.21 1.087 2.769 1.367 4.121.657l-1.695-1.345h.002Z"
                    />
                </svg>}
        horizontal="true"
        href="/events/payloads/intakeq"
      />

      <Card
        title="Junction"
        icon={<svg
                    xmlns="http://www.w3.org/2000/svg"
                    viewBox="0 0 40 40" width="100%" height="100%" preserveAspectRatio="xMidYMid meet"
                    className="w-full h-full"
                    fill="none"
                    {...props}
                    >
                    <g>
                        <path
                        d='M25.3298 7.07397H15.9548V9.851H25.3298V7.07397Z'
                        fill='#3D1836'
                        />
                        <path
                        d='M25.3753 24.1715C25.3753 26.7448 23.3143 28.8369 20.779 28.8369H20.3139C17.4504 28.8369 15.745 27.1059 15.745 24.1992H13C13 28.6332 15.9365 31.6139 20.3048 31.6139H20.7699C24.819 31.6139 28.1021 28.2722 28.1021 24.1715V9.85126H25.3662V24.1715H25.3753Z'
                        fill='#3D1836'
                        />
                    </g>
                    <defs>
                        <clipPath id='clip0_2246_4526'>
                        <rect
                            width='15'
                            height='25'
                            fill='white'
                            transform='translate(13 7)'
                        />
                        </clipPath>
                    </defs>
                    </svg>}
        horizontal="true"
        href="/events/payloads/junction"
      />

      <Card
        title="Medplum"
        icon={<svg
                    xmlns="http://www.w3.org/2000/svg"
                    viewBox="-5 -5 50 50" width="100%" height="100%" preserveAspectRatio="xMidYMid meet"
                    className="w-full h-full"
                    fill="currentColor"
                    {...props}
                >
                    <g id='layer1' transform='translate(-9.8343898,-21.506486)'>
                        <g id='g923' transform='matrix(0.10348183,0,0,0.10348183,7.5474414,21.506486)'>
                            <path fill='#ad7136' d='m 282,67 c 6,-16 16,-29 29,-40 L 289,0 c -22,17 -37,41 -43,68 l 17,23 z' id='path900' />
                            <path fill='#946af9' d='m 311,63 c -17,0 -33,4 -48,11 -16,-7 -32,-11 -49,-11 -87,0 -158,96 -158,214 0,118 71,214 158,214 17,0 33,-4 49,-11 15,7 31,11 48,11 87,0 158,-96 158,-214 C 469,159 398,63 311,63 Z' id='path902' />
                            <path fill='#7857c5' d='m 231,489 -17,2 C 127,491 56,395 56,277 56,159 127,63 214,63 l 17,1 c -39,12 -70,102 -70,213 0,111 31,201 70,212 z' id='path904' />
                            <path fill='#40bc26' d='M 207,220 A 176,176 0 0 1 30,263 176,176 0 0 1 251,43 l 1,5 c 17,59 2,125 -45,172 z' id='path906' />
                            <path fill='#33961e' d='M 252,48 A 421,421 0 0 0 57,270 L 30,263 A 176,176 0 0 1 251,43 Z' id='path908' />
                        </g>
                    </g>
                </svg>}
        horizontal="true"
        href="/events/payloads/medplum"
      />

      <Card
        title="Morf"
        icon={<svg
                    xmlns="http://www.w3.org/2000/svg"
                    viewBox="0 0 24 24" width="100%" height="100%" preserveAspectRatio="xMidYMid meet"
                    className="w-full h-full"
                    fill="none"
                    {...props}
                >
                    <path
                    fill="#3C4CEC"
                    d="M2.4 13.24v-2.48c0-.806.62-1.461 1.382-1.461h3.782L5.672 5.835c-.372-.703-.144-1.595.508-1.997l2.037-1.241a1.302 1.302 0 0 1 1.052-.145 1.4 1.4 0 0 1 .838.68L12 6.593l1.89-3.457c.188-.339.486-.58.84-.683.358-.103.734-.05 1.054.147l2.032 1.238c.654.404.883 1.297.513 1.993L16.434 9.3h3.783c.763 0 1.383.655 1.383 1.46v2.48c0 .806-.62 1.461-1.383 1.461h-3.782l1.892 3.464c.373.7.145 1.594-.507 1.997l-2.038 1.24a1.302 1.302 0 0 1-1.052.146 1.4 1.4 0 0 1-.838-.68L12 17.407l-1.892 3.457c-.187.338-.484.58-.839.682a1.3 1.3 0 0 1-1.054-.147l-2.033-1.238c-.654-.403-.883-1.296-.513-1.992l1.895-3.47H3.782c-.762 0-1.382-.655-1.382-1.46Z"
                    />
                </svg>}
        horizontal="true"
        href="/events/payloads/morf"
      />

      <Card
        title="Nextech"
        icon={<svg
                    xmlns="http://www.w3.org/2000/svg"
                    viewBox="0 0 24 24" width="100%" height="100%" preserveAspectRatio="xMidYMid meet"
                    className="w-full h-full"
                    fill="none"
                    {...props}
                >
                    <path fill-rule='evenodd' clip-rule='evenodd' d='M3 5.77663V17.9035C3.01943 17.8906 3.03239 17.8776 3.05182 17.8582L10.3331 11.7882C11.6482 10.6935 12.0822 8.57514 11.3113 7.0528L9.55577 3.60001H5.17662C3.97171 3.60001 3 4.57819 3 5.77663Z' fill='#00B6C8' />
                    <path fill-rule='evenodd' clip-rule='evenodd' d='M18.2231 3.60001H11.2852L12.5289 6.03575C13.2998 7.55809 14.9906 7.9079 16.2992 6.81311L19.577 4.07938C19.2078 3.78139 18.7349 3.60001 18.2231 3.60001Z' fill='#333740' />
                    <path fill-rule='evenodd' clip-rule='evenodd' d='M16.0465 12.9608L19.7908 20.3263C20.1665 19.9376 20.3997 19.4064 20.3997 18.8234V5.77662C20.3997 5.66002 20.3868 5.54342 20.3673 5.43329L17.0182 8.22532C15.7096 9.32011 15.2691 11.4384 16.0465 12.9608Z' fill='#00B6C8' />
                    <path fill-rule='evenodd' clip-rule='evenodd' d='M18.3923 20.9871L14.8293 13.9778C14.052 12.4555 12.3677 12.1057 11.0527 13.2004L3.53165 19.4712C3.42152 19.5619 3.31787 19.6655 3.2207 19.7757C3.57052 20.4947 4.31549 21 5.17707 21H18.2238C18.2821 21 18.334 20.9935 18.3923 20.9871Z' fill='#61BB46' />
                </svg>}
        horizontal="true"
        href="/events/payloads/nextech"
      />

      <Card
        title="Posthog"
        icon={<svg
        width="100%"
        height="100%"
        viewBox='0 0 50 30'
        fill='none'
        xmlns='http://www.w3.org/2000/svg'
        preserveAspectRatio="xMidYMid meet"
        className="w-full h-full"
      >
        <path
          d='M10.8914 17.2057c-.3685.7371-1.42031.7371-1.78884 0L8.2212 15.443c-.14077-.2815-.14077-.6129 0-.8944l.88136-1.7627c.36853-.7371 1.42034-.7371 1.78884 0l.8814 1.7627c.1407.2815.1407.6129 0 .8944l-.8814 1.7627zM10.8914 27.2028c-.3685.737-1.42031.737-1.78884 0L8.2212 25.44c-.14077-.2815-.14077-.6129 0-.8944l.88136-1.7627c.36853-.7371 1.42034-.7371 1.78884 0l.8814 1.7627c.1407.2815.1407.6129 0 .8944l-.8814 1.7628z'
          fill='#1D4AFF'
        />
        <path
          d='M0 23.4082c0-.8909 1.07714-1.3371 1.70711-.7071l4.58338 4.5834c.62997.63.1838 1.7071-.7071 1.7071H.999999c-.552284 0-.999999-.4477-.999999-1v-4.5834zm0-4.8278c0 .2652.105357.5196.292893.7071l9.411217 9.4112c.18753.1875.44189.2929.70709.2929h5.1692c.8909 0 1.3371-1.0771.7071-1.7071L1.70711 12.7041C1.07714 12.0741 0 12.5203 0 13.4112v5.1692zm0-9.99701c0 .26521.105357.51957.292893.7071L19.7011 28.6987c.1875.1875.4419.2929.7071.2929h5.1692c.8909 0 1.3371-1.0771.7071-1.7071L1.70711 2.70711C1.07715 2.07715 0 2.52331 0 3.41421v5.16918zm9.997 0c0 .26521.1054.51957.2929.7071l17.994 17.99401c.63.63 1.7071.1838 1.7071-.7071v-5.1692c0-.2652-.1054-.5196-.2929-.7071l-17.994-17.994c-.63-.62996-1.7071-.18379-1.7071.70711v5.16918zm11.7041-5.87628c-.63-.62997-1.7071-.1838-1.7071.7071v5.16918c0 .26521.1054.51957.2929.7071l7.997 7.99701c.63.63 1.7071.1838 1.7071-.7071v-5.1692c0-.2652-.1054-.5196-.2929-.7071l-7.997-7.99699z'
          fill='#F9BD2B'
        />
        <path
          d='M42.5248 23.5308l-9.4127-9.4127c-.63-.63-1.7071-.1838-1.7071.7071v13.1664c0 .5523.4477 1 1 1h14.5806c.5523 0 1-.4477 1-1v-1.199c0-.5523-.4496-.9934-.9973-1.0647-1.6807-.2188-3.2528-.9864-4.4635-2.1971zm-6.3213 2.2618c-.8829 0-1.5995-.7166-1.5995-1.5996 0-.8829.7166-1.5995 1.5995-1.5995.883 0 1.5996.7166 1.5996 1.5995 0 .883-.7166 1.5996-1.5996 1.5996z'
          fill='#000'
        />
        <path
          d='M0 27.9916c0 .5523.447715 1 1 1h4.58339c.8909 0 1.33707-1.0771.70711-1.7071l-4.58339-4.5834C1.07714 22.0711 0 22.5173 0 23.4082v4.5834zM9.997 10.997L1.70711 2.70711C1.07714 2.07714 0 2.52331 0 3.41421v5.16918c0 .26521.105357.51957.292893.7071L9.997 18.9946V10.997zM1.70711 12.7041C1.07714 12.0741 0 12.5203 0 13.4112v5.1692c0 .2652.105357.5196.292893.7071L9.997 28.9916V20.994l-8.28989-8.2899z'
          fill='#1D4AFF'
        />
        <path
          d='M19.994 11.4112c0-.2652-.1053-.5196-.2929-.7071l-7.997-7.99699c-.6299-.62997-1.70709-.1838-1.70709.7071v5.16918c0 .26521.10539.51957.29289.7071l9.7041 9.70411v-7.5834zM9.99701 28.9916h5.58339c.8909 0 1.3371-1.0771.7071-1.7071L9.99701 20.994v7.9976zM9.99701 10.997v7.5834c0 .2652.10539.5196.29289.7071l9.7041 9.7041v-7.5834c0-.2652-.1053-.5196-.2929-.7071L9.99701 10.997z'
          fill='#F54E00'
        />
                </svg>}
        horizontal="true"
        href="/actions/posthog"
      />

      <Card
        title="Salesforce"
        icon={<svg
          xmlns="http://www.w3.org/2000/svg"
          viewBox="0 0 40 40"
          width="100%"
          height="100%"
          preserveAspectRatio="xMidYMid meet"
          fill="none"
        >
          <path fill="#00A1E0" d="M14.5 26.5a4.5 4.5 0 0 1-.4-9 6.5 6.5 0 0 1 12.5-2.2 4 4 0 0 1 4.9 3.9A4 4 0 0 1 27.5 23l-13 3.5z"/>
          <path fill="#fff" fillRule="evenodd" d="M21 14.5 18.5 20H21l-3 6 7-9h-2.5z"/>
        </svg>}
        horizontal="true"
      />

      <Card
        title="Segment"
        icon={<svg
                    xmlns="http://www.w3.org/2000/svg"
                    viewBox="0 0 40 40" width="100%" height="100%" preserveAspectRatio="xMidYMid meet"
                    className="w-full h-full"
                    fill="none"
                    {...props}
                >
                    <path
                    fill="#25C365"
                    d="M30.687 18.502H18.84a.842.842 0 0 1-.834-.834v-1.422c0-.454.379-.834.834-.834h11.924c.455 0 .834.38.834.834v1.422c-.095.455-.455.834-.91.834Zm-9.005 5.99c.455 0 .835-.378.892-.757v-1.422a.842.842 0 0 0-.835-.834H9.834c-.455 0-.834.379-.834.758v1.422c0 .455.38.834.834.834h11.849Zm-8.17 2.257c-.834 0-1.498.663-1.498 1.497 0 .835.664 1.498 1.498 1.498s1.497-.663 1.497-1.498a1.5 1.5 0 0 0-1.497-1.497Zm13.497-16.512c-.834 0-1.497.663-1.497 1.498 0 .834.663 1.497 1.497 1.497.835 0 1.498-.663 1.498-1.497a1.5 1.5 0 0 0-1.498-1.498Zm-6.748 18.768c-.834 0-1.65-.152-2.408-.38-.38-.075-.758.076-.89.456l-.532 1.421c-.151.38.076.835.531.967 1.043.38 2.18.531 3.299.531 4.872 0 9.08-2.92 10.957-7.128.152-.38 0-.891-.455-1.043l-1.422-.53c-.379-.152-.758 0-.89.379-1.442 3.147-4.513 5.327-8.19 5.327Zm0-18.01c.834 0 1.649.152 2.407.38.38.075.759-.076.891-.456l.531-1.421c.152-.38-.076-.834-.53-.967C22.516 8.15 21.38 8 20.26 8c-4.871 0-9.08 2.92-10.957 7.128-.151.38 0 .891.455 1.043l1.422.53c.38.152.758 0 .891-.379 1.44-3.147 4.512-5.327 8.19-5.327Z"
                    />
                </svg>}
        horizontal="true"
        href="/events/payloads/segment"
      />

      <Card
        title="Shopify"
        icon={<svg
          xmlns="http://www.w3.org/2000/svg"
          viewBox="0 0 40 40"
          width="100%"
          height="100%"
          preserveAspectRatio="xMidYMid meet"
          fill="none"
        >
          <path fill="#96BF48" d="M26.4 10.1c-.1-.1-.2-.1-.4-.1-.1 0-2.2-.2-2.2-.2s-1.4-1.4-1.6-1.6c-.2-.2-.5-.1-.6-.1L20.5 8.5c-.4-1.1-1.1-2.1-2.4-2.1h-.2C17.5 5.6 17 5.5 16.5 5.5c-3.6 0-5.3 4.5-5.8 6.7l-3.2 1c-1 .3-1 .3-1.1 1.3L4 31.5 24.5 35l10.5-2.3L26.4 10.1zM21.5 9.4l-2.1.6c0-.3 0-.7-.1-1 .4-.1.8-.2 1.2-.2.5.2.8.4 1 .6zm-3 .9-2.8.9c.5-2 1.5-3 2.2-3.4.2.7.5 1.6.6 2.5zm-1.7-4.1c.3 0 .5.1.7.3-1 .5-2 1.7-2.5 4.1l-2.1.7c.6-1.9 2-5.1 3.9-5.1z"/>
          <path fill="#5E8E3E" d="M24 10c-.1 0-2.2-.2-2.2-.2s-1.4-1.4-1.6-1.6c-.1-.1-.2-.1-.3-.1v26.9L34.9 32.7 26.4 10.1c-.1-.1-.2-.2-.4-.1z"/>
          <path fill="#fff" d="M19 18.4l-.9 3.4s-1-.5-2.2-.5c-1.8 0-1.8 1.1-1.8 1.4 0 1.5 4 2.1 4 5.6 0 2.8-1.8 4.6-4.2 4.6-2.9 0-4.4-1.8-4.4-1.8l.8-2.6s1.5 1.3 2.8 1.3c.8 0 1.2-.6 1.2-1.1 0-2-3.3-2.1-3.3-5.3 0-2.7 1.9-5.3 5.8-5.3 1.5.1 2.2.3 2.2.3z"/>
        </svg>}
        horizontal="true"
        href="/events/payloads/shopify"
      />

      <Card
        title="Spruce"
        icon={<svg
                    xmlns="http://www.w3.org/2000/svg"
                    viewBox="0 0 24 24" width="100%" height="100%" preserveAspectRatio="xMidYMid meet"
                    className="w-full h-full"
                    fill="none"
                    {...props}
                >
                    <path fill-rule="evenodd" clip-rule="evenodd" d="M6.19878 9.46802C3.62478 9.46802 1.80078 11.82 1.80078 14.334V19.2H13.6028C16.1768 19.2 18.0068 16.842 18.0068 14.328C17.9948 11.82 16.1828 9.46802 13.5968 9.46802H6.19878Z" fill="#007FFF"/>
                    <path fill-rule="evenodd" clip-rule="evenodd" d="M5.5625 9.66005C5.5625 7.08005 7.4345 4.80005 9.9125 4.80005H22.0265V9.67805C22.0265 12.258 20.2565 14.526 17.7785 14.526H9.9125C7.4285 14.526 5.5745 12.24 5.5625 9.66605V9.66005Z" fill="#CCE5FF"/>
                    <path fill-rule="evenodd" clip-rule="evenodd" d="M5.56836 9.51616C5.56836 9.56416 5.56836 9.61216 5.56836 9.66016C5.58036 12.2402 7.43436 14.5202 9.91836 14.5202H17.7844C17.8624 14.5202 17.9344 14.5202 18.0064 14.5142C18.0064 14.4482 18.0064 14.3882 18.0064 14.3222C17.9944 11.8142 16.1824 9.46216 13.5964 9.46216H6.19836C5.98236 9.46216 5.77236 9.48016 5.56836 9.51016V9.51616Z" fill="#4DA5FF"/>
                </svg>}
        horizontal="true"
        href="/events/payloads/spruce"
      />

      <Card
        title="Square"
        icon={<svg
          xmlns="http://www.w3.org/2000/svg"
          viewBox="0 0 40 40"
          width="100%"
          height="100%"
          preserveAspectRatio="xMidYMid meet"
          fill="none"
        >
          <rect x="8" y="8" width="24" height="24" rx="3" fill="#000"/>
          <rect x="14" y="14" width="12" height="12" rx="1.5" stroke="#fff" strokeWidth="2.5"/>
        </svg>}
        horizontal="true"
        href="/events/payloads/square"
      />
    </CardGroup>
  </Tab>

  <Tab title="Destination applications">
    Morf fetches data from or sends data to destination applications within a workflow.

    <CardGroup cols={2}>
      <Card
        title="Active Campaign"
        icon={<svg
                xmlns="http://www.w3.org/2000/svg"
                viewBox="0 0 40 40" width="100%" height="100%" preserveAspectRatio="xMidYMid meet"
                className="w-full h-full"
                fill="none"
                {...props}
            >
                <path
                fill="#004CFF"
                d="m26.637 19.944-14.62 9.71A2.287 2.287 0 0 0 11 31.572V34l17.726-11.629c.79-.564 1.298-1.468 1.298-2.427 0-.96-.451-1.863-1.298-2.428L11 6v2.258c0 .79.395 1.524 1.016 1.92l14.621 9.766Z"
                />
                <path
                fill="#004CFF"
                d="M17.83 20.734c.791.508 1.807.508 2.598 0l1.241-.847-9.258-6.266c-.564-.395-1.411 0-1.411.734v1.863l4.798 3.218 2.033 1.298Z"
                />
                </svg>}
        horizontal="true"
        href="/actions/active_campaign"
      />

      <Card
        title="Airmail"
        icon={<svg
          xmlns="http://www.w3.org/2000/svg"
          viewBox="0 0 40 40"
          width="100%"
          height="100%"
          preserveAspectRatio="xMidYMid meet"
          fill="none"
        >
          <path fill="#1A73E8" d="M7 20 33 8l-6 12 6 12L7 20z"/>
          <path fill="#0D47A1" d="M7 20l14-2.5-2.5 2.5 2.5 2.5L7 20z"/>
        </svg>}
        horizontal="true"
      />

      <Card
        title="Athena"
        icon={<svg
                        xmlns="http://www.w3.org/2000/svg"
                        viewBox="0 0 40 40" width="100%" height="100%" preserveAspectRatio="xMidYMid meet"
                        className="w-full h-full"
                        fill="none"
                    >
                        <g clip-path='url(https://mintlify.s3.us-west-1.amazonaws.com/morfhealth/libraries#clip0_1949_2919)'>
                          <path
                            fill='#7A9A01'
                            d='M23.0867 14.2682C23.0867 14.7816 23.2897 15.2463 23.6177 15.5826C23.9456 15.9189 24.3987 16.1268 24.8989 16.1268C25.3989 16.1268 25.8523 15.9189 26.1805 15.5826C26.5089 15.2463 26.712 14.7816 26.712 14.2682C26.712 13.7552 26.5089 13.2903 26.1805 12.9536C25.8523 12.6168 25.3989 12.4084 24.8989 12.4084C24.3987 12.4084 23.9456 12.6168 23.6177 12.9536C23.2897 13.2903 23.0867 13.7552 23.0867 14.2682Z'
                          ></path>
                          <path
                            fill='#9BC620'
                            d='M15.9983 12.4083C15.9983 13.7683 16.2636 15.0644 16.7437 16.2458C17.2239 17.4271 17.919 18.4936 18.7785 19.3944C19.638 18.4936 20.3331 17.4271 20.8133 16.2458C21.2934 15.0644 21.5587 13.7683 21.5587 12.4083C21.5587 11.0484 21.2934 9.75226 20.8133 8.57093C20.3331 7.38958 19.638 6.32304 18.7785 5.42227C17.919 6.32304 17.2239 7.38958 16.7437 8.57093C16.2636 9.75226 15.9983 11.0484 15.9983 12.4083Z'
                          ></path>
                          <path
                            fill='#7A9A01'
                            d='M22.6336 21.7117C21.2826 23.5988 20.3632 25.6748 19.8562 27.8162C19.3492 29.9573 19.2545 32.1638 19.5528 34.3123C21.6409 33.9605 23.6653 33.2068 25.5054 32.0693C27.3455 30.9318 29.0014 29.4103 30.3524 27.523C31.7034 25.6358 32.6227 23.5598 33.1299 21.4185C33.6369 19.2773 33.7314 17.0708 33.4331 14.9224C31.3451 15.2741 29.3207 16.0278 27.4805 17.1654C25.6404 18.3029 23.9845 19.8244 22.6336 21.7117Z'
                          ></path>
                          <path
                            fill='#9BC620'
                            d='M15.738 18.557C14.7231 17.1117 13.4793 15.9384 12.0972 15.0525C10.7151 14.1667 9.1947 13.5683 7.6265 13.2727C7.40269 14.8919 7.47405 16.5606 7.85508 18.1859C8.23611 19.8111 8.92681 21.3929 9.94166 22.8383C10.851 24.1335 11.9444 25.2093 13.1564 26.0557C14.3684 26.9022 15.699 27.519 17.0829 27.896V30.834V33.772C17.0829 33.921 17.142 34.056 17.2375 34.1538C17.3331 34.2518 17.465 34.3123 17.6108 34.3123C17.7561 34.3123 17.8878 34.2518 17.9832 34.1538C18.0786 34.056 18.1377 33.921 18.1377 33.772V30.6307V27.4892C18.1382 27.4642 18.1382 27.4367 18.1381 27.4075C18.1379 27.3782 18.1377 27.3472 18.1377 27.3152C18.2531 25.8172 18.118 24.2907 17.7222 22.8072C17.3263 21.3235 16.6689 19.8829 15.738 18.557Z'
                          ></path>
                        </g>
                        <defs>
                          <clipPath id='clip0_1949_2919'>
                            <rect
                              transform='translate(7.5 5)'
                              fill='white'
                              height='30'
                              width='26'
                            ></rect>
                          </clipPath>
                        </defs>
                  </svg>}
        horizontal="true"
        href="/actions/athena"
      />

      <Card
        title="Customer.io"
        icon={<svg
                    xmlns="http://www.w3.org/2000/svg"
                    viewBox="0 0 40 40" width="100%" height="100%" preserveAspectRatio="xMidYMid meet"
                    className="w-full h-full"
                    fill="none"
                    {...props}
                >
                    <path
                    fill="#FFCD00"
                    d="M19.694 25.571a6.286 6.286 0 1 0 0-12.571 6.286 6.286 0 0 0 0 12.571Z"
                    />
                    <path
                    fill="#00ECBB"
                    d="M19.735 28.714h-.02c-4.406 0-8.106-3.021-9.14-7.105-.32-1.256-1.34-2.323-2.636-2.323H4C4 27.964 11.036 35 19.714 35h.02v-6.286Z"
                    />
                    <path
                    fill="#AF64FF"
                    d="M19.693 28.714h.02c4.406 0 8.106-3.021 9.141-7.105.319-1.256 1.34-2.323 2.635-2.323h3.94C35.428 27.964 28.392 35 19.713 35h-.02v-6.286Z"
                    />
                    <path
                    fill="#7131FF"
                    d="M30.826 30.397A15.665 15.665 0 0 1 19.714 35c-4.34 0-8.268-1.759-11.112-4.603l4.445-4.444a9.399 9.399 0 0 0 6.667 2.761 9.4 9.4 0 0 0 6.667-2.761l4.445 4.444Z"
                    />
                </svg>}
        horizontal="true"
        href="/actions/customer_io"
      />

      <Card
        title="Elation"
        icon={<svg
                    xmlns="http://www.w3.org/2000/svg"
                    viewBox="0 0 40 40" width="100%" height="100%" preserveAspectRatio="xMidYMid meet"
                    className="w-full h-full"
                    fill="none"
                    >
                    <path d="M26.9956 30.3029H14.7334C14.7334 24.7522 14.7334 19.0257 14.7334 13.3773H26.9956V16.4849H17.7798V20.4133H26.7465V23.3646H17.7798V27.2148H26.9956V30.3029Z" fill="#1C94BC"/>
                    <path d="M7.20543 15.1754C6.95636 15.1754 6.72644 15.0191 6.72644 14.765V14.0223C6.72644 13.69 6.97552 13.5337 7.20543 13.5337H11.7654C12.0911 13.5337 12.321 13.69 12.321 13.9441V14.6868C12.321 15.0191 12.072 15.1754 11.8421 15.1754H7.20543Z" fill="#1C94BC"/>
                    <path d="M18.667 12.5564C18.4179 12.8105 18.188 12.8105 17.9389 12.5564L17.3067 11.9115C17.0576 11.6574 17.0576 11.4229 17.3067 11.2665L20.4297 8.00257C20.6788 7.74849 20.9087 7.74849 21.1578 8.00257L21.79 8.64754C22.0391 8.90162 22.0391 9.13615 21.79 9.39023L18.667 12.5564Z" fill="#1C94BC"/>
                    <path d="M10.6591 21.5469C10.41 21.801 10.1801 21.801 9.93101 21.5469L9.29874 20.902C9.04967 20.6479 9.04967 20.4133 9.29874 20.257L12.4218 16.993C12.6708 16.739 12.9008 16.739 13.1498 16.993L13.7821 17.638C14.0312 17.8921 14.0312 18.1266 13.7821 18.3807L10.6591 21.5469Z" fill="#1C94BC"/>
                    <path d="M9.27885 9.3707C9.02977 9.11662 9.02977 8.88209 9.27885 8.62801L9.91111 7.98304C10.1602 7.72896 10.3901 7.72896 10.5434 7.98304L13.743 11.1688C13.9921 11.4229 13.9921 11.6574 13.743 11.9115L13.1108 12.5565C12.8617 12.8105 12.6318 12.8105 12.3827 12.5565L9.27885 9.3707Z" fill="#1C94BC"/>
                    <path d="M16.3428 10.602C16.3428 10.8561 16.1895 11.0906 15.9405 11.0906H15.2124C14.8867 11.0906 14.7334 10.8365 14.7334 10.602V5.85269C14.7334 5.59861 14.8867 5.36407 15.1358 5.36407H15.8638C16.1895 5.36407 16.3428 5.61815 16.3428 5.85269V10.602Z" fill="#1C94BC"/>
                    </svg>}
        horizontal="true"
        href="/actions/elation"
      />

      <Card
        title="Facebook"
        icon={<svg
    width="100%"
    height="100%"
    viewBox="0 0 40 40"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
    preserveAspectRatio="xMidYMid meet"
  >
    <g clipPath="url(https://mintlify.s3.us-west-1.amazonaws.com/morfhealth/libraries#fb_clip)">
      <path d="M8.57486 22.7671C8.57486 23.8801 8.81904 24.7344 9.13842 25.2514C9.55706 25.9285 10.1814 26.2159 10.818 26.2159C11.6389 26.2159 12.39 26.0121 13.8373 24.0102C14.9972 22.4057 16.3632 20.1536 17.2826 18.7416L18.8394 16.3496C19.9209 14.6883 21.1726 12.8416 22.6079 11.5898C23.78 10.5681 25.0436 10.0005 26.3156 10.0005C28.4513 10.0005 30.4855 11.2381 32.0424 13.5592C33.7463 16.1012 34.5733 19.3032 34.5733 22.6074C34.5733 24.5718 34.1861 26.0152 33.5272 27.1555C32.8908 28.2582 31.6501 29.36 29.5631 29.36V26.2154C31.3502 26.2154 31.796 24.5733 31.796 22.6941C31.796 20.0162 31.1717 17.0445 29.7962 14.921C28.8202 13.4148 27.5553 12.4945 26.1636 12.4945C24.6584 12.4945 23.4471 13.6299 22.0859 15.6538C21.3621 16.7293 20.6192 18.0397 19.785 19.5186L18.8666 21.1454C17.0221 24.4168 16.5548 25.1615 15.6324 26.3907C14.0158 28.5434 12.6353 29.3595 10.818 29.3595C8.66203 29.3595 7.2988 28.4259 6.45443 27.0191C5.76525 25.8728 5.4267 24.3685 5.4267 22.6547L8.57486 22.7671Z" fill="#0081FB"/>
      <path d="M7.909 13.7807C9.35232 11.5559 11.4353 10 13.8243 10C15.2078 10 16.5835 10.4095 18.0195 11.5823C19.5905 12.8642 21.2649 14.9763 23.354 18.4558L24.103 19.7042C25.9113 22.7166 26.94 24.2664 27.5421 24.9972C28.3164 25.9357 28.8587 26.2155 29.5632 26.2155C31.3502 26.2155 31.796 24.5734 31.796 22.6942L34.5733 22.6071C34.5733 24.5715 34.1861 26.0148 33.5272 27.1551C32.8908 28.2578 31.6501 29.3596 29.5632 29.3596C28.2657 29.3596 27.1164 29.0779 25.8453 27.8787C24.8686 26.9584 23.7259 25.3235 22.8471 23.8538L20.2331 19.4873C18.9216 17.296 17.718 15.6621 17.0221 14.9221C16.273 14.1263 15.3101 13.1655 13.7735 13.1655C12.5299 13.1655 11.4737 14.0382 10.5899 15.3731L7.909 13.7807Z" fill="url(https://mintlify.s3.us-west-1.amazonaws.com/morfhealth/libraries#fb_grad_a)"/>
      <path d="M13.7735 13.1655C12.5299 13.1655 11.4737 14.0382 10.5899 15.3731C9.34011 17.2594 8.57547 20.069 8.57547 22.7671C8.57547 23.8801 8.81965 24.7344 9.13903 25.2514L6.45443 27.0191C5.76525 25.8728 5.4267 24.3686 5.4267 22.6547C5.4267 19.5379 6.28217 16.2894 7.90899 13.7807C9.35232 11.5559 11.4353 10 13.8243 10L13.7735 13.1655Z" fill="url(https://mintlify.s3.us-west-1.amazonaws.com/morfhealth/libraries#fb_grad_b)"/>
    </g>
    <defs>
      <linearGradient id="fb_grad_a" x1="11.745" y1="19.1781" x2="31.8138" y2="20.1917" gradientUnits="userSpaceOnUse">
        <stop stopColor="#0064E1"/>
        <stop offset="0.4" stopColor="#0064E1"/>
        <stop offset="0.83" stopColor="#0073EE"/>
        <stop offset="1" stopColor="#0082FB"/>
      </linearGradient>
      <linearGradient id="fb_grad_b" x1="9.62543" y1="24.0888" x2="9.62543" y2="16.6897" gradientUnits="userSpaceOnUse">
        <stop stopColor="#0082FB"/>
        <stop offset="1" stopColor="#0064E0"/>
      </linearGradient>
      <clipPath id="fb_clip">
        <rect width="40" height="19.36" fill="white" transform="translate(0 10)"/>
      </clipPath>
    </defs>
  </svg>}
        horizontal="true"
        href="/actions/facebook"
      />

      <Card
        title="Freshdesk"
        icon={<svg
                    xmlns="http://www.w3.org/2000/svg"
                    viewBox="0 0 40 40" width="100%" height="100%" preserveAspectRatio="xMidYMid meet"
                    className="w-full h-full"
                    fill="none"
                    {...props}
                >
                    <path
                    fill="#25C16F"
                    d="M19.953 5H31.22A3.75 3.75 0 0 1 35 8.784v11.263C35 28.307 28.307 35 20.047 35h-.085A14.949 14.949 0 0 1 5 20.05C5 11.767 11.682 5.085 19.953 5Z"
                    />
                    <path
                    fill="#fff"
                    d="M19.953 11.682a6.869 6.869 0 0 0-6.869 6.87v4.67a2.335 2.335 0 0 0 2.284 2.284h1.943V20.14h-2.625v-1.5a5.335 5.335 0 0 1 5.327-5.035 5.327 5.327 0 0 1 5.321 5.035v1.5h-2.662v5.369h1.755v.085a2.14 2.14 0 0 1-2.11 2.11h-2.096c-.17 0-.358.085-.358.255a.375.375 0 0 0 .358.358h2.11a2.744 2.744 0 0 0 2.727-2.727v-.17a2.25 2.25 0 0 0 1.755-2.217v-4.563c.085-3.87-2.983-6.955-6.869-6.955l.009-.004Z"
                    />
                </svg>}
        horizontal="true"
        href="/actions/freshdesk"
      />

      <Card
        title="GoHighLevel"
        icon={<svg
          xmlns="http://www.w3.org/2000/svg"
          viewBox="0 0 40 40"
          width="100%"
          height="100%"
          preserveAspectRatio="xMidYMid meet"
          fill="none"
        >
          <circle cx="20" cy="20" r="14" fill="#F6911E"/>
          <path fill="#fff" d="M22 13a7 7 0 1 0 2 12.7V22h-4v-2.5h6.5V26A9.5 9.5 0 1 1 22 13z"/>
        </svg>}
        horizontal="true"
      />

      <Card
        title="Google"
        icon={<svg xmlns="http://www.w3.org/2000/svg"
                    viewBox="0 0 24 24" width="100%" height="100%" preserveAspectRatio="xMidYMid meet"
                    className="w-full h-full"
                    {...props}
                >
                    <path
                    fill="#4285F4"
                    d="M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z"
                    />
                    <path
                    fill="#34A853"
                    d="M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z"
                    />
                    <path
                    fill="#FBBC05"
                    d="M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z"
                    />
                    <path
                    fill="#EA4335"
                    d="M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z"
                    />
                    <path fill="none" d="M1 1h22v22H1z" />
                </svg>}
        horizontal="true"
        href="/actions/google"
      />

      <Card
        title="Google Sheets"
        icon={<svg
          xmlns="http://www.w3.org/2000/svg"
          viewBox="0 0 40 40"
          width="100%"
          height="100%"
          preserveAspectRatio="xMidYMid meet"
          fill="none"
        >
          <path fill="#0F9D58" d="M13 6h14a2 2 0 0 1 2 2v5l-4-4H13a2 2 0 0 0-2 2v21a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V13h-5a1 1 0 0 1-1-1V6z"/>
          <path fill="#087447" d="M25 6l4 6h-4z" opacity=".5"/>
          <path fill="#fff" d="M14 17h12v2H14zm0 4h12v2H14zm0 4h8v2h-8z"/>
        </svg>}
        horizontal="true"
        href="/actions/google/v1/upsert_google_sheets_table"
      />

      <Card
        title="Healthie"
        icon={<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 40 40" width="100%" height="100%" preserveAspectRatio="xMidYMid meet">
    <path fill="#3C18ED" d="M26.3342 25.43C26.3581 25.3212 26.3821 25.214 26.406 25.1086C26.7816 23.4414 27.151 21.1144 27.1555 21.0912L27.183 20.9129L27.3681 20.9309C30.2961 21.2146 31.804 21.104 32.9326 20.5229C34.0702 19.9383 34.3395 19.1472 34.212 18.602C34.0525 17.9172 33.4996 17.786 32.0236 17.7612C30.5548 17.7363 28.8715 17.6146 27.4045 17.426C26.2926 17.2829 25.4775 17.5143 24.8424 18.1555C24.3108 18.6912 23.9316 19.5063 23.5728 20.882C23.2202 22.2346 22.7878 24.0424 22.7834 24.0604L22.561 24.9886L22.3989 24.0484C22.3201 23.5949 22.2332 22.7857 22.142 21.9286C22.0818 21.3714 22.0206 20.7963 21.9568 20.2854C21.8726 19.5989 21.7885 18.5815 21.6919 17.4046C21.6051 16.3572 21.5077 15.1709 21.3916 14.0026C21.1932 12.0098 21.0496 11.1783 20.3276 10.328C19.594 9.46662 18.3342 9.01919 17.1178 9.19148C15.7482 9.38433 14.8312 10.0975 14.3174 11.372C13.9993 12.1598 13.8611 12.9183 13.7025 13.7978C13.5883 14.4269 13.4704 15.0757 13.2729 15.8232C12.7821 17.6737 12.4569 18.6003 11.6082 19.0992C10.7914 19.5792 9.78228 19.5406 8.23544 18.9715C7.4186 18.6706 6.85338 18.644 6.28461 18.878C5.64496 19.1403 5 19.8294 5 20.7757C5 21.446 5.20022 22.4026 6.93754 22.9812C8.09103 23.3652 10.1491 23.6344 12.1584 23.132C14.4574 22.5569 15.3796 20.9926 15.9776 19.5397C16.495 18.284 17.0638 15.6355 17.0691 15.6089L17.3242 14.414L17.4572 15.6277C17.4598 15.6492 17.6875 17.7483 17.8213 19.2955C17.9994 21.356 18.1898 23.0404 18.4228 24.5977C18.4548 24.8154 18.4857 25.0237 18.514 25.2252C18.7222 26.6762 18.8728 27.7246 19.5586 28.9554C19.9502 29.6592 20.6332 30.1562 21.481 30.3542C22.405 30.5694 23.408 30.3962 24.1646 29.8906C25.5555 28.9614 25.9905 27.0046 26.3395 25.4317H26.3368L26.3342 25.43Z"/>
  </svg>}
        horizontal="true"
        href="/actions/healthie"
      />

      <Card
        title="Hubpsot"
        icon={<svg
                    xmlns="http://www.w3.org/2000/svg"
                    viewBox="0 0 40 40" width="100%" height="100%" preserveAspectRatio="xMidYMid meet"
                    className="w-full h-full"
                    fill="none"
                    {...props}
                >
                    <path
                    fill="#FF7A59"
                    d="M28.802 14.536v-3.81c.51-.236.943-.61 1.247-1.077a2.905 2.905 0 0 0 .47-1.568v-.088c0-1.62-1.333-2.934-2.977-2.934h-.089c-1.643 0-2.976 1.314-2.976 2.934v.088c.003.556.165 1.1.47 1.568.303.468.736.842 1.246 1.077v3.81a8.486 8.486 0 0 0-4.007 1.74l-10.6-8.14c.076-.27.116-.546.12-.823a3.274 3.274 0 0 0-.561-1.838 3.344 3.344 0 0 0-1.503-1.221 3.397 3.397 0 0 0-1.937-.192c-.651.127-1.25.44-1.72.903-.469.461-.79 1.05-.92 1.691a3.263 3.263 0 0 0 .188 1.91 3.316 3.316 0 0 0 1.233 1.487c.551.364 1.2.558 1.863.56A3.352 3.352 0 0 0 10 10.168l10.437 8.008a8.24 8.24 0 0 0 .13 9.39l-3.175 3.13a2.766 2.766 0 0 0-.793-.127c-1.52.001-2.752 1.217-2.752 2.716S15.08 36 16.6 36s2.753-1.214 2.755-2.713a2.646 2.646 0 0 0-.13-.782l3.14-3.098a8.567 8.567 0 0 0 9.662.46c3-1.853 4.515-5.352 3.796-8.771-.719-3.419-3.52-6.036-7.02-6.56ZM27.5 27.07a4.4 4.4 0 0 1-1.698-.292 4.354 4.354 0 0 1-1.449-.92 4.282 4.282 0 0 1-.972-1.404 4.232 4.232 0 0 1 0-3.332 4.282 4.282 0 0 1 .972-1.404 4.4 4.4 0 0 1 3.147-1.213c2.338.081 4.192 1.973 4.193 4.28.001 2.306-1.85 4.2-4.188 4.283"
                    />
                </svg>}
        horizontal="true"
        href="/actions/hubspot"
      />

      <Card
        title="IntakeQ"
        icon={<svg
                    xmlns="http://www.w3.org/2000/svg"
                    viewBox="0 0 40 40" width="100%" height="100%" preserveAspectRatio="xMidYMid meet"
                    className="w-full h-full"
                    fill="none"
                    {...props}
                >
                    <path
                    fill="#3C6E9B"
                    d="m26.449 25.07 3.57 3.591L26.705 32c-1.07-1.155-2.19-2.361-3.165-3.415-1.457.449-2.621.973-3.835 1.148-3.151.456-5.776-.674-7.887-3.027-3.879-4.326-3.731-11.73.307-15.819 4.152-4.206 10.267-3.785 13.69 1.052 2.774 3.921 2.95 8.14.973 12.48-.112.248-.252.484-.339.648v.002Zm-8.264-1.508a5737.6 5737.6 0 0 1 3.239-3.247l1.527 1.452c1.235-2.621.552-6.063-1.516-7.991-1.714-1.598-4.097-1.601-5.816-.008-1.255 1.165-1.9 2.644-2.065 4.31-.234 2.387.362 4.52 2.203 6.172 1.21 1.087 2.769 1.367 4.121.657l-1.695-1.345h.002Z"
                    />
                </svg>}
        horizontal="true"
        href="/actions/intakeq"
      />

      <Card
        title="Intercom"
        icon={<svg
                    xmlns="http://www.w3.org/2000/svg"
                    viewBox="0 0 40 40" width="100%" height="100%" preserveAspectRatio="xMidYMid meet"
                    className="w-full h-full"
                    fill="none"
                    {...props}
                >
                    <path
                    fill="#1F8DED"
                    d="M6 2a4 4 0 0 0-4 4v.5A4.5 4.5 0 0 1 6.5 2H6Zm27.5 0A4.5 4.5 0 0 1 38 6.5V6a4 4 0 0 0-4-4h-.5ZM38 33.5a4.5 4.5 0 0 1-4.5 4.5h.5a4 4 0 0 0 4-4v-.5ZM6.5 38A4.5 4.5 0 0 1 2 33.5v.5a4 4 0 0 0 4 4h.5Zm26.344-15.367a1.2 1.2 0 0 0 .356-.84V11a1.2 1.2 0 0 0-2.4 0v10.793a1.2 1.2 0 0 0 2.044.84ZM20 33.193c8.15 0 12.596-3.73 12.781-3.89a1.2 1.2 0 0 0-1.562-1.821c-.039.033-3.947 3.31-11.219 3.31-7.182 0-11.151-3.254-11.222-3.313a1.2 1.2 0 0 0-1.559 1.825c.185.159 4.63 3.889 12.781 3.889ZM7.156 10.16A1.2 1.2 0 0 0 6.8 11v10.793a1.2 1.2 0 0 0 2.4 0V11a1.2 1.2 0 0 0-2.044-.84Zm6.002-2.397a1.2 1.2 0 0 0-.358.837V24.63a1.2 1.2 0 0 0 2.4 0V8.6a1.2 1.2 0 0 0-2.042-.837Zm5.733-.23c-.06.146-.091.302-.091.46v17.4a1.2 1.2 0 0 0 2.4 0v-17.4a1.2 1.2 0 0 0-2.309-.46Zm6.267.23a1.2 1.2 0 0 0-.358.837V24.63a1.2 1.2 0 0 0 2.4 0V8.6a1.2 1.2 0 0 0-2.042-.837Z"
                    />
                </svg>}
        horizontal="true"
        href="/actions/intercom"
      />

      <Card
        title="Mailchimp"
        icon={<svg
          xmlns="http://www.w3.org/2000/svg"
          viewBox="0 0 40 40"
          width="100%"
          height="100%"
          preserveAspectRatio="xMidYMid meet"
          fill="none"
        >
          <ellipse cx="20" cy="21" rx="12" ry="11" fill="#FFE01B"/>
          <path fill="#241C15" d="M26.5 18.5c.2-.4.2-.8 0-1.1-.3-.5-1-.7-1.9-.6-.2-1.2-.9-2.1-1.8-2.1-.6 0-1.1.3-1.5.9-.3-.1-.7-.2-1-.2-.5 0-.9.2-1.2.5-.5-.2-1-.3-1.4-.2-1.3.2-2.2 1.5-2 3 .1.5.3 1 .6 1.3a2 2 0 0 0-.3 1.1c0 .6.3 1.1.7 1.4-.1.3-.1.6 0 .9.2.6.8 1 1.5 1h.2c.3.5.9.8 1.6.7.5 0 .9-.2 1.2-.5.4.5 1 .8 1.6.7.6 0 1.1-.3 1.4-.8.7.1 1.3-.1 1.6-.6.5-.8.2-2-.8-2.7.4-.5.5-1.3.5-1.7zM16 19a1.2 1.2 0 1 1 2.4 0A1.2 1.2 0 0 1 16 19zm7.8 0a1.2 1.2 0 1 1 2.4 0 1.2 1.2 0 0 1-2.4 0zm-4.5 4.8c.1 1.2 1.7 1.2 1.8 0-.5.3-1.3.3-1.8 0z"/>
          <path fill="#241C15" d="M20 10c-1 0-2 .7-2.5 1.7-.5-.1-1-.2-1.5-.1-1.8.3-3 2-2.8 3.9.1.6.3 1.1.6 1.5A3 3 0 0 0 13 19c0 .9.4 1.7 1 2.2a3 3 0 0 0 .2 1.4c.4 1 1.4 1.6 2.5 1.5.5.8 1.4 1.3 2.4 1.2.7 0 1.4-.3 1.9-.8.6.7 1.5 1.1 2.4 1 1-.1 1.8-.7 2.2-1.6 1.1.1 2.1-.4 2.5-1.3.6-1.2.1-2.7-1.2-3.4.5-.7.7-1.6.5-2.5-.3-1.3-1.4-2.2-2.6-2.1h-.1C24.3 13 23 12 21.5 12c-.3 0-.7.1-1 .2C20.1 10.9 19.2 10 20 10z" opacity=".05"/>
        </svg>}
        horizontal="true"
      />

      <Card
        title="Mixpanel"
        icon={<svg
                    xmlns="http://www.w3.org/2000/svg"
                    viewBox="0 0 40 40" width="100%" height="100%" preserveAspectRatio="xMidYMid meet"
                    className="w-full h-full"
                    fill="none"
                    {...props}
                >
                    <path
                    fill="#7856FF"
                    d="M14.478 17.727h3.432c-.86-.543-1.18-1.3-1.61-2.706l-1.289-4.82c-.587-2.169-1.071-3.196-3.432-3.196H6.646v1.302h.701c1.447 0 1.61.543 2.04 2.168l1.126 4.227c.587 2.054 1.507 3.025 3.965 3.025Zm7.947 0h3.432c2.47 0 3.323-.977 3.916-3.03l1.126-4.227c.43-1.625.642-2.169 2.04-2.169h.701V7h-4.884c-2.415 0-2.9.977-3.438 3.195l-1.289 4.82c-.424 1.46-.75 2.169-1.604 2.712Zm-4.51 4.546h4.51v-4.551h-4.51v4.55ZM6.646 33h4.934c2.36 0 2.845-1.032 3.432-3.195l1.29-4.82c.429-1.406.75-2.169 1.61-2.707h-3.433c-2.47 0-3.383.978-3.97 3.03L9.38 29.537c-.43 1.625-.587 2.168-2.04 2.168h-.7L6.645 33Zm22.105 0h4.885v-1.301h-.702c-1.392 0-1.61-.544-2.04-2.169l-1.126-4.227c-.587-2.059-1.446-3.03-3.916-3.03h-3.426c.859.543 1.169 1.246 1.599 2.706l1.289 4.82C25.85 32.023 26.335 33 28.75 33Z"
                    />
                </svg>}
        horizontal="true"
        href="/actions/mixpanel"
      />

      <Card
        title="Morf"
        icon={<svg
                    xmlns="http://www.w3.org/2000/svg"
                    viewBox="0 0 24 24" width="100%" height="100%" preserveAspectRatio="xMidYMid meet"
                    className="w-full h-full"
                    fill="none"
                    {...props}
                >
                    <path
                    fill="#3C4CEC"
                    d="M2.4 13.24v-2.48c0-.806.62-1.461 1.382-1.461h3.782L5.672 5.835c-.372-.703-.144-1.595.508-1.997l2.037-1.241a1.302 1.302 0 0 1 1.052-.145 1.4 1.4 0 0 1 .838.68L12 6.593l1.89-3.457c.188-.339.486-.58.84-.683.358-.103.734-.05 1.054.147l2.032 1.238c.654.404.883 1.297.513 1.993L16.434 9.3h3.783c.763 0 1.383.655 1.383 1.46v2.48c0 .806-.62 1.461-1.383 1.461h-3.782l1.892 3.464c.373.7.145 1.594-.507 1.997l-2.038 1.24a1.302 1.302 0 0 1-1.052.146 1.4 1.4 0 0 1-.838-.68L12 17.407l-1.892 3.457c-.187.338-.484.58-.839.682a1.3 1.3 0 0 1-1.054-.147l-2.033-1.238c-.654-.403-.883-1.296-.513-1.992l1.895-3.47H3.782c-.762 0-1.382-.655-1.382-1.46Z"
                    />
                </svg>}
        horizontal="true"
        href="/actions/morf"
      />

      <Card
        title="Nextdoor"
        icon={<svg
                    xmlns="http://www.w3.org/2000/svg"
                    viewBox="0 0 40 40" width="100%" height="100%" preserveAspectRatio="xMidYMid meet"
                    className="w-full h-full"
                    fill="none"
                    {...props}
                >
                    <path
                    fill="#8ED500"
                    d="M23.704 9.005c-4.118 0-7.626 1.899-9.594 4.806-.164.241-.442.76-.816.761-1.803.014-1.914-2.217-1.971-4.207a.558.558 0 0 0-.55-.534l-5.218-.03a.556.556 0 0 0-.555.564c.116 4.862 1.005 8.164 6.868 9.476a.708.708 0 0 1 .545.694V31.45c0 .306.248.55.553.55h5.068a.554.554 0 0 0 .552-.555V20.173c0-2.506 1.768-5.347 5.12-5.347 3.354 0 5.122 2.841 5.122 5.347v11.272c0 .307.247.555.552.555h5.068a.554.554 0 0 0 .552-.555V19.337C35 13.547 30.082 9 23.709 9l-.005.005Z"
                    />
                </svg>}
        horizontal="true"
        href="/actions/nextdoor"
      />

      <Card
        title="Nextech"
        icon={<svg
    xmlns="http://www.w3.org/2000/svg"
    width="100%"
    height="100%"
    viewBox='0 0 40 40'
    fill='none'
    preserveAspectRatio="xMidYMid meet"
    className="w-full h-full"
  >
    <path
      fill-rule='evenodd'
      clip-rule='evenodd'
      d='M3 5.77663V17.9035C3.01943 17.8906 3.03239 17.8776 3.05182 17.8582L10.3331 11.7882C11.6482 10.6935 12.0822 8.57514 11.3113 7.0528L9.55577 3.60001H5.17662C3.97171 3.60001 3 4.57819 3 5.77663Z'
      fill='#00B6C8'
    />
    <path
      fill-rule='evenodd'
      clip-rule='evenodd'
      d='M18.2231 3.60001H11.2852L12.5289 6.03575C13.2998 7.55809 14.9906 7.9079 16.2992 6.81311L19.577 4.07938C19.2078 3.78139 18.7349 3.60001 18.2231 3.60001Z'
      fill='#333740'
    />
    <path
      fill-rule='evenodd'
      clip-rule='evenodd'
      d='M16.0465 12.9608L19.7908 20.3263C20.1665 19.9376 20.3997 19.4064 20.3997 18.8234V5.77662C20.3997 5.66002 20.3868 5.54342 20.3673 5.43329L17.0182 8.22532C15.7096 9.32011 15.2691 11.4384 16.0465 12.9608Z'
      fill='#00B6C8'
    />
    <path
      fill-rule='evenodd'
      clip-rule='evenodd'
      d='M18.3923 20.9871L14.8293 13.9778C14.052 12.4555 12.3677 12.1057 11.0527 13.2004L3.53165 19.4712C3.42152 19.5619 3.31787 19.6655 3.2207 19.7757C3.57052 20.4947 4.31549 21 5.17707 21H18.2238C18.2821 21 18.334 20.9935 18.3923 20.9871Z'
      fill='#61BB46'
    />
                </svg>}
        horizontal="true"
        href="/actions/nextech"
      />

      <Card
        title="Open Phone"
        icon={<svg
    width="100%"
    height="100%"
    viewBox='0 0 40 40'
    fill='none'
    xmlns='http://www.w3.org/2000/svg'
    preserveAspectRatio="xMidYMid meet"
    className="w-full h-full"
  >
    <path
      d='M23.9683 9C28.9276 9.00094 33.2626 12.3745 34.5197 17.2122C35.7768 22.05 33.6394 27.1339 29.3174 29.5863C24.9954 32.0388 19.577 31.2423 16.1291 27.6477C19.2195 26.3872 21.2423 23.3617 21.2423 19.9998C21.2423 16.638 19.2195 13.6125 16.1291 12.352C18.1594 10.2304 20.95 9.02339 23.8709 9.00033L23.9683 9ZM6.5544 14.9946C8.79099 12.0389 12.7116 10.9568 16.1291 12.352C12.0383 16.6161 12.0383 23.3836 16.1291 27.6477C12.7116 29.0429 8.79099 27.9609 6.5544 25.0052C4.31781 22.0494 4.31781 17.9503 6.5544 14.9946Z'
      fill='black'
    />
                </svg>}
        horizontal="true"
        href="/actions/open_phone"
      />

      <Card
        title="Posthog"
        icon={<svg
        width="100%"
        height="100%"
        viewBox='0 0 50 30'
        fill='none'
        xmlns='http://www.w3.org/2000/svg'
        preserveAspectRatio="xMidYMid meet"
        className="w-full h-full"
      >
        <path
          d='M10.8914 17.2057c-.3685.7371-1.42031.7371-1.78884 0L8.2212 15.443c-.14077-.2815-.14077-.6129 0-.8944l.88136-1.7627c.36853-.7371 1.42034-.7371 1.78884 0l.8814 1.7627c.1407.2815.1407.6129 0 .8944l-.8814 1.7627zM10.8914 27.2028c-.3685.737-1.42031.737-1.78884 0L8.2212 25.44c-.14077-.2815-.14077-.6129 0-.8944l.88136-1.7627c.36853-.7371 1.42034-.7371 1.78884 0l.8814 1.7627c.1407.2815.1407.6129 0 .8944l-.8814 1.7628z'
          fill='#1D4AFF'
        />
        <path
          d='M0 23.4082c0-.8909 1.07714-1.3371 1.70711-.7071l4.58338 4.5834c.62997.63.1838 1.7071-.7071 1.7071H.999999c-.552284 0-.999999-.4477-.999999-1v-4.5834zm0-4.8278c0 .2652.105357.5196.292893.7071l9.411217 9.4112c.18753.1875.44189.2929.70709.2929h5.1692c.8909 0 1.3371-1.0771.7071-1.7071L1.70711 12.7041C1.07714 12.0741 0 12.5203 0 13.4112v5.1692zm0-9.99701c0 .26521.105357.51957.292893.7071L19.7011 28.6987c.1875.1875.4419.2929.7071.2929h5.1692c.8909 0 1.3371-1.0771.7071-1.7071L1.70711 2.70711C1.07715 2.07715 0 2.52331 0 3.41421v5.16918zm9.997 0c0 .26521.1054.51957.2929.7071l17.994 17.99401c.63.63 1.7071.1838 1.7071-.7071v-5.1692c0-.2652-.1054-.5196-.2929-.7071l-17.994-17.994c-.63-.62996-1.7071-.18379-1.7071.70711v5.16918zm11.7041-5.87628c-.63-.62997-1.7071-.1838-1.7071.7071v5.16918c0 .26521.1054.51957.2929.7071l7.997 7.99701c.63.63 1.7071.1838 1.7071-.7071v-5.1692c0-.2652-.1054-.5196-.2929-.7071l-7.997-7.99699z'
          fill='#F9BD2B'
        />
        <path
          d='M42.5248 23.5308l-9.4127-9.4127c-.63-.63-1.7071-.1838-1.7071.7071v13.1664c0 .5523.4477 1 1 1h14.5806c.5523 0 1-.4477 1-1v-1.199c0-.5523-.4496-.9934-.9973-1.0647-1.6807-.2188-3.2528-.9864-4.4635-2.1971zm-6.3213 2.2618c-.8829 0-1.5995-.7166-1.5995-1.5996 0-.8829.7166-1.5995 1.5995-1.5995.883 0 1.5996.7166 1.5996 1.5995 0 .883-.7166 1.5996-1.5996 1.5996z'
          fill='#000'
        />
        <path
          d='M0 27.9916c0 .5523.447715 1 1 1h4.58339c.8909 0 1.33707-1.0771.70711-1.7071l-4.58339-4.5834C1.07714 22.0711 0 22.5173 0 23.4082v4.5834zM9.997 10.997L1.70711 2.70711C1.07714 2.07714 0 2.52331 0 3.41421v5.16918c0 .26521.105357.51957.292893.7071L9.997 18.9946V10.997zM1.70711 12.7041C1.07714 12.0741 0 12.5203 0 13.4112v5.1692c0 .2652.105357.5196.292893.7071L9.997 28.9916V20.994l-8.28989-8.2899z'
          fill='#1D4AFF'
        />
        <path
          d='M19.994 11.4112c0-.2652-.1053-.5196-.2929-.7071l-7.997-7.99699c-.6299-.62997-1.70709-.1838-1.70709.7071v5.16918c0 .26521.10539.51957.29289.7071l9.7041 9.70411v-7.5834zM9.99701 28.9916h5.58339c.8909 0 1.3371-1.0771.7071-1.7071L9.99701 20.994v7.9976zM9.99701 10.997v7.5834c0 .2652.10539.5196.29289.7071l9.7041 9.7041v-7.5834c0-.2652-.1053-.5196-.2929-.7071L9.99701 10.997z'
          fill='#F54E00'
        />
                </svg>}
        horizontal="true"
        href="/actions/posthog"
      />

      <Card
        title="Salesforce"
        icon={<svg
          xmlns="http://www.w3.org/2000/svg"
          viewBox="0 0 40 40"
          width="100%"
          height="100%"
          preserveAspectRatio="xMidYMid meet"
          fill="none"
        >
          <path fill="#00A1E0" d="M14.5 26.5a4.5 4.5 0 0 1-.4-9 6.5 6.5 0 0 1 12.5-2.2 4 4 0 0 1 4.9 3.9A4 4 0 0 1 27.5 23l-13 3.5z"/>
          <path fill="#fff" fillRule="evenodd" d="M21 14.5 18.5 20H21l-3 6 7-9h-2.5z"/>
        </svg>}
        horizontal="true"
      />

      <Card
        title="Segment"
        icon={<svg
                    xmlns="http://www.w3.org/2000/svg"
                    viewBox="0 0 40 40" width="100%" height="100%" preserveAspectRatio="xMidYMid meet"
                    className="w-full h-full"
                    fill="none"
                    {...props}
                >
                    <path
                    fill="#25C365"
                    d="M30.687 18.502H18.84a.842.842 0 0 1-.834-.834v-1.422c0-.454.379-.834.834-.834h11.924c.455 0 .834.38.834.834v1.422c-.095.455-.455.834-.91.834Zm-9.005 5.99c.455 0 .835-.378.892-.757v-1.422a.842.842 0 0 0-.835-.834H9.834c-.455 0-.834.379-.834.758v1.422c0 .455.38.834.834.834h11.849Zm-8.17 2.257c-.834 0-1.498.663-1.498 1.497 0 .835.664 1.498 1.498 1.498s1.497-.663 1.497-1.498a1.5 1.5 0 0 0-1.497-1.497Zm13.497-16.512c-.834 0-1.497.663-1.497 1.498 0 .834.663 1.497 1.497 1.497.835 0 1.498-.663 1.498-1.497a1.5 1.5 0 0 0-1.498-1.498Zm-6.748 18.768c-.834 0-1.65-.152-2.408-.38-.38-.075-.758.076-.89.456l-.532 1.421c-.151.38.076.835.531.967 1.043.38 2.18.531 3.299.531 4.872 0 9.08-2.92 10.957-7.128.152-.38 0-.891-.455-1.043l-1.422-.53c-.379-.152-.758 0-.89.379-1.442 3.147-4.513 5.327-8.19 5.327Zm0-18.01c.834 0 1.649.152 2.407.38.38.075.759-.076.891-.456l.531-1.421c.152-.38-.076-.834-.53-.967C22.516 8.15 21.38 8 20.26 8c-4.871 0-9.08 2.92-10.957 7.128-.151.38 0 .891.455 1.043l1.422.53c.38.152.758 0 .891-.379 1.44-3.147 4.512-5.327 8.19-5.327Z"
                    />
                </svg>}
        horizontal="true"
        href="/actions/segment"
      />

      <Card
        title="Slack"
        icon={<svg
                    xmlns="http://www.w3.org/2000/svg"
                    viewBox="0 0 40 40" width="100%" height="100%" preserveAspectRatio="xMidYMid meet"
                    className="w-full h-full"
                    fill="none"
                    {...props}
                >
                    <path
                    fill="#E01E5A"
                    d="M11.771 23.952a2.822 2.822 0 0 1-2.825 2.825 2.822 2.822 0 0 1-2.824-2.825 2.822 2.822 0 0 1 2.824-2.824h2.825v2.824Zm1.412 0a2.822 2.822 0 0 1 2.825-2.824 2.822 2.822 0 0 1 2.825 2.824v7.062a2.822 2.822 0 0 1-2.825 2.825 2.822 2.822 0 0 1-2.824-2.825v-7.062Z"
                    />
                    <path
                    fill="#36C5F0"
                    d="M16.009 12.61a2.822 2.822 0 0 1-2.825-2.824 2.822 2.822 0 0 1 2.825-2.825 2.822 2.822 0 0 1 2.824 2.825v2.825H16.01Zm0 1.434a2.822 2.822 0 0 1 2.824 2.825 2.822 2.822 0 0 1-2.824 2.825H8.925a2.822 2.822 0 0 1-2.824-2.825 2.822 2.822 0 0 1 2.824-2.825h7.084Z"
                    />
                    <path
                    fill="#2EB67D"
                    d="M27.329 16.869a2.822 2.822 0 0 1 2.825-2.825 2.822 2.822 0 0 1 2.824 2.825 2.822 2.822 0 0 1-2.824 2.825h-2.825v-2.825Zm-1.412 0a2.822 2.822 0 0 1-2.825 2.825 2.822 2.822 0 0 1-2.825-2.825V9.786a2.822 2.822 0 0 1 2.825-2.825 2.822 2.822 0 0 1 2.825 2.825v7.083Z"
                    />
                    <path
                    fill="#ECB22E"
                    d="M23.092 28.19a2.822 2.822 0 0 1 2.825 2.824 2.822 2.822 0 0 1-2.825 2.825 2.822 2.822 0 0 1-2.825-2.825V28.19h2.825Zm0-1.413a2.822 2.822 0 0 1-2.825-2.825 2.822 2.822 0 0 1 2.825-2.824h7.083A2.822 2.822 0 0 1 33 23.952a2.822 2.822 0 0 1-2.825 2.825h-7.083Z"
                    />
                </svg>}
        horizontal="true"
        href="/actions/slack"
      />

      <Card
        title="Spruce"
        icon={<svg
                    viewBox="0 0 40 40" width="100%" height="100%" preserveAspectRatio="xMidYMid meet"
                    className="w-full h-full"
                    fill="none"
                    {...props}
                >
                    <path
                    fill="#007FFF"
                    d="M10.33 15.78C6.04 15.78 3 19.7 3 23.89V32h19.67c4.29 0 7.34-3.93 7.34-8.12-.02-4.18-3.04-8.1-7.35-8.1H10.33Z"
                    />
                    <path
                    fill="#CCE5FF"
                    d="M9.27 16.1c0-4.3 3.12-8.1 7.25-8.1h20.19v8.13c0 4.3-2.95 8.08-7.08 8.08H16.52c-4.14 0-7.23-3.81-7.25-8.1v-.01Z"
                    />
                    <path
                    fill="#4DA5FF"
                    d="M9.28 15.86v.24c.02 4.3 3.11 8.1 7.25 8.1h13.11c.13 0 .25 0 .37-.01v-.32c-.02-4.18-3.04-8.1-7.35-8.1H10.33c-.36 0-.71.03-1.05.08v.01Z"
                    />
                </svg>}
        horizontal="true"
        href="/actions/spruce"
      />

      <Card
        title="Stedi"
        icon={<svg
                    xmlns="http://www.w3.org/2000/svg"
                    viewBox="0 0 40 40" width="100%" height="100%" preserveAspectRatio="xMidYMid meet"
                    className="w-full h-full"
                    fill="none"
                    {...props}
                >
                    <mask id="a" width={35} height={13} x={3} y={14} maskUnits="userSpaceOnUse">
                    <path fill="#fff" d="M38 14H3v12.25h35V14Z" />
                    </mask>
                    <g mask="url(https://mintlify.s3.us-west-1.amazonaws.com/morfhealth/libraries#a)">
                    <path
                        fill="#181819"
                        d="M6.194 24.325c.612 0 1.137-.219 1.137-.787 0-.394-.262-.613-.744-.744l-1.05-.263c-1.662-.437-2.274-1.268-2.274-2.319 0-1.4 1.05-2.493 2.974-2.493 1.532 0 2.757.743 2.976 2.056l-1.838.438c-.044-.526-.525-.832-1.094-.832-.612 0-1.006.306-1.006.788 0 .393.262.612.875.787l1.006.263c1.444.393 2.188 1.181 2.188 2.319 0 1.443-1.138 2.406-3.15 2.406-1.969 0-3.019-.963-3.194-2.232l1.881-.306c.088.569.569.919 1.313.919ZM10.438 15.531V25.77h2.012v-6.125h1.488v-1.706H12.45V15.53h-2.012ZM16.475 21.175h3.763c-.088-1.181-.788-1.75-1.794-1.75-1.094 0-1.75.613-1.969 1.75Zm5.863 1.4h-5.863c.131 1.181 1.05 1.619 1.969 1.619.962 0 1.531-.438 1.881-1.138l1.706.656c-.568 1.357-1.968 2.188-3.587 2.188-2.319 0-3.938-1.619-3.938-4.112 0-2.45 1.575-4.157 3.938-4.157 2.319 0 3.894 1.619 3.894 4.157v.787ZM35.594 17.938h-2.056v7.787h2.056v-7.788ZM27.631 24.106c-1.225 0-2.143-.875-2.143-2.275s.918-2.275 2.143-2.275c1.269 0 2.144.875 2.144 2.275s-.875 2.275-2.144 2.275Zm4.244-.35V14h-2.056v4.769c-.569-.744-1.575-1.05-2.494-1.05-2.275 0-3.981 1.618-3.981 4.156 0 2.712 1.662 4.113 3.937 4.113 1.05 0 2.056-.438 2.582-1.182.043.394.043.7.13.963h1.882v-2.013Z"
                    />
                    <path
                        fill="#4AD2C2"
                        d="m35.588 14-.006 2.057 2.056.006.006-2.056L35.588 14Z"
                    />
                    </g>
                </svg>}
        horizontal="true"
        href="/actions/stedi"
      />

      <Card
        title="Stripe"
        icon={<svg
                    xmlns="http://www.w3.org/2000/svg"
                    viewBox="0 0 40 40" width="100%" height="100%" preserveAspectRatio="xMidYMid meet"
                    className="w-full h-full"
                    fill="none"
                    {...props}
                >
                    <path
                    fill="#635BFF"
                    d="M0 20C0 8.954 8.954 0 20 0s20 8.954 20 20-8.954 20-20 20S0 31.046 0 20Z"
                    />
                    <path
                    fill="#fff"
                    d="M18.44 15.55c0-.94.77-1.31 2.05-1.31 1.84 0 4.16.56 6 1.55v-5.68C24.48 9.31 22.5 9 20.5 9c-4.91 0-8.17 2.56-8.17 6.84 0 6.67 9.19 5.61 9.19 8.49 0 1.11-.97 1.47-2.32 1.47-2.01 0-4.57-.82-6.6-1.93v5.75c2.25.97 4.52 1.38 6.6 1.38 5.03 0 8.49-2.49 8.49-6.82-.04-7.2-9.25-5.92-9.25-8.63Z"
                    />
                </svg>}
        horizontal="true"
        href="/actions/stripe"
      />

      <Card
        title="TikTok"
        icon={<svg
                    xmlns="http://www.w3.org/2000/svg"
                    viewBox="0 0 40 40" width="100%" height="100%" preserveAspectRatio="xMidYMid meet"
                    className="w-full h-full"
                    fill="none"
                    {...props}
                >
                    <path
                    fill="#000"
                    d="M29.762 11.416a6.83 6.83 0 0 1-.59-.344 8.304 8.304 0 0 1-1.518-1.288c-1.131-1.295-1.553-2.608-1.71-3.527h.007C25.821 5.494 25.875 5 25.883 5h-5.152v19.924c0 .267 0 .532-.012.793 0 .032-.003.062-.005.097 0 .015 0 .03-.003.045v.011a4.374 4.374 0 0 1-2.201 3.473 4.3 4.3 0 0 1-2.132.562c-2.4 0-4.346-1.957-4.346-4.375s1.945-4.375 4.346-4.375c.454 0 .906.071 1.338.212l.006-5.246a9.57 9.57 0 0 0-7.375 2.157 10.112 10.112 0 0 0-2.206 2.72c-.217.376-1.038 1.883-1.137 4.328-.063 1.388.354 2.826.553 3.42v.013c.125.35.61 1.545 1.399 2.552a10.471 10.471 0 0 0 2.231 2.105v-.012l.013.012C13.694 35.111 16.46 35 16.46 35c.479-.02 2.082 0 3.904-.863 2.02-.957 3.17-2.383 3.17-2.383a9.904 9.904 0 0 0 1.727-2.87c.466-1.226.622-2.696.622-3.283V15.03c.063.037.895.588.895.588s1.2.768 3.07 1.27c1.343.355 3.152.43 3.152.43v-5.115c-.634.07-1.92-.13-3.238-.788Z"
                    />
                </svg>}
        horizontal="true"
        href="/actions/tiktok"
      />

      <Card
        title="Twilio"
        icon={<svg
                    xmlns="http://www.w3.org/2000/svg"
                    viewBox="0 0 40 40" width="100%" height="100%" preserveAspectRatio="xMidYMid meet"
                    className="w-full h-full"
                    fill="none"
                    {...props}
                >
                    <path
                    fill="#EE3247"
                    d="M19.5 5C10.944 5 4 11.72 4 20c0 8.28 6.944 15 15.5 15C28.056 35 35 28.28 35 20c0-8.28-6.944-15-15.5-15Zm0 26.039a11.68 11.68 0 0 1-6.338-1.86 11.126 11.126 0 0 1-4.201-4.955 10.709 10.709 0 0 1-.65-6.378 10.934 10.934 0 0 1 3.123-5.653 11.53 11.53 0 0 1 5.84-3.02 11.761 11.761 0 0 1 6.592.627 11.335 11.335 0 0 1 5.12 4.067 10.787 10.787 0 0 1 1.061 10.362 10.993 10.993 0 0 1-2.472 3.586 11.409 11.409 0 0 1-3.705 2.392 11.705 11.705 0 0 1-4.37.832Z"
                    />
                    <path
                    fill="#EE3247"
                    d="M23 19a3 3 0 1 0 0-6 3 3 0 0 0 0 6ZM23 27a3 3 0 1 0 0-6 3 3 0 0 0 0 6ZM16 27a3 3 0 1 0 0-6 3 3 0 0 0 0 6ZM16 19a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z"
                    />
                </svg>}
        horizontal="true"
        href="/actions/twilio"
      />

      <Card title="Zoho" icon={<svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid meet"><path d="M11.1072 14.6015C10.9688 14.6015 10.8285 14.5727 10.6937 14.5134L7.81669 13.2313C7.30243 13.003 7.07048 12.397 7.29884 11.8828L8.58089 9.00578C8.80925 8.49152 9.41521 8.25956 9.92947 8.48792L12.8065 9.76998C13.3207 9.99834 13.5527 10.6043 13.3243 11.1186L12.0423 13.9955C11.8714 14.3767 11.4974 14.6015 11.1072 14.6015ZM10.9328 13.974C11.1504 14.0711 11.4057 13.9722 11.5028 13.7564L12.7849 10.8794C12.882 10.6618 12.7831 10.4065 12.5673 10.3094L9.68853 9.02736C9.47096 8.93026 9.21562 9.02916 9.11853 9.24493L7.83647 12.1219C7.73937 12.3395 7.83827 12.5948 8.05404 12.6919L10.9328 13.974Z" fill="#089949"/><path d="M20.1306 14.6033H16.9803C16.4175 14.6033 15.959 14.1448 15.959 13.582V10.4317C15.959 9.86886 16.4175 9.41034 16.9803 9.41034H20.1306C20.6934 9.41034 21.1519 9.86886 21.1519 10.4317V13.582C21.1519 14.1448 20.6934 14.6033 20.1306 14.6033ZM16.9803 10.0001C16.743 10.0001 16.5488 10.1943 16.5488 10.4317V13.582C16.5488 13.8193 16.743 14.0135 16.9803 14.0135H20.1306C20.368 14.0135 20.5622 13.8193 20.5622 13.582V10.4317C20.5622 10.1943 20.368 10.0001 20.1306 10.0001H16.9803Z" fill="#F9B21D"/><path d="M8.33385 11.0089L7.9095 11.9583C7.90411 11.9691 7.89871 11.9781 7.89332 11.987L8.05874 13.0084C8.0965 13.2439 7.93647 13.4651 7.70272 13.5028L4.59198 14.0063C4.4787 14.0243 4.36362 13.9973 4.27012 13.9308C4.17662 13.8643 4.11548 13.7636 4.0975 13.6503L3.59403 10.5396C3.57605 10.4263 3.60302 10.3112 3.66955 10.2177C3.73608 10.1242 3.83678 10.0631 3.95006 10.0451L7.06079 9.54161C7.08417 9.53801 7.10754 9.53622 7.12912 9.53622C7.3359 9.53622 7.52111 9.68726 7.55527 9.89943L7.7225 10.928L8.16124 9.94439L8.13786 9.80593C8.04796 9.25032 7.52291 8.87091 6.96729 8.96082L3.85656 9.46429C3.58864 9.50565 3.35129 9.65129 3.19305 9.87246C3.03302 10.0936 2.97009 10.3633 3.01324 10.6331L3.51671 13.7438C3.55987 14.0135 3.70552 14.2491 3.92668 14.4091C4.1011 14.5368 4.30788 14.6015 4.52186 14.6015C4.5758 14.6015 4.63154 14.5979 4.68728 14.5889L7.79802 14.0854C8.35363 13.9955 8.73304 13.4705 8.64313 12.9149L8.33385 11.0089Z" fill="#E42527"/><path d="M12.065 12.4941L12.5217 11.471L12.3923 10.5198C12.3761 10.4065 12.4066 10.2932 12.4768 10.2015C12.5469 10.1098 12.6476 10.0505 12.7627 10.0361L15.8842 9.61174C15.904 9.60994 15.9237 9.60814 15.9435 9.60814C16.037 9.60814 16.1269 9.63871 16.2043 9.69625C16.2186 9.70704 16.2312 9.71962 16.2438 9.73041C16.3823 9.58477 16.5639 9.48048 16.7671 9.43552C16.7095 9.35641 16.6412 9.28628 16.5603 9.22514C16.3427 9.05972 16.0748 8.98959 15.8051 9.02555L12.68 9.44991C12.4102 9.48587 12.1693 9.62612 12.0057 9.84369C11.8402 10.0613 11.7701 10.3292 11.8061 10.5989L12.065 12.4941Z" fill="#226DB4"/><path d="M17.3775 13.0209L16.9676 10.0001C16.7374 10.0073 16.5522 10.1979 16.5522 10.4299V11.3163L16.7949 13.1001C16.8111 13.2133 16.7806 13.3266 16.7104 13.4183C16.6403 13.51 16.5396 13.5694 16.4245 13.5838L13.303 14.0081C13.1897 14.0243 13.0764 13.9937 12.9847 13.9236C12.893 13.8535 12.8337 13.7528 12.8193 13.6377L12.6755 12.5786L12.2188 13.6017L12.2349 13.7168C12.2709 13.9865 12.4111 14.2275 12.6287 14.3911C12.8085 14.5278 13.0225 14.5997 13.2455 14.5997C13.2922 14.5997 13.339 14.5961 13.3857 14.5907L16.5037 14.1699C16.7734 14.134 17.0143 13.9937 17.1779 13.7762C17.3434 13.5586 17.4135 13.2907 17.3775 13.0209Z" fill="#226DB4"/><path d="M8.57033 16.0975L9.01626 15.4394H8.64944C8.62966 15.4394 8.61348 15.4232 8.61348 15.4034V15.3153C8.61348 15.2955 8.62966 15.2794 8.64944 15.2794H9.25181C9.27159 15.2794 9.28777 15.2955 9.28777 15.3153V15.3495C9.28777 15.3567 9.28597 15.3639 9.28238 15.3693L8.84544 16.0274H9.23743C9.2572 16.0274 9.27339 16.0436 9.27339 16.0633V16.1514C9.27339 16.1712 9.2572 16.1874 9.23743 16.1874H8.60089C8.58111 16.1874 8.56493 16.1712 8.56493 16.1514V16.1191C8.56313 16.1101 8.56673 16.1029 8.57033 16.0975Z" fill="black"/><path d="M10.4473 15.7271C10.4473 15.4574 10.6451 15.2632 10.9148 15.2632C11.1935 15.2632 11.3823 15.4538 11.3823 15.7289C11.3823 16.0076 11.1899 16.2 10.9112 16.2C10.6307 16.2 10.4473 16.0076 10.4473 15.7271ZM11.1683 15.7307C11.1683 15.5671 11.0892 15.4268 10.9112 15.4268C10.7314 15.4268 10.663 15.5725 10.663 15.7379C10.663 15.8943 10.7476 16.0382 10.9202 16.0382C11.0982 16.0364 11.1683 15.8835 11.1683 15.7307Z" fill="black"/><path d="M12.6613 15.2776H12.7943C12.8141 15.2776 12.8303 15.2938 12.8303 15.3136V15.648H13.2079V15.3136C13.2079 15.2938 13.2241 15.2776 13.2438 15.2776H13.3769C13.3967 15.2776 13.4129 15.2938 13.4129 15.3136V16.1497C13.4129 16.1695 13.3967 16.1856 13.3769 16.1856H13.2456C13.2259 16.1856 13.2097 16.1695 13.2097 16.1497V15.8116H12.8321V16.1497C12.8321 16.1695 12.8159 16.1856 12.7961 16.1856H12.6631C12.6433 16.1856 12.6271 16.1695 12.6271 16.1497V15.3136C12.6253 15.2938 12.6415 15.2776 12.6613 15.2776Z" fill="black"/><path d="M14.6543 15.7271C14.6543 15.4574 14.8521 15.2632 15.1218 15.2632C15.4005 15.2632 15.5893 15.4538 15.5893 15.7289C15.5893 16.0076 15.3969 16.2 15.1182 16.2C14.8377 16.2 14.6543 16.0076 14.6543 15.7271ZM15.3735 15.7307C15.3735 15.5671 15.2944 15.4268 15.1164 15.4268C14.9366 15.4268 14.8683 15.5725 14.8683 15.7379C14.8683 15.8943 14.9528 16.0382 15.1254 16.0382C15.3034 16.0364 15.3735 15.8835 15.3735 15.7307Z" fill="black"/></svg>} horizontal="true" href="/actions/zoho" />
    </CardGroup>
  </Tab>
</Tabs>