# ai-builder/2.2.3/assets/JSON-Blocks/timelines.js

AI Builder – Generate pages, blocks, images & translate with AI, version 2.2.3. 206 lines.

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

```javascript
const timelinesBlocks = [
  {
    id: "timeline-01",
    jsonBlocks: {
      blockName: "core/group",
      attrs: {
        align: "full",
        className: "timeline-section timeline-style-vertical",
      },
      innerBlocks: [
        {
          blockName: "core/heading",
          attrs: {
            content: "Company Milestones",
            level: 3,
            className: "timeline-title",
            textAlign: "center",
          },
        },
        {
          blockName: "core/group",
          attrs: { className: "timeline-vertical" },
          innerBlocks: [
            {
              blockName: "core/group",
              attrs: { className: "timeline-event" },
              innerBlocks: [
                {
                  blockName: "core/heading",
                  attrs: {
                    content: "2018",
                    level: 4,
                    className: "timeline-date",
                  },
                },
                {
                  blockName: "core/paragraph",
                  attrs: {
                    content: "Company founded and first office opened.",
                    className: "timeline-desc ai-text-block",
                  },
                },
              ],
            },
            {
              blockName: "core/group",
              attrs: { className: "timeline-event" },
              innerBlocks: [
                {
                  blockName: "core/heading",
                  attrs: {
                    content: "2020",
                    level: 4,
                    className: "timeline-date",
                  },
                },
                {
                  blockName: "core/paragraph",
                  attrs: {
                    content: "Reached 1000 customers milestone.",
                    className: "timeline-desc ai-text-block",
                  },
                },
              ],
            },
            {
              blockName: "core/group",
              attrs: { className: "timeline-event" },
              innerBlocks: [
                {
                  blockName: "core/heading",
                  attrs: {
                    content: "2022",
                    level: 4,
                    className: "timeline-date",
                  },
                },
                {
                  blockName: "core/paragraph",
                  attrs: {
                    content: "Launched our AI-powered platform.",
                    className: "timeline-desc ai-text-block",
                  },
                },
              ],
            },
            {
              blockName: "core/group",
              attrs: { className: "timeline-event" },
              innerBlocks: [
                {
                  blockName: "core/heading",
                  attrs: {
                    content: "2024",
                    level: 4,
                    className: "timeline-date",
                  },
                },
                {
                  blockName: "core/paragraph",
                  attrs: {
                    content: "Expanded to international markets.",
                    className: "timeline-desc ai-text-block",
                  },
                },
              ],
            },
          ],
        },
      ],
    },
  },
  {
    id: "timeline-02",
    jsonBlocks: {
      blockName: "core/group",
      attrs: {
        align: "full",
        className: "timeline-section timeline-style-horizontal",
      },
      innerBlocks: [
        {
          blockName: "core/heading",
          attrs: {
            content: "Our Journey",
            level: 3,
            className: "timeline-title",
            textAlign: "center",
          },
        },
        {
          blockName: "core/group",
          attrs: { className: "timeline-horizontal" },
          innerBlocks: [
            {
              blockName: "core/group",
              attrs: { className: "timeline-event-horizontal" },
              innerBlocks: [
                {
                  blockName: "core/heading",
                  attrs: {
                    content: "2019",
                    level: 4,
                    className: "timeline-date",
                  },
                },
                {
                  blockName: "core/paragraph",
                  attrs: {
                    content: "First product launch.",
                    className: "timeline-desc ai-text-block",
                  },
                },
              ],
            },
            {
              blockName: "core/group",
              attrs: { className: "timeline-event-horizontal" },
              innerBlocks: [
                {
                  blockName: "core/heading",
                  attrs: {
                    content: "2021",
                    level: 4,
                    className: "timeline-date",
                  },
                },
                {
                  blockName: "core/paragraph",
                  attrs: {
                    content: "Opened new headquarters.",
                    className: "timeline-desc ai-text-block",
                  },
                },
              ],
            },
            {
              blockName: "core/group",
              attrs: { className: "timeline-event-horizontal" },
              innerBlocks: [
                {
                  blockName: "core/heading",
                  attrs: {
                    content: "2023",
                    level: 4,
                    className: "timeline-date",
                  },
                },
                {
                  blockName: "core/paragraph",
                  attrs: {
                    content: "Awarded Best Tech Startup.",
                    className: "timeline-desc ai-text-block",
                  },
                },
              ],
            },
          ],
        },
      ],
    },
  },
];

export default timelinesBlocks;

```