{
  "$schema": "https://schemas.wp.org/trunk/block.json",
  "apiVersion": 3,
  "name": "bpsc/section-collection",
  "title": "Hero Section",
  "description": "Create an engaging Hero Section with customizable titles, buttons, and images. Style backgrounds, typography, and layouts for a responsive, professional look. ",
  "category": "bPlugins",
  "keywords": [
    "section",
    "collection",
    "block",
    "hero"
  ],
  "textdomain": "section-collection",
  "attributes": {
    "content": {
      "type": "object",
      "default": {
        "title": "It has never been that easy",
        "subTitle": "Connect into Internet of Things everywhere The size of the columns is determined by the size of the container and on the size of the content of the items in the column",
        "btnOneText": "Let's Do It",
        "btnOneUrl": {},
        "btnTwoText": "Learn More",
        "btnTwoUrl": {},
        "img": {
          "url": "https://templates.bplugins.com/wp-content/uploads/2025/02/n-30.jpg"
        }
      }
    },
    "template": {
      "type": "object",
      "default": {
        "style": "style4"
      }
    },
    "elements": {
      "type": "object",
      "default": {
        "isTitle": true,
        "isSubTitle": true,
        "isBtnOne": true,
        "isBtnTwo": true,
        "isImg": true
      }
    },
    "wrapper": {
      "type": "object",
      "default": {
        "background": {
          "color": "#000"
        },
        "padding": {
          "desktop": {
            "top": "30px",
            "right": "15px",
            "bottom": "30px",
            "left": "40px"
          },
          "tablet": {
            "top": "30px",
            "right": "15px",
            "bottom": "30px",
            "left": "40px"
          },
          "mobile": {
            "top": "10px",
            "right": "10px",
            "bottom": "10px",
            "left": "100px"
          }
        },
        "border": {
          "radius": "5px",
          "color": "#000",
          "width": "1px"
        }
      }
    },
    "layoutPadding": {
      "type": "object",
      "default": {
        "top": "30px",
        "right": "15px",
        "bottom": "30px",
        "left": "40px"
      }
    },
    "title": {
      "type": "object",
      "default": {
        "typo": {
          "fontSize": {
            "desktop": 25,
            "tablet": 20,
            "mobile": 15
          },
          "fontWeight": 400,
          "fontFamily": "Arial, sans-serif",
          "lineHeight": "135%"
        },
        "color": "#fff"
      }
    },
    "subTitle": {
      "type": "object",
      "default": {
        "typo": {
          "fontSize": {
            "desktop": 18,
            "tablet": 15,
            "mobile": 15
          },
          "fontWeight": 400,
          "fontFamily": "Arial, sans-serif",
          "lineHeight": "135%"
        },
        "color": "#fff"
      }
    },
    "button": {
      "type": "object",
      "default": {
        "typo": {
          "fontSize": {
            "desktop": 18,
            "tablet": 15,
            "mobile": 15
          },
          "fontWeight": 400,
          "fontFamily": "Arial, sans-serif",
          "lineHeight": "135%"
        },
        "colors": {
          "color": "#000",
          "bg": "#fff"
        },
        "hoverColors": {
          "color": "#000",
          "bg": "#fff"
        },
        "padding": {
          "desktop": {
            "top": "10px",
            "right": "20px",
            "bottom": "10px",
            "left": "20px"
          },
          "tablet": {
            "top": "10px",
            "right": "20px",
            "bottom": "10px",
            "left": "20px"
          },
          "mobile": {
            "top": "10px",
            "right": "20px",
            "bottom": "10px",
            "left": "20px"
          }
        },
        "border": {
          "radius": "5px",
          "color": "#000",
          "width": "0px"
        }
      }
    },
    "btnPadding": {
      "type": "object",
      "default": {
        "top": "10px",
        "right": "20px",
        "bottom": "10px",
        "left": "20px"
      }
    },
    "align": {
      "type": "string",
      "default": "wide"
    },
    "cId": {
      "type": "string",
      "default": ""
    }
  },
  "supports": {
    "align": [
      "wide",
      "full"
    ],
    "html": false
  },
  "example": {
    "attributes": {
      "preview": true,
      "columns": {
        "desktop": 1,
        "tablet": 1,
        "mobile": 1
      }
    }
  },
  "editorScript": [
    "file:../index.js"
  ],
  "editorStyle": [
    "file:./index.css"
  ],
  "style": [
    "file:./view.css"
  ],
  "render": "file:./render.php",
  "viewScript": "file:./view.js"
}