{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "project-gallery-demo",
  "title": "Project Gallery Demo",
  "description": "Example of Project Gallery with an interactive modal.",
  "registryDependencies": [
    "https://atlasui.dev/r/project-gallery.json"
  ],
  "files": [
    {
      "path": "registry/react/examples/project-gallery-demo.tsx",
      "content": "import {\n  Project,\n  ProjectGallery,\n} from \"@/registry/react/atlasui/project-gallery\";\n\nexport const ProjectGalleryDemo = () => {\n  return (\n    <div className=\"mx-auto flex min-h-screen w-full max-w-7xl flex-col justify-center p-5\">\n      <ProjectGallery>\n        <Project\n          title=\"Atlas UI\"\n          subtitle=\"Frontend\"\n          href=\"#\"\n          imgSrc=\"/assets/atlas-ui.png\"\n          color=\"#EFE8D3\"\n        />\n        <Project\n          title=\"Portfolio\"\n          subtitle=\"Design & Development\"\n          href=\"#\"\n          imgSrc=\"/assets/portfolio.png\"\n          color=\"#706D63\"\n        />\n        <Project\n          title=\"Tokyo Art\"\n          subtitle=\"Photography\"\n          href=\"#\"\n          imgSrc=\"https://images.unsplash.com/photo-1540652980807-db4655e8fa60?q=80&w=2130&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D\"\n          color=\"#FAFBFC\"\n        />\n        <Project\n          title=\"Milky Way\"\n          subtitle=\"Photography\"\n          href=\"#\"\n          imgSrc=\"https://images.unsplash.com/photo-1515705576963-95cad62945b6?q=80&w=2070&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D\"\n          color=\"#404040\"\n        />\n      </ProjectGallery>\n    </div>\n  );\n};\n",
      "type": "registry:example",
      "target": "components/project-gallery-demo.tsx"
    }
  ],
  "type": "registry:example"
}