{
  "$schema": "https://schemas.wp.org/trunk/block.json",
  "apiVersion": 3,
  "name": "bpsc/service-section",
  "version": "1.0.0",
  "title": "Service Section",
  "category": "bPlugins",
  "description": "Service section plugins for WordPress help you easily create, customize, and display professional service listings on your website without needing any coding.",
  "keywords": [
    "Service Section"
  ],
  "textdomain": "section-collection",
  "attributes": {
    "cards": {
      "type": "array",
      "default": [
        {
          "title": "Designing",
          "icon": "<svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 512 512\" height=\"1em\" width=\"1em\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M167.02 309.34c-40.12 2.58-76.53 17.86-97.19 72.3-2.35 6.21-8 9.98-14.59 9.98-11.11 0-45.46-27.67-55.25-34.35C0 439.62 37.93 512 128 512c75.86 0 128-43.77 128-120.19 0-3.11-.65-6.08-.97-9.13l-88.01-73.34zM457.89 0c-15.16 0-29.37 6.71-40.21 16.45C213.27 199.05 192 203.34 192 257.09c0 13.7 3.25 26.76 8.73 38.7l63.82 53.18c7.21 1.8 14.64 3.03 22.39 3.03 62.11 0 98.11-45.47 211.16-256.46 7.38-14.35 13.9-29.85 13.9-45.99C512 20.64 486 0 457.89 0z\"></path></svg>",
          "themeColor": "#89ec5b",
          "description": "Lorem Ipsum is simply dummy text of the printing and typesetting industry.",
          "button": {
            "title": "Read More",
            "url": "#"
          }
        },
        {
          "title": "Development",
          "icon": "<svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 16 16\" height=\"1em\" width=\"1em\" xmlns=\"http://www.w3.org/2000/svg\"><path fill-rule=\"evenodd\" d=\"M4.854 4.146a.5.5 0 010 .708L1.707 8l3.147 3.146a.5.5 0 01-.708.708l-3.5-3.5a.5.5 0 010-.708l3.5-3.5a.5.5 0 01.708 0zm6.292 0a.5.5 0 000 .708L14.293 8l-3.147 3.146a.5.5 0 00.708.708l3.5-3.5a.5.5 0 000-.708l-3.5-3.5a.5.5 0 00-.708 0zm-.999-3.124a.5.5 0 01.33.625l-4 13a.5.5 0 01-.955-.294l4-13a.5.5 0 01.625-.33z\" clip-rule=\"evenodd\"></path></svg>",
          "themeColor": "#eb5ae5",
          "description": "Lorem Ipsum is simply dummy text of the printing and typesetting industry.",
          "button": {
            "title": "Read More",
            "url": "#"
          }
        },
        {
          "title": "SEO",
          "icon": "<svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 460 512\" height=\"1em\" width=\"1em\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M220.6 130.3l-67.2 28.2V43.2L98.7 233.5l54.7-24.2v130.3l67.2-209.3zm-83.2-96.7l-1.3 4.7-15.2 52.9C80.6 106.7 52 145.8 52 191.5c0 52.3 34.3 95.9 83.4 105.5v53.6C57.5 340.1 0 272.4 0 191.6c0-80.5 59.8-147.2 137.4-158zm311.4 447.2c-11.2 11.2-23.1 12.3-28.6 10.5-5.4-1.8-27.1-19.9-60.4-44.4-33.3-24.6-33.6-35.7-43-56.7-9.4-20.9-30.4-42.6-57.5-52.4l-9.7-14.7c-24.7 16.9-53 26.9-81.3 28.7l2.1-6.6 15.9-49.5c46.5-11.9 80.9-54 80.9-104.2 0-54.5-38.4-102.1-96-107.1V32.3C254.4 37.4 320 106.8 320 191.6c0 33.6-11.2 64.7-29 90.4l14.6 9.6c9.8 27.1 31.5 48 52.4 57.4s32.2 9.7 56.8 43c24.6 33.2 42.7 54.9 44.5 60.3s.7 17.3-10.5 28.5zm-9.9-17.9c0-4.4-3.6-8-8-8s-8 3.6-8 8 3.6 8 8 8 8-3.6 8-8z\"></path></svg>",
          "themeColor": "#5b98eb",
          "description": "Lorem Ipsum is simply dummy text of the printing and typesetting industry.",
          "button": {
            "title": "Read More",
            "url": "#"
          }
        }
      ]
    },
    "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": "40px",
              "right": "20px",
              "bottom": "40px",
              "left": "20px"
            },
            "tablet": {
              "top": "30px",
              "right": "10px",
              "bottom": "30px",
              "left": "10px"
            },
            "mobile": {
              "top": "10px",
              "right": "6px",
              "bottom": "10px",
              "left": "6px"
            }
          },
          "minHeight": {
            "desktop": "70vh",
            "tablet": "70vh",
            "mobile": "70vh"
          },
          "gap": "60px"
        },
        "cards": {
          "minHeight": {
            "desktop": "350px",
            "tablet": "350px",
            "mobile": "350px"
          },
          "width": {
            "desktop": "300px",
            "tablet": "300px",
            "mobile": "300px"
          },
          "borderRadius": {
            "top": "0px",
            "right": "0px",
            "bottom": "0px",
            "left": "0px"
          }
        }
      }
    },
    "styles": {
      "type": "object",
      "default": {
        "sectionBg": {
          "type": "solid",
          "overlayColor": "rgba(0, 0, 0, 0)",
          "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)",
          "position": "center center",
          "image": {
            "url": ""
          },
          "color": "#2e2e2e",
          "gradient": "linear-gradient(135deg, #4a90e2, #2c5282)",
          "repeat": "no-repeat",
          "size": "cover"
        },
        "title": {
          "color": "#fff",
          "hovColor": "#2e2e2e",
          "typo": {
            "fontCategory": "sans-serif",
            "fontFamily": "Default",
            "fontSize": {
              "desktop": 22,
              "tablet": 22,
              "mobile": 22
            },
            "fontVariant": 400,
            "fontWeight": 700,
            "isUploadFont": true,
            "lineHeight": 0,
            "textDecoration": "",
            "textTransform": "none"
          }
        },
        "description": {
          "color": "#777777",
          "hovColor": "#2e2e2e",
          "typo": {
            "fontCategory": "sans-serif",
            "fontFamily": "Default",
            "fontSize": {
              "desktop": 16,
              "tablet": 16,
              "mobile": 16
            },
            "fontVariant": 400,
            "fontWeight": 700,
            "isUploadFont": true,
            "lineHeight": 0,
            "textDecoration": "",
            "textTransform": "none"
          }
        },
        "iconHovColor": "#2e2e2e",
        "button": {
          "color": "#2e2e2e",
          "hovBgColor": "#2e2e2e",
          "typo": {
            "fontCategory": "sans-serif",
            "fontFamily": "Default",
            "fontSize": {
              "desktop": 18,
              "tablet": 18,
              "mobile": 18
            },
            "fontVariant": 400,
            "fontWeight": 600,
            "isUploadFont": true,
            "lineHeight": 0,
            "textDecoration": "",
            "textTransform": "none"
          }
        }
      }
    },
    "options": {
      "type": "object",
      "default": {
        "isNewTab": false
      }
    },
    "alignment": {
      "type": "string",
      "default": "center"
    },
    "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"
}