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

# Home

export const QualityEvaluatorLogo = () => {
  return <svg style={{
    height: '32px',
    width: '32px'
  }} width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M0 6.4C0 4.15979 0 3.03969 0.435974 2.18404C0.819467 1.43139 1.43139 0.819467 2.18404 0.435974C3.03969 0 4.15979 0 6.4 0H9.6C11.8402 0 12.9603 0 13.816 0.435974C14.5686 0.819467 15.1805 1.43139 15.564 2.18404C16 3.03969 16 4.15979 16 6.4V9.6C16 11.8402 16 12.9603 15.564 13.816C15.1805 14.5686 14.5686 15.1805 13.816 15.564C12.9603 16 11.8402 16 9.6 16H6.4C4.15979 16 3.03969 16 2.18404 15.564C1.43139 15.1805 0.819467 14.5686 0.435974 13.816C0 12.9603 0 11.8402 0 9.6V6.4Z" fill="#03EAB3" />
      <circle cx="6.4" cy="6.4" r="3.7" fill="white" />
      <path fillRule="evenodd" clipRule="evenodd" d="M2.7 6.4A3.7 3.7 0 1 0 10.1 6.4A3.7 3.7 0 1 0 2.7 6.4ZM3.4 6.4A3 3 0 1 0 9.4 6.4A3 3 0 1 0 3.4 6.4ZM9.51 8.52L13.3 12.3L12.3 13.3L8.52 9.51ZM5.21 6.03L5.80 6.69L7.90 4.43L8.70 5.17L5.79 8.31L4.39 6.77Z" fill="#181818" />
    </svg>;
};

export const StudioLogo = () => {
  return <svg style={{
    height: '32px',
    width: '32px'
  }} width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
      <rect width="32" height="32" rx="8" fill="#03EAB3" />
      <path d="M5.92004 13.824C5.92004 12.1214 5.92004 11.2702 6.25138 10.6199C6.54284 10.0479 7.0079 9.5828 7.57991 9.29134C8.2302 8.96 9.08148 8.96 10.784 8.96H21.3227C23.0253 8.96 23.8765 8.96 24.5268 9.29134C25.0989 9.5828 25.5639 10.0479 25.8554 10.6199C26.1867 11.2702 26.1867 12.1214 26.1867 13.824V18.2827C26.1867 19.9852 26.1867 20.8365 25.8554 21.4868C25.5639 22.0588 25.0989 22.5239 24.5268 22.8153C23.8765 23.1467 23.0253 23.1467 21.3227 23.1467H10.784C9.08148 23.1467 8.2302 23.1467 7.57991 22.8153C7.0079 22.5239 6.54284 22.0588 6.25138 21.4868C5.92004 20.8365 5.92004 19.9852 5.92004 18.2827V13.824Z" fill="white" />
      <path fillRule="evenodd" clipRule="evenodd" d="M17.487 7.84141C18.0788 7.87142 18.5494 8.36079 18.5494 8.96C18.5494 9.55921 18.0788 10.0486 17.487 10.0786L17.4294 10.08H10.7308C9.86107 10.08 9.27602 10.0808 8.8253 10.1177C8.38767 10.1534 8.17593 10.2174 8.03499 10.2892C7.67374 10.4733 7.38 10.767 7.19592 11.1283C7.12411 11.2692 7.06012 11.4809 7.02436 11.9186C6.98754 12.3693 6.98671 12.9543 6.98671 13.8241V18.2827C6.98671 19.1524 6.98754 19.7374 7.02436 20.1881C7.06011 20.6257 7.12412 20.8373 7.19592 20.9783C7.37999 21.3395 7.67375 21.6333 8.03499 21.8173C8.04926 21.8246 8.06441 21.8315 8.0803 21.8386C8.08064 21.3377 8.0886 20.9402 8.19374 20.5936C8.44969 19.7499 9.10992 19.0897 9.95358 18.8337C10.3541 18.7123 10.8226 18.72 11.44 18.72H13.84C14.4574 18.72 14.9259 18.7123 15.3264 18.8337L15.4048 18.8589C16.2109 19.1311 16.8383 19.7763 17.0862 20.5936L17.1076 20.6695C17.2038 21.0414 17.2003 21.4735 17.2 22.0267H21.2694C22.1391 22.0267 22.7241 22.0257 23.1748 21.9889C23.6124 21.9531 23.824 21.8892 23.965 21.8173C24.3262 21.6333 24.62 21.3395 24.804 20.9783C24.8759 20.8373 24.9399 20.6258 24.9756 20.1881C25.0124 19.7374 25.0134 19.1524 25.0134 18.2827V13.8241C25.0134 13.2055 25.5149 12.7041 26.1334 12.7041C26.7519 12.7041 27.2534 13.2055 27.2534 13.8241V18.2827C27.2534 19.1154 27.2543 19.8074 27.2083 20.3705C27.1612 20.9466 27.0595 21.486 26.8 21.9953C26.4012 22.778 25.7647 23.4144 24.982 23.8133C24.4727 24.0728 23.9333 24.1745 23.3572 24.2216C22.7941 24.2676 22.1021 24.2667 21.2694 24.2667H10.7308C9.89799 24.2667 9.2059 24.2676 8.6428 24.2216C8.06664 24.1745 7.52744 24.0728 7.01811 23.8133C6.23538 23.4145 5.59898 22.778 5.20014 21.9953C4.94062 21.486 4.83894 20.9467 4.79186 20.3705C4.74586 19.8074 4.74671 19.1154 4.74671 18.2827V13.8241C4.74671 12.9913 4.74585 12.2992 4.79186 11.7361C4.83894 11.1599 4.94062 10.6207 5.20014 10.1114C5.59898 9.32866 6.23537 8.69227 7.01811 8.29344C7.52744 8.03393 8.06664 7.93223 8.6428 7.88516C9.2059 7.83915 9.89799 7.84 10.7308 7.84H17.4294L17.487 7.84141ZM11.44 20.16C10.7179 20.16 10.5163 20.1679 10.3717 20.2117C9.98822 20.3281 9.68804 20.6282 9.57171 21.0117C9.52912 21.1522 9.52045 21.3464 9.51999 22.0194C9.85302 22.0259 10.248 22.0267 10.7308 22.0267H15.7598C15.7595 21.3912 15.7521 21.1796 15.7161 21.0395L15.7083 21.0117C15.5919 20.6282 15.2918 20.3281 14.9083 20.2117C14.7637 20.1679 14.562 20.16 13.84 20.16H11.44Z" fill="#181818" />
      <path d="M20.96 12C21.3134 12 21.6 12.2865 21.6 12.64V18.4C21.6 18.7535 21.3134 19.04 20.96 19.04C20.6065 19.04 20.32 18.7535 20.32 18.4V12.64C20.32 12.2865 20.6065 12 20.96 12Z" fill="#181818" />
      <path fillRule="evenodd" clipRule="evenodd" d="M12.64 12.72C14.2305 12.72 15.52 14.0094 15.52 15.6C15.52 17.1906 14.2305 18.48 12.64 18.48C11.0494 18.48 9.75999 17.1906 9.75999 15.6C9.75999 14.0094 11.0494 12.72 12.64 12.72ZM12.64 14.16C11.8447 14.16 11.2 14.8047 11.2 15.6C11.2 16.3953 11.8447 17.04 12.64 17.04C13.4353 17.04 14.08 16.3953 14.08 15.6C14.08 14.8047 13.4352 14.16 12.64 14.16Z" fill="#181818" />
      <path d="M19.52 12.96C19.8734 12.96 20.16 13.2465 20.16 13.6V17.44C20.16 17.7935 19.8734 18.08 19.52 18.08C19.1665 18.08 18.88 17.7935 18.88 17.44V13.6C18.88 13.2465 19.1665 12.96 19.52 12.96Z" fill="#181818" />
      <path d="M16.64 14.24C16.9934 14.24 17.28 14.5265 17.28 14.88V16.16C17.28 16.5135 16.9934 16.8 16.64 16.8C16.2865 16.8 16 16.5135 16 16.16V14.88C16 14.5265 16.2865 14.24 16.64 14.24Z" fill="#181818" />
      <path d="M22.4 14.24C22.7534 14.24 23.04 14.5265 23.04 14.88V16.16C23.04 16.5135 22.7534 16.8 22.4 16.8C22.0465 16.8 21.76 16.5135 21.76 16.16V14.88C21.76 14.5265 22.0465 14.24 22.4 14.24Z" fill="#181818" />
      <path d="M18.08 14.56C18.4334 14.56 18.72 14.8465 18.72 15.2V15.84C18.72 16.1935 18.4334 16.48 18.08 16.48C17.7265 16.48 17.44 16.1935 17.44 15.84V15.2C17.44 14.8465 17.7265 14.56 18.08 14.56Z" fill="#181818" />
      <path d="M24.32 5.12C24.6137 5.12 24.8697 5.31994 24.9409 5.60484L25.3573 7.27062L25.4136 7.49016C25.4581 7.65727 25.4709 7.68346 25.482 7.70078L25.5023 7.72891C25.524 7.75582 25.55 7.77927 25.5792 7.79797L25.5892 7.80375C25.6171 7.81831 25.6871 7.8421 26.0094 7.92266L27.6751 8.33906L27.7276 8.35453C27.9843 8.44243 28.16 8.68469 28.16 8.96C28.16 9.25364 27.96 9.50972 27.6751 9.58094L26.0094 9.99734C25.687 10.0779 25.6171 10.1017 25.5892 10.1162L25.5792 10.122C25.55 10.1407 25.524 10.1642 25.5023 10.1911L25.482 10.2192C25.471 10.2365 25.458 10.2628 25.4136 10.4298L25.3573 10.6494L24.9409 12.3152C24.8697 12.6 24.6136 12.8 24.32 12.8C24.0264 12.8 23.7703 12.6 23.699 12.3152L23.2826 10.6494C23.2021 10.3273 23.1783 10.2572 23.1637 10.2292L23.158 10.2192C23.1392 10.19 23.1158 10.164 23.0889 10.1423L23.0608 10.122C23.0377 10.1073 22.9988 10.0894 22.6306 9.99734L20.9648 9.58094C20.68 9.5097 20.48 9.25363 20.48 8.96C20.48 8.66634 20.68 8.41031 20.9648 8.33906L22.6306 7.92266L22.8501 7.86641C23.0172 7.82193 23.0434 7.80903 23.0608 7.79797L23.0889 7.77766C23.1158 7.756 23.1392 7.73 23.158 7.70078L23.1637 7.69078C23.1783 7.66289 23.2021 7.59292 23.2826 7.27062L23.699 5.60484L23.7145 5.55234C23.8024 5.29565 24.0447 5.12002 24.32 5.12Z" fill="#181818" />
      <path d="M19.84 2.56C20.1337 2.56 20.3897 2.75994 20.4609 3.04484L20.669 3.87781L20.6878 3.95203C20.7089 3.95744 20.733 3.96366 20.7622 3.97094L21.5951 4.17906L21.6476 4.19453C21.9043 4.28242 22.08 4.52468 22.08 4.8C22.08 5.09367 21.88 5.34971 21.5951 5.42094L20.7622 5.62906C20.7331 5.63634 20.7089 5.64241 20.6878 5.64781L20.669 5.72219L20.4609 6.55516C20.3897 6.84006 20.1337 7.04 19.84 7.04C19.5647 7.04 19.3224 6.86436 19.2345 6.60766L19.219 6.55516L19.0109 5.72219C19.0036 5.69306 18.9974 5.66895 18.992 5.64781C18.9709 5.64242 18.9468 5.63632 18.9178 5.62906L18.0848 5.42094C17.7999 5.34971 17.6 5.09367 17.6 4.8C17.6 4.50632 17.7999 4.25029 18.0848 4.17906L18.9178 3.97094L18.992 3.95203C18.9974 3.93093 19.0037 3.90687 19.0109 3.87781L19.219 3.04484L19.2345 2.99234C19.3224 2.73564 19.5647 2.56 19.84 2.56Z" fill="#181818" />
    </svg>;
};

export const PlatformLogo = () => {
  return <svg style={{
    height: '32px',
    width: '32px'
  }} width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
      <g id="State=Default, Type=Platform">
        <g id="platform">
          <rect width="32" height="32" rx="8" fill="#03EAB3" />
          <path d="M18.7954 6.08H10.2412C9.64328 6.08 9.15863 6.56465 9.15863 7.16256V20.6268C9.15863 21.2247 9.64328 21.7094 10.2412 21.7094H15.886V19.6796H11.1884V8.10979H18.7954C19.8043 8.10979 20.6222 8.92766 20.6222 9.9366V17.8528C20.6222 18.8617 19.8043 19.6796 18.7954 19.6796H17.1716C17.0221 19.6796 16.9009 19.8008 16.9009 19.9502V21.4387C16.9009 21.5883 17.0221 21.7094 17.1716 21.7094H18.7954C20.9253 21.7094 22.652 19.9828 22.652 17.8528V9.9366C22.652 7.80668 20.9253 6.08 18.7954 6.08Z" fill="#181818" /><path d="M14.1444 25.6943L9.96709 22.4889C9.43306 22.0792 9.12 21.4443 9.12 20.7713V7.16469C9.12 6.26712 10.1495 5.75941 10.8616 6.30582L15.0389 9.5112C15.5729 9.92095 15.886 10.5558 15.886 11.2289V24.8354C15.886 25.733 14.8565 26.2407 14.1444 25.6943" fill="white" />
        </g>
      </g>
    </svg>;
};

export const ConnectorsLogo = () => {
  return <svg style={{
    height: '32px',
    width: '32px'
  }} width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
      <rect width="32" height="32" rx="8.96" fill="#03EAB3" />
      <g clip-path="url(#clip0_2885_262)">
        <path d="M28 21C28 19.4241 27.6896 17.8637 27.0866 16.4078C26.4835 14.9519 25.5996 13.629 24.4853 12.5147C23.371 11.4004 22.0481 10.5165 20.5922 9.91345C19.1363 9.31039 17.5759 9 16 9C14.4241 9 12.8637 9.31039 11.4078 9.91345C9.95189 10.5165 8.62902 11.4004 7.51472 12.5147C6.40042 13.629 5.5165 14.9519 4.91345 16.4078C4.31039 17.8637 4 19.4241 4 21L16 21H28Z" fill="white" />
        <path d="M28.2667 20.8536C28.2667 17.6003 26.9744 14.4802 24.6739 12.1797C22.3735 9.87929 19.2534 8.58691 16.0001 8.58691C12.7467 8.58691 9.62667 9.87929 7.32622 12.1797C5.02578 14.4802 3.7334 17.6003 3.7334 20.8536" stroke="black" stroke-width="2.80381" stroke-linecap="round" stroke-linejoin="round" />
        <path d="M8.64001 20.8532C8.64001 18.9012 9.41544 17.0291 10.7957 15.6489C12.176 14.2686 14.048 13.4932 16 13.4932C17.952 13.4932 19.8241 14.2686 21.2043 15.6489C22.5846 17.0291 23.36 18.9012 23.36 20.8532" stroke="black" stroke-width="2.80381" stroke-linecap="round" stroke-linejoin="round" />
        <path d="M13.5466 20.8537C13.5466 20.2031 13.8051 19.579 14.2652 19.119C14.7253 18.6589 15.3493 18.4004 16 18.4004C16.6506 18.4004 17.2746 18.6589 17.7347 19.119C18.1948 19.579 18.4533 20.2031 18.4533 20.8537" stroke="black" stroke-width="2.80381" stroke-linecap="round" stroke-linejoin="round" />
      </g>
      <defs>
        <clipPath id="clip0_2885_262">
          <rect width="29.44" height="29.44" fill="white" transform="translate(1.28003)" />
        </clipPath>
      </defs>
    </svg>;
};

export const TmsLogo = () => {
  return <svg style={{
    height: '32px',
    width: '32px'
  }} width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
      <g id="State=Default, Type=tms">
        <g id="tms">
          <path d="M0 6.4C0 4.15979 0 3.03969 0.435974 2.18404C0.819467 1.43139 1.43139 0.819467 2.18404 0.435974C3.03969 0 4.15979 0 6.4 0H9.6C11.8402 0 12.9603 0 13.816 0.435974C14.5686 0.819467 15.1805 1.43139 15.564 2.18404C16 3.03969 16 4.15979 16 6.4V9.6C16 11.8402 16 12.9603 15.564 13.816C15.1805 14.5686 14.5686 15.1805 13.816 15.564C12.9603 16 11.8402 16 9.6 16H6.4C4.15979 16 3.03969 16 2.18404 15.564C1.43139 15.1805 0.819467 14.5686 0.435974 13.816C0 12.9603 0 11.8402 0 9.6V6.4Z" fill="#03EAB3" />
          <g id="globe-02">
            <path id="Fill" d="M7.99981 2.93335C9.26713 4.32078 9.98734 6.12131 10.0265 8.00002C9.98734 9.87872 9.26713 11.6793 7.99981 13.0667C6.7325 11.6793 6.01228 9.87872 5.97314 8.00002C6.01228 6.12131 6.7325 4.32078 7.99981 2.93335Z" fill="white" />
            <circle id="Ellipse 201" cx="7.95987" cy="7.96" r="4.84" fill="white" />
            <path id="Icon (Stroke)" fill-rule="evenodd" clip-rule="evenodd" d="M3.60382 7.05007C3.53796 7.35631 3.50328 7.67414 3.50328 8.00007C3.50328 8.326 3.53796 8.64383 3.60382 8.95007H5.47614C5.4344 8.64033 5.40997 8.32716 5.4034 8.01194C5.40324 8.00403 5.40324 7.99611 5.4034 7.9882C5.40997 7.67298 5.4344 7.35981 5.47614 7.05007H3.60382ZM4.01747 5.91007H5.71193C5.93177 5.12784 6.26535 4.38073 6.70284 3.69331C5.5389 4.04338 4.57369 4.85239 4.01747 5.91007ZM7.99995 3.8232C7.52006 4.45629 7.1506 5.16196 6.90362 5.91007H9.09627C8.84929 5.16196 8.47983 4.45629 7.99995 3.8232ZM9.37179 7.05007H6.62811C6.57909 7.36298 6.5506 7.68029 6.54341 8.00007C6.5506 8.31985 6.57909 8.63716 6.62811 8.95007H9.37179C9.4208 8.63716 9.44929 8.31985 9.45648 8.00007C9.44929 7.68029 9.4208 7.36298 9.37179 7.05007ZM10.5238 8.95007C10.5655 8.64033 10.5899 8.32716 10.5965 8.01194C10.5967 8.00403 10.5967 7.99611 10.5965 7.9882C10.5899 7.67298 10.5655 7.35981 10.5238 7.05007H12.3961C12.4619 7.35631 12.4966 7.67414 12.4966 8.00007C12.4966 8.326 12.4619 8.64383 12.3961 8.95007H10.5238ZM9.09627 10.0901H6.90362C7.1506 10.8382 7.52006 11.5438 7.99995 12.1769C8.47983 11.5438 8.84929 10.8382 9.09627 10.0901ZM6.70284 12.3068C6.26535 11.6194 5.93177 10.8723 5.71193 10.0901H4.01747C4.57369 11.1477 5.5389 11.9568 6.70284 12.3068ZM9.29705 12.3068C9.73454 11.6194 10.0681 10.8723 10.288 10.0901H11.9824C11.4262 11.1477 10.461 11.9568 9.29705 12.3068ZM11.9824 5.91007H10.288C10.0681 5.12784 9.73454 4.38073 9.29705 3.69331C10.461 4.04338 11.4262 4.85239 11.9824 5.91007ZM2.36328 8.00007C2.36328 4.88702 4.8869 2.3634 7.99995 2.3634C11.113 2.3634 13.6366 4.88702 13.6366 8.00007C13.6366 11.1131 11.113 13.6367 7.99995 13.6367C4.8869 13.6367 2.36328 11.1131 2.36328 8.00007Z" fill="#181818" />
          </g>
        </g>
      </g>
    </svg>;
};

export const StringsLogo = () => {
  return <svg style={{
    height: '32px',
    width: '32px'
  }} width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
      <g id="State=Default, Type=strings">
        <g id="strings">
          <path d="M0 6.4C0 4.15979 0 3.03969 0.435974 2.18404C0.819467 1.43139 1.43139 0.819467 2.18404 0.435974C3.03969 0 4.15979 0 6.4 0H9.6C11.8402 0 12.9603 0 13.816 0.435974C14.5686 0.819467 15.1805 1.43139 15.564 2.18404C16 3.03969 16 4.15979 16 6.4V9.6C16 11.8402 16 12.9603 15.564 13.816C15.1805 14.5686 14.5686 15.1805 13.816 15.564C12.9603 16 11.8402 16 9.6 16H6.4C4.15979 16 3.03969 16 2.18404 15.564C1.43139 15.1805 0.819467 14.5686 0.435974 13.816C0 12.9603 0 11.8402 0 9.6V6.4Z" fill="#03EAB3" />
          <g id="align-left-02">
            <path id="Fill" d="M11.0399 12.0532C11.5121 12.0532 11.7482 12.0532 11.9344 11.976C12.1827 11.8732 12.38 11.6759 12.4828 11.4276C12.5599 11.2414 12.5599 11.0053 12.5599 10.5332C12.5599 10.061 12.5599 9.82495 12.4828 9.63873C12.38 9.39044 12.1827 9.19317 11.9344 9.09032C11.7482 9.01318 11.5121 9.01318 11.0399 9.01318L4.95994 9.01318C4.48779 9.01318 4.25171 9.01318 4.06549 9.09032C3.81719 9.19317 3.61992 9.39044 3.51708 9.63873C3.43994 9.82495 3.43994 10.061 3.43994 10.5332C3.43994 11.0053 3.43994 11.2414 3.51708 11.4276C3.61992 11.6759 3.81719 11.8732 4.06549 11.976C4.25171 12.0532 4.48779 12.0532 4.95994 12.0532L11.0399 12.0532Z" fill="white" />
            <path id="Fill_2" d="M9.03994 6.95992C9.38784 6.95992 9.5618 6.95992 9.69901 6.88279C9.88197 6.77994 10.0273 6.58267 10.1031 6.33437C10.1599 6.14815 10.1599 5.91208 10.1599 5.43992C10.1599 4.96777 10.1599 4.73169 10.1031 4.54547C10.0273 4.29717 9.88197 4.0999 9.69901 3.99706C9.5618 3.91992 9.38784 3.91992 9.03994 3.91992L4.55994 3.91992C4.21204 3.91992 4.03809 3.91992 3.90087 3.99706C3.71792 4.0999 3.57256 4.29717 3.49678 4.54547C3.43994 4.73169 3.43994 4.96777 3.43994 5.43992C3.43994 5.91208 3.43994 6.14815 3.49678 6.33437C3.57256 6.58267 3.71792 6.77994 3.90087 6.88279C4.03809 6.95992 4.21204 6.95992 4.55994 6.95992L9.03994 6.95992Z" fill="white" />
            <path id="Icon (Stroke)" fill-rule="evenodd" clip-rule="evenodd" d="M4.94209 3.37671L9.03099 3.37671C9.25187 3.3767 9.44554 3.3767 9.60646 3.38767C9.7768 3.3993 9.95165 3.4251 10.1258 3.49723C10.5138 3.65793 10.822 3.96617 10.9827 4.35413C11.0548 4.52827 11.0806 4.70312 11.0922 4.87346C11.1032 5.03437 11.1032 5.22805 11.1032 5.44893V5.48449C11.1032 5.70537 11.1032 5.89905 11.0922 6.05996C11.0806 6.2303 11.0548 6.40515 10.9827 6.57929C10.822 6.96725 10.5138 7.27549 10.1258 7.43618C9.95165 7.50832 9.7768 7.53412 9.60646 7.54574C9.44554 7.55672 9.25186 7.55672 9.03097 7.55671L4.94209 7.55671C4.72121 7.55672 4.52754 7.55672 4.36662 7.54574C4.19628 7.53412 4.02143 7.50832 3.84729 7.43618C3.45933 7.27549 3.1511 6.96725 2.9904 6.57929C2.91827 6.40515 2.89246 6.2303 2.88084 6.05996C2.86986 5.89905 2.86987 5.70537 2.86987 5.48449V5.44893C2.86987 5.22805 2.86986 5.03437 2.88084 4.87346C2.89246 4.70312 2.91827 4.52827 2.9904 4.35413C3.1511 3.96617 3.45933 3.65793 3.84729 3.49723C4.02143 3.4251 4.19628 3.3993 4.36662 3.38767C4.52754 3.37669 4.72121 3.3767 4.94209 3.37671ZM4.44422 4.52503C4.33193 4.53269 4.29563 4.54545 4.28355 4.55046C4.17492 4.59545 4.08862 4.68176 4.04362 4.79039C4.03862 4.80247 4.02586 4.83876 4.01819 4.95106C4.01018 5.06847 4.00987 5.22283 4.00987 5.46671C4.00987 5.71059 4.01018 5.86495 4.01819 5.98236C4.02586 6.09465 4.03862 6.13095 4.04362 6.14303C4.08862 6.25166 4.17492 6.33797 4.28355 6.38296C4.29563 6.38797 4.33193 6.40073 4.44422 6.40839C4.56164 6.4164 4.716 6.41671 4.95987 6.41671L9.01321 6.41671C9.25708 6.41671 9.41144 6.4164 9.52886 6.40839C9.64115 6.40073 9.67745 6.38797 9.68953 6.38296C9.79816 6.33797 9.88446 6.25166 9.92946 6.14303C9.93446 6.13095 9.94723 6.09465 9.95489 5.98236C9.9629 5.86495 9.96321 5.71059 9.96321 5.46671C9.96321 5.22283 9.9629 5.06847 9.95489 4.95106C9.94723 4.83876 9.93446 4.80247 9.92946 4.79039C9.88446 4.68176 9.79816 4.59545 9.68953 4.55046C9.67745 4.54545 9.64115 4.53269 9.52886 4.52503C9.41144 4.51702 9.25708 4.51671 9.01321 4.51671L4.95987 4.51671C4.716 4.51671 4.56164 4.51702 4.44422 4.52503ZM4.94211 8.44337H11.0576C11.2785 8.44337 11.4722 8.44336 11.6331 8.45434C11.8035 8.46596 11.9783 8.49177 12.1525 8.5639C12.5404 8.7246 12.8487 9.03283 13.0093 9.42079C13.0815 9.59493 13.1073 9.76979 13.1189 9.94012C13.1299 10.101 13.1299 10.2947 13.1299 10.5156V10.5512C13.1299 10.772 13.1299 10.9657 13.1189 11.1266C13.1073 11.297 13.0815 11.4718 13.0093 11.646C12.8487 12.0339 12.5404 12.3422 12.1525 12.5029C11.9783 12.575 11.8035 12.6008 11.6331 12.6124C11.4722 12.6234 11.2785 12.6234 11.0577 12.6234H4.94209C4.72121 12.6234 4.52754 12.6234 4.36662 12.6124C4.19628 12.6008 4.02143 12.575 3.84729 12.5029C3.45933 12.3422 3.1511 12.0339 2.9904 11.646C2.91827 11.4718 2.89246 11.297 2.88084 11.1266C2.86986 10.9657 2.86987 10.772 2.86987 10.5512V10.5156C2.86987 10.2947 2.86986 10.101 2.88084 9.94012C2.89246 9.76979 2.91827 9.59493 2.9904 9.42079C3.1511 9.03283 3.45933 8.7246 3.84729 8.5639C4.02143 8.49177 4.19628 8.46596 4.36662 8.45434C4.52754 8.44336 4.72122 8.44337 4.94211 8.44337ZM4.44422 9.5917C4.33193 9.59936 4.29563 9.61212 4.28355 9.61712C4.17492 9.66212 4.08862 9.74842 4.04362 9.85705C4.03862 9.86913 4.02586 9.90543 4.01819 10.0177C4.01018 10.1351 4.00987 10.2895 4.00987 10.5334C4.00987 10.7773 4.01018 10.9316 4.01819 11.049C4.02586 11.1613 4.03862 11.1976 4.04362 11.2097C4.08862 11.3183 4.17492 11.4046 4.28355 11.4496C4.29563 11.4546 4.33193 11.4674 4.44422 11.4751C4.56164 11.4831 4.716 11.4834 4.95987 11.4834H11.0399C11.2837 11.4834 11.4381 11.4831 11.5555 11.4751C11.6678 11.4674 11.7041 11.4546 11.7162 11.4496C11.8248 11.4046 11.9111 11.3183 11.9561 11.2097C11.9611 11.1976 11.9739 11.1613 11.9816 11.049C11.9896 10.9316 11.9899 10.7773 11.9899 10.5334C11.9899 10.2895 11.9896 10.1351 11.9816 10.0177C11.9739 9.90543 11.9611 9.86913 11.9561 9.85705C11.9111 9.74842 11.8248 9.66212 11.7162 9.61712C11.7041 9.61212 11.6678 9.59936 11.5555 9.5917C11.4381 9.58368 11.2837 9.58338 11.0399 9.58338H4.95987C4.716 9.58338 4.56164 9.58368 4.44422 9.5917Z" fill="#181818" />
          </g>
        </g>
      </g>
    </svg>;
};

export const LanguageAiLogo = () => {
  return <svg style={{
    height: '32px',
    width: '32px'
  }} width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
      <g id="State=Default, Type=language-ai">
        <g id="language-ai">
          <path d="M0 6.4C0 4.15979 0 3.03969 0.435974 2.18404C0.819467 1.43139 1.43139 0.819467 2.18404 0.435974C3.03969 0 4.15979 0 6.4 0H9.6C11.8402 0 12.9603 0 13.816 0.435974C14.5686 0.819467 15.1805 1.43139 15.564 2.18404C16 3.03969 16 4.15979 16 6.4V9.6C16 11.8402 16 12.9603 15.564 13.816C15.1805 14.5686 14.5686 15.1805 13.816 15.564C12.9603 16 11.8402 16 9.6 16H6.4C4.15979 16 3.03969 16 2.18404 15.564C1.43139 15.1805 0.819467 14.5686 0.435974 13.816C0 12.9603 0 11.8402 0 9.6V6.4Z" fill="#03EAB3" />
          <g id="stars-02">
            <path id="Fill" d="M8.50653 3.43994L9.38518 5.72443C9.52807 6.09593 9.59951 6.28169 9.71061 6.43793C9.80908 6.57641 9.93007 6.6974 10.0685 6.79586C10.2248 6.90696 10.4105 6.9784 10.782 7.12129L13.0665 7.99994L10.782 8.87859C10.4105 9.02148 10.2248 9.09292 10.0685 9.20402C9.93007 9.30248 9.80908 9.42347 9.71061 9.56195C9.59951 9.7182 9.52807 9.90395 9.38518 10.2754L8.50653 12.5599L7.62788 10.2755C7.485 9.90395 7.41355 9.7182 7.30246 9.56195C7.20399 9.42347 7.083 9.30248 6.94452 9.20402C6.78828 9.09292 6.60253 9.02148 6.23102 8.87859L3.94653 7.99994L6.23102 7.12129C6.60253 6.97841 6.78828 6.90696 6.94452 6.79586C7.083 6.6974 7.20399 6.57641 7.30245 6.43793C7.41355 6.28169 7.485 6.09593 7.62788 5.72443L8.50653 3.43994Z" fill="white" />
            <path id="Icon (Stroke)" fill-rule="evenodd" clip-rule="evenodd" d="M4.19995 2.36328C4.51475 2.36328 4.76995 2.61848 4.76995 2.93328V3.62995H5.46661C5.78142 3.62995 6.03661 3.88515 6.03661 4.19995C6.03661 4.51475 5.78142 4.76995 5.46661 4.76995H4.76995V5.46661C4.76995 5.78142 4.51475 6.03661 4.19995 6.03661C3.88515 6.03661 3.62995 5.78142 3.62995 5.46661V4.76995H2.93328C2.61848 4.76995 2.36328 4.51475 2.36328 4.19995C2.36328 3.88515 2.61848 3.62995 2.93328 3.62995H3.62995V2.93328C3.62995 2.61848 3.88515 2.36328 4.19995 2.36328ZM8.50661 2.86995C8.74246 2.86995 8.95396 3.0152 9.03862 3.23533L9.91727 5.51982C10.0706 5.91858 10.1155 6.02365 10.1752 6.10763C10.2368 6.19417 10.3124 6.26979 10.3989 6.33133C10.4829 6.39105 10.588 6.43592 10.9867 6.58929L13.2712 7.46794C13.4914 7.55261 13.6366 7.7641 13.6366 7.99995C13.6366 8.2358 13.4914 8.44729 13.2712 8.53195L10.9867 9.4106C10.588 9.56397 10.4829 9.60885 10.3989 9.66856C10.3124 9.7301 10.2368 9.80572 10.1752 9.89227C10.1155 9.97625 10.0706 10.0813 9.91727 10.4801L9.03862 12.7646C8.95396 12.9847 8.74246 13.1299 8.50661 13.1299C8.27076 13.1299 8.05927 12.9847 7.97461 12.7646L7.09596 10.4801C6.94259 10.0813 6.89771 9.97624 6.838 9.89227C6.77646 9.80572 6.70084 9.7301 6.61429 9.66856C6.53032 9.60885 6.42524 9.56397 6.02649 9.4106L3.742 8.53195C3.52187 8.44729 3.37661 8.2358 3.37661 7.99995C3.37661 7.7641 3.52187 7.55261 3.742 7.46794L6.02649 6.58929C6.42524 6.43592 6.53031 6.39105 6.61429 6.33133C6.70084 6.26979 6.77646 6.19417 6.838 6.10763C6.89771 6.02365 6.94259 5.91858 7.09596 5.51982L7.97461 3.23533C8.05927 3.0152 8.27076 2.86995 8.50661 2.86995ZM8.50661 5.02778L8.15997 5.92906C8.15281 5.94768 8.14575 5.96607 8.13877 5.98424C8.01678 6.30202 7.92077 6.5521 7.76707 6.76825C7.63168 6.95866 7.46532 7.12502 7.27492 7.26041C7.05876 7.4141 6.80868 7.51011 6.49091 7.6321C6.47274 7.63908 6.45434 7.64614 6.43572 7.6533L5.53445 7.99995L6.43572 8.34659C6.45434 8.35375 6.47274 8.36081 6.49091 8.36779C6.80869 8.48979 7.05876 8.58579 7.27492 8.73949C7.46532 8.87488 7.63168 9.04124 7.76707 9.23164C7.92077 9.4478 8.01678 9.69788 8.13877 10.0156C8.14575 10.0338 8.15281 10.0522 8.15997 10.0708L8.50661 10.9721L8.85326 10.0708C8.86042 10.0522 8.86748 10.0338 8.87446 10.0157C8.99645 9.69788 9.09246 9.4478 9.24616 9.23164C9.38155 9.04124 9.5479 8.87488 9.73831 8.73949C9.95446 8.58579 10.2045 8.48978 10.5223 8.36779C10.5405 8.36081 10.5589 8.35375 10.5775 8.34659L11.4788 7.99995L10.5775 7.6533C10.5589 7.64614 10.5405 7.63908 10.5223 7.6321C10.2045 7.51011 9.95446 7.4141 9.73831 7.26041C9.5479 7.12501 9.38155 6.95866 9.24616 6.76825C9.09246 6.5521 8.99645 6.30202 8.87446 5.98424C8.86748 5.96607 8.86042 5.94768 8.85326 5.92906L8.50661 5.02778ZM4.19995 9.96328C4.51475 9.96328 4.76995 10.2185 4.76995 10.5333V11.2299H5.46661C5.78142 11.2299 6.03661 11.4851 6.03661 11.7999C6.03661 12.1147 5.78142 12.3699 5.46661 12.3699H4.76995V13.0666C4.76995 13.3814 4.51475 13.6366 4.19995 13.6366C3.88515 13.6366 3.62995 13.3814 3.62995 13.0666V12.3699H2.93328C2.61848 12.3699 2.36328 12.1147 2.36328 11.7999C2.36328 11.4851 2.61848 11.2299 2.93328 11.2299H3.62995V10.5333C3.62995 10.2185 3.88515 9.96328 4.19995 9.96328Z" fill="#181818" />
          </g>
        </g>
      </g>
    </svg>;
};

<div id="landing-page">
  <div class="hero">
    <h1 class="hero__title">Phrase Developer Hub</h1>
    <div class="hero__subtitle">Explore our guides and examples to integrate Phrase.</div>
  </div>

  <div class="content">
    <h2 class="content__title">Explore the Phrase APIs</h2>
    <div class="content__description">Phrase offers a suite of APIs to help you manage localization at scale - from translating dynamic content to integrating with your translation workflows.</div>

    <Columns cols="2">
      <Card title="Phrase Platform Reference" icon={<PlatformLogo />} href="/en/api/platform/introduction">
        Phrase Platform related APIs serving unified authorization experience to all Phrase Platform products.
      </Card>

      <Card title="Phrase Strings Reference" icon={<StringsLogo />} href="/en/api/strings/introduction">
        As a string management platform for key-based translations, Phrase Strings extracts segments of words from code repositories or design files to manage the entire translation process.
      </Card>

      <Card title="Phrase TMS Reference" icon={<TmsLogo />} href="/en/api/tms/latest/introduction">
        The leading translation management system that automates, translates, and manages content with intelligence and at scale.
      </Card>

      <Card title="Phrase Language AI Reference" icon={<LanguageAiLogo />} href="/en/api/language-ai/introduction">
        Our sophisticated, secure and scalable AI translation tool capabilities including MT and LLM aggregation, selection and quality assessment.
      </Card>

      <Card title="Phrase Studio Reference" icon={<StudioLogo />} href="/en/api/studio/introduction">
        AI-powered audio and video processing for transcription, translation, and dubbing. Process content in over 100 languages with advanced features like glossaries and pronunciations.
      </Card>

      <Card title="Phrase Connectors Reference" icon={<ConnectorsLogo />} href="/en/api/connectors/introduction">
        A tool for building custom flows using Phrase Integrations. Easily connect localization processes with external systems and extend built-in integrations with your own functionality.
      </Card>

      <Card title="Phrase Quality Evaluator Reference" icon={<QualityEvaluatorLogo />} href="/en/api/quality-evaluator/introduction">
        Automatically assess translation quality using AI-powered checks. Define custom quality requirements, organize them into reusable profiles, and evaluate your translations at scale.
      </Card>
    </Columns>
  </div>
</div>
