# ai-builder/2.3.0/assets/JSON-Blocks/covers.js

AI Builder – Generate pages, blocks, images & translate with AI, version 2.3.0. 487 lines.

- Page: https://pluginprobe.com/plugins/ai-builder/2.3.0/code/assets/JSON-Blocks/covers.js
- Raw: https://pluginprobe.com/plugins/ai-builder/2.3.0/raw/assets/JSON-Blocks/covers.js
- Modified: 2025-09-09T10:16:12+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.3.0/code/assets/JSON-Blocks/covers.js#L10-L20`.

```javascript
const covers = [
  {
    id: "cover-01",
    jsonBlocks: {
      blockName: "core/cover",
      attrs: {
        align: "full",
        className: "cover-modern",
        url: "wp-content/plugins/ai-builder/assets/images",
        dimRatio: 50,
        overlayColor: "black",
        minHeight: 500,
        style: {
          spacing: {
            padding: {
              top: "80px",
              right: "40px",
              bottom: "80px",
              left: "40px",
            },
          },
        },
      },
      innerBlocks: [
        {
          blockName: "core/group",
          attrs: {
            className: "cover-content",
            layout: {
              type: "constrained",
            },
          },
          innerBlocks: [
            {
              blockName: "core/heading",
              attrs: {
                className: "cover-title",
                content: "Créez votre site web avec style",
                level: 1,
                style: {
                  typography: {
                    fontSize: "48px",
                    fontWeight: "800",
                  },
                  color: {
                    text: "#ffffff",
                  },
                },
              },
            },
            {
              blockName: "core/paragraph",
              attrs: {
                className: "cover-description ai-text-block",
                content: "Une solution complète pour vos projets web",
                style: {
                  typography: {
                    fontSize: "20px",
                  },
                  color: {
                    text: "#ffffff",
                  },
                },
              },
            },
            {
              blockName: "core/buttons",
              attrs: {
                className: "cover-buttons",
                layout: {
                  type: "flex",
                  justifyContent: "center",
                },
              },
              innerBlocks: [
                {
                  blockName: "core/button",
                  attrs: {
                    className: "cover-button-primary",
                    text: "Commencer",
                    style: {
                      color: {
                        background: "#ffffff",
                        text: "#000000",
                      },
                      border: {
                        radius: "4px",
                      },
                      spacing: {
                        padding: {
                          top: "12px",
                          right: "24px",
                          bottom: "12px",
                          left: "24px",
                        },
                      },
                    },
                  },
                },
              ],
            },
          ],
        },
      ],
    },
  },
  {
    id: "cover-02",
    jsonBlocks: {
      blockName: "core/cover",
      attrs: {
        align: "full",
        className: "cover-split",
        url: "wp-content/plugins/ai-builder/assets/images",
        dimRatio: 50,
        overlayColor: "black",
        minHeight: 600,
        style: {
          spacing: {
            padding: {
              top: "60px",
              right: "40px",
              bottom: "60px",
              left: "40px",
            },
          },
        },
      },
      innerBlocks: [
        {
          blockName: "core/group",
          attrs: {
            className: "cover-split-container",
            layout: {
              type: "constrained",
            },
          },
          innerBlocks: [
            {
              blockName: "core/columns",
              attrs: {
                className: "cover-split-columns",
                verticalAlignment: "center",
              },
              innerBlocks: [
                {
                  blockName: "core/column",
                  attrs: {
                    className: "cover-split-content",
                    width: "50%",
                  },
                  innerBlocks: [
                    {
                      blockName: "core/heading",
                      attrs: {
                        className: "cover-split-title",
                        content: "Solutions web innovantes",
                        level: 2,
                        style: {
                          typography: {
                            fontSize: "42px",
                            fontWeight: "700",
                          },
                          color: {
                            text: "#ffffff",
                          },
                        },
                      },
                    },
                    {
                      blockName: "core/paragraph",
                      attrs: {
                        className: "cover-split-description ai-text-block",
                        content:
                          "Transformez vos idées en réalité avec nos outils puissants et intuitifs. Créez des sites web modernes en quelques clics.",
                        style: {
                          typography: {
                            fontSize: "18px",
                            lineHeight: "1.6",
                          },
                          color: {
                            text: "#ffffff",
                          },
                        },
                      },
                    },
                    {
                      blockName: "core/buttons",
                      attrs: {
                        className: "cover-split-buttons",
                        layout: {
                          type: "flex",
                          justifyContent: "flex-start",
                        },
                      },
                      innerBlocks: [
                        {
                          blockName: "core/button",
                          attrs: {
                            className: "cover-split-button",
                            text: "Découvrir",
                            style: {
                              color: {
                                background: "#ffffff",
                                text: "#000000",
                              },
                              border: {
                                radius: "4px",
                              },
                              spacing: {
                                padding: {
                                  top: "12px",
                                  right: "24px",
                                  bottom: "12px",
                                  left: "24px",
                                },
                              },
                            },
                          },
                        },
                      ],
                    },
                  ],
                },
                {
                  blockName: "core/column",
                  attrs: {
                    className: "cover-split-image",
                    width: "50%",
                  },
                  innerBlocks: [
                    {
                      blockName: "core/image",
                      attrs: {
                        className: "ai-image-block",
                        imageUrl: "",
                      },
                    },
                  ],
                },
              ],
            },
          ],
        },
      ],
    },
  },
  {
    id: "cover-03",
    jsonBlocks: {
      blockName: "core/cover",
      attrs: {
        align: "full",
        className: "cover-app",
        url: "wp-content/plugins/ai-builder/assets/images",
        dimRatio: 30,
        overlayColor: "black",
        minHeight: 800,
        style: {
          spacing: {
            padding: {
              top: "100px",
              right: "40px",
              bottom: "100px",
              left: "40px",
            },
          },
        },
      },
      innerBlocks: [
        {
          blockName: "core/group",
          attrs: {
            className: "cover-app-container",
            layout: {
              type: "constrained",
            },
          },
          innerBlocks: [
            {
              blockName: "core/columns",
              attrs: {
                className: "cover-app-columns",
                verticalAlignment: "center",
              },
              innerBlocks: [
                {
                  blockName: "core/column",
                  attrs: {
                    className: "cover-app-content",
                    width: "50%",
                  },
                  innerBlocks: [
                    {
                      blockName: "core/paragraph",
                      attrs: {
                        className: "cover-app-badge ai-text-block",
                        content: "NOUVELLE APPLICATION",
                        style: {
                          typography: {
                            fontSize: "14px",
                            fontWeight: "600",
                            letterSpacing: "2px",
                          },
                          color: {
                            text: "#ffffff",
                          },
                          border: {
                            radius: "20px",
                            color: "#ffffff",
                            width: "1px",
                          },
                          spacing: {
                            padding: {
                              top: "8px",
                              right: "16px",
                              bottom: "8px",
                              left: "16px",
                            },
                          },
                        },
                      },
                    },
                    {
                      blockName: "core/heading",
                      attrs: {
                        className: "cover-app-title",
                        content: "Votre site web dans votre poche",
                        level: 1,
                        style: {
                          typography: {
                            fontSize: "56px",
                            fontWeight: "800",
                            lineHeight: "1.1",
                          },
                          color: {
                            text: "#ffffff",
                          },
                        },
                      },
                    },
                    {
                      blockName: "core/paragraph",
                      attrs: {
                        className: "cover-app-description ai-text-block",
                        content:
                          "Gérez votre site web où que vous soyez. Interface intuitive et fonctionnalités puissantes à portée de main.",
                        style: {
                          typography: {
                            fontSize: "18px",
                            lineHeight: "1.6",
                          },
                          color: {
                            text: "#ffffff",
                          },
                        },
                      },
                    },
                    {
                      blockName: "core/group",
                      attrs: {
                        className: "cover-app-features",
                      },
                      innerBlocks: [
                        {
                          blockName: "core/paragraph",
                          attrs: {
                            className: "cover-app-feature ai-text-block",
                            content: "✓ Mise à jour en temps réel",
                            style: {
                              typography: {
                                fontSize: "16px",
                                fontWeight: "500",
                              },
                              color: {
                                text: "#ffffff",
                              },
                            },
                          },
                        },
                        {
                          blockName: "core/paragraph",
                          attrs: {
                            className: "cover-app-feature ai-text-block",
                            content: "✓ Interface intuitive",
                            style: {
                              typography: {
                                fontSize: "16px",
                                fontWeight: "500",
                              },
                              color: {
                                text: "#ffffff",
                              },
                            },
                          },
                        },
                        {
                          blockName: "core/paragraph",
                          attrs: {
                            className: "cover-app-feature ai-text-block",
                            content: "✓ Synchronisation instantanée",
                            style: {
                              typography: {
                                fontSize: "16px",
                                fontWeight: "500",
                              },
                              color: {
                                text: "#ffffff",
                              },
                            },
                          },
                        },
                      ],
                    },
                    {
                      blockName: "core/buttons",
                      attrs: {
                        className: "cover-app-buttons",
                        layout: {
                          type: "flex",
                          justifyContent: "flex-start",
                        },
                      },
                      innerBlocks: [
                        {
                          blockName: "core/button",
                          attrs: {
                            className: "cover-app-button",
                            text: "Télécharger l'app",
                            style: {
                              color: {
                                background: "#ffffff",
                                text: "#000000",
                              },
                              border: {
                                radius: "8px",
                              },
                              spacing: {
                                padding: {
                                  top: "16px",
                                  right: "32px",
                                  bottom: "16px",
                                  left: "32px",
                                },
                              },
                            },
                          },
                        },
                      ],
                    },
                  ],
                },
                {
                  blockName: "core/column",
                  attrs: {
                    className: "cover-app-image",
                    width: "50%",
                  },
                  innerBlocks: [
                    {
                      blockName: "core/group",
                      attrs: {
                        className: "cover-app-phone-container",
                      },
                      innerBlocks: [
                        {
                          blockName: "core/image",
                          attrs: {
                            className: "ai-image-block",
                            imageUrl: "",
                          },
                        },
                      ],
                    },
                  ],
                },
              ],
            },
          ],
        },
      ],
    },
  },
];

export default covers;

```