{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "integrations-4",
  "type": "registry:block",
  "title": "Integrations 4",
  "description": "Integration logos arranged in rings around a logo.",
  "registryDependencies": [
    "button"
  ],
  "files": [
    {
      "path": "app/preview/integrations/four/page.tsx",
      "content": "import { Gemini, Replit, MagicUI, VSCodium, MediaWiki, GooglePaLM } from '@/components/logos'\nimport { Logo } from '@/components/logo'\nimport { cn } from '@/lib/utils'\nimport { Button } from '@/components/ui/button'\nimport Link from 'next/link'\n\nexport default function IntegrationsSection() {\n    return (\n        <section>\n            <div className=\"bg-muted dark:bg-background py-24 md:py-32\">\n                <div className=\"mx-auto max-w-5xl px-6\">\n                    <div className=\"relative mx-auto flex max-w-sm items-center justify-between\">\n                        <div className=\"space-y-6\">\n                            <IntegrationCard position=\"left-top\">\n                                <Gemini />\n                            </IntegrationCard>\n                            <IntegrationCard position=\"left-middle\">\n                                <Replit />\n                            </IntegrationCard>\n                            <IntegrationCard position=\"left-bottom\">\n                                <MagicUI />\n                            </IntegrationCard>\n                        </div>\n                        <div className=\"mx-auto my-2 flex w-fit justify-center gap-2\">\n                            <div className=\"bg-muted relative z-20 rounded-2xl border p-1\">\n                                <IntegrationCard\n                                    className=\"shadow-black-950/10 dark:bg-background size-16 border-black/25 shadow-xl dark:border-white/25 dark:shadow-white/10\"\n                                    isCenter={true}>\n                                    <Logo />\n                                </IntegrationCard>\n                            </div>\n                        </div>\n                        <div\n                            role=\"presentation\"\n                            className=\"absolute inset-1/3 bg-[radial-gradient(var(--dots-color)_1px,transparent_1px)] opacity-50 [--dots-color:black] [background-size:16px_16px] [mask-image:radial-gradient(ellipse_50%_50%_at_50%_50%,#000_70%,transparent_100%)] dark:[--dots-color:white]\"></div>\n\n                        <div className=\"space-y-6\">\n                            <IntegrationCard position=\"right-top\">\n                                <VSCodium />\n                            </IntegrationCard>\n                            <IntegrationCard position=\"right-middle\">\n                                <MediaWiki />\n                            </IntegrationCard>\n                            <IntegrationCard position=\"right-bottom\">\n                                <GooglePaLM />\n                            </IntegrationCard>\n                        </div>\n                    </div>\n                    <div className=\"mx-auto mt-12 max-w-lg space-y-6 text-center\">\n                        <h2 className=\"text-balance text-3xl font-semibold md:text-4xl\">Integrate with your favorite tools</h2>\n                        <p className=\"text-muted-foreground\">Connect seamlessly with popular platforms and services to enhance your workflow.</p>\n\n                        <Button\n                            variant=\"outline\"\n                            size=\"sm\"\n                            asChild>\n                            <Link href=\"#\">Get Started</Link>\n                        </Button>\n                    </div>\n                </div>\n            </div>\n        </section>\n    )\n}\n\nconst IntegrationCard = ({ children, className, position, isCenter = false }: { children: React.ReactNode; className?: string; position?: 'left-top' | 'left-middle' | 'left-bottom' | 'right-top' | 'right-middle' | 'right-bottom'; isCenter?: boolean }) => {\n    return (\n        <div className={cn('bg-background relative flex size-12 rounded-xl border dark:bg-transparent', className)}>\n            <div className={cn('relative z-20 m-auto size-fit *:size-6', isCenter && '*:size-8')}>{children}</div>\n            {position && !isCenter && (\n                <div\n                    className={cn(\n                        'bg-linear-to-r to-muted-foreground/25 absolute z-10 h-px',\n                        position === 'left-top' && 'left-full top-1/2 w-[130px] origin-left rotate-[25deg]',\n                        position === 'left-middle' && 'left-full top-1/2 w-[120px] origin-left',\n                        position === 'left-bottom' && 'left-full top-1/2 w-[130px] origin-left rotate-[-25deg]',\n                        position === 'right-top' && 'bg-linear-to-l right-full top-1/2 w-[130px] origin-right rotate-[-25deg]',\n                        position === 'right-middle' && 'bg-linear-to-l right-full top-1/2 w-[120px] origin-right',\n                        position === 'right-bottom' && 'bg-linear-to-l right-full top-1/2 w-[130px] origin-right rotate-[25deg]'\n                    )}\n                />\n            )}\n        </div>\n    )\n}\n",
      "type": "registry:component",
      "target": "components/integrations-4.tsx"
    },
    {
      "path": "components/logo.tsx",
      "content": "import { cn } from '@/lib/utils'\n\n/**\n * Brand mark: four blocks, two squared and two rounded, stacked on a grid.\n * Purely presentational — wrap it in your own <Link> where it should navigate.\n */\nexport function Logo({ className }: { className?: string }) {\n    return (\n        <svg\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            aria-hidden=\"true\"\n            className={cn('size-6 text-foreground', className)}>\n            <rect\n                x=\"2\"\n                y=\"2\"\n                width=\"9\"\n                height=\"9\"\n                rx=\"2.25\"\n                fill=\"currentColor\"\n            />\n            <rect\n                x=\"13\"\n                y=\"2\"\n                width=\"9\"\n                height=\"9\"\n                rx=\"4.5\"\n                fill=\"currentColor\"\n                fillOpacity=\".3\"\n            />\n            <rect\n                x=\"2\"\n                y=\"13\"\n                width=\"9\"\n                height=\"9\"\n                rx=\"4.5\"\n                fill=\"currentColor\"\n                fillOpacity=\".3\"\n            />\n            <rect\n                x=\"13\"\n                y=\"13\"\n                width=\"9\"\n                height=\"9\"\n                rx=\"2.25\"\n                fill=\"currentColor\"\n            />\n        </svg>\n    )\n}\n",
      "type": "registry:component"
    },
    {
      "path": "components/logos/index.ts",
      "content": "export { default as Gemini } from './Gemini'\nexport { default as Replit } from './Replit'\nexport { default as MagicUI } from './MagicUI'\nexport { default as VSCodium } from './VSCodium'\nexport { default as MediaWiki } from './MediaWiki'\nexport { default as GooglePaLM } from './GooglePaLM'\n",
      "type": "registry:component"
    },
    {
      "path": "components/logos/Gemini.tsx",
      "content": "import { SVGProps } from 'react'\n\nexport default function Gemini(props: SVGProps<SVGSVGElement>) {\n    return (\n        <svg\n            height=\"1em\"\n            style={{\n                flex: 'none',\n                lineHeight: 1,\n            }}\n            viewBox=\"0 0 24 24\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"1em\"\n            {...props}>\n            <title>{'Gemini'}</title>\n            <defs>\n                <linearGradient\n                    id=\"lobe-icons-gemini-fill\"\n                    x1=\"0%\"\n                    x2=\"68.73%\"\n                    y1=\"100%\"\n                    y2=\"30.395%\">\n                    <stop\n                        offset=\"0%\"\n                        stopColor=\"#1C7DFF\"\n                    />\n                    <stop\n                        offset=\"52.021%\"\n                        stopColor=\"#1C69FF\"\n                    />\n                    <stop\n                        offset=\"100%\"\n                        stopColor=\"#F0DCD6\"\n                    />\n                </linearGradient>\n            </defs>\n            <path\n                d=\"M12 24A14.304 14.304 0 000 12 14.304 14.304 0 0012 0a14.305 14.305 0 0012 12 14.305 14.305 0 00-12 12\"\n                fill=\"url(#lobe-icons-gemini-fill)\"\n                fillRule=\"nonzero\"\n            />\n        </svg>\n    )\n}\n",
      "type": "registry:component"
    },
    {
      "path": "components/logos/GooglePaLM.tsx",
      "content": "import { SVGProps } from 'react'\n\nexport default function GooglePaLM(props: SVGProps<SVGSVGElement>) {\n    return (\n        <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"1em\"\n            height=\"1em\"\n            preserveAspectRatio=\"xMidYMid\"\n            viewBox=\"0 0 256 229\"\n            {...props}>\n            <path\n                fill=\"#F9AB00\"\n                d=\"M128 228.542c9.895 0 17.91-8.015 17.91-17.91V55.413h-35.82v155.219c0 9.895 8.015 17.91 17.91 17.91Z\"\n            />\n            <path\n                fill=\"#5BB974\"\n                d=\"M199.356 112.053C180.043 92.755 151.193 88.845 128 100.307l76.669 76.67c3.164 3.163 8.612 1.91 9.955-2.344 6.746-21.357 1.657-45.64-15.268-62.58Z\"\n            />\n            <path\n                fill=\"#129EAF\"\n                d=\"M56.644 112.053C75.957 92.755 104.807 88.845 128 100.307l-76.669 76.67c-3.164 3.163-8.612 1.91-9.955-2.344-6.746-21.357-1.657-45.64 15.268-62.58Z\"\n            />\n            <path\n                fill=\"#AF5CF7\"\n                d=\"M193.67 52.548c-30.507 0-56.402 20-65.67 47.76h121.25c4.97 0 8.283-5.254 6.03-9.687-11.523-22.611-34.776-38.073-61.61-38.073Z\"\n            />\n            <path\n                fill=\"#FF8BCB\"\n                d=\"M140.671 20.101C119.09 41.682 114.926 74.114 128 100.307l85.743-85.743c3.523-3.522 2.15-9.582-2.582-11.119-24.148-7.836-51.52-2.313-70.49 16.656Z\"\n            />\n            <path\n                fill=\"#FA7B17\"\n                d=\"M115.329 20.101C136.91 41.682 141.074 74.114 128 100.307L42.257 14.564c-3.523-3.522-2.15-9.582 2.582-11.119 24.148-7.836 51.52-2.313 70.49 16.656Z\"\n            />\n            <path\n                fill=\"#4285F4\"\n                d=\"M62.33 52.548c30.507 0 56.402 20 65.67 47.76H6.75c-4.97 0-8.283-5.254-6.03-9.687C12.244 68.01 35.497 52.548 62.33 52.548Z\"\n            />\n        </svg>\n    )\n}\n",
      "type": "registry:component"
    },
    {
      "path": "components/logos/MagicUI.tsx",
      "content": "import { SVGProps } from 'react'\n\nexport default function MagicUI(props: SVGProps<SVGSVGElement>) {\n    return (\n        <svg\n            width=\"1em\"\n            height=\"1em\"\n            viewBox=\"0 0 256 256\"\n            fill=\"none\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            className=\"size-6\"\n            {...props}>\n            <rect\n                width={256}\n                height={256}\n                rx={128}\n                fill=\"url(#paint0_linear_601_4643)\"\n            />\n            <rect\n                width={256}\n                height={256}\n                rx={128}\n                fill=\"url(#paint1_linear_601_4643)\"\n            />\n            <path\n                d=\"M124.157 193.675C123.939 193.783 123.722 193.837 123.505 193.837C123.287 193.837 122.852 193.837 122.2 193.837C120.678 193.837 118.884 193.567 116.818 193.025C114.862 192.591 112.905 191.995 110.948 191.236C109.099 190.586 107.469 189.828 106.055 188.961C104.751 188.094 103.935 187.335 103.609 186.685C103.501 185.167 103.446 183.596 103.446 181.97C103.446 180.345 103.446 178.773 103.446 177.256C103.446 165.118 104.316 152.438 106.055 139.217C107.904 125.995 110.893 111.69 115.025 96.3005C115.459 94.7833 115.894 92.8867 116.329 90.6108C116.873 88.2266 117.416 85.6798 117.96 82.9704C115.351 85.0296 112.252 88.335 108.665 92.8867C105.077 97.3301 101.272 102.64 97.2492 108.818C93.3354 114.887 89.3672 121.606 85.3446 128.975C81.4308 136.236 77.8431 143.66 74.5815 151.246C71.32 158.724 68.4933 166.148 66.1015 173.517C63.8185 180.887 62.4051 187.714 61.8615 194C56.6431 192.483 53.001 190.966 50.9354 189.448C48.9785 187.931 48 186.089 48 183.921C48 181.97 48.5979 179.207 49.7938 175.631C50.9897 172.054 52.6749 167.828 54.8492 162.951C57.0236 158.074 59.6872 152.655 62.84 146.695C65.9928 140.626 69.4718 134.123 73.2769 127.187C77.6256 119.276 81.8656 111.852 85.9969 104.916C90.2369 97.9803 94.3682 91.6946 98.3908 86.0591C102.413 80.4236 106.327 75.5468 110.132 71.4286C114.046 67.3104 117.906 64.1675 121.711 62C123.233 62 125.244 62.3793 127.745 63.1379C130.354 63.8966 132.854 64.8177 135.246 65.9015C137.747 66.9852 139.921 68.1232 141.769 69.3153C143.726 70.399 144.813 71.3202 145.031 72.0788C143.509 75.1133 141.715 79.665 139.649 85.734C137.584 91.803 135.464 98.6847 133.289 106.379C131.224 114.074 129.212 122.256 127.255 130.926C125.407 139.488 123.939 147.724 122.852 155.635C125.353 149.675 128.234 143.498 131.495 137.103C134.866 130.601 138.399 124.207 142.095 117.921C145.792 111.527 149.543 105.35 153.348 99.3892C157.262 93.4286 161.067 88.0099 164.763 83.133C168.459 78.1478 171.884 73.8128 175.037 70.1281C178.298 66.4434 181.179 63.734 183.68 62C185.202 62 187.213 62.3793 189.714 63.1379C192.323 63.8966 194.824 64.8177 197.215 65.9015C199.716 66.9852 201.89 68.1232 203.738 69.3153C205.695 70.399 206.783 71.3202 207 72.0788C203.521 78.2562 200.477 85.7882 197.868 94.6749C195.258 103.562 193.03 112.882 191.182 122.635C189.442 132.389 188.083 142.089 187.105 151.734C186.235 161.271 185.8 169.833 185.8 177.419C185.8 179.911 185.8 182.512 185.8 185.222C185.8 187.931 185.909 190.749 186.126 193.675C184.604 193.675 182.756 193.458 180.582 193.025C178.516 192.7 176.45 192.212 174.385 191.562C172.428 190.911 170.634 190.153 169.003 189.286C167.372 188.527 166.231 187.66 165.578 186.685C165.47 185.167 165.415 183.596 165.415 181.97C165.415 180.345 165.415 178.773 165.415 177.256C165.415 165.118 166.285 152.438 168.025 139.217C169.873 125.995 172.863 111.69 176.994 96.3005C177.429 94.7833 177.918 92.7241 178.462 90.1232C179.005 87.5222 179.549 84.8128 180.092 81.9951C177.048 83.5123 173.569 86.4384 169.655 90.7734C165.85 95 161.936 100.202 157.914 106.379C154 112.448 150.086 119.222 146.172 126.7C142.367 134.177 138.888 141.818 135.735 149.621C132.691 157.315 130.082 165.01 127.908 172.704C125.842 180.291 124.592 187.281 124.157 193.675Z\"\n                fill=\"white\"\n            />\n            <defs>\n                <linearGradient\n                    id=\"paint0_linear_601_4643\"\n                    x1={128}\n                    y1={0}\n                    x2={128}\n                    y2={256}\n                    gradientUnits=\"userSpaceOnUse\">\n                    <stop stopColor=\"#EF786F\" />\n                    <stop\n                        offset={1}\n                        stopColor=\"#D8595E\"\n                    />\n                </linearGradient>\n                <linearGradient\n                    id=\"paint1_linear_601_4643\"\n                    x1={78}\n                    y1={0.0000037012}\n                    x2={236}\n                    y2={256}\n                    gradientUnits=\"userSpaceOnUse\">\n                    <stop stopColor=\"#9E7AFF\" />\n                    <stop\n                        offset={0.333333}\n                        stopColor=\"#FE8BBB\"\n                    />\n                    <stop\n                        offset={0.666667}\n                        stopColor=\"#FFBD7A\"\n                    />\n                    <stop\n                        offset={1}\n                        stopColor=\"#F8EAC3\"\n                    />\n                </linearGradient>\n            </defs>\n        </svg>\n    )\n}\n",
      "type": "registry:component"
    },
    {
      "path": "components/logos/MediaWiki.tsx",
      "content": "import { SVGProps } from 'react'\n\nexport default function MediaWiki(props: SVGProps<SVGSVGElement>) {\n    return (\n        <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            xmlnsXlink=\"http://www.w3.org/1999/xlink\"\n            id=\"svg62\"\n            viewBox=\"0 0 50 50\"\n            width=\"1em\"\n            height=\"1em\"\n            {...props}>\n            <defs id=\"defs11\">\n                <linearGradient\n                    id=\"gradient\"\n                    x1={0}\n                    x2={100}\n                    y1={100}\n                    y2={0}\n                    gradientUnits=\"userSpaceOnUse\">\n                    <stop\n                        id=\"stop2\"\n                        offset=\"0%\"\n                        stopColor=\"#0a00b2\"\n                    />\n                    <stop\n                        id=\"stop4\"\n                        offset=\"50%\"\n                        stopColor=\"red\"\n                    />\n                    <stop\n                        id=\"stop6\"\n                        offset=\"100%\"\n                        stopColor=\"#fffc00\"\n                    />\n                </linearGradient>\n                <linearGradient\n                    xlinkHref=\"#gradient\"\n                    id=\"linearGradient873\"\n                    x1={0}\n                    x2={100}\n                    y1={100}\n                    y2={0}\n                    gradientUnits=\"userSpaceOnUse\"\n                />\n                <linearGradient\n                    xlinkHref=\"#gradient\"\n                    id=\"linearGradient875\"\n                    x1={0}\n                    x2={100}\n                    y1={100}\n                    y2={0}\n                    gradientUnits=\"userSpaceOnUse\"\n                />\n                <linearGradient\n                    xlinkHref=\"#gradient\"\n                    id=\"linearGradient877\"\n                    x1={0}\n                    x2={100}\n                    y1={100}\n                    y2={0}\n                    gradientUnits=\"userSpaceOnUse\"\n                />\n                <linearGradient\n                    xlinkHref=\"#gradient\"\n                    id=\"linearGradient879\"\n                    x1={0}\n                    x2={100}\n                    y1={100}\n                    y2={0}\n                    gradientUnits=\"userSpaceOnUse\"\n                />\n                <linearGradient\n                    xlinkHref=\"#gradient\"\n                    id=\"linearGradient881\"\n                    x1={0}\n                    x2={100}\n                    y1={100}\n                    y2={0}\n                    gradientUnits=\"userSpaceOnUse\"\n                />\n                <linearGradient\n                    xlinkHref=\"#gradient\"\n                    id=\"linearGradient883\"\n                    x1={0}\n                    x2={100}\n                    y1={100}\n                    y2={0}\n                    gradientUnits=\"userSpaceOnUse\"\n                />\n                <linearGradient\n                    xlinkHref=\"#gradient\"\n                    id=\"linearGradient885\"\n                    x1={0}\n                    x2={100}\n                    y1={100}\n                    y2={0}\n                    gradientUnits=\"userSpaceOnUse\"\n                />\n                <linearGradient\n                    xlinkHref=\"#gradient\"\n                    id=\"linearGradient887\"\n                    x1={0}\n                    x2={100}\n                    y1={100}\n                    y2={0}\n                    gradientUnits=\"userSpaceOnUse\"\n                />\n                <linearGradient\n                    xlinkHref=\"#gradient\"\n                    id=\"linearGradient889\"\n                    x1={0}\n                    x2={100}\n                    y1={100}\n                    y2={0}\n                    gradientUnits=\"userSpaceOnUse\"\n                />\n                <linearGradient\n                    xlinkHref=\"#gradient\"\n                    id=\"linearGradient891\"\n                    x1={0}\n                    x2={100}\n                    y1={100}\n                    y2={0}\n                    gradientUnits=\"userSpaceOnUse\"\n                />\n                <linearGradient\n                    xlinkHref=\"#gradient\"\n                    id=\"linearGradient893\"\n                    x1={0}\n                    x2={100}\n                    y1={100}\n                    y2={0}\n                    gradientUnits=\"userSpaceOnUse\"\n                />\n                <linearGradient\n                    xlinkHref=\"#gradient\"\n                    id=\"linearGradient895\"\n                    x1={0}\n                    x2={100}\n                    y1={100}\n                    y2={0}\n                    gradientUnits=\"userSpaceOnUse\"\n                />\n                <linearGradient\n                    xlinkHref=\"#gradient\"\n                    id=\"linearGradient897\"\n                    x1={0}\n                    x2={100}\n                    y1={100}\n                    y2={0}\n                    gradientUnits=\"userSpaceOnUse\"\n                />\n                <linearGradient\n                    xlinkHref=\"#gradient\"\n                    id=\"linearGradient899\"\n                    x1={0}\n                    x2={100}\n                    y1={100}\n                    y2={0}\n                    gradientUnits=\"userSpaceOnUse\"\n                />\n                <linearGradient\n                    xlinkHref=\"#gradient\"\n                    id=\"linearGradient901\"\n                    x1={0}\n                    x2={100}\n                    y1={100}\n                    y2={0}\n                    gradientUnits=\"userSpaceOnUse\"\n                />\n                <linearGradient\n                    xlinkHref=\"#gradient\"\n                    id=\"linearGradient903\"\n                    x1={0}\n                    x2={100}\n                    y1={100}\n                    y2={0}\n                    gradientUnits=\"userSpaceOnUse\"\n                />\n                <linearGradient\n                    xlinkHref=\"#gradient\"\n                    id=\"linearGradient905\"\n                    x1={0}\n                    x2={100}\n                    y1={100}\n                    y2={0}\n                    gradientUnits=\"userSpaceOnUse\"\n                />\n                <linearGradient\n                    xlinkHref=\"#gradient\"\n                    id=\"linearGradient907\"\n                    x1={0}\n                    x2={100}\n                    y1={100}\n                    y2={0}\n                    gradientUnits=\"userSpaceOnUse\"\n                />\n                <linearGradient\n                    xlinkHref=\"#gradient\"\n                    id=\"linearGradient909\"\n                    x1={0}\n                    x2={100}\n                    y1={100}\n                    y2={0}\n                    gradientUnits=\"userSpaceOnUse\"\n                />\n                <linearGradient\n                    xlinkHref=\"#gradient\"\n                    id=\"linearGradient911\"\n                    x1={0}\n                    x2={100}\n                    y1={100}\n                    y2={0}\n                    gradientUnits=\"userSpaceOnUse\"\n                />\n                <linearGradient\n                    xlinkHref=\"#gradient\"\n                    id=\"linearGradient913\"\n                    x1={0}\n                    x2={100}\n                    y1={100}\n                    y2={0}\n                    gradientUnits=\"userSpaceOnUse\"\n                />\n                <linearGradient\n                    xlinkHref=\"#gradient\"\n                    id=\"linearGradient915\"\n                    x1={0}\n                    x2={100}\n                    y1={100}\n                    y2={0}\n                    gradientUnits=\"userSpaceOnUse\"\n                />\n                <linearGradient\n                    xlinkHref=\"#gradient\"\n                    id=\"linearGradient917\"\n                    x1={0}\n                    x2={100}\n                    y1={100}\n                    y2={0}\n                    gradientUnits=\"userSpaceOnUse\"\n                />\n                <linearGradient\n                    xlinkHref=\"#gradient\"\n                    id=\"linearGradient919\"\n                    x1={0}\n                    x2={100}\n                    y1={100}\n                    y2={0}\n                    gradientUnits=\"userSpaceOnUse\"\n                />\n                <linearGradient\n                    xlinkHref=\"#gradient\"\n                    id=\"linearGradient921\"\n                    x1={0}\n                    x2={100}\n                    y1={100}\n                    y2={0}\n                    gradientUnits=\"userSpaceOnUse\"\n                />\n                <style id=\"style9\">{'.petal{opacity:.65}'}</style>\n            </defs>\n            <g\n                id=\"petals\"\n                fill=\"url(#linearGradient921)\"\n                transform=\"matrix(.5 0 0 .5 0 .026)\">\n                <path\n                    id=\"path13\"\n                    fill=\"url(#linearGradient873)\"\n                    d=\"M33.6 14.8a16.938 16.938 0 0 0 3.116 11.142 11.457 11.457 0 0 0 6.858 4.3 3.033 3.033 0 0 0 2.385-.713 11.924 11.924 0 0 0 3.634-10.837c-1.257-7.54-6.19-12.43-12.4-17A32.468 32.468 0 0 0 33.6 14.8z\"\n                    className=\"petal\"\n                    opacity={0.65}\n                />\n                <path\n                    id=\"path15\"\n                    fill=\"url(#linearGradient875)\"\n                    d=\"M25.117 20.232a16.938 16.938 0 0 0 5.893 9.956 11.457 11.457 0 0 0 7.738 2.381 3.033 3.033 0 0 0 2.119-1.306 11.924 11.924 0 0 0 .705-11.409C38.406 12.9 32.376 9.449 25.2 6.642a32.468 32.468 0 0 0-.083 13.59z\"\n                    className=\"petal\"\n                    opacity={0.65}\n                />\n                <path\n                    id=\"path17\"\n                    fill=\"url(#linearGradient877)\"\n                    d=\"M18.329 27.677a16.937 16.937 0 0 0 8.271 8.092 11.457 11.457 0 0 0 8.09.3 3.033 3.033 0 0 0 1.709-1.81 11.924 11.924 0 0 0-2.271-11.2c-4.859-5.9-11.576-7.67-19.237-8.523a32.466 32.466 0 0 0 3.438 13.141z\"\n                    className=\"petal\"\n                    opacity={0.65}\n                />\n                <path\n                    id=\"path19\"\n                    fill=\"url(#linearGradient879)\"\n                    d=\"M13.7 36.626A16.938 16.938 0 0 0 23.781 42.3a11.457 11.457 0 0 0 7.891-1.807 3.033 3.033 0 0 0 1.182-2.193 11.924 11.924 0 0 0-5.093-10.233c-6.221-4.443-13.167-4.412-20.787-3.254A32.468 32.468 0 0 0 13.7 36.626z\"\n                    className=\"petal\"\n                    opacity={0.65}\n                />\n                <path\n                    id=\"path21\"\n                    fill=\"url(#linearGradient881)\"\n                    d=\"M11.543 46.468a16.938 16.938 0 0 0 11.208 2.873 11.457 11.457 0 0 0 7.155-3.788 3.034 3.034 0 0 0 .575-2.422 11.924 11.924 0 0 0-7.568-8.566c-7.16-2.681-13.861-.854-20.923 2.235a32.468 32.468 0 0 0 9.553 9.668z\"\n                    className=\"petal\"\n                    opacity={0.65}\n                />\n                <path\n                    id=\"path23\"\n                    fill=\"url(#linearGradient883)\"\n                    d=\"M12.008 56.532a16.938 16.938 0 0 0 11.569-.126 11.457 11.457 0 0 0 5.931-5.51 3.033 3.033 0 0 0-.072-2.488 11.924 11.924 0 0 0-9.527-6.315C12.3 41.356 6.3 44.855.279 49.669a32.467 32.467 0 0 0 11.729 6.863z\"\n                    className=\"petal\"\n                    opacity={0.65}\n                />\n                <path\n                    id=\"path25\"\n                    fill=\"url(#linearGradient885)\"\n                    d=\"M15.062 66.134A16.938 16.938 0 0 0 26.2 63.018a11.457 11.457 0 0 0 4.3-6.858 3.033 3.033 0 0 0-.713-2.385 11.924 11.924 0 0 0-10.837-3.634c-7.54 1.257-12.43 6.19-17 12.4a32.468 32.468 0 0 0 13.112 3.593z\"\n                    className=\"petal\"\n                    opacity={0.65}\n                />\n                <path\n                    id=\"path27\"\n                    fill=\"url(#linearGradient887)\"\n                    d=\"M20.5 74.618a16.938 16.938 0 0 0 9.956-5.893 11.457 11.457 0 0 0 2.381-7.738 3.033 3.033 0 0 0-1.306-2.119 11.925 11.925 0 0 0-11.409-.705c-6.958 3.166-10.4 9.2-13.212 16.376a32.466 32.466 0 0 0 13.59.079z\"\n                    className=\"petal\"\n                    opacity={0.65}\n                />\n                <path\n                    id=\"path29\"\n                    fill=\"url(#linearGradient889)\"\n                    d=\"M27.943 81.406a16.938 16.938 0 0 0 8.092-8.269 11.457 11.457 0 0 0 .3-8.09 3.033 3.033 0 0 0-1.81-1.709 11.924 11.924 0 0 0-11.2 2.271c-5.9 4.859-7.67 11.576-8.523 19.237a32.467 32.467 0 0 0 13.141-3.44z\"\n                    className=\"petal\"\n                    opacity={0.65}\n                />\n                <path\n                    id=\"path31\"\n                    fill=\"url(#linearGradient891)\"\n                    d=\"M36.891 86.035a16.938 16.938 0 0 0 5.676-10.082 11.457 11.457 0 0 0-1.807-7.891 3.033 3.033 0 0 0-2.191-1.182 11.924 11.924 0 0 0-10.233 5.094c-4.443 6.221-4.412 13.167-3.254 20.787a32.467 32.467 0 0 0 11.809-6.726z\"\n                    className=\"petal\"\n                    opacity={0.65}\n                />\n                <path\n                    id=\"path33\"\n                    fill=\"url(#linearGradient893)\"\n                    d=\"M46.733 88.191a16.937 16.937 0 0 0 2.873-11.207 11.457 11.457 0 0 0-3.788-7.155 3.033 3.033 0 0 0-2.422-.575 11.924 11.924 0 0 0-8.566 7.568c-2.681 7.159-.854 13.86 2.237 20.921a32.465 32.465 0 0 0 9.666-9.552z\"\n                    className=\"petal\"\n                    opacity={0.65}\n                />\n                <path\n                    id=\"path35\"\n                    fill=\"url(#linearGradient895)\"\n                    d=\"M56.8 87.726a16.937 16.937 0 0 0-.125-11.569 11.457 11.457 0 0 0-5.511-5.931 3.033 3.033 0 0 0-2.488.072 11.924 11.924 0 0 0-6.315 9.528c-.737 7.609 2.762 13.609 7.576 19.629A32.466 32.466 0 0 0 56.8 87.726z\"\n                    className=\"petal\"\n                    opacity={0.65}\n                />\n                <path\n                    id=\"path37\"\n                    fill=\"url(#linearGradient897)\"\n                    d=\"M66.4 84.672a16.938 16.938 0 0 0-3.116-11.142 11.457 11.457 0 0 0-6.858-4.3 3.033 3.033 0 0 0-2.385.713 11.924 11.924 0 0 0-3.634 10.837c1.257 7.54 6.19 12.43 12.4 17A32.468 32.468 0 0 0 66.4 84.672z\"\n                    className=\"petal\"\n                    opacity={0.65}\n                />\n                <path\n                    id=\"path39\"\n                    fill=\"url(#linearGradient899)\"\n                    d=\"M74.883 79.237a16.937 16.937 0 0 0-5.893-9.956 11.456 11.456 0 0 0-7.738-2.381 3.033 3.033 0 0 0-2.119 1.306 11.924 11.924 0 0 0-.705 11.409c3.166 6.958 9.2 10.4 16.375 13.212a32.468 32.468 0 0 0 .08-13.59z\"\n                    className=\"petal\"\n                    opacity={0.65}\n                />\n                <path\n                    id=\"path41\"\n                    fill=\"url(#linearGradient901)\"\n                    d=\"M81.671 71.792A16.938 16.938 0 0 0 73.4 63.7a11.457 11.457 0 0 0-8.09-.3 3.033 3.033 0 0 0-1.708 1.81 11.924 11.924 0 0 0 2.271 11.2c4.859 5.9 11.576 7.67 19.237 8.523a32.466 32.466 0 0 0-3.439-13.141z\"\n                    className=\"petal\"\n                    opacity={0.65}\n                />\n                <path\n                    id=\"path43\"\n                    fill=\"url(#linearGradient903)\"\n                    d=\"M86.3 62.843a16.938 16.938 0 0 0-10.082-5.676 11.457 11.457 0 0 0-7.891 1.807 3.033 3.033 0 0 0-1.182 2.191A11.924 11.924 0 0 0 72.239 71.4c6.221 4.443 13.167 4.412 20.787 3.254A32.467 32.467 0 0 0 86.3 62.843z\"\n                    className=\"petal\"\n                    opacity={0.65}\n                />\n                <path\n                    id=\"path45\"\n                    fill=\"url(#linearGradient905)\"\n                    d=\"M88.457 53a16.938 16.938 0 0 0-11.207-2.873 11.457 11.457 0 0 0-7.155 3.788 3.033 3.033 0 0 0-.574 2.422 11.925 11.925 0 0 0 7.567 8.563c7.158 2.681 13.86.854 20.921-2.237A32.467 32.467 0 0 0 88.457 53z\"\n                    className=\"petal\"\n                    opacity={0.65}\n                />\n                <path\n                    id=\"path47\"\n                    fill=\"url(#linearGradient907)\"\n                    d=\"M87.992 42.936a16.938 16.938 0 0 0-11.569.126 11.457 11.457 0 0 0-5.931 5.511 3.033 3.033 0 0 0 .072 2.488 11.924 11.924 0 0 0 9.527 6.315c7.609.737 13.609-2.762 19.63-7.576a32.468 32.468 0 0 0-11.729-6.864z\"\n                    className=\"petal\"\n                    opacity={0.65}\n                />\n                <path\n                    id=\"path49\"\n                    fill=\"url(#linearGradient909)\"\n                    d=\"M84.938 33.335A16.938 16.938 0 0 0 73.8 36.451a11.457 11.457 0 0 0-4.3 6.858 3.033 3.033 0 0 0 .714 2.385 11.924 11.924 0 0 0 10.837 3.634c7.54-1.257 12.43-6.19 17-12.4a32.466 32.466 0 0 0-13.113-3.593z\"\n                    className=\"petal\"\n                    opacity={0.65}\n                />\n                <path\n                    id=\"path51\"\n                    fill=\"url(#linearGradient911)\"\n                    d=\"M79.5 24.851a16.938 16.938 0 0 0-9.956 5.893 11.457 11.457 0 0 0-2.381 7.738 3.033 3.033 0 0 0 1.309 2.118 11.924 11.924 0 0 0 11.409.705c6.958-3.166 10.4-9.2 13.212-16.375a32.468 32.468 0 0 0-13.593-.079z\"\n                    className=\"petal\"\n                    opacity={0.65}\n                />\n                <path\n                    id=\"path53\"\n                    fill=\"url(#linearGradient913)\"\n                    d=\"M72.057 18.063a16.938 16.938 0 0 0-8.092 8.269 11.457 11.457 0 0 0-.3 8.09 3.033 3.033 0 0 0 1.81 1.709 11.924 11.924 0 0 0 11.2-2.271c5.9-4.859 7.67-11.576 8.523-19.237a32.467 32.467 0 0 0-13.141 3.44z\"\n                    className=\"petal\"\n                    opacity={0.65}\n                />\n                <path\n                    id=\"path55\"\n                    fill=\"url(#linearGradient915)\"\n                    d=\"M63.109 13.434a16.937 16.937 0 0 0-5.676 10.082 11.457 11.457 0 0 0 1.807 7.891 3.033 3.033 0 0 0 2.191 1.182A11.924 11.924 0 0 0 71.664 27.5c4.443-6.221 4.412-13.167 3.254-20.787a32.466 32.466 0 0 0-11.809 6.721z\"\n                    className=\"petal\"\n                    opacity={0.65}\n                />\n                <path\n                    id=\"path57\"\n                    fill=\"url(#linearGradient917)\"\n                    d=\"M53.267 11.278a16.937 16.937 0 0 0-2.873 11.207 11.456 11.456 0 0 0 3.788 7.155 3.033 3.033 0 0 0 2.422.575 11.924 11.924 0 0 0 8.566-7.568c2.681-7.159.854-13.86-2.237-20.921a32.466 32.466 0 0 0-9.666 9.552z\"\n                    className=\"petal\"\n                    opacity={0.65}\n                />\n                <path\n                    id=\"path59\"\n                    fill=\"url(#linearGradient919)\"\n                    d=\"M43.2 11.743a16.938 16.938 0 0 0 .126 11.569 11.457 11.457 0 0 0 5.511 5.931 3.033 3.033 0 0 0 2.488-.072 11.924 11.924 0 0 0 6.315-9.528c.739-7.609-2.76-13.609-7.574-19.629A32.468 32.468 0 0 0 43.2 11.743z\"\n                    className=\"petal\"\n                    opacity={0.65}\n                />\n            </g>\n        </svg>\n    )\n}\n",
      "type": "registry:component"
    },
    {
      "path": "components/logos/Replit.tsx",
      "content": "import { SVGProps } from 'react'\n\nexport default function Replit(props: SVGProps<SVGSVGElement>) {\n    return (\n        <svg\n            width=\"1em\"\n            height=\"1em\"\n            viewBox=\"0 0 20 24\"\n            fill=\"none\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            {...props}>\n            <path\n                d=\"M0 1.5C0 0.671573 0.671573 0 1.5 0H8.5C9.32843 0 10 0.671573 10 1.5V8H1.5C0.671573 8 0 7.32843 0 6.5V1.5Z\"\n                fill=\"#F26207\"\n            />\n            <path\n                d=\"M10 8H18.5C19.3284 8 20 8.67157 20 9.5V14.5C20 15.3284 19.3284 16 18.5 16H10V8Z\"\n                fill=\"#F26207\"\n            />\n            <path\n                d=\"M0 17.5C0 16.6716 0.671573 16 1.5 16H10V22.5C10 23.3284 9.32843 24 8.5 24H1.5C0.671573 24 0 23.3284 0 22.5V17.5Z\"\n                fill=\"#F26207\"\n            />\n        </svg>\n    )\n}\n",
      "type": "registry:component"
    },
    {
      "path": "components/logos/VSCodium.tsx",
      "content": "import { SVGProps } from 'react'\n\nexport default function VSCodium(props: SVGProps<SVGSVGElement>) {\n    return (\n        <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 100 100\"\n            width=\"1em\"\n            height=\"1em\"\n            {...props}>\n            <defs>\n                <linearGradient\n                    id=\"a\"\n                    x1={199.997}\n                    x2={296.665}\n                    y1={214.302}\n                    y2={307.573}\n                    gradientTransform=\"translate(-200 -213)\"\n                    gradientUnits=\"userSpaceOnUse\">\n                    <stop\n                        offset={0}\n                        stopColor=\"#62A0EA\"\n                    />\n                    <stop\n                        offset={1}\n                        stopColor=\"#1A5FB4\"\n                    />\n                </linearGradient>\n            </defs>\n            <path\n                fill=\"url(#a)\"\n                d=\"M48.26 2.274a6.113 6.113 0 0 0-1.838 8.468c10.109 15.655 12.495 27.463 11.46 37.811-4.184 19.816-13.279 23.836-21.227 23.836-7.76 0-5.682-12.771.151-16.509 3.482-2.174 7.942-3.587 11.365-3.587 3.392 0 6.142-2.741 6.142-6.123 0-3.383-2.75-6.124-6.142-6.124-3.998 0-7.92.84-11.581 2.27.748-3.529 1.024-7.343.057-11.397-1.468-6.156-5.694-12.036-13.032-17.736a6.15 6.15 0 0 0-8.621 1.065 6.114 6.114 0 0 0 1.078 8.595c5.978 4.643 7.952 8.08 8.627 10.909.675 2.829.132 5.864-1.224 10.034-1.733 5.62-3.745 10.637-4.627 15.448-.434 2.368-.471 4.945-.583 7.004-4.305-4.196-5.99-9.736-5.99-17.831-.001-3.382-2.751-6.124-6.142-6.123-3.389.003-6.135 2.743-6.136 6.123 0 11.056 3.233 21.576 11.898 28.594 7.844 7.473 27.791 4.711 27.791 16.708 0 3.386 4.956 5.034 8.347 5.034 3.478 0 7.855-2.325 7.855-5.034 0-13.612 14.345-21.885 37.96-21.849 3.392.005 6.144-2.734 6.149-6.116.006-3.383-2.738-6.13-6.13-6.136a78.226 78.226 0 0 0-4.741.145c2.64-6.209 3.811-13.045 3.569-20.429-.112-3.381-2.95-6.031-6.339-5.921-3.393.11-6.051 2.943-5.94 6.326.32 9.668-.042 18.301-7.245 22.852-2.048 1.293-4.429 2.415-6.687 2.415 1.753-4.768 3.077-9.801 3.619-15.226.346-3.462.383-7.575-.012-10.77-.613-4.95-1.353-10.564.526-14.793 1.688-3.642 5.47-5.167 11.023-5.167 3.389-.003 6.135-2.744 6.136-6.123.002-3.383-2.745-6.127-6.136-6.13-8.252 0-14.507 4.343-18.053 9.59-1.854-3.96-4.112-8.041-6.84-12.265a6.14 6.14 0 0 0-3.86-2.669 6.159 6.159 0 0 0-4.627.831z\"\n            />\n        </svg>\n    )\n}\n",
      "type": "registry:component"
    }
  ]
}