{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "integrations-2",
  "dependencies": [
    "lucide-react"
  ],
  "registryDependencies": [
    "button"
  ],
  "files": [
    {
      "path": "src/components/watermelon-ui/integrations-2.tsx",
      "content": "\nimport type { SVGProps } from 'react';\n\nconst Firebase = (props: SVGProps<SVGSVGElement>) => (\n  <svg {...props} fill=\"none\" viewBox=\"0 0 600 600\">\n    <path\n      fill=\"#FF9100\"\n      d=\"M213.918 560.499c23.248 9.357 48.469 14.909 74.952 15.834 35.84 1.252 69.922-6.158 100.391-20.234-36.537-14.355-69.627-35.348-97.869-61.448-18.306 29.31-45.382 52.462-77.474 65.848Z\"\n    />\n    <path\n      fill=\"#FFC400\"\n      d=\"M291.389 494.66c-64.466-59.622-103.574-145.917-100.269-240.568.108-3.073.27-6.145.46-9.216a166.993 166.993 0 0 0-36.004-5.241 167.001 167.001 0 0 0-51.183 6.153c-17.21 30.145-27.594 64.733-28.888 101.781-3.339 95.611 54.522 179.154 138.409 212.939 32.093-13.387 59.168-36.51 77.475-65.848Z\"\n    />\n    <path\n      fill=\"#FF9100\"\n      d=\"M291.39 494.657c14.988-23.986 24.075-52.106 25.133-82.403 2.783-79.695-50.792-148.251-124.942-167.381-.19 3.071-.352 6.143-.46 9.216-3.305 94.651 35.803 180.946 100.269 240.568Z\"\n    />\n    <path\n      fill=\"#DD2C00\"\n      d=\"M308.231 20.858C266 54.691 232.652 99.302 212.475 150.693c-11.551 29.436-18.81 61.055-20.929 94.2 74.15 19.13 127.726 87.686 124.943 167.38-1.058 30.297-10.172 58.39-25.134 82.404 28.24 26.127 61.331 47.093 97.868 61.447 73.337-33.9 125.37-106.846 128.383-193.127 1.952-55.901-19.526-105.724-49.875-147.778-32.051-44.477-159.5-194.36-159.5-194.36Z\"\n    />\n  </svg>\n);\n\nexport { Firebase };\n\nconst Shopify = (props: SVGProps<SVGSVGElement>) => (\n  <svg {...props} viewBox=\"0 0 256 292\" preserveAspectRatio=\"xMidYMid\">\n    <path\n      d=\"M223.774 57.34c-.201-1.46-1.48-2.268-2.537-2.357-1.055-.088-23.383-1.743-23.383-1.743s-15.507-15.395-17.209-17.099c-1.703-1.703-5.029-1.185-6.32-.805-.19.056-3.388 1.043-8.678 2.68-5.18-14.906-14.322-28.604-30.405-28.604-.444 0-.901.018-1.358.044C129.31 3.407 123.644.779 118.75.779c-37.465 0-55.364 46.835-60.976 70.635-14.558 4.511-24.9 7.718-26.221 8.133-8.126 2.549-8.383 2.805-9.45 10.462C21.3 95.806.038 260.235.038 260.235l165.678 31.042 89.77-19.42S223.973 58.8 223.775 57.34zM156.49 40.848l-14.019 4.339c.005-.988.01-1.96.01-3.023 0-9.264-1.286-16.723-3.349-22.636 8.287 1.04 13.806 10.469 17.358 21.32zm-27.638-19.483c2.304 5.773 3.802 14.058 3.802 25.238 0 .572-.005 1.095-.01 1.624-9.117 2.824-19.024 5.89-28.953 8.966 5.575-21.516 16.025-31.908 25.161-35.828zm-11.131-10.537c1.617 0 3.246.549 4.805 1.622-12.007 5.65-24.877 19.88-30.312 48.297l-22.886 7.088C75.694 46.16 90.81 10.828 117.72 10.828z\"\n      fill=\"#95BF46\"\n    />\n    <path\n      d=\"M221.237 54.983c-1.055-.088-23.383-1.743-23.383-1.743s-15.507-15.395-17.209-17.099c-.637-.634-1.496-.959-2.394-1.099l-12.527 256.233 89.762-19.418S223.972 58.8 223.774 57.34c-.201-1.46-1.48-2.268-2.537-2.357\"\n      fill=\"#5E8E3E\"\n    />\n    <path\n      d=\"M135.242 104.585l-11.069 32.926s-9.698-5.176-21.586-5.176c-17.428 0-18.305 10.937-18.305 13.693 0 15.038 39.2 20.8 39.2 56.024 0 27.713-17.577 45.558-41.277 45.558-28.44 0-42.984-17.7-42.984-17.7l7.615-25.16s14.95 12.835 27.565 12.835c8.243 0 11.596-6.49 11.596-11.232 0-19.616-32.16-20.491-32.16-52.724 0-27.129 19.472-53.382 58.778-53.382 15.145 0 22.627 4.338 22.627 4.338\"\n      fill=\"#FFF\"\n    />\n  </svg>\n);\n\nexport { Shopify };\n\nconst Calcom = (props: SVGProps<SVGSVGElement>) => (\n  <svg {...props} viewBox=\"0 0 101 22\" fill=\"none\">\n    <path\n      d=\"M10.0582 20.817C4.32115 20.817 0 16.2763 0 10.6704C0 5.04589 4.1005 0.467773 10.0582 0.467773C13.2209 0.467773 15.409 1.43945 17.1191 3.66311L14.3609 5.96151C13.2025 4.72822 11.805 4.11158 10.0582 4.11158C6.17833 4.11158 4.04533 7.08268 4.04533 10.6704C4.04533 14.2582 6.38059 17.1732 10.0582 17.1732C11.7866 17.1732 13.2577 16.5566 14.4161 15.3233L17.1375 17.7151C15.501 19.8453 13.2577 20.817 10.0582 20.817Z\"\n      fill=\"currentColor\"\n    />\n    <path\n      d=\"M29.0161 5.88601H32.7304V20.4612H29.0161V18.331C28.2438 19.8446 26.9566 20.8536 24.4927 20.8536C20.5577 20.8536 17.4133 17.4341 17.4133 13.2297C17.4133 9.02528 20.5577 5.60571 24.4927 5.60571C26.9383 5.60571 28.2438 6.61477 29.0161 8.12835V5.88601ZM29.1264 13.2297C29.1264 10.95 27.5634 9.06266 25.0995 9.06266C22.7274 9.06266 21.1828 10.9686 21.1828 13.2297C21.1828 15.4346 22.7274 17.3967 25.0995 17.3967C27.5451 17.3967 29.1264 15.4907 29.1264 13.2297Z\"\n      fill=\"currentColor\"\n    />\n    <path d=\"M35.3599 0H39.0742V20.4427H35.3599V0Z\" fill=\"currentColor\" />\n    <path\n      d=\"M40.7291 18.5182C40.7291 17.3223 41.6853 16.3132 42.9908 16.3132C44.2964 16.3132 45.2158 17.3223 45.2158 18.5182C45.2158 19.7515 44.278 20.7605 42.9908 20.7605C41.7037 20.7605 40.7291 19.7515 40.7291 18.5182Z\"\n      fill=\"currentColor\"\n    />\n    <path\n      d=\"M59.4296 18.1068C58.0505 19.7885 55.9543 20.8536 53.4719 20.8536C49.0404 20.8536 45.7858 17.4341 45.7858 13.2297C45.7858 9.02528 49.0404 5.60571 53.4719 5.60571C55.8623 5.60571 57.9402 6.61477 59.3193 8.20309L56.4508 10.6136C55.7336 9.71667 54.7958 9.04397 53.4719 9.04397C51.0999 9.04397 49.5553 10.95 49.5553 13.211C49.5553 15.472 51.0999 17.378 53.4719 17.378C54.9062 17.378 55.8991 16.6306 56.6346 15.6215L59.4296 18.1068Z\"\n      fill=\"currentColor\"\n    />\n    <path\n      d=\"M59.7422 13.2297C59.7422 9.02528 62.9968 5.60571 67.4283 5.60571C71.8598 5.60571 75.1144 9.02528 75.1144 13.2297C75.1144 17.4341 71.8598 20.8536 67.4283 20.8536C62.9968 20.8349 59.7422 17.4341 59.7422 13.2297ZM71.3449 13.2297C71.3449 10.95 69.8003 9.06266 67.4283 9.06266C65.0563 9.04397 63.5117 10.95 63.5117 13.2297C63.5117 15.4907 65.0563 17.3967 67.4283 17.3967C69.8003 17.3967 71.3449 15.4907 71.3449 13.2297Z\"\n      fill=\"currentColor\"\n    />\n    <path\n      d=\"M100.232 11.5482V20.4428H96.518V12.4638C96.518 9.94119 95.3412 8.85739 93.576 8.85739C91.921 8.85739 90.7442 9.67958 90.7442 12.4638V20.4428H87.0299V12.4638C87.0299 9.94119 85.8346 8.85739 84.0878 8.85739C82.4329 8.85739 80.9802 9.67958 80.9802 12.4638V20.4428H77.2659V5.8676H80.9802V7.88571C81.7525 6.31607 83.15 5.53125 85.3014 5.53125C87.3425 5.53125 89.0525 6.5403 89.9903 8.24074C90.9281 6.50293 92.3072 5.53125 94.8079 5.53125C97.8603 5.54994 100.232 7.86702 100.232 11.5482Z\"\n      fill=\"currentColor\"\n    />\n  </svg>\n);\n\nexport { Calcom };\n\nconst Cloudflare = (props: SVGProps<SVGSVGElement>) => (\n  <svg {...props} viewBox=\"0 0 256 116\" preserveAspectRatio=\"xMidYMid\">\n    <path\n      fill=\"currentColor\"\n      d=\"m202.357 49.394-5.311-2.124C172.085 103.434 72.786 69.289 66.81 85.997c-.996 11.286 54.227 2.146 93.706 4.059 12.039.583 18.076 9.671 12.964 24.484l10.069.031c11.615-36.209 48.683-17.73 50.232-29.68-2.545-7.857-42.601 0-31.425-35.497Z\"\n    />\n    <path\n      fill=\"#F4811F\"\n      d=\"M176.332 108.348c1.593-5.31 1.062-10.622-1.593-13.809-2.656-3.187-6.374-5.31-11.154-5.842L71.17 87.634c-.531 0-1.062-.53-1.593-.53-.531-.532-.531-1.063 0-1.594.531-1.062 1.062-1.594 2.124-1.594l92.946-1.062c11.154-.53 22.839-9.56 27.087-20.182l5.312-13.809c0-.532.531-1.063 0-1.594C191.203 20.182 166.772 0 138.091 0 111.535 0 88.697 16.995 80.73 40.896c-5.311-3.718-11.684-5.843-19.12-5.31-12.747 1.061-22.838 11.683-24.432 24.43-.531 3.187 0 6.374.532 9.56C16.996 70.107 0 87.103 0 108.348c0 2.124 0 3.718.531 5.842 0 1.063 1.062 1.594 1.594 1.594h170.489c1.062 0 2.125-.53 2.125-1.594l1.593-5.842Z\"\n    />\n    <path\n      fill=\"#FAAD3F\"\n      d=\"M205.544 48.863h-2.656c-.531 0-1.062.53-1.593 1.062l-3.718 12.747c-1.593 5.31-1.062 10.623 1.594 13.809 2.655 3.187 6.373 5.31 11.153 5.843l19.652 1.062c.53 0 1.062.53 1.593.53.53.532.53 1.063 0 1.594-.531 1.063-1.062 1.594-2.125 1.594l-20.182 1.062c-11.154.53-22.838 9.56-27.087 20.182l-1.063 4.78c-.531.532 0 1.594 1.063 1.594h70.108c1.062 0 1.593-.531 1.593-1.593 1.062-4.25 2.124-9.03 2.124-13.81 0-27.618-22.838-50.456-50.456-50.456\"\n    />\n  </svg>\n);\n\nexport { Cloudflare };\nconst Notion = (props: SVGProps<SVGSVGElement>) => (\n  <svg {...props} preserveAspectRatio=\"xMidYMid\" viewBox=\"0 0 256 268\">\n    <path\n      d=\"M164.09.608 16.092 11.538C4.155 12.573 0 20.374 0 29.726v162.245c0 7.284 2.585 13.516 8.826 21.843l34.789 45.237c5.715 7.284 10.912 8.844 21.825 8.327l171.864-10.404c14.532-1.035 18.696-7.801 18.696-19.24V55.207c0-5.911-2.336-7.614-9.21-12.66l-1.185-.856L198.37 8.409C186.94.1 182.27-.952 164.09.608ZM69.327 52.22c-14.033.945-17.216 1.159-25.186-5.323L23.876 30.778c-2.06-2.086-1.026-4.69 4.163-5.207l142.274-10.395c11.947-1.043 18.17 3.12 22.842 6.758l24.401 17.68c1.043.525 3.638 3.637.517 3.637L71.146 52.095l-1.819.125Zm-16.36 183.954V81.222c0-6.767 2.077-9.887 8.3-10.413L230.02 60.93c5.724-.517 8.31 3.12 8.31 9.879v153.917c0 6.767-1.044 12.49-10.387 13.008l-161.487 9.361c-9.343.517-13.489-2.594-13.489-10.921ZM212.377 89.53c1.034 4.681 0 9.362-4.681 9.897l-7.783 1.542v114.404c-6.758 3.637-12.981 5.715-18.18 5.715-8.308 0-10.386-2.604-16.609-10.396l-50.898-80.079v77.476l16.1 3.646s0 9.362-12.989 9.362l-35.814 2.077c-1.043-2.086 0-7.284 3.63-8.318l9.351-2.595V109.823l-12.98-1.052c-1.044-4.68 1.55-11.439 8.826-11.965l38.426-2.585 52.958 81.113v-71.76l-13.498-1.552c-1.043-5.733 3.111-9.896 8.3-10.404l35.84-2.087Z\"\n      fill=\"currentColor\"\n    />\n  </svg>\n);\n\nexport { Notion };\n\nconst Paper = (props: SVGProps<SVGSVGElement>) => (\n  <svg {...props} viewBox=\"0 0 39 39\" fill=\"none\">\n    <path d=\"M39 24H24V6H6V24H24V39H0V6H6V0H39V24Z\" fill=\"#81ADEC\" />\n  </svg>\n);\n\nexport { Paper };\n\nconst Stripe = (props: SVGProps<SVGSVGElement>) => (\n  <svg {...props} fill=\"none\" viewBox=\"100 100 312 312\">\n    <path\n      fill=\"#533afd\"\n      fillRule=\"evenodd\"\n      d=\"m120 392 272-57.683V120l-272 58.357z\"\n      clipRule=\"evenodd\"\n    />\n  </svg>\n);\n\nexport { Stripe };\n\nconst Dropbox = (props: SVGProps<SVGSVGElement>) => (\n  <svg {...props} fill=\"none\" viewBox=\"0 0 128 128\">\n    <path fill=\"#0061FE\" d=\"M0 0h128v128H0z\" />\n    <path\n      fill=\"#F7F5F2\"\n      d=\"M43.7 32 23.404 44.75 43.701 57.5 64 44.75 84.3 57.5l20.298-12.75L84.299 32 64.002 44.75 43.7 32Zm0 51L23.404 70.25 43.701 57.5 64 70.25 43.702 83Zm20.302-12.75L84.299 57.5l20.298 12.75L84.299 83 64.002 70.25Zm0 29.75L43.7 87.25 64 74.5l20.3 12.75L64.002 100Z\"\n    />\n  </svg>\n);\n\nexport { Dropbox };\n\nconst Slack = (props: SVGProps<SVGSVGElement>) => (\n  <svg {...props} viewBox=\"0 0 2447.6 2452.5\">\n    <g clipRule=\"evenodd\" fillRule=\"evenodd\">\n      <path\n        d=\"m897.4 0c-135.3.1-244.8 109.9-244.7 245.2-.1 135.3 109.5 245.1 244.8 245.2h244.8v-245.1c.1-135.3-109.5-245.1-244.9-245.3.1 0 .1 0 0 0m0 654h-652.6c-135.3.1-244.9 109.9-244.8 245.2-.2 135.3 109.4 245.1 244.7 245.3h652.7c135.3-.1 244.9-109.9 244.8-245.2.1-135.4-109.5-245.2-244.8-245.3z\"\n        fill=\"#36c5f0\"\n      />\n      <path\n        d=\"m2447.6 899.2c.1-135.3-109.5-245.1-244.8-245.2-135.3.1-244.9 109.9-244.8 245.2v245.3h244.8c135.3-.1 244.9-109.9 244.8-245.3zm-652.7 0v-654c.1-135.2-109.4-245-244.7-245.2-135.3.1-244.9 109.9-244.8 245.2v654c-.2 135.3 109.4 245.1 244.7 245.3 135.3-.1 244.9-109.9 244.8-245.3z\"\n        fill=\"#2eb67d\"\n      />\n      <path\n        d=\"m1550.1 2452.5c135.3-.1 244.9-109.9 244.8-245.2.1-135.3-109.5-245.1-244.8-245.2h-244.8v245.2c-.1 135.2 109.5 245 244.8 245.2zm0-654.1h652.7c135.3-.1 244.9-109.9 244.8-245.2.2-135.3-109.4-245.1-244.7-245.3h-652.7c-135.3.1-244.9 109.9-244.8 245.2-.1 135.4 109.4 245.2 244.7 245.3z\"\n        fill=\"#ecb22e\"\n      />\n      <path\n        d=\"m0 1553.2c-.1 135.3 109.5 245.1 244.8 245.2 135.3-.1 244.9-109.9 244.8-245.2v-245.2h-244.8c-135.3.1-244.9 109.9-244.8 245.2zm652.7 0v654c-.2 135.3 109.4 245.1 244.7 245.3 135.3-.1 244.9-109.9 244.8-245.2v-653.9c.2-135.3-109.4-245.1-244.7-245.3-135.4 0-244.9 109.8-244.8 245.1 0 0 0 .1 0 0\"\n        fill=\"#e01e5a\"\n      />\n    </g>\n  </svg>\n);\n\nexport { Slack };\n\nconst Figma = (props: SVGProps<SVGSVGElement>) => (\n  <svg {...props} viewBox=\"0 0 54 80\" fill=\"none\">\n    <g clipPath=\"url(#figma__clip0_912_3)\">\n      <path\n        d=\"M13.3333 80.0002C20.6933 80.0002 26.6667 74.0268 26.6667 66.6668V53.3335H13.3333C5.97333 53.3335 0 59.3068 0 66.6668C0 74.0268 5.97333 80.0002 13.3333 80.0002Z\"\n        fill=\"#0ACF83\"\n      />\n      <path\n        d=\"M0 39.9998C0 32.6398 5.97333 26.6665 13.3333 26.6665H26.6667V53.3332H13.3333C5.97333 53.3332 0 47.3598 0 39.9998Z\"\n        fill=\"#A259FF\"\n      />\n      <path\n        d=\"M0 13.3333C0 5.97333 5.97333 0 13.3333 0H26.6667V26.6667H13.3333C5.97333 26.6667 0 20.6933 0 13.3333Z\"\n        fill=\"#F24E1E\"\n      />\n      <path\n        d=\"M26.6667 0H40.0001C47.3601 0 53.3334 5.97333 53.3334 13.3333C53.3334 20.6933 47.3601 26.6667 40.0001 26.6667H26.6667V0Z\"\n        fill=\"#FF7262\"\n      />\n      <path\n        d=\"M53.3334 39.9998C53.3334 47.3598 47.3601 53.3332 40.0001 53.3332C32.6401 53.3332 26.6667 47.3598 26.6667 39.9998C26.6667 32.6398 32.6401 26.6665 40.0001 26.6665C47.3601 26.6665 53.3334 32.6398 53.3334 39.9998Z\"\n        fill=\"#1ABCFE\"\n      />\n    </g>\n    <defs>\n      <clipPath id=\"figma__clip0_912_3\">\n        <rect width=\"53.3333\" height=\"80\" fill=\"white\" />\n      </clipPath>\n    </defs>\n  </svg>\n);\n\nexport { Figma };\n\nconst Zoom = (props: SVGProps<SVGSVGElement>) => (\n  <svg {...props} preserveAspectRatio=\"xMidYMid\" viewBox=\"0 0 256 256\">\n    <defs>\n      <linearGradient\n        id=\"zoom__a\"\n        x1=\"23.666%\"\n        x2=\"76.334%\"\n        y1=\"95.6118%\"\n        y2=\"4.3882%\"\n      >\n        <stop offset=\".00006%\" stopColor=\"#0845BF\" />\n        <stop offset=\"19.11%\" stopColor=\"#0950DE\" />\n        <stop offset=\"38.23%\" stopColor=\"#0B59F6\" />\n        <stop offset=\"50%\" stopColor=\"#0B5CFF\" />\n        <stop offset=\"67.32%\" stopColor=\"#0E5EFE\" />\n        <stop offset=\"77.74%\" stopColor=\"#1665FC\" />\n        <stop offset=\"86.33%\" stopColor=\"#246FF9\" />\n        <stop offset=\"93.88%\" stopColor=\"#387FF4\" />\n        <stop offset=\"100%\" stopColor=\"#4F90EE\" />\n      </linearGradient>\n    </defs>\n    <path\n      fill=\"url(#zoom__a)\"\n      d=\"M256 128c0 13.568-1.024 27.136-3.328 40.192-6.912 43.264-41.216 77.568-84.48 84.48C155.136 254.976 141.568 256 128 256c-13.568 0-27.136-1.024-40.192-3.328-43.264-6.912-77.568-41.216-84.48-84.48C1.024 155.136 0 141.568 0 128c0-13.568 1.024-27.136 3.328-40.192 6.912-43.264 41.216-77.568 84.48-84.48C100.864 1.024 114.432 0 128 0c13.568 0 27.136 1.024 40.192 3.328 43.264 6.912 77.568 41.216 84.48 84.48C254.976 100.864 256 114.432 256 128Z\"\n    />\n    <path\n      fill=\"currentColor\"\n      d=\"M204.032 207.872H75.008c-8.448 0-16.64-4.608-20.48-12.032-4.608-8.704-2.816-19.2 4.096-26.112l89.856-89.856H83.968c-17.664 0-32-14.336-32-32h118.784c8.448 0 16.64 4.608 20.48 12.032 4.608 8.704 2.816 19.2-4.096 26.112l-89.6 90.112h74.496c17.664 0 32 14.08 32 31.744Z\"\n    />\n  </svg>\n);\n\nexport { Zoom };\n\nconst Vercel = (props: SVGProps<SVGSVGElement>) => (\n  <svg {...props} viewBox=\"0 0 256 222\" preserveAspectRatio=\"xMidYMid\">\n    <path fill=\"currentColor\" d=\"m128 0 128 221.705H0z\" />\n  </svg>\n);\n\nexport { Vercel };\n\nconst Asana = (props: SVGProps<SVGSVGElement>) => (\n  <svg {...props} fill=\"none\" viewBox=\"0 0 251 232\">\n    <path\n      fill=\"#F06A6A\"\n      d=\"M179.383 54.3733c0 30.0166-24.337 54.3737-54.354 54.3737-30.0355 0-54.3733-24.3382-54.3733-54.3737S94.9935 0 125.029 0c30.017 0 54.354 24.3378 54.354 54.3733ZM54.3928 122.33c-30.0166 0-54.373269 24.338-54.373269 54.355 0 30.017 24.337769 54.373 54.373269 54.373 30.0354 0 54.3732-24.338 54.3732-54.373 0-30.017-24.3378-54.355-54.3732-54.355Zm141.2532 0c-30.035 0-54.373 24.338-54.373 54.374 0 30.035 24.338 54.373 54.373 54.373 30.017 0 54.374-24.338 54.374-54.373 0-30.036-24.338-54.374-54.374-54.374Z\"\n    />\n  </svg>\n);\n\nexport { Asana };\n\nconst GoogleMeet = (props: SVGProps<SVGSVGElement>) => (\n  <svg {...props} viewBox=\"0 0 622 512\" fill=\"none\">\n    <g clipPath=\"url(#google_meet__clip0_5072_3775)\">\n      <path\n        d=\"M351.419 255.568L411.978 324.79L493.418 376.827L507.584 256.005L493.418 137.908L410.418 183.621L351.419 255.568Z\"\n        fill=\"#00832D\"\n      />\n      <path\n        d=\"M0.00283051 365.583V468.541C0.00283051 492.049 19.0851 511.136 42.5983 511.136H145.556L166.876 433.344L145.556 365.583L74.9198 344.263L0.00283051 365.583Z\"\n        fill=\"#0066DA\"\n      />\n      <path\n        d=\"M145.556 -7.62939e-06L0.00283051 145.554L74.9247 166.822L145.556 145.554L166.488 78.7145L145.556 -7.62939e-06Z\"\n        fill=\"#E94235\"\n      />\n      <path\n        d=\"M0.00526047 365.629H145.556V145.551H0.00526047V365.629Z\"\n        fill=\"#2684FC\"\n      />\n      <path\n        d=\"M586.398 61.6293L493.416 137.91V376.827L586.782 453.404C600.758 464.352 621.204 454.374 621.204 436.607V78.0861C621.204 60.1224 600.271 50.193 586.396 61.6317\"\n        fill=\"#00AC47\"\n      />\n      <path\n        d=\"M351.419 255.568V365.583H145.556V511.136H450.825C474.338 511.136 493.418 492.049 493.418 468.541V376.827L351.419 255.568Z\"\n        fill=\"#00AC47\"\n      />\n      <path\n        d=\"M450.825 -7.62939e-06H145.556V145.554H351.419V255.568L493.42 137.905V42.5979C493.42 19.0847 474.338 0.00241891 450.825 0.00241891\"\n        fill=\"#FFBA00\"\n      />\n    </g>\n    <defs>\n      <clipPath id=\"google_meet__clip0_5072_3775\">\n        <rect width=\"621.2\" height=\"512\" fill=\"white\" />\n      </clipPath>\n    </defs>\n  </svg>\n);\n\nexport { GoogleMeet };\n\nconst Railway = (props: SVGProps<SVGSVGElement>) => (\n  <svg {...props} fill=\"none\" viewBox=\"0 0 1024 1024\">\n    <path\n      d=\"M4.8 438.2A520.7 520.7 0 000 489.7h777.8c-2.7-5.3-6.4-10-10-14.7-133-171.8-204.5-157-306.9-161.3-34-1.4-57.2-2-193-2-72.7 0-151.7.2-228.6.4A621 621 0 0015 386.3h398.6v51.9H4.8zm779.1 103.5H.4c.8 13.8 2.1 27.5 4 41h723.4c32.2 0 50.3-18.3 56.1-41zM45 724.3s120 294.5 466.5 299.7c207 0 385-123 465.9-299.7H45z\"\n      fill=\"currentColor\"\n    />\n    <path\n      d=\"M511.5 0A512.2 512.2 0 0065.3 260.6l202.7-.2c158.4 0 164.2.6 195.2 2l19.1.6c66.7 2.3 148.7 9.4 213.2 58.2 35 26.5 85.6 85 115.7 126.5 27.9 38.5 35.9 82.8 17 125.2-17.5 39-55 62.2-100.4 62.2H16.7s4.2 18 10.6 37.8h970.6a510.4 510.4 0 0026.1-160.7A512.4 512.4 0 00511.5 0z\"\n      fill=\"currentColor\"\n    />\n  </svg>\n);\n\nexport { Railway };\n\nconst LinkedIn = (props: SVGProps<SVGSVGElement>) => (\n  <svg {...props} preserveAspectRatio=\"xMidYMid\" viewBox=\"0 0 256 256\">\n    <path\n      d=\"M218.123 218.127h-37.931v-59.403c0-14.165-.253-32.4-19.728-32.4-19.756 0-22.779 15.434-22.779 31.369v60.43h-37.93V95.967h36.413v16.694h.51a39.907 39.907 0 0 1 35.928-19.733c38.445 0 45.533 25.288 45.533 58.186l-.016 67.013ZM56.955 79.27c-12.157.002-22.014-9.852-22.016-22.009-.002-12.157 9.851-22.014 22.008-22.016 12.157-.003 22.014 9.851 22.016 22.008A22.013 22.013 0 0 1 56.955 79.27m18.966 138.858H37.95V95.967h37.97v122.16ZM237.033.018H18.89C8.58-.098.125 8.161-.001 18.471v219.053c.122 10.315 8.576 18.582 18.89 18.474h218.144c10.336.128 18.823-8.139 18.966-18.474V18.454c-.147-10.33-8.635-18.588-18.966-18.453\"\n      fill=\"#0A66C2\"\n    />\n  </svg>\n);\n\nexport { LinkedIn };\n\nconst Twitter = (props: SVGProps<SVGSVGElement>) => (\n  <svg {...props} viewBox=\"0 0 256 209\" preserveAspectRatio=\"xMidYMid\">\n    <path\n      d=\"M256 25.45c-9.42 4.177-19.542 7-30.166 8.27 10.845-6.5 19.172-16.793 23.093-29.057a105.183 105.183 0 0 1-33.351 12.745C205.995 7.201 192.346.822 177.239.822c-29.006 0-52.523 23.516-52.523 52.52 0 4.117.465 8.125 1.36 11.97-43.65-2.191-82.35-23.1-108.255-54.876-4.52 7.757-7.11 16.78-7.11 26.404 0 18.222 9.273 34.297 23.365 43.716a52.312 52.312 0 0 1-23.79-6.57c-.003.22-.003.44-.003.661 0 25.447 18.104 46.675 42.13 51.5a52.592 52.592 0 0 1-23.718.9c6.683 20.866 26.08 36.05 49.062 36.475-17.975 14.086-40.622 22.483-65.228 22.483-4.24 0-8.42-.249-12.529-.734 23.243 14.902 50.85 23.597 80.51 23.597 96.607 0 149.434-80.031 149.434-149.435 0-2.278-.05-4.543-.152-6.795A106.748 106.748 0 0 0 256 25.45\"\n      fill=\"#55acee\"\n    />\n  </svg>\n);\n\nexport { Twitter };\n\nconst integrations = [\n  { name: 'Cal.com', icon: Calcom },\n  { name: 'Cloudflare', icon: Cloudflare },\n  { name: 'Notion', icon: Notion },\n  { name: 'Stripe', icon: Stripe },\n  { name: 'Dropbox', icon: Dropbox },\n  { name: 'Slack', icon: Slack },\n  { name: 'Figma', icon: Figma },\n  { name: 'Zoom', icon: Zoom },\n  { name: 'Vercel', icon: Vercel },\n  { name: 'Asana', icon: Asana },\n  { name: 'Google Meet', icon: GoogleMeet },\n  { name: 'Paper', icon: Paper },\n];\n\nexport default function Integrations2() {\n  return (\n    <div className=\"theme-injected bg-background w-full py-16\">\n      <div className=\"mx-auto max-w-6xl px-6\">\n        <div className=\"bg-border border-border grid grid-flow-row-dense grid-cols-2 gap-px overflow-hidden rounded-none border sm:grid-cols-3 md:grid-cols-6 lg:grid-cols-4\">\n          {integrations.slice(0, 5).map((item, i) => {\n            const Icon = item.icon;\n            return (\n              <div\n                key={i}\n                className={`bg-background hover:bg-background/50 dark:bg-background/50 dark:hover:bg-background/20 flex h-24 items-center justify-center gap-2 transition-colors duration-200 ease-out sm:h-28`}\n              >\n                <Icon className=\"text-muted-foreground size-8\" />\n                <span className=\"text-muted-foreground text-lg\">\n                  {item.name}\n                </span>\n              </div>\n            );\n          })}\n\n          <div className=\"bg-muted/50 relative col-span-2 row-span-2 flex flex-col items-center justify-center overflow-hidden p-6 text-center shadow-[inset_0_0px_10px_2px_rgba(0,0,0,0.15)] sm:col-span-3 md:col-span-6 lg:col-span-2 dark:shadow-[inset_0_0px_10px_2px_rgba(0,0,0,0.5)]\">\n            <div className=\"bg-[repeating-linear-gradient(135deg,theme(colors.border)_0px,theme(colors.border)_1px,transparent_1px,transparent_10px)] pointer-events-none absolute inset-0 mask-radial-at-center opacity-[0.5]\" />\n\n            <div className=\"relative z-10\">\n              <h3 className=\"text-foreground mb-5 max-w-[260px] text-lg leading-snug font-medium sm:text-xl\">\n                Designed for teams that ship and scale\n              </h3>\n            </div>\n          </div>\n\n          {integrations.slice(5).map((item, i) => {\n            const Icon = item.icon;\n            return (\n              <div\n                key={i + 4}\n                className={`bg-background hover:bg-background/50 dark:bg-background/50 dark:hover:bg-background/20 flex h-24 items-center justify-center gap-2 transition-colors duration-200 ease-out sm:h-28`}\n              >\n                <Icon className=\"size-8 text-white\" />\n                <span className=\"text-muted-foreground text-lg\">\n                  {item.name}\n                </span>\n              </div>\n            );\n          })}\n        </div>\n      </div>\n    </div>\n  );\n}\n",
      "type": "registry:ui",
      "target": "components/ui/integrations-2.tsx"
    }
  ],
  "type": "registry:ui"
}