{
    "component": "hero",
    "fixtures": [
        {
            "name": "default",
            "options": {
                "welcomeMessage": "Welcome to Camden.gov.uk",
                "image": {
                    "src": "/example-assets/images/hero.jpg"
                },
                "linkHeading": "Popular tasks",
                "links": [
                    {
                        "label": "Get a resident permit parking",
                        "href": "#"
                    },
                    {
                        "label": "Search for a planning application",
                        "href": "#"
                    },
                    {
                        "label": "Book a housing repair",
                        "href": "#"
                    },
                    {
                        "label": "Search for a business license",
                        "href": "#"
                    },
                    {
                        "label": "Get Council Tax support",
                        "href": "#"
                    },
                    {
                        "label": "Find a job at Camden",
                        "href": "#"
                    }
                ]
            },
            "html": "<div class=\"lbcamden-hero \">\n  <picture class=\"lbcamden-image__wrapper\">\n  \n\n  \n\n  \n\n  <img\n    class=\"lbcamden-image lbcamden-hero__bg undefined\"\n    src=\"/example-assets/images/hero.jpg\"\n    alt=\"\"\n    \n    \n    \n    style=\"\"\n  />\n</picture>\n\n\n  <div class=\"govuk-width-container\">\n    <div class=\"lbcamden-hero__content\">\n      \n        <div class=\"lbcamden-hero__links govuk-body-s\">\n          <h1>Welcome to Camden.gov.uk</h1>\n\n          \n            <h2>Popular tasks</h2>\n\n            <ul class=\"lbcamden-list--dash\">\n            \n              <li><a href=\"#\">Get a resident permit parking</a></li>\n            \n              <li><a href=\"#\">Search for a planning application</a></li>\n            \n              <li><a href=\"#\">Book a housing repair</a></li>\n            \n              <li><a href=\"#\">Search for a business license</a></li>\n            \n              <li><a href=\"#\">Get Council Tax support</a></li>\n            \n              <li><a href=\"#\">Find a job at Camden</a></li>\n            \n            </ul>\n          \n        </div>\n      \n\n      \n    </div>\n  </div>\n</div>",
            "hidden": false
        },
        {
            "name": "without-links-or-heading",
            "options": {
                "image": {
                    "src": "/example-assets/images/hero.jpg"
                }
            },
            "html": "<div class=\"lbcamden-hero \">\n  <picture class=\"lbcamden-image__wrapper\">\n  \n\n  \n\n  \n\n  <img\n    class=\"lbcamden-image lbcamden-hero__bg undefined\"\n    src=\"/example-assets/images/hero.jpg\"\n    alt=\"\"\n    \n    \n    \n    style=\"\"\n  />\n</picture>\n\n\n  <div class=\"govuk-width-container\">\n    <div class=\"lbcamden-hero__content\">\n      \n\n      \n    </div>\n  </div>\n</div>",
            "hidden": false
        },
        {
            "name": "engagement",
            "options": {
                "welcomeMessage": "Welcome to Camden.gov.uk",
                "image": {
                    "src": "/example-assets/images/hero-pride.png"
                },
                "linkHeading": "Popular tasks",
                "links": [
                    {
                        "label": "Get a resident permit parking",
                        "href": "#"
                    },
                    {
                        "label": "Search for a planning application",
                        "href": "#"
                    },
                    {
                        "label": "Book a housing repair",
                        "href": "#"
                    },
                    {
                        "label": "Search for a business license",
                        "href": "#"
                    },
                    {
                        "label": "Get Council Tax support",
                        "href": "#"
                    },
                    {
                        "label": "Find a job at Camden",
                        "href": "#"
                    }
                ],
                "engagement": {
                    "heading": "Celebrate Camden culture",
                    "content": "<p>\n  We're making the most of Culture Week in Camden, with <a href=\"#\">lots of free events and things to do</a>.\n</p>\n"
                }
            },
            "html": "<div class=\"lbcamden-hero \">\n  <picture class=\"lbcamden-image__wrapper\">\n  \n\n  \n\n  \n\n  <img\n    class=\"lbcamden-image lbcamden-hero__bg undefined\"\n    src=\"/example-assets/images/hero-pride.png\"\n    alt=\"\"\n    \n    \n    \n    style=\"\"\n  />\n</picture>\n\n\n  <div class=\"govuk-width-container\">\n    <div class=\"lbcamden-hero__content\">\n      \n        <div class=\"lbcamden-hero__links govuk-body-s\">\n          <h1>Welcome to Camden.gov.uk</h1>\n\n          \n            <h2>Popular tasks</h2>\n\n            <ul class=\"lbcamden-list--dash\">\n            \n              <li><a href=\"#\">Get a resident permit parking</a></li>\n            \n              <li><a href=\"#\">Search for a planning application</a></li>\n            \n              <li><a href=\"#\">Book a housing repair</a></li>\n            \n              <li><a href=\"#\">Search for a business license</a></li>\n            \n              <li><a href=\"#\">Get Council Tax support</a></li>\n            \n              <li><a href=\"#\">Find a job at Camden</a></li>\n            \n            </ul>\n          \n        </div>\n      \n\n      \n        <span class=\"lbcamden-hero__spacer\"></span>\n\n        <div class=\"lbcamden-hero__engagement govuk-body-s\">\n          <h2>Celebrate Camden culture</h2>\n          <p>\n  We're making the most of Culture Week in Camden, with <a href=\"#\">lots of free events and things to do</a>.\n</p>\n\n        </div>\n      \n    </div>\n  </div>\n</div>",
            "hidden": false
        }
    ]
}