{
  "version": "0.4",
  "title": "Advanced Widget Kit - Hero Section",
  "type": "section",
  "content": [
    {
      "id": "hero-section",
      "elType": "section",
      "settings": {
        "background_background": "gradient",
        "background_color": "#667eea",
        "background_color_b": "#764ba2",
        "background_gradient_angle": {
          "unit": "deg",
          "size": 135
        },
        "padding": {
          "unit": "px",
          "top": "100",
          "right": "0",
          "bottom": "100",
          "left": "0"
        },
        "min_height": {
          "unit": "vh",
          "size": 80
        },
        "content_position": "middle"
      },
      "elements": [
        {
          "id": "hero-column",
          "elType": "column",
          "settings": {
            "content_position": "middle",
            "_column_size": 100
          },
          "elements": [
            {
              "id": "hero-heading",
              "elType": "widget",
              "widgetType": "heading",
              "settings": {
                "title": "Build Amazing Websites with Advanced Widget Kit",
                "size": "xl",
                "title_color": "#ffffff",
                "typography_typography": "custom",
                "typography_font_size": {
                  "unit": "px",
                  "size": 48
                },
                "typography_font_weight": "700",
                "typography_line_height": {
                  "unit": "em",
                  "size": 1.2
                },
                "align": "center",
                "text_shadow_text_shadow_type": "yes",
                "text_shadow_text_shadow": {
                  "horizontal": 0,
                  "vertical": 2,
                  "blur": 10,
                  "color": "rgba(0,0,0,0.3)"
                }
              }
            },
            {
              "id": "hero-description",
              "elType": "widget",
              "widgetType": "text-editor",
              "settings": {
                "editor": "<p>Powerful Elementor widgets to enhance your website building experience. Create stunning designs with our collection of advanced widgets and templates.</p>",
                "text_color": "rgba(255,255,255,0.9)",
                "typography_typography": "custom",
                "typography_font_size": {
                  "unit": "px",
                  "size": 18
                },
                "typography_line_height": {
                  "unit": "em",
                  "size": 1.6
                },
                "align": "center",
                "margin": {
                  "unit": "px",
                  "top": "0",
                  "right": "auto",
                  "bottom": "30",
                  "left": "auto"
                }
              }
            },
            {
              "id": "hero-buttons",
              "elType": "widget",
              "widgetType": "awke-button",
              "settings": {
                "text": "Get Started Free",
                "link": {
                  "url": "#features"
                },
                "size": "lg",
                "selected_icon": {
                  "value": "fas fa-arrow-right",
                  "library": "fa-solid"
                },
                "icon_align": "right",
                "button_text_color": "#ffffff",
                "background_background": "classic",
                "background_color": "rgba(255,255,255,0.2)",
                "button_background_hover_background": "classic",
                "button_background_hover_color": "#ffffff",
                "hover_color": "#667eea",
                "border_border": "solid",
                "border_width": {
                  "unit": "px",
                  "top": "2",
                  "right": "2",
                  "bottom": "2",
                  "left": "2"
                },
                "border_color": "rgba(255,255,255,0.3)",
                "button_hover_border_color": "#ffffff",
                "border_radius": {
                  "unit": "px",
                  "top": "30",
                  "right": "30",
                  "bottom": "30",
                  "left": "30"
                },
                "text_padding": {
                  "unit": "px",
                  "top": "15",
                  "right": "35",
                  "bottom": "15",
                  "left": "35"
                },
                "hover_animation": "pulse"
              }
            }
          ]
        }
      ]
    }
  ]
}