[
    {
        "name": "pnp-sp-dev-spfx-web-parts-react-hero-webpart",
        "source": "pnp",
        "title": "Hero Web Part",
        "shortDescription": "This solution creates a customisable Hero web part, it uses a stored collection from the PnP PropertyFieldCollectionData control ",
        "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/react-hero-webpart",
        "longDescription": [
            "This solution creates a customisable Hero web part, it uses a stored collection from the PnP PropertyFieldCollectionData control "
        ],
        "creationDateTime": "2021-04-02",
        "updateDateTime": "2021-07-27",
        "products": [
            "SharePoint",
            "Office"
        ],
        "metadata": [
            {
                "key": "CLIENT-SIDE-DEV",
                "value": "React"
            },
            {
                "key": "SPFX-VERSION",
                "value": "1.12.1"
            }
        ],
        "thumbnails": [
            {
                "type": "image",
                "order": 100,
                "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/samples/react-hero-webpart/assets/Hero-Webpart.gif",
                "alt": "Preview"
            }
        ],
        "authors": [
            {
                "gitHubAccount": "omarelanis",
                "pictureUrl": "https://github.com/omarelanis.png",
                "name": "Omar El-Anis"
            }
        ],
        "references": [
            {
                "name": "Build your first SharePoint client-side web part",
                "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.",
                "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part"
            }
        ]
    }
]