# Source: https://docs.unifygtm.com/getting-started/onboarding-guide.md

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

# Onboarding Guide

> Complete a few key steps to fully activate on Unify.

export const UnifyLogoLight = () => <svg className="block dark:hidden" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path d="M1.00985 11.8422C1.00985 10.6279 1.00985 9.41364 1.00985 8.19937C1.00985 7.70467 1.03983 7.19498 1.17475 6.71526C1.39961 5.93574 1.84934 5.30611 2.52393 4.8414C3.39341 4.25675 4.30786 3.73206 5.26728 3.29733C6.45157 2.74266 7.62086 2.83261 8.74518 3.44724C10.2293 4.25675 11.6984 5.09624 13.1675 5.92074C14.1119 6.46042 15.0564 6.9851 16.0158 7.52478C16.6604 7.89955 17.2001 8.37926 17.5599 9.03886C17.8447 9.54856 17.9796 10.1032 18.0246 10.6879C18.0396 10.8977 18.0396 11.1226 18.0396 11.3325C18.0396 13.806 18.0396 16.2795 18.0396 18.768C18.0396 19.3077 17.9946 19.8473 17.7997 20.357C17.5149 21.1516 17.0052 21.7962 16.2706 22.2309C15.4911 22.6956 14.7116 23.1603 13.9021 23.5651C12.7328 24.1647 11.5485 24.1348 10.3792 23.5351C9.97444 23.3252 9.58467 23.1004 9.19491 22.8755C7.18612 21.7362 5.17733 20.6119 3.15355 19.4726C2.5839 19.1578 2.0892 18.768 1.71442 18.2433C1.27968 17.6437 1.05482 16.9691 1.03983 16.2345C1.02484 15.5449 1.02484 14.8554 1.02484 14.1508C0.994856 13.3862 0.994856 12.6067 1.00985 11.8422ZM14.6666 22.3658C14.8165 22.3209 14.8615 22.2309 14.8615 22.096C14.8615 21.5863 14.8615 21.0616 14.8615 20.5519C14.8615 20.2071 14.7116 19.9523 14.3968 19.7724C12.5979 18.753 10.784 17.7336 8.98504 16.7292C8.74518 16.5943 8.50533 16.4744 8.26547 16.3245C7.50093 15.8448 6.91628 15.1852 6.58648 14.3307C6.37661 13.776 6.31665 13.2064 6.31665 12.6217C6.31665 10.6579 6.31665 8.67908 6.31665 6.71526C6.31665 6.4904 6.31665 6.26554 6.31665 6.02568C6.31665 5.72586 6.16674 5.51599 5.8969 5.36608C5.44717 5.11123 4.99744 4.87138 4.54771 4.61653C4.42779 4.55657 4.30786 4.51159 4.15795 4.43664C4.15795 4.55657 4.15795 4.64651 4.15795 4.73646C4.15795 7.34489 4.15795 9.95331 4.17294 12.5617C4.17294 13.2813 4.18793 14.0009 4.24789 14.7204C4.32285 15.6049 4.7276 16.3545 5.38721 16.9691C5.74699 17.2989 6.15175 17.5537 6.57149 17.7936C8.92507 19.1278 11.2787 20.462 13.6322 21.7962C13.977 21.9911 14.3368 22.1859 14.6666 22.3658ZM14.7715 16.3395C14.8015 16.1746 14.8315 16.0546 14.8315 15.9347C14.8315 14.8254 14.8465 13.716 14.8315 12.5917C14.8165 11.6773 14.4867 10.8528 13.8571 10.1632C13.4673 9.72845 12.9876 9.39865 12.4779 9.11382C11.5635 8.60413 10.649 8.07944 9.73458 7.56975C9.68961 7.53977 9.62965 7.52478 9.55469 7.4798C9.5397 7.77962 9.50972 8.03447 9.50972 8.30431C9.50972 9.02387 9.50972 9.74344 9.52471 10.463C9.52471 10.9877 9.52471 11.5274 9.65963 12.0371C9.92947 13.1464 10.5891 13.9859 11.5785 14.5705C12.4929 15.1102 13.4224 15.6199 14.3518 16.1446C14.4717 16.2195 14.6066 16.2645 14.7715 16.3395Z" fill="black" />
    <path d="M8.14551 1.67818C8.17549 1.66318 8.20547 1.64819 8.23545 1.6332C8.985 1.22845 9.70457 0.793708 10.4691 0.418935C11.5485 -0.12074 12.6578 -0.12074 13.7671 0.313998C13.887 0.358971 13.992 0.418935 14.1119 0.478898C16.5554 1.84308 18.984 3.20725 21.4275 4.57143C21.8173 4.79629 22.177 5.05114 22.4769 5.38094C22.9566 5.92062 23.2264 6.56523 23.3164 7.2698C23.3463 7.53964 23.3613 7.80948 23.3613 8.07931C23.3613 10.7027 23.3613 13.3262 23.3613 15.9496C23.3613 16.864 23.1065 17.6885 22.4919 18.3931C22.237 18.6929 21.9522 18.9478 21.6074 19.1426C20.8428 19.5924 20.0783 20.0271 19.2988 20.4768C19.2838 20.4918 19.2538 20.4918 19.2388 20.5068C19.2238 20.4918 19.2238 20.4918 19.2088 20.4768C19.2388 20.4169 19.2838 20.3719 19.3138 20.3119C19.8834 19.5774 20.1683 18.7529 20.1683 17.8234C20.1683 15.0651 20.1832 12.3068 20.1533 9.54843C20.1383 8.13928 19.4937 7.04494 18.2644 6.31038C17.0801 5.60581 15.8659 4.91622 14.6666 4.24163C13.4223 3.53705 12.1631 2.84747 10.9188 2.15789C10.0943 1.70816 9.20987 1.57324 8.28043 1.67818" fill="black" />
  </svg>;

export const UnifyLogoDark = () => <svg className="hidden dark:block" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path d="M1.00985 11.8422C1.00985 10.6279 1.00985 9.41364 1.00985 8.19937C1.00985 7.70467 1.03983 7.19498 1.17475 6.71526C1.39961 5.93574 1.84934 5.30611 2.52393 4.8414C3.39341 4.25675 4.30786 3.73206 5.26728 3.29733C6.45157 2.74266 7.62086 2.83261 8.74518 3.44724C10.2293 4.25675 11.6984 5.09624 13.1675 5.92074C14.1119 6.46042 15.0564 6.9851 16.0158 7.52478C16.6604 7.89955 17.2001 8.37926 17.5599 9.03886C17.8447 9.54856 17.9796 10.1032 18.0246 10.6879C18.0396 10.8977 18.0396 11.1226 18.0396 11.3325C18.0396 13.806 18.0396 16.2795 18.0396 18.768C18.0396 19.3077 17.9946 19.8473 17.7997 20.357C17.5149 21.1516 17.0052 21.7962 16.2706 22.2309C15.4911 22.6956 14.7116 23.1603 13.9021 23.5651C12.7328 24.1647 11.5485 24.1348 10.3792 23.5351C9.97444 23.3252 9.58467 23.1004 9.19491 22.8755C7.18612 21.7362 5.17733 20.6119 3.15355 19.4726C2.5839 19.1578 2.0892 18.768 1.71442 18.2433C1.27968 17.6437 1.05482 16.9691 1.03983 16.2345C1.02484 15.5449 1.02484 14.8554 1.02484 14.1508C0.994856 13.3862 0.994856 12.6067 1.00985 11.8422ZM14.6666 22.3658C14.8165 22.3209 14.8615 22.2309 14.8615 22.096C14.8615 21.5863 14.8615 21.0616 14.8615 20.5519C14.8615 20.2071 14.7116 19.9523 14.3968 19.7724C12.5979 18.753 10.784 17.7336 8.98504 16.7292C8.74518 16.5943 8.50533 16.4744 8.26547 16.3245C7.50093 15.8448 6.91628 15.1852 6.58648 14.3307C6.37661 13.776 6.31665 13.2064 6.31665 12.6217C6.31665 10.6579 6.31665 8.67908 6.31665 6.71526C6.31665 6.4904 6.31665 6.26554 6.31665 6.02568C6.31665 5.72586 6.16674 5.51599 5.8969 5.36608C5.44717 5.11123 4.99744 4.87138 4.54771 4.61653C4.42779 4.55657 4.30786 4.51159 4.15795 4.43664C4.15795 4.55657 4.15795 4.64651 4.15795 4.73646C4.15795 7.34489 4.15795 9.95331 4.17294 12.5617C4.17294 13.2813 4.18793 14.0009 4.24789 14.7204C4.32285 15.6049 4.7276 16.3545 5.38721 16.9691C5.74699 17.2989 6.15175 17.5537 6.57149 17.7936C8.92507 19.1278 11.2787 20.462 13.6322 21.7962C13.977 21.9911 14.3368 22.1859 14.6666 22.3658ZM14.7715 16.3395C14.8015 16.1746 14.8315 16.0546 14.8315 15.9347C14.8315 14.8254 14.8465 13.716 14.8315 12.5917C14.8165 11.6773 14.4867 10.8528 13.8571 10.1632C13.4673 9.72845 12.9876 9.39865 12.4779 9.11382C11.5635 8.60413 10.649 8.07944 9.73458 7.56975C9.68961 7.53977 9.62965 7.52478 9.55469 7.4798C9.5397 7.77962 9.50972 8.03447 9.50972 8.30431C9.50972 9.02387 9.50972 9.74344 9.52471 10.463C9.52471 10.9877 9.52471 11.5274 9.65963 12.0371C9.92947 13.1464 10.5891 13.9859 11.5785 14.5705C12.4929 15.1102 13.4224 15.6199 14.3518 16.1446C14.4717 16.2195 14.6066 16.2645 14.7715 16.3395Z" fill="white" />
    <path d="M8.14551 1.67818C8.17549 1.66318 8.20547 1.64819 8.23545 1.6332C8.985 1.22845 9.70457 0.793708 10.4691 0.418935C11.5485 -0.12074 12.6578 -0.12074 13.7671 0.313998C13.887 0.358971 13.992 0.418935 14.1119 0.478898C16.5554 1.84308 18.984 3.20725 21.4275 4.57143C21.8173 4.79629 22.177 5.05114 22.4769 5.38094C22.9566 5.92062 23.2264 6.56523 23.3164 7.2698C23.3463 7.53964 23.3613 7.80948 23.3613 8.07931C23.3613 10.7027 23.3613 13.3262 23.3613 15.9496C23.3613 16.864 23.1065 17.6885 22.4919 18.3931C22.237 18.6929 21.9522 18.9478 21.6074 19.1426C20.8429 19.5924 20.0783 20.0271 19.2988 20.4768C19.2838 20.4918 19.2538 20.4918 19.2388 20.5068C19.2238 20.4918 19.2238 20.4918 19.2088 20.4768C19.2388 20.4169 19.2838 20.3719 19.3138 20.3119C19.8834 19.5774 20.1683 18.7529 20.1683 17.8234C20.1683 15.0651 20.1833 12.3068 20.1533 9.54843C20.1383 8.13928 19.4937 7.04494 18.2644 6.31038C17.0801 5.60581 15.8659 4.91622 14.6666 4.24163C13.4223 3.53705 12.1631 2.84747 10.9188 2.15789C10.0943 1.70816 9.20987 1.57324 8.28043 1.67818" fill="white" />
  </svg>;

export const SixsenseLogoLight = () => <svg className="block dark:hidden" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path d="M13.603 8.31196C14.5316 8.50714 15.4351 8.87062 16.2661 9.40665L13.5118 12.6791C12.0197 11.9955 10.1959 12.3568 9.08921 13.6715C7.98258 14.9851 7.94215 16.8377 8.87688 18.1833L6.1215 21.4558C3.42843 18.5695 3.25322 14.0681 5.86045 10.971L15.0982 0L18.3271 2.7004L13.603 8.31196Z" fill="#13BBB2" />
    <path d="M18.0446 21.1689C15.4365 24.2659 10.959 24.8762 7.63892 22.7335L10.3942 19.4609C11.8864 20.1445 13.7101 19.7841 14.8157 18.4695C15.9225 17.1548 15.9628 15.3024 15.0282 13.9567L17.7834 10.6841C20.4766 13.5704 20.6528 18.0718 18.0446 21.1689Z" fill="#192232" />
  </svg>;

export const SixsenseLogoDark = () => <svg className="hidden dark:block" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path d="M13.603 8.31196C14.5316 8.50714 15.4351 8.87062 16.2661 9.40665L13.5118 12.6791C12.0197 11.9955 10.1959 12.3568 9.08921 13.6715C7.98258 14.9851 7.94215 16.8377 8.87688 18.1833L6.1215 21.4558C3.42843 18.5695 3.25322 14.0681 5.86045 10.971L15.0982 0L18.3271 2.7004L13.603 8.31196Z" fill="#13BBB2" />
    <path d="M18.0446 21.1689C15.4365 24.2659 10.959 24.8762 7.63892 22.7335L10.3942 19.4609C11.8864 20.1445 13.7101 19.7841 14.8157 18.4695C15.9225 17.1548 15.9628 15.3024 15.0282 13.9567L17.7834 10.6841C20.4766 13.5704 20.6528 18.0718 18.0446 21.1689Z" fill="white" />
  </svg>;

export const SegmentIcon = () => <svg className="h-6 w-6" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
      <g transform="matrix(.768307 0 0 .768307 0 2.304922)">
        <path d="M51.9 52.8H4c-2.2 0-4-1.8-4-4s1.8-4 4-4h47.9c2.2 0 4 1.8 4 4s-1.8 4-4 4z" fill="#99cfac" />
        <path d="M41.7 77.3c-3.9 0-7.8-.6-11.5-1.7-2.1-.7-3.3-2.9-2.6-5s2.9-3.3 5-2.6c2.9.9 6 1.4 9.1 1.4 13.6 0 25.4-8.7 29.3-21.7.6-2.1 2.9-3.3 5-2.7s3.3 2.9 2.7 5c-5.1 16.3-19.9 27.3-37 27.3z" fill="#49b881" />
        <path d="M79.3 32.5H31.4c-2.2 0-4-1.8-4-4s1.8-4 4-4h47.9c2.2 0 4 1.8 4 4s-1.8 4-4 4z" fill="#99cfac" />
        <path d="M8.5 32.5c-.4 0-.8-.1-1.2-.2-2.1-.6-3.3-2.9-2.7-5C9.7 11 24.5 0 41.7 0c3.9 0 7.8.6 11.5 1.7 2.1.7 3.3 2.9 2.6 5s-2.9 3.3-5 2.6c-2.9-.9-6-1.4-9.1-1.4-13.6 0-25.4 8.7-29.3 21.7-.6 1.8-2.2 2.9-3.9 2.9z" fill="#49b881" />
        <g fill="#99cfac">
          <circle r="4" cy="13.3" cx="65.4" />
          <circle r="4" cy="64.1" cx="17.9" />
        </g>
      </g>
    </svg>;

export const SalesforceLogo = () => <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path d="M9.98736 5.83214C10.7614 5.02566 11.839 4.52545 13.0308 4.52545C14.6151 4.52545 15.9973 5.40886 16.7334 6.72031C17.373 6.43452 18.0811 6.27553 18.826 6.27553C21.6834 6.27553 24 8.6123 24 11.4947C24 14.3774 21.6834 16.7142 18.826 16.7142C18.4837 16.7144 18.1423 16.6803 17.8068 16.6126C17.1587 17.7688 15.9234 18.5501 14.5057 18.5501C13.9121 18.5501 13.3508 18.413 12.851 18.1692C12.1939 19.7148 10.6629 20.7986 8.87863 20.7986C7.02052 20.7986 5.43692 19.6229 4.82907 17.974C4.56344 18.0304 4.28822 18.0598 4.00581 18.0598C1.79351 18.0598 0 16.2479 0 14.0123C0 12.5142 0.805814 11.2061 2.00308 10.5063C1.75659 9.93915 1.61948 9.31315 1.61948 8.65502C1.61948 6.08408 3.70667 4 6.28103 4C7.79248 4 9.13574 4.71863 9.98736 5.83214Z" fill="#00A1E0" />
  </svg>;

export const PlaysIcon = ({size = 24}) => <svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" height={size} width={size} xmlns="http://www.w3.org/2000/svg">
    <path d="M3 19a2 2 0 1 0 4 0a2 2 0 0 0 -4 0"></path>
    <path d="M19 7a2 2 0 1 0 0 -4a2 2 0 0 0 0 4z"></path>
    <path d="M11 19h5.5a3.5 3.5 0 0 0 0 -7h-8a3.5 3.5 0 0 1 0 -7h4.5"></path>
  </svg>;

export const PersonasIcon = ({size = 24}) => <svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" height={size} width={size} xmlns="http://www.w3.org/2000/svg">
    <path d="M4 4m0 2a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v1a2 2 0 0 1 -2 2h-2a2 2 0 0 1 -2 -2z"></path>
    <path d="M4 13m0 2a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v3a2 2 0 0 1 -2 2h-2a2 2 0 0 1 -2 -2z"></path>
    <path d="M14 4m0 2a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v3a2 2 0 0 1 -2 2h-2a2 2 0 0 1 -2 -2z"></path>
    <path d="M14 15m0 2a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v1a2 2 0 0 1 -2 2h-2a2 2 0 0 1 -2 -2z"></path>
  </svg>;

export const OutlookLogo = () => <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1831.085 1703.335" enable-background="new 0 0 1831.085 1703.335" xml:space="preserve">
    <path fill="#0A2767" d="M1831.083,894.25c0.1-14.318-7.298-27.644-19.503-35.131h-0.213l-0.767-0.426l-634.492-375.585  c-2.74-1.851-5.583-3.543-8.517-5.067c-24.498-12.639-53.599-12.639-78.098,0c-2.934,1.525-5.777,3.216-8.517,5.067L446.486,858.693  l-0.766,0.426c-19.392,12.059-25.337,37.556-13.278,56.948c3.553,5.714,8.447,10.474,14.257,13.868l634.492,375.585  c2.749,1.835,5.592,3.527,8.517,5.068c24.498,12.639,53.599,12.639,78.098,0c2.925-1.541,5.767-3.232,8.517-5.068l634.492-375.585  C1823.49,922.545,1831.228,908.923,1831.083,894.25z" />
    <path fill="#0364B8" d="M520.453,643.477h416.38v381.674h-416.38V643.477z M1745.917,255.5V80.908  c1-43.652-33.552-79.862-77.203-80.908H588.204C544.552,1.046,510,37.256,511,80.908V255.5l638.75,170.333L1745.917,255.5z" />
    <path fill="#0078D4" d="M511,255.5h425.833v383.25H511V255.5z" />
    <path fill="#28A8EA" d="M1362.667,255.5H936.833v383.25L1362.667,1022h383.25V638.75L1362.667,255.5z" />
    <path fill="#0078D4" d="M936.833,638.75h425.833V1022H936.833V638.75z" />
    <path fill="#0364B8" d="M936.833,1022h425.833v383.25H936.833V1022z" />
    <path fill="#14447D" d="M520.453,1025.151h416.38v346.969h-416.38V1025.151z" />
    <path fill="#0078D4" d="M1362.667,1022h383.25v383.25h-383.25V1022z" />
    <linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="1128.4584" y1="811.0833" x2="1128.4584" y2="1.9982" gradientTransform="matrix(1 0 0 -1 0 1705.3334)">
      <stop offset="0" style={{
  "stop-color": "#35B8F1"
}} />
      <stop offset="1" style={{
  "stop-color": "#28A8EA"
}} />
    </linearGradient>
    <path fill="url(#SVGID_1_)" d="M1811.58,927.593l-0.809,0.426l-634.492,356.848c-2.768,1.703-5.578,3.321-8.517,4.769  c-10.777,5.132-22.481,8.029-34.407,8.517l-34.663-20.27c-2.929-1.47-5.773-3.105-8.517-4.897L447.167,906.003h-0.298  l-21.036-11.753v722.384c0.328,48.196,39.653,87.006,87.849,86.7h1230.914c0.724,0,1.363-0.341,2.129-0.341  c10.18-0.651,20.216-2.745,29.808-6.217c4.145-1.756,8.146-3.835,11.966-6.217c2.853-1.618,7.75-5.152,7.75-5.152  c21.814-16.142,34.726-41.635,34.833-68.772V894.25C1831.068,908.067,1823.616,920.807,1811.58,927.593z" />
    <path opacity="0.5" fill="#0A2767" enable-background="new    " d="M1797.017,891.397v44.287l-663.448,456.791L446.699,906.301  c0-0.235-0.191-0.426-0.426-0.426l0,0l-63.023-37.899v-31.938l25.976-0.426l54.932,31.512l1.277,0.426l4.684,2.981  c0,0,645.563,368.346,647.267,369.197l24.698,14.478c2.129-0.852,4.258-1.703,6.813-2.555  c1.278-0.852,640.879-360.681,640.879-360.681L1797.017,891.397z" />
    <path fill="#1490DF" d="M1811.58,927.593l-0.809,0.468l-634.492,356.848c-2.768,1.703-5.578,3.321-8.517,4.769  c-24.641,12.038-53.457,12.038-78.098,0c-2.918-1.445-5.76-3.037-8.517-4.769L446.657,928.061l-0.766-0.468  c-12.25-6.642-19.93-19.409-20.057-33.343v722.384c0.305,48.188,39.616,87.004,87.803,86.7c0.001,0,0.002,0,0.004,0h1229.636  c48.188,0.307,87.5-38.509,87.807-86.696c0-0.001,0-0.002,0-0.004V894.25C1831.068,908.067,1823.616,920.807,1811.58,927.593z" />
    <path opacity="0.1" enable-background="new    " d="M1185.52,1279.629l-9.496,5.323c-2.752,1.752-5.595,3.359-8.517,4.812  c-10.462,5.135-21.838,8.146-33.47,8.857l241.405,285.479l421.107,101.476c11.539-8.716,20.717-20.178,26.7-33.343L1185.52,1279.629  z" />
    <path opacity="0.05" enable-background="new    " d="M1228.529,1255.442l-52.505,29.51c-2.752,1.752-5.595,3.359-8.517,4.812  c-10.462,5.135-21.838,8.146-33.47,8.857l113.101,311.838l549.538,74.989c21.649-16.254,34.394-41.743,34.407-68.815v-9.326  L1228.529,1255.442z" />
    <path fill="#28A8EA" d="M514.833,1703.333h1228.316c18.901,0.096,37.335-5.874,52.59-17.033l-697.089-408.331  c-2.929-1.47-5.773-3.105-8.517-4.897L447.125,906.088h-0.298l-20.993-11.838v719.914  C425.786,1663.364,465.632,1703.286,514.833,1703.333C514.832,1703.333,514.832,1703.333,514.833,1703.333z" />
    <path opacity="0.1" enable-background="new    " d="M1022,418.722v908.303c-0.076,31.846-19.44,60.471-48.971,72.392  c-9.148,3.931-19,5.96-28.957,5.962H425.833V383.25H511v-42.583h433.073C987.092,340.83,1021.907,375.702,1022,418.722z" />
    <path opacity="0.2" enable-background="new    " d="M979.417,461.305v908.302c0.107,10.287-2.074,20.469-6.388,29.808  c-11.826,29.149-40.083,48.273-71.54,48.417H425.833V383.25h475.656c12.356-0.124,24.533,2.958,35.344,8.943  C962.937,405.344,979.407,432.076,979.417,461.305z" />
    <path opacity="0.2" enable-background="new    " d="M979.417,461.305v823.136c-0.208,43-34.928,77.853-77.927,78.225H425.833V383.25  h475.656c12.356-0.124,24.533,2.958,35.344,8.943C962.937,405.344,979.407,432.076,979.417,461.305z" />
    <path opacity="0.2" enable-background="new    " d="M936.833,461.305v823.136c-0.046,43.067-34.861,78.015-77.927,78.225H425.833  V383.25h433.072c43.062,0.023,77.951,34.951,77.927,78.013C936.833,461.277,936.833,461.291,936.833,461.305z" />
    <linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="162.7469" y1="1383.0741" x2="774.0864" y2="324.2592" gradientTransform="matrix(1 0 0 -1 0 1705.3334)">
      <stop offset="0" style={{
  "stop-color": "#1784D9"
}} />
      <stop offset="0.5" style={{
  "stop-color": "#107AD5"
}} />
      <stop offset="1" style={{
  "stop-color": "#0A63C9"
}} />
    </linearGradient>
    <path fill="url(#SVGID_2_)" d="M78.055,383.25h780.723c43.109,0,78.055,34.947,78.055,78.055v780.723  c0,43.109-34.946,78.055-78.055,78.055H78.055c-43.109,0-78.055-34.947-78.055-78.055V461.305  C0,418.197,34.947,383.25,78.055,383.25z" />
    <path fill="#FFFFFF" d="M243.96,710.631c19.238-40.988,50.29-75.289,89.17-98.495c43.057-24.651,92.081-36.94,141.675-35.515  c45.965-0.997,91.321,10.655,131.114,33.683c37.414,22.312,67.547,55.004,86.742,94.109c20.904,43.09,31.322,90.512,30.405,138.396  c1.013,50.043-9.706,99.628-31.299,144.783c-19.652,40.503-50.741,74.36-89.425,97.388c-41.327,23.734-88.367,35.692-136.011,34.578  c-46.947,1.133-93.303-10.651-134.01-34.067c-37.738-22.341-68.249-55.07-87.892-94.28c-21.028-42.467-31.57-89.355-30.745-136.735  C212.808,804.859,223.158,755.686,243.96,710.631z M339.006,941.858c10.257,25.912,27.651,48.385,50.163,64.812  c22.93,16.026,50.387,24.294,78.353,23.591c29.783,1.178,59.14-7.372,83.634-24.358c22.227-16.375,39.164-38.909,48.715-64.812  c10.677-28.928,15.946-59.572,15.543-90.404c0.33-31.127-4.623-62.084-14.649-91.554c-8.855-26.607-25.246-50.069-47.182-67.537  c-23.88-17.79-53.158-26.813-82.91-25.55c-28.572-0.74-56.644,7.593-80.184,23.804c-22.893,16.496-40.617,39.168-51.1,65.365  c-23.255,60.049-23.376,126.595-0.341,186.728L339.006,941.858z" />
    <path fill="#50D9FF" d="M1362.667,255.5h383.25v383.25h-383.25V255.5z" />
  </svg>;

export const HubspotLogo = () => <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path fill-rule="evenodd" clip-rule="evenodd" d="M17.2421 17.2947C15.4495 17.2947 13.9963 15.8566 13.9963 14.0829C13.9963 12.3088 15.4495 10.8707 17.2421 10.8707C19.0348 10.8707 20.488 12.3088 20.488 14.0829C20.488 15.8566 19.0348 17.2947 17.2421 17.2947ZM18.2138 7.89901V5.04163C18.9675 4.68936 19.4954 3.93487 19.4954 3.05925V2.9933C19.4954 1.78482 18.4963 0.796098 17.2751 0.796098H17.2088C15.9876 0.796098 14.9885 1.78482 14.9885 2.9933V3.05925C14.9885 3.93487 15.5164 4.68966 16.2701 5.04194V7.89901C15.148 8.07068 14.1227 8.52868 13.2772 9.20272L5.34945 3.09994C5.40177 2.90114 5.43852 2.6965 5.43884 2.48137C5.44008 1.11293 4.32076 0.00185084 2.93734 1.60552e-06C1.55455 -0.00153942 0.43149 1.10646 0.429933 2.4752C0.428376 3.84395 1.54769 4.95503 2.93111 4.95657C3.38177 4.95719 3.7991 4.83051 4.16473 4.62463L11.9629 10.6282C11.2998 11.6188 10.9112 12.8053 10.9112 14.0829C10.9112 15.4202 11.3381 16.6573 12.0594 17.6747L9.68813 20.0217C9.50065 19.9659 9.30631 19.9271 9.10013 19.9271C7.96369 19.9271 7.04213 20.8387 7.04213 21.9634C7.04213 23.0883 7.96369 24 9.10013 24C10.2369 24 11.1581 23.0883 11.1581 21.9634C11.1581 21.76 11.1189 21.5673 11.0625 21.3818L13.4083 19.0604C14.4731 19.8645 15.7992 20.3478 17.2421 20.3478C20.7387 20.3478 23.5728 17.5428 23.5728 14.0829C23.5728 10.9506 21.2476 8.36286 18.2138 7.89901Z" fill="#FF7A59" />
  </svg>;

export const GoogleWorkspaceLogo = () => <svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24">
    <path 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" fill="#4285F4" />
    <path 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" fill="#34A853" />
    <path 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" fill="#FBBC05" />
    <path 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" fill="#EA4335" />
    <path d="M1 1h22v22H1z" fill="none" />
  </svg>;

export const GmailLogo = () => <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path d="M1.64075 21.0162H5.46917V11.7508L0 7.63281V19.3754C0 20.2762 0.739946 21.0162 1.64075 21.0162Z" fill="#4285F4" />
    <path d="M18.563 21.0162H22.3914C23.2922 21.0162 24.0322 20.2762 24.0322 19.3754V7.63281L18.563 11.7186" fill="#34A853" />
    <path d="M18.563 4.64079V11.7507L24.0322 7.66492V5.44508C24.0322 3.41827 21.7158 2.2601 20.1072 3.48262" fill="#FBBC04" />
    <path d="M5.46924 11.7505V4.64062L12.0322 9.56288L18.5631 4.64062V11.7505L12.0001 16.6406" fill="#EA4335" />
    <path d="M0 5.44515V7.63282L5.46917 11.7186V4.64086L3.92493 3.48268C2.31635 2.29233 0 3.45051 0 5.44515Z" fill="#C5221F" />
  </svg>;

export const ExclusionsIcon = ({size = 24}) => <svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" height={size} width={size} xmlns="http://www.w3.org/2000/svg">
    <path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0"></path>
    <path d="M5.7 5.7l12.6 12.6"></path>
  </svg>;

export const ClearbitLogo = () => <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path d="M17.5703 23.9994H6.43997H5.97931C4.10691 23.9697 3.34903 23.7467 2.60602 23.3307C1.7887 22.8997 1.16457 22.2607 0.718762 21.4434L0.6296 21.2651C0.272953 20.5369 0.0649091 19.7196 0.0500488 17.8175V6.40478C0.0500488 4.17574 0.287813 3.37329 0.718762 2.55597C1.14971 1.73865 1.7887 1.09966 2.60602 0.668713L2.78434 0.579553C3.5125 0.222906 4.31495 0.0148603 6.21707 0H17.5703C19.7845 0 20.587 0.237765 21.4043 0.668713C22.2216 1.09966 22.8457 1.73865 23.2915 2.55597L23.3807 2.7343C23.7374 3.46245 23.9454 4.27976 23.9603 6.18188V17.5946V18.0553C23.9305 19.9425 23.7076 20.6855 23.3064 21.4434C22.8755 22.2607 22.2365 22.8997 21.4191 23.3307L21.2408 23.4198C20.4681 23.8062 19.6359 23.9994 17.5703 23.9994Z" fill="#C4D3E0" fill-opacity="0.2" />
    <path d="M23.9452 12.0078V17.5953C23.9452 19.8243 23.7075 20.6268 23.2765 21.4441C22.8456 22.2614 22.2066 22.9004 21.3893 23.3314C20.5719 23.7623 19.7695 24.0001 17.5553 24.0001H11.9976V12.0078H23.9452Z" fill="url(#paint0_linear_239_59)" />
    <path d="M11.9976 0.0146484H17.5553C19.7695 0.0146484 20.5719 0.252413 21.3893 0.683362C22.2066 1.11431 22.8307 1.7533 23.2765 2.57062C23.7075 3.38793 23.9452 4.19039 23.9452 6.41943V12.0069H11.9976V0.0146484Z" fill="url(#paint1_linear_239_59)" />
    <path d="M6.43997 0.0146484H11.9977V23.9992H6.43997C4.22579 23.9992 3.42333 23.7614 2.60602 23.3304C1.7887 22.8995 1.16457 22.2605 0.718762 21.4432C0.287813 20.6259 0.0500488 19.8234 0.0500488 17.5944V6.41943C0.0500488 4.19039 0.287813 3.38793 0.718762 2.57062C1.14971 1.7533 1.7887 1.11431 2.60602 0.683362C3.42333 0.252413 4.22579 0.0146484 6.43997 0.0146484Z" fill="url(#paint2_linear_239_59)" />
    <defs>
      <linearGradient id="paint0_linear_239_59" x1="15.5715" y1="13.2151" x2="21.5827" y2="25.188" gradientUnits="userSpaceOnUse">
        <stop stop-color="#DEF2FE" />
        <stop offset="1" stop-color="#DBF1FE" />
      </linearGradient>
      <linearGradient id="paint1_linear_239_59" x1="13.5922" y1="-0.783111" x2="19.6034" y2="11.1898" gradientUnits="userSpaceOnUse">
        <stop stop-color="#57BCFD" />
        <stop offset="1" stop-color="#51B5FD" />
      </linearGradient>
      <linearGradient id="paint2_linear_239_59" x1="1.70069" y1="1.43981" x2="11.9197" y2="21.7937" gradientUnits="userSpaceOnUse">
        <stop stop-color="#1CA7FD" />
        <stop offset="1" stop-color="#148CFC" />
      </linearGradient>
    </defs>
  </svg>;

<Steps titleSize="h2">
  <Step title="Integrate your website">
    Connect Unify to your website traffic to start revealing visitors. There are several supported methods of integrating your website with Unify:

    <CardGroup cols={1}>
      <Card title="Website Tag (Recommended)" href="/developers/intent-client/website-tag" icon="code" horizontal>
        Add the Unify JavaScript snippet to your website with minimal setup.
      </Card>

      <Card title="Intent Client" href="/developers/intent-client/overview#installation" icon="brackets-curly" horizontal>
        For full customizability, install the Unify Intent client in your web app.
      </Card>

      <Card title="Segment" href="/reference/integrations/segment" icon={<SegmentIcon />} horizontal>
        Connect your existing Segment subscription to send traffic to Unify.
      </Card>
    </CardGroup>

    Typically this integration is owned by engineering or marketing.
  </Step>

  <Step title="Turn on website intent data">
    Turn on website intent data so that you start revealing the companies behind anonymous website traffic. Unify provides intent data out of the box with no configuration required:

    <Card
      title="Unify Intent"
      href="https://app.unifygtm.com/dashboard/settings/integrations/unify-intent"
      icon={
      <>
        <UnifyLogoDark />
        <UnifyLogoLight />
      </>
    }
      horizontal
    >
      Enable high-coverage website identification in just a few clicks. Unify Intent
      combines multiple data sources to achieve best-in-class coverage.
    </Card>
  </Step>

  <Step title="Connect your CRM">
    Connect your CRM of choice to begin running plays on your existing data, finding new prospects, tracking champions, and more:

    <CardGroup cols={2}>
      <Card title="Salesforce" href="/reference/integrations/salesforce/overview" icon={<SalesforceLogo />} horizontal>
        Connect your Salesforce instance.
      </Card>

      <Card title="HubSpot" href="/reference/integrations/hubspot/overview" icon={<HubspotLogo />} horizontal>
        Connect your HubSpot CRM.
      </Card>
    </CardGroup>

    Typically this integration is owned by a sales leader or sales/revenue operations team.
  </Step>

  <Step title="Connect mailboxes">
    Unify provides several ways of setting up mailboxes to start sending emails. If
    you have existing mailboxes, you can connect them in only a few clicks.

    <CardGroup cols={2}>
      <Card title="Gmail" href="/reference/integrations/gmail" icon={<GoogleWorkspaceLogo />} horizontal>
        Connect Gmail mailboxes.
      </Card>
    </CardGroup>
  </Step>

  <Step title="Browse tutorials">
    You're ready to start using Unify! We recommend checking out some of the [Tutorials](/tutorials).
    Here are a few of the most popular starting points:

    <CardGroup cols={3}>
      <Card title="Create an Exclusion" icon={<ExclusionsIcon />} href="/tutorials/how-to-create-an-exclusion">
        Prevent Unify from actioning on specific companies or people.
      </Card>

      <Card title="Define Personas" icon={<PersonasIcon />} href="/tutorials/how-to-use-personas">
        Create personas to prospect and reach out to your ideal buyers.
      </Card>

      <Card title="Create a Play" icon={<PlaysIcon />} href="/tutorials/how-to-create-a-play">
        Learn the fundamentals and build a Unify Play from start to finish.
      </Card>
    </CardGroup>

    You can also check out the [official YouTube channel](https://www.youtube.com/@Unifygtm)
    where there are a number of video tutorials covering everything from the basics
    to sophisticated growth campaigns.
  </Step>
</Steps>