{
  "$schema": "https://schemas.wp.org/trunk/block.json",
  "apiVersion": 3,
  "name": "feature-overview/feature-overview-section",
  "version": "1.0.0",
  "title": "Feature Overview Section",
  "category": "bPlugins",
  "description": "A detailed summary showcasing the main features, functionalities, and advantages of the WordPress plugin, helping users understand how it enhances their website's performance and usability.",
  "keywords": [
    "Feature Overview Section"
  ],
  "textdomain": "section-collection",
  "attributes": {
    "featureItem": {
      "type": "object",
      "default": {
        "image": "https://templates.bplugins.com/wp-content/uploads/2025/10/Screenshot-2025-10-13-213258.png",
        "middleConts": {
          "title": "3D Viewer",
          "description": "Display interactive 3D models in posts, pages, or WooCommerce with full control over lighting, rotation, and layout. Supports major 3D formats, popular page builders, and Gutenberg blocks.",
          "lists": [
            "Supports GLB, GLTF, OBJ, and STL 3D files",
            "WooCommerce-ready for 3D product previews",
            "Work with external model URLs (Amazon S3, Google Drive,etc.)"
          ]
        },
        "rightConts": {
          "title": "Plugin Overview",
          "btn": {
            "url": "https://bplugins.com/products/3d-viewer/",
            "title": "Explore Plugin"
          },
          "features": [
            "<strong>15+</strong> 5 Star Rating",
            "<strong>10K+</strong> Active Installs",
            "<strong>800+</strong> Paid 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": "385px",
            "tablet": "385px",
            "mobile": "385px"
          }
        },
        "featureItems": {
          "margin": {
            "desktop": {
              "top": "12px",
              "right": "0px",
              "bottom": "12px",
              "left": "0px"
            },
            "tablet": {
              "top": "12px",
              "right": "0px",
              "bottom": "12px",
              "left": "0px"
            },
            "mobile": {
              "top": "12px",
              "right": "0px",
              "bottom": "12px",
              "left": "0px"
            }
          },
          "padding": {
            "desktop": {
              "top": "2.5rem",
              "right": "2.5rem",
              "bottom": "2.5rem",
              "left": "2.5rem"
            },
            "tablet": {
              "top": "2.5rem",
              "right": "2.5rem",
              "bottom": "2.5rem",
              "left": "2.5rem"
            },
            "mobile": {
              "top": "2.5rem",
              "right": "2.5rem",
              "bottom": "2.5rem",
              "left": "2.5rem"
            }
          },
          "width": {
            "desktop": "100%",
            "tablet": "100%",
            "mobile": "100%"
          }
        }
      }
    },
    "styles": {
      "type": "object",
      "default": {
        "sectionBg": {
          "type": "solid",
          "overlayColor": "rgba(0, 0, 0, 0.70)",
          "position": "center center",
          "image": {
            "url": "https://i.imgur.com/n8bbzIE.jpeg"
          },
          "color": "#00000000",
          "gradient": "linear-gradient(to bottom, #0f172a, #1e293b)",
          "repeat": "no-repeat",
          "size": "cover"
        },
        "featureItemsBg": {
          "type": "solid",
          "overlayColor": "rgba(0, 0, 0, 0.70)",
          "position": "center center",
          "image": {
            "url": "https://i.imgur.com/n8bbzIE.jpeg"
          },
          "color": "#fff",
          "gradient": "linear-gradient(to bottom, #0f172a, #1e293b)",
          "repeat": "no-repeat",
          "size": "cover"
        },
        "featureItemsHovShadow": "#0600FF40",
        "title": {
          "color": "#0c0d3c",
          "typo": {
            "fontCategory": "sans-serif",
            "fontFamily": "Default",
            "fontSize": {
              "desktop": 22,
              "tablet": 22,
              "mobile": 20
            },
            "fontVariant": 400,
            "fontWeight": 900,
            "isUploadFont": true,
            "lineHeight": 0,
            "textDecoration": "",
            "textTransform": "none"
          }
        },
        "description": {
          "color": "#333",
          "typo": {
            "fontCategory": "sans-serif",
            "fontFamily": "Default",
            "fontSize": {
              "desktop": 16,
              "tablet": 16,
              "mobile": 16
            },
            "fontVariant": 400,
            "fontWeight": 400,
            "isUploadFont": true,
            "lineHeight": 0,
            "textDecoration": "",
            "textTransform": "none"
          }
        },
        "list": {
          "color": "#0c0d3c",
          "typo": {
            "fontCategory": "sans-serif",
            "fontFamily": "Default",
            "fontSize": {
              "desktop": 16,
              "tablet": 16,
              "mobile": 16
            },
            "fontVariant": 400,
            "fontWeight": 500,
            "isUploadFont": true,
            "lineHeight": 0,
            "textDecoration": "",
            "textTransform": "none"
          }
        },
        "overviewBg": "rgba(246, 76, 127, 0.078)",
        "overviewTitle": {
          "color": "#0c0d3c",
          "typo": {
            "fontCategory": "sans-serif",
            "fontFamily": "Default",
            "fontSize": {
              "desktop": 22,
              "tablet": 22,
              "mobile": 20
            },
            "fontVariant": 400,
            "fontWeight": 900,
            "isUploadFont": true,
            "lineHeight": 0,
            "textDecoration": "",
            "textTransform": "none"
          }
        },
        "overviewFeature": {
          "color": "#0c0d3c",
          "typo": {
            "fontCategory": "sans-serif",
            "fontFamily": "Default",
            "fontSize": {
              "desktop": 16,
              "tablet": 16,
              "mobile": 16
            },
            "fontVariant": 400,
            "fontWeight": 400,
            "isUploadFont": true,
            "lineHeight": 0,
            "textDecoration": "",
            "textTransform": "none"
          }
        },
        "btnStyle": {
          "colors": {
            "color": "#fff",
            "bg": "#146EF5"
          },
          "hovColors": {
            "color": "#fff",
            "bg": "#0c0d3c"
          },
          "typo": {
            "fontCategory": "sans-serif",
            "fontFamily": "Default",
            "fontSize": {
              "desktop": 18,
              "tablet": 18,
              "mobile": 18
            },
            "fontVariant": 400,
            "fontWeight": 700,
            "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"
}