Dear Umbraco Team

I have a nested content data type making use of a document type with 2 x textbox, 1 x media picker and 1 multi Url picker. I can render the text and media properties as normal but not the mutli Url Picker with the following code

@inherits Umbraco.Web.Mvc.UmbracoViewPage
@{
    var items = Model.Value<IEnumerable<IPublishedElement>>("homeBannerSettings");
}
@if (items.Any())
{
    foreach (var item in items)
    {
        var bannerTitle = item.Value("homeBannerTitle");
        var bannerBlurb = item.Value("homeBannerBlurb");
        var bannerLink = item.Value("homeBannerLink");
        <div class="jumbotron rounded-0 text-white">
            <h1 class="display-4">@bannerTitle</h1>
            <p class="lead">@bannerBlurb</p>
            <p class="lead">
                <a class="btn btn-primary btn-lg" href="@bannerLink" role="button">Learn more</a>
            </p>
        </div>
    }
}

The above code displays a 404 error with

System.Collections.Generic.List%601[Umbraco.Web.Models.Link]

When nested content link property is clicked. To resolve this error i used the following code

@using Umbraco.Web.Models
@inherits Umbraco.Web.Mvc.UmbracoViewPage
@{
    var items = Model.Value<IEnumerable<IPublishedElement>>("homeBannerSettings");
}
@if (items.Any())
{
    foreach (var item in items)
    {
        var bannerTitle = item.Value<string>("homeBannerTitle");
        var bannerBlurb = item.Value<string>("homeBannerBlurb");
        var bannerLink = item.Value<Link>("homeBannerLink");
        <div class="jumbotron rounded-0 text-white">
            <h1 class="display-4">@bannerTitle</h1>
            <p class="lead">@bannerBlurb</p>
            <p class="lead">
                <a class="btn btn-primary btn-lg" href="@bannerLink.Url" role="button">Learn more</a>
            </p>
        </div>
    }
}

Now when i get a YSOD

Object reference not set to an instance of an object.

for nested content text properties.

How do you render nested content properties in Umbraco 8 correctly ?

Thanks Dibs