{
  "$schema": "https://schemas.wp.org/trunk/block.json",
  "apiVersion": 3,
  "name": "feature-details/feature-details",
  "version": "1.0.0",
  "title": "Feature Details",
  "category": "bPlugins",
  "description": "A clean, customizable block to showcase a heading, description, image, and call-to-action button—perfect for highlighting key features or offers. Fully responsive and easy to use.",
  "keywords": [
    "feature-details"
  ],
  "textdomain": "feature-details",
  "attributes": {
    "align": {
      "type": "string",
      "default": "full"
    },
    "featureDetails": {
      "type": "object",
      "default": {
        "heading": "Prompt to Generate AI Text With Video",
        "description": "Convert text to video fast! Scratch any topic from blogs, PDFs, URLs, etc., and refine it with special instructions. Vidnoz text to video AI free generator will accurately create any type of video from text, within minutes.",
        "img": "https://templates.bplugins.com/wp-content/uploads/2025/08/stack-img-1.webp",
        "button": {
          "text": "Generate Video",
          "link": "",
          "isOpenNewTab": true,
          "logo": "<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path d='M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z'/></svg>"
        },
        "isButtonExist": true
      }
    },
    "styles": {
      "type": "object",
      "default": {
        "bg": {
          "type": "solid",
          "color": "#090A0C"
        },
        "padding": {
          "desktop": {
            "top": "100px",
            "left": "0px",
            "right": "0px",
            "bottom": "100px"
          },
          "tablet": {
            "top": "100px",
            "left": "0px",
            "right": "0px",
            "bottom": "100px"
          },
          "mobile": {
            "top": "100px",
            "left": "0px",
            "right": "0px",
            "bottom": "100px"
          }
        },
        "margin": {
          "desktop": {
            "top": "0px",
            "left": "0px",
            "right": "0px",
            "bottom": "0px"
          },
          "tablet": {
            "top": "0px",
            "left": "0px",
            "right": "0px",
            "bottom": "0px"
          },
          "mobile": {
            "top": "0px",
            "left": "0px",
            "right": "0px",
            "bottom": "0px"
          }
        },
        "radius": {
          "top": "0px",
          "left": "0px",
          "right": "0px",
          "bottom": "0px"
        },
        "content": {
          "width": {
            "desktop": "1275px",
            "tablet": "1275px",
            "mobile": "1275px"
          },
          "bg": {
            "type": "gradient",
            "gradient": "radial-gradient(73.43% 75.8% at 50% 45.64%, rgba(0, 0, 0, 0) 0%, rgba(246, 92, 52, 0.15) 100%)"
          },
          "padding": {
            "desktop": {
              "top": "150px",
              "left": "60px",
              "right": "60px",
              "bottom": "150px"
            },
            "tablet": {
              "top": "200px",
              "left": "60px",
              "right": "60px",
              "bottom": "100px"
            },
            "mobile": {
              "top": "50px",
              "left": "10px",
              "right": "10px",
              "bottom": "50px"
            }
          },
          "radius": {
            "top": "24px",
            "left": "24px",
            "right": "24px",
            "bottom": "24px"
          },
          "image": {
            "height": {
              "desktop": "350px",
              "tablet": "400px",
              "mobile": "200px"
            }
          },
          "title": {
            "color": "#FCFCFD",
            "typo": {
              "fontFamily": "",
              "fontCategory": "sans-serif",
              "fontWeight": "",
              "fontVariant": "400",
              "isUploadFont": true,
              "fontSize": {
                "desktop": 36,
                "tablet": 36,
                "mobile": 30
              },
              "fontStyle": "normal",
              "textTransform": "none",
              "textDecoration": "none",
              "lineHeight": "",
              "letterSpace": "0px"
            }
          },
          "description": {
            "color": "#FCFCFD",
            "typo": {
              "fontFamily": "",
              "fontCategory": "sans-serif",
              "fontWeight": "",
              "fontVariant": "400",
              "isUploadFont": true,
              "fontSize": {
                "desktop": 16,
                "tablet": 16,
                "mobile": 14
              },
              "fontStyle": "normal",
              "textTransform": "none",
              "textDecoration": "none",
              "lineHeight": "",
              "letterSpace": "0px"
            }
          },
          "button": {
            "color": "#FCFCFD",
            "typo": {
              "fontFamily": "",
              "fontCategory": "sans-serif",
              "fontWeight": "600",
              "fontVariant": "400",
              "isUploadFont": true,
              "fontSize": {
                "desktop": 16,
                "tablet": 16,
                "mobile": 16
              },
              "fontStyle": "normal",
              "textTransform": "none",
              "textDecoration": "none",
              "lineHeight": "",
              "letterSpace": "0px"
            },
            "bg": "#D14E2C",
            "radius": {
              "top": "4px",
              "left": "4px",
              "right": "4px",
              "bottom": "4px"
            }
          }
        }
      }
    }
  },
  "supports": {
    "align": [
      "wide",
      "full"
    ],
    "html": false
  },
  "example": {
    "attributes": {}
  },
  "editorScript": "file:../index.js",
  "style": "file:./view.css",
  "render": "file:./render.php",
  "viewScript": "file:./view.js"
}