{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "integrations-05",
  "title": "Integrations 05",
  "description": "A simple integrations block",
  "files": [
    {
      "path": "src/registry/blocks/shared/integrations-05/components/integrations.tsx",
      "content": "export default function Integrations() {\n  return (\n    <div className=\"mx-auto flex max-w-7xl flex-col px-6 py-12 sm:py-14\">\n      <h2 className=\"text-center font-medium text-4xl tracking-tight\">\n        Plug into your stack\n      </h2>\n      <p className=\"mt-3 text-pretty text-center text-muted-foreground text-xl -tracking-[0.01em] sm:text-2xl\">\n        Connect your favorite tools and services\n      </p>\n      <div className=\"mt-12 grid grid-cols-1 gap-6 sm:mt-16 sm:grid-cols-2 lg:grid-cols-3\">\n        {integrations.map((integration) => (\n          <div\n            className=\"relative flex flex-col items-start overflow-hidden border bg-card\"\n            key={integration.title}\n          >\n            <div className=\"absolute inset-x-0 top-7 h-9.5 border-y border-dashed bg-muted/30\" />\n            <div className=\"absolute inset-y-0 left-7 w-9.5 border-x border-dashed bg-muted/30\" />\n\n            <div className=\"relative isolate flex items-start justify-between gap-5 p-6\">\n              <div className=\"w-fit shrink-0 rounded-3xl bg-transparent p-1\">\n                <div className=\"relative border bg-background\">\n                  <img\n                    alt={integration.title}\n                    className=\"absolute inset-0 size-9 blur-[36px]\"\n                    src={`https://www.google.com/s2/favicons?domain=${encodeURIComponent(integration.url)}&sz=64`}\n                  />\n                  <img\n                    alt={integration.title}\n                    className=\"size-9\"\n                    src={`https://www.google.com/s2/favicons?domain=${encodeURIComponent(integration.url)}&sz=64`}\n                  />\n                </div>\n              </div>\n              <div>\n                <h3 className=\"py-2 font-medium text-xl\">\n                  {integration.title}\n                </h3>\n                <p className=\"mt-4 mb-2 text-pretty text-muted-foreground tracking-normal\">\n                  {integration.description}\n                </p>\n              </div>\n            </div>\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n}\n\nconst integrations = [\n  {\n    title: \"PostHog\",\n    description: \"PostHog is an open-source product analytics tool.\",\n    url: \"https://posthog.com/\",\n  },\n  {\n    title: \"Zapier\",\n    description:\n      \"Automation tool for connecting and syncing data between different apps.\",\n    url: \"https://zapier.com\",\n  },\n  {\n    title: \"Webflow\",\n    description: \"Website builder for creating and managing websites.\",\n    url: \"https://webflow.com/\",\n    status: \"pending\",\n  },\n  {\n    title: \"Semrush\",\n    description: \"SEO and digital marketing analytics platform.\",\n    url: \"https://www.semrush.com/\",\n  },\n  {\n    title: \"Mailchimp\",\n    description:\n      \"Marketing platform for creating, sending, and automating emails.\",\n    url: \"https://mailchimp.com\",\n  },\n  {\n    title: \"Sanity\",\n    description:\n      \"Content management system for creating and managing websites.\",\n    url: \"https://sanity.io/\",\n    status: \"pending\",\n  },\n];\n",
      "type": "registry:component"
    }
  ],
  "type": "registry:block"
}