# ai-builder/2.1.0/assets/JSON-Blocks/cards.js

AI Builder – Generate pages, blocks, images & translate with AI, version 2.1.0. 181 lines.

- Page: https://pluginprobe.com/plugins/ai-builder/2.1.0/code/assets/JSON-Blocks/cards.js
- Raw: https://pluginprobe.com/plugins/ai-builder/2.1.0/raw/assets/JSON-Blocks/cards.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.0/code/assets/JSON-Blocks/cards.js#L10-L20`.

```javascript
const cards = [
  {
    id: "card-01",
    jsonBlocks: {
      blockName: "core/group",
      attrs: {
        align: "full",
        className: "card-list",
        style: {
          spacing: {
            margin: {
              top: "40px",
              bottom: "40px",
            },
            padding: {
              top: "20px",
              bottom: "20px",
              left: "10px",
              right: "10px",
            },
          },
        },
      },
      innerBlocks: [
        {
          blockName: "core/columns",
          attrs: {
            align: "full",
            className: "card-columns",
          },
          innerBlocks: [
            {
              blockName: "core/column",
              attrs: {
                className: "card-item",
              },
              innerBlocks: [
                {
                  blockName: "core/heading",
                  attrs: {
                    content: "Your Account",
                    level: 3,
                    className: "card-title",
                    style: {
                      typography: {
                        fontStyle: "italic",
                        fontWeight: "700",
                        fontSize: "32px",
                        color: "#001871",
                      },
                    },
                  },
                },
                {
                  blockName: "core/paragraph",
                  attrs: {
                    content:
                      "Manage your account easily. Access your settings and personalize your experience in just a few clicks.",
                    className: "card-text ai-text-block",
                  },
                },
                {
                  blockName: "core/button",
                  attrs: {
                    className: "card-link",
                    text: "Learn More",
                    style: {
                      color: {
                        text: "#ff9900",
                      },
                      typography: {
                        fontWeight: "700",
                      },
                    },
                  },
                },
              ],
            },
            {
              blockName: "core/column",
              attrs: {
                className: "card-item",
              },
              innerBlocks: [
                {
                  blockName: "core/heading",
                  attrs: {
                    content: "Create a Journey",
                    level: 3,
                    className: "card-title",
                    style: {
                      typography: {
                        fontStyle: "italic",
                        fontWeight: "700",
                        fontSize: "32px",
                        color: "#001871",
                      },
                    },
                  },
                },
                {
                  blockName: "core/paragraph",
                  attrs: {
                    content:
                      "Start a new project or journey. Choose your options and get started quickly with our intuitive interface.",
                    className: "card-text ai-text-block",
                  },
                },
                {
                  blockName: "core/button",
                  attrs: {
                    className: "card-link",
                    text: "Get Started",
                    style: {
                      color: {
                        text: "#ff9900",
                      },
                      typography: {
                        fontWeight: "700",
                      },
                    },
                  },
                },
              ],
            },
            {
              blockName: "core/column",
              attrs: {
                className: "card-item",
              },
              innerBlocks: [
                {
                  blockName: "core/heading",
                  attrs: {
                    content: "Quick Start",
                    level: 3,
                    className: "card-title",
                    style: {
                      typography: {
                        fontStyle: "italic",
                        fontWeight: "700",
                        fontSize: "32px",
                        color: "#001871",
                      },
                    },
                  },
                },
                {
                  blockName: "core/paragraph",
                  attrs: {
                    content:
                      "Discover how easy it is to begin. Follow our simple steps and unlock all features instantly.",
                    className: "card-text ai-text-block",
                  },
                },
                {
                  blockName: "core/button",
                  attrs: {
                    className: "card-link",
                    text: "See How",
                    style: {
                      color: {
                        text: "#ff9900",
                      },
                      typography: {
                        fontWeight: "700",
                      },
                    },
                  },
                },
              ],
            },
          ],
        },
      ],
    },
  },
];

export default cards;

```