{
  "$schema": "https://schemas.wp.org/trunk/block.json",
  "apiVersion": 3,
  "name": "b-blocks/timeline-wpblock",
  "version": "1.0.2",
  "title": "Timeline Section",
  "category": "bPlugins",
  "description": "The Timeline Block is a visual component that displays a sequence of events or milestones in chronological order.",
  "keywords": [
    "Timeline Block",
    "section",
    "collection"
  ],
  "textdomain": "b-blocks",
  "attributes": {
    "timeline": {
      "type": "object",
      "default": {
        "badge": "Timeline",
        "header": "Duo-lingo empowers its engineers to be force multipliers for expertise with Autometa AI Code spaces.",
        "button": {
          "title": "Read Documentation",
          "link": "#"
        },
        "description": "Your own generative AI Large Language Model framework, designed and launched . Take creativity a step further with the transformative power of our Image Generation tool. It’s not just about bringing",
        "leftContent": {
          "type": "card",
          "cards": [
            {
              "title": "~25%",
              "description": "increase in developer speed with Autometa"
            },
            {
              "title": "1m",
              "description": "set-up time for largest repo with Codespaces"
            }
          ],
          "photo": "url",
          "video": "link"
        },
        "timelines": [
          {
            "time": "2020",
            "title": "Problem",
            "description": "Inconsistent standards and workflows limited developer mobility and efficiency, limiting Duolingo’s ability to expand its content and deliver on its core mission"
          },
          {
            "time": "2020",
            "title": "Solution",
            "description": "NextAi Copilot, Codespaces, and custom API integrations enforce code consistency, accelerate developer speed, and remove the barriers"
          },
          {
            "time": "2020",
            "title": "For Developers",
            "description": "Our team has the expertise to help you achieve your visual content goals"
          }
        ]
      }
    },
    "styles": {
      "type": "object",
      "default": {
        "sectionBg": {
          "type": "solid",
          "color": "#FF000000",
          "size": "cover",
          "repeat": "no-repeat"
        },
        "bodyBg": {
          "type": "image",
          "image": {
            "url": "https://templates.bplugins.com/wp-content/uploads/2025/04/timeline-block-13-04-25.png"
          },
          "size": "cover",
          "repeat": "no-repeat"
        },
        "badge": {
          "color": "",
          "bgColor": ""
        },
        "header": {
          "color": "#fff",
          "typo": {
            "fontCategory": "sans-serif",
            "fontFamily": "Default",
            "fontSize": {
              "desktop": 36,
              "mobile": 24,
              "tablet": 32
            },
            "fontVariant": 400,
            "fontWeight": 700,
            "isUploadFont": true,
            "lineHeight": 0,
            "textDecoration": "",
            "textTransform": "none"
          }
        },
        "description": {
          "color": "",
          "typo": {
            "fontCategory": "sans-serif",
            "fontFamily": "Default",
            "fontSize": {
              "desktop": 14,
              "mobile": 12,
              "tablet": 14
            },
            "fontVariant": 400,
            "fontWeight": 400,
            "isUploadFont": true,
            "lineHeight": 0,
            "textDecoration": "",
            "textTransform": "none"
          }
        },
        "button": {
          "color": "#000",
          "bg": "#a9cf28"
        },
        "leftCard": {
          "colors": {
            "bgType": "solid",
            "color": "#a9cf28",
            "bg": "#000"
          },
          "text": {
            "title": {
              "color": "#fff",
              "typo": {
                "fontCategory": "sans-serif",
                "fontFamily": "Default",
                "fontSize": {
                  "desktop": 36,
                  "mobile": 28,
                  "tablet": 34
                },
                "fontVariant": 400,
                "fontWeight": 700,
                "isUploadFont": true,
                "lineHeight": 0,
                "textDecoration": "",
                "textTransform": "none"
              }
            },
            "description": {
              "color": "#fff",
              "typo": {
                "fontCategory": "sans-serif",
                "fontFamily": "Default",
                "fontSize": {
                  "desktop": 16,
                  "mobile": 14,
                  "tablet": 16
                },
                "fontVariant": 400,
                "fontWeight": 500,
                "isUploadFont": true,
                "lineHeight": 0,
                "textDecoration": "",
                "textTransform": "none"
              }
            }
          }
        },
        "timelines": {
          "title": {
            "color": "#fff",
            "typo": {
              "fontCategory": "sans-serif",
              "fontFamily": "Default",
              "fontSize": {
                "desktop": 26,
                "mobile": 26,
                "tablet": 26
              },
              "fontVariant": 400,
              "fontWeight": 600,
              "isUploadFont": true,
              "lineHeight": 0,
              "textDecoration": "",
              "textTransform": "none"
            }
          },
          "description": {
            "color": "",
            "typo": {
              "fontCategory": "sans-serif",
              "fontFamily": "Default",
              "fontSize": {
                "desktop": 16,
                "mobile": 14,
                "tablet": 16
              },
              " fontVariant": 400,
              "fontWeight": 400,
              "isUploadFont": true,
              "lineHeight": 0,
              "textDecoration": "",
              "textTransform": "none"
            }
          },
          "indicator": {
            "color": "#fff",
            "bg": "#a9cf28"
          },
          "border": "#fff",
          "time": {
            "color": "",
            "acColor": "",
            "typo": {
              "fontCategory": "sans-serif",
              "fontFamily": "Default",
              "fontSize": {
                "desktop": 14,
                "mobile": 12,
                "tablet": 14
              },
              "fontVariant": 400,
              "fontWeight": 400,
              "isUploadFont": true,
              "lineHeight": 0,
              "textDecoration": "",
              "textTransform": "none"
            }
          }
        }
      }
    },
    "layout": {
      "type": "object",
      "default": {
        "section": {
          "height": {
            "desktop": "800px",
            "tablet": "800px",
            "mobile": "800px"
          },
          "width": {
            "desktop": "100%",
            "tablet": "100%",
            "mobile": "100%"
          },
          "margin": {
            "desktop": {
              "top": "0px",
              "right": "0px",
              "bottom": "0px",
              "left": "0px"
            },
            "tablet": {
              "top": "0px",
              "right": "0px",
              "bottom": "0px",
              "left": "0px"
            },
            "mobile": {
              "top": "0px",
              "right": "0px",
              "bottom": "0px",
              "left": "0px"
            }
          },
          "padding": {
            "desktop": {
              "top": "80px",
              "right": "0px",
              "bottom": "80px",
              "left": "0px"
            },
            "tablet": {
              "top": "0px",
              "right": "0px",
              "bottom": "0px",
              "left": "0px"
            },
            "mobile": {
              "top": "0px",
              "right": "0px",
              "bottom": "0px",
              "left": "0px"
            }
          },
          "borderRadius": {
            "top": "16px",
            "right": "16px",
            "bottom": "16px",
            "left": "16px"
          }
        },
        "body": {
          "height": {
            "desktop": "450px",
            "tablet": "500px",
            "mobile": "600px"
          },
          "width": {
            "desktop": "1200px",
            "tablet": "600px",
            "mobile": "260px"
          },
          "margin": {
            "desktop": {
              "top": "0px",
              "right": "0px",
              "bottom": "0px",
              "left": "0px"
            },
            "tablet": {
              "top": "0px",
              "right": "0px",
              "bottom": "0px",
              "left": "0px"
            },
            "mobile": {
              "top": "0px",
              "right": "0px",
              "bottom": "0px",
              "left": "0px"
            }
          },
          "padding": {
            "desktop": {
              "top": "72px",
              "right": "72px",
              "bottom": "72px",
              "left": "72px"
            },
            "tablet": {
              "top": "64px",
              "right": "64px",
              "bottom": "64px",
              "left": "64px"
            },
            "mobile": {
              "top": "28px",
              "right": "28px",
              "bottom": "28px",
              "left": "28px"
            }
          }
        }
      }
    },
    "options": {
      "type": "object",
      "default": {
        "button": {
          "status": true,
          "isNewTab": true
        }
      }
    },
    "alignment": {
      "type": "string",
      "default": "center"
    },
    "selectedTheme": {
      "type": "string",
      "default": "theme1"
    },
    "align": {
      "type": "string",
      "default": "full"
    }
  },
  "supports": {
    "align": [
      "wide",
      "full"
    ],
    "html": false
  },
  "example": {
    "attributes": {}
  },
  "editorScript": "file:../index.js",
  "style": "file:./view.css",
  "render": "file:./render.php",
  "viewScript": "file:./view.js"
}