# ai-builder/2.1.12/assets/JSON-Blocks/gallery.js

AI Builder – Generate pages, blocks, images & translate with AI, version 2.1.12. 168 lines.

- Page: https://pluginprobe.com/plugins/ai-builder/2.1.12/code/assets/JSON-Blocks/gallery.js
- Raw: https://pluginprobe.com/plugins/ai-builder/2.1.12/raw/assets/JSON-Blocks/gallery.js
- Modified: 2025-08-23T08:19:58+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/ai-builder/2.1.12/code/assets/JSON-Blocks/gallery.js#L10-L20`.

```javascript
const galleryBlocks = [
  {
    id: "gallery-01",
    jsonBlocks: {
      blockName: "core/group",
      attrs: {
        align: "full",
        className: "gallery-container gallery-masonry",
      },
      innerBlocks: [
        {
          blockName: "core/heading",
          attrs: {
            content: "Our Portfolio",
            level: 2,
            className: "gallery-title",
          },
        },
        {
          blockName: "core/paragraph",
          attrs: {
            content: "Discover our latest projects and achievements",
            className: "gallery-description ai-text-block",
          },
        },
        {
          blockName: "core/gallery",
          attrs: {
            align: "full",
            className: "gallery-grid",
            columns: 1,
            imageCrop: true,
            linkTo: "none",
          },
          innerBlocks: [
            {
              blockName: "core/image",
              attrs: {
                url: "",
                alt: "Project 1",
                className: "gallery-item",
              },
            },
            {
              blockName: "core/image",
              attrs: {
                url: "",
                alt: "Project 2",
                className: "gallery-item",
              },
            },
            {
              blockName: "core/image",
              attrs: {
                url: "",
                alt: "Project 3",
                className: "gallery-item",
              },
            },
            {
              blockName: "core/image",
              attrs: {
                url: "",
                alt: "Project 4",
                className: "gallery-item",
              },
            },
            {
              blockName: "core/image",
              attrs: {
                url: "",
                alt: "Project 5",
                className: "gallery-item",
              },
            },
            {
              blockName: "core/image",
              attrs: {
                url: "",
                alt: "Project 6",
                className: "gallery-item",
              },
            },
          ],
        },
      ],
    },
  },
  {
    id: "gallery-02",
    jsonBlocks: {
      blockName: "core/group",
      attrs: {
        align: "full",
        className: "gallery-container gallery-showcase",
        style: {
          color: {
            background: "#f8f9fa",
          },
        },
      },
      innerBlocks: [
        {
          blockName: "core/heading",
          attrs: {
            content: "Featured Works",
            level: 2,
            className: "gallery-title",
          },
        },
        {
          blockName: "core/paragraph",
          attrs: {
            content: "Explore our most recent and impressive projects",
            className: "gallery-description ai-text-block",
          },
        },
        {
          blockName: "core/gallery",
          attrs: {
            align: "full",
            className: "gallery-showcase-grid",
            columns: 1,
            imageCrop: true,
            linkTo: "none",
          },
          innerBlocks: [
            {
              blockName: "core/image",
              attrs: {
                url: "",
                alt: "Featured Project 1",
                className: "gallery-showcase-item",
              },
            },
            {
              blockName: "core/image",
              attrs: {
                url: "",
                alt: "Featured Project 2",
                className: "gallery-showcase-item",
              },
            },
            {
              blockName: "core/image",
              attrs: {
                url: "",
                alt: "Featured Project 3",
                className: "gallery-showcase-item",
              },
            },
            {
              blockName: "core/image",
              attrs: {
                url: "",
                alt: "Featured Project 4",
                className: "gallery-showcase-item",
              },
            },
          ],
        },
      ],
    },
  },
];

export default galleryBlocks;

```