[
  {
    "id": 3239,
    "title": "Hero Block_P-30",
    "icon": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewbox=\"0 0 256 256\"><path d=\"M232,56l-45.71,96H40l48-48L40,56Z\" fill=\"#9aa8c9\"/><path d=\"M238.76,51.73A8,8,0,0,0,232,48H40a8,8,0,0,0-5.66,13.66L76.69,104,34.34,146.34A8,8,0,0,0,40,160H173.62l-28.84,60.56a8,8,0,1,0,14.44,6.88l80-168A8,8,0,0,0,238.76,51.73ZM181.23,144H59.31l34.35-34.34a8,8,0,0,0,0-11.32L59.31,64h160Z\" fill=\"#1a1a2e\"/></svg>",
    "keywords": [
      "hero",
      "banner",
      "header",
      "cta",
      "レイアウト・デザイン",
      "Hero Block"
    ],
    "slug": "lazyblock/hero-block",
    "description": "Hero section with customizable title, subtitle, and call-to-action button.",
    "category": "Lazyblocks Pro",
    "category_label": "Lazyblocks Pro",
    "supports": {
      "customClassName": true,
      "anchor": false,
      "html": false,
      "multiple": true,
      "inserter": true,
      "reusable": true,
      "color": false,
      "layout": false,
      "shadow": false,
      "spacing": false,
      "dimensions": false,
      "typography": false,
      "lock": true,
      "align": [
        "wide",
        "full"
      ],
      "ghostkit": {
        "effects": false,
        "position": false,
        "spacings": false,
        "frame": false,
        "transform": false,
        "customCSS": false,
        "display": false,
        "attributes": false
      }
    },
    "controls": {
      "control_74ea04450e": {
        "type": "text",
        "name": "hero-title",
        "default": "Welcome to our website",
        "label": "Hero Title",
        "help": "Main heading for the hero section",
        "child_of": "",
        "placement": "inspector",
        "group": "settings",
        "width": "100",
        "hide_if_not_selected": "false",
        "required": "false",
        "translate": "true",
        "save_in_meta": "false",
        "save_in_meta_name": "",
        "placeholder": "",
        "characters_limit": ""
      },
      "control_79fa5d4206": {
        "type": "textarea",
        "name": "hero-subtitle",
        "default": "Discover our amazing products and services",
        "label": "Subtitle",
        "help": "Secondary text below the main heading",
        "child_of": "",
        "placement": "inspector",
        "group": "settings",
        "width": "100",
        "hide_if_not_selected": "false",
        "required": "false",
        "translate": "true",
        "save_in_meta": "false",
        "save_in_meta_name": "",
        "placeholder": "Enter subtitle text here...",
        "characters_limit": ""
      },
      "control_b5587d4117": {
        "type": "text",
        "name": "button-text",
        "default": "Learn More",
        "label": "Button Text",
        "help": "",
        "child_of": "",
        "placement": "inspector",
        "group": "settings",
        "width": "100",
        "hide_if_not_selected": "false",
        "required": "false",
        "translate": "true",
        "save_in_meta": "false",
        "save_in_meta_name": "",
        "placeholder": "",
        "characters_limit": ""
      },
      "control_8189694332": {
        "type": "url",
        "name": "button-url",
        "default": "#",
        "label": "Button URL",
        "help": "",
        "child_of": "",
        "placement": "inspector",
        "group": "settings",
        "width": "100",
        "hide_if_not_selected": "false",
        "required": "false",
        "translate": "false",
        "save_in_meta": "false",
        "save_in_meta_name": "",
        "placeholder": "",
        "characters_limit": ""
      },
      "control_103a0343bf": {
        "type": "color",
        "name": "background-color",
        "default": "#eef0f5",
        "label": "",
        "help": "",
        "child_of": "",
        "placement": "inspector",
        "group": "styles",
        "width": "100",
        "hide_if_not_selected": "false",
        "required": "false",
        "translate": "false",
        "save_in_meta": "false",
        "save_in_meta_name": "",
        "placeholder": "",
        "characters_limit": "",
        "alongside_text": "Background Color",
        "alpha": "true"
      }
    },
    "code": {
      "output_method": "html",
      "editor_html": "",
      "editor_callback": "",
      "frontend_html": "<div style=\"background-color: {{background-color}}\">\n\t<div class=\"hero-content\">\n\t\t<div class=\"hero-title\">{{hero-title}}</div>\n\t\t<div class=\"hero-subtitle\">{{hero-subtitle}}</div>\n\t\t<a href=\"{{button-url}}\" class=\"hero-button\">{{button-text}}</a>\n\t</div>\n</div>",
      "frontend_callback": "",
      "show_preview": "always",
      "single_output": true
    },
    "style": {
      "block": ".wp-block-lazyblock-hero-block {\n\tpadding: 60px 20px;\n\ttext-align: center;\n}\n.wp-block-lazyblock-hero-block .hero-content {\n\tmax-width: 800px;\n\tmargin: 0 auto;\n}\n.wp-block-lazyblock-hero-block .hero-title {\n\tfont-size: 36px;\n\tmargin-bottom: 20px;\n\tcolor: #333;\n}\n.wp-block-lazyblock-hero-block .hero-subtitle {\n\tfont-size: 18px;\n\tmargin-bottom: 30px;\n\tcolor: #666;\n}\n.wp-block-lazyblock-hero-block .hero-button {\n\tdisplay: inline-block;\n\tpadding: 12px 24px;\n\tbackground-color: #205cc7;\n\tcolor: #fff;\n\ttext-decoration: none;\n\tborder-radius: 4px;\n\tfont-weight: bold;\n}\n.wp-block-lazyblock-hero-block .hero-button:hover {\n\tbackground-color: #154eb4;\n}\n\n@media (max-width: 480px) {\n\t.wp-block-lazyblock-hero-block { padding: 40px 16px; }\n\t.wp-block-lazyblock-hero-block .hero-title { font-size: 26px; }\n\t.wp-block-lazyblock-hero-block .hero-subtitle { font-size: 15px; }\n}",
      "editor": ""
    },
    "script": {
      "view": ""
    },
    "styles": [],
    "condition": [],
    "edit_url": null,
    "provide_context_to_blocks": "",
    "custom_context_slug": "",
    "allowed_blocks": "",
    "ancestor": ""
  }
]