{
  "$schema": "https://schemas.wp.org/trunk/block.json",
  "apiVersion": 3,
  "name": "bpsc/multi-tab-timeline-section",
  "version": "1.0.0",
  "title": "Multi Tab Timeline Section",
  "category": "bPlugins",
  "description": "SA Multi Tab Timeline Section lets you display timelines across multiple tabs, making it easy to organize and explore events, milestones, or processes in an interactive way.",
  "keywords": [
    "Multi Tab Timeline Section"
  ],
  "textdomain": "section-collection",
  "attributes": {
    "alignment": {
      "type": "string",
      "default": "center"
    },
    "data": {
      "type": "array",
      "default": [
        {
          "tabName": "Development",
          "icon": "code",
          "cards": [
            {
              "year": "2019",
              "title": "Company Founded",
              "description": "We started our journey with a small but passionate team, driven by a vision to create innovative solutions.",
              "icon": "building"
            },
            {
              "year": "2020",
              "title": "First Product Launch",
              "description": "Released our first product and gained early customers who believed in our vision and solution.",
              "icon": "rocket"
            },
            {
              "year": "2023",
              "title": "Product V2.0 Release",
              "description": "Launched a completely redesigned version of our product with AI-powered features.",
              "icon": "cogs"
            }
          ]
        },
        {
          "tabName": "Design",
          "icon": "paint-brush",
          "cards": [
            {
              "year": "2021",
              "title": "Design System Launch",
              "description": "Created and implemented a comprehensive design system for consistency across all products.",
              "icon": "palette"
            },
            {
              "year": "2022",
              "title": "UI/UX Overhaul",
              "description": "Complete redesign of user interfaces based on extensive user research and feedback.",
              "icon": "layer-group"
            }
          ]
        },
        {
          "tabName": "Business",
          "icon": "chart-line",
          "cards": [
            {
              "year": "2021",
              "title": "Series A Funding",
              "description": "Secured $5M in funding to accelerate product development and expand our team.",
              "icon": "money-bill-wave"
            },
            {
              "year": "2022",
              "title": "Expanded to New Markets",
              "description": "Successfully launched our services in Europe and Asia, reaching thousands of new customers.",
              "icon": "globe"
            },
            {
              "year": "2024",
              "title": "Team of 100+ Employees",
              "description": "Grew our team to over 100 talented individuals across engineering, design, and business.",
              "icon": "users"
            }
          ]
        }
      ]
    },
    "layout": {
      "type": "object",
      "default": {
        "section": {
          "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": "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"
            }
          },
          "minHeight": {
            "desktop": "70vh",
            "tablet": "70vh",
            "mobile": "70vh"
          },
          "maxWidth": {
            "desktop": "1200px",
            "tablet": "1200px",
            "mobile": "1200px"
          },
          "gap": "30px"
        },
        "cards": {
          "minHeight": {
            "desktop": "350px",
            "tablet": "350px",
            "mobile": "350px"
          },
          "width": {
            "desktop": "480px",
            "tablet": "480px",
            "mobile": "480px"
          },
          "borderRadius": {
            "top": "8px",
            "right": "8px",
            "bottom": "8px",
            "left": "8px"
          }
        }
      }
    },
    "sectionHeader": {
      "type": "object",
      "default": {
        "status": true,
        "title": "Our Journey",
        "description": "Explore our milestones across different areas of our company."
      }
    },
    "styles": {
      "type": "object",
      "default": {
        "sectionBg": {
          "type": "solid",
          "overlayColor": "rgba(0, 0, 0, 0.70)",
          "position": "center center",
          "image": {
            "url": ""
          },
          "color": "#00000000",
          "gradient": "linear-gradient(135deg, #4a90e2, #2c5282)",
          "repeat": "no-repeat",
          "size": "cover"
        },
        "cardBg": {
          "type": "solid",
          "overlayColor": "rgba(0, 0, 0, 0.70)",
          "position": "center center",
          "image": {
            "url": ""
          },
          "color": "#fff",
          "gradient": "linear-gradient(135deg, #4a90e2, #2c5282)",
          "repeat": "no-repeat",
          "size": "cover"
        },
        "sectionHeader": {
          "title": {
            "color": "#111827",
            "typo": {
              "fontCategory": "sans-serif",
              "fontFamily": "Default",
              "fontSize": {
                "desktop": 38,
                "tablet": 38,
                "mobile": 34
              },
              "fontVariant": 400,
              "fontWeight": 800,
              "isUploadFont": true,
              "lineHeight": 0,
              "textDecoration": "",
              "textTransform": "none"
            }
          },
          "description": {
            "color": "#6b7280",
            "typo": {
              "fontCategory": "sans-serif",
              "fontFamily": "Default",
              "fontSize": {
                "desktop": 16,
                "tablet": 16,
                "mobile": 16
              },
              "fontVariant": 400,
              "fontWeight": 400,
              "isUploadFont": true,
              "lineHeight": 0,
              "textDecoration": "",
              "textTransform": "none"
            }
          }
        },
        "tabs": {
          "colors": {
            "color": "#111827",
            "bg": "#fff"
          },
          "hovColors": {
            "color": "#000",
            "bg": "#f3f4f6"
          },
          "activeColors": {
            "allTabColors": {
              "color": "#fff",
              "bg": "#7e3af2"
            },
            "otherTabColors": {
              "color": "#fff",
              "bg": "#1a56db"
            }
          }
        },
        "theme": {
          "even": "#1a56db",
          "odd": "#046c4e"
        },
        "cards": {
          "year": {
            "color": "#fff",
            "typo": {
              "fontCategory": "sans-serif",
              "fontFamily": "Default",
              "fontSize": {
                "desktop": 16,
                "tablet": 14,
                "mobile": 12
              },
              "fontVariant": 400,
              "fontWeight": 700,
              "isUploadFont": true,
              "lineHeight": 0,
              "textDecoration": "",
              "textTransform": "none"
            }
          },
          "tag": {
            "colors": {
              "color": "#1a56db",
              "bg": "#e0e7ff"
            },
            "typo": {
              "fontCategory": "sans-serif",
              "fontFamily": "Default",
              "fontSize": {
                "desktop": 16,
                "tablet": 14,
                "mobile": 12
              },
              "fontVariant": 400,
              "fontWeight": 400,
              "isUploadFont": true,
              "lineHeight": 0,
              "textDecoration": "",
              "textTransform": "none"
            }
          },
          "title": {
            "color": "#111827",
            "typo": {
              "fontCategory": "sans-serif",
              "fontFamily": "Default",
              "fontSize": {
                "desktop": 22,
                "tablet": 22,
                "mobile": 18
              },
              "fontVariant": 400,
              "fontWeight": 800,
              "isUploadFont": true,
              "lineHeight": 0,
              "textDecoration": "",
              "textTransform": "none"
            }
          },
          "description": {
            "color": "#6b7280",
            "typo": {
              "fontCategory": "sans-serif",
              "fontFamily": "Default",
              "fontSize": {
                "desktop": 14,
                "tablet": 14,
                "mobile": 12
              },
              "fontVariant": 400,
              "fontWeight": 700,
              "isUploadFont": true,
              "lineHeight": 0,
              "textDecoration": "",
              "textTransform": "none"
            }
          }
        }
      }
    },
    "align": {
      "type": "string",
      "default": "full"
    }
  },
  "supports": {
    "align": [
      "wide",
      "full"
    ],
    "html": false
  },
  "example": {
    "attributes": {}
  },
  "editorScript": "file:../index.js",
  "editorStyle": "file:./index.css",
  "style": "file:./view.css",
  "render": "file:./render.php",
  "viewScript": "file:./view.js"
}