{
  "rows": [
    {
      "id": "row_1",
      "columns": [
        {
          "id": "col_1",
          "width": 4,
          "elements": [
            {
              "id": "el_1",
              "type": "image",
              "settings": {
                "src": "/storage/uibuilder/logo.png",
                "alt": "Company Logo",
                "width": "150px",
                "class": "footer-logo"
              }
            },
            {
              "id": "el_2",
              "type": "text",
              "settings": {
                "content": "We are committed to providing the best online learning experience.",
                "tag": "p",
                "align": "left",
                "class": "footer-description"
              }
            }
          ],
          "styles": {}
        },
        {
          "id": "col_2",
          "width": 4,
          "elements": [
            {
              "id": "el_3",
              "type": "text",
              "settings": {
                "content": "Quick Links",
                "tag": "h4",
                "align": "left",
                "class": "footer-heading"
              }
            },
            {
              "id": "el_4",
              "type": "links",
              "settings": {
                "items": [
                  { "text": "About Us", "url": "/about" },
                  { "text": "Courses", "url": "/courses" },
                  { "text": "Blog", "url": "/blog" },
                  { "text": "Contact", "url": "/contact" }
                ],
                "layout": "vertical",
                "class": "footer-links"
              }
            }
          ],
          "styles": {}
        },
        {
          "id": "col_3",
          "width": 4,
          "elements": [
            {
              "id": "el_5",
              "type": "text",
              "settings": {
                "content": "Newsletter",
                "tag": "h4",
                "align": "left",
                "class": "footer-heading"
              }
            },
            {
              "id": "el_6",
              "type": "newsletter",
              "settings": {
                "placeholder": "Enter your email",
                "button_text": "Subscribe",
                "action_url": "/newsletter/subscribe",
                "class": "footer-newsletter"
              }
            },
            {
              "id": "el_7",
              "type": "social",
              "settings": {
                "networks": [
                  { "name": "facebook", "url": "https://facebook.com/yourpage" },
                  { "name": "twitter", "url": "https://twitter.com/yourpage" },
                  { "name": "instagram", "url": "https://instagram.com/yourpage" },
                  { "name": "linkedin", "url": "https://linkedin.com/company/yourpage" }
                ],
                "style": "default",
                "class": "footer-social"
              }
            }
          ],
          "styles": {}
        }
      ],
      "styles": {}
    },
    {
      "id": "row_2",
      "columns": [
        {
          "id": "col_4",
          "width": 12,
          "elements": [
            {
              "id": "el_8",
              "type": "divider",
              "settings": {
                "height": "1px",
                "style": "solid",
                "color": "#e5e7eb",
                "class": "footer-divider"
              }
            },
            {
              "id": "el_9",
              "type": "text",
              "settings": {
                "content": "© 2025 Your Company. All rights reserved.",
                "tag": "p",
                "align": "center",
                "class": "footer-copyright"
              }
            }
          ],
          "styles": {}
        }
      ],
      "styles": {}
    }
  ],
  "styles": {
    "background-color": "#1f2937",
    "color": "#f3f4f6",
    "padding": "60px 20px 20px"
  },
  "custom_css": ".footer-heading { font-size: 18px; font-weight: 600; margin-bottom: 15px; color: #fff; } .footer-description { color: #9ca3af; line-height: 1.6; } .footer-links a { color: #9ca3af; text-decoration: none; display: block; margin-bottom: 8px; } .footer-links a:hover { color: #fff; } .footer-social a { color: #9ca3af; margin-right: 15px; } .footer-social a:hover { color: #fff; } .footer-copyright { color: #6b7280; font-size: 14px; margin-top: 20px; }",
  "meta": {
    "name": "3-Column Footer",
    "description": "Classic 3-column footer with logo, links, and newsletter"
  }
}