hii :-)

i am new in umbraco cms i am using Umbraco 9.5 with .Net Core and i trying to set document type as nested content by the nested content guide https://our.umbraco.com/Documentation/Fundamentals/Backoffice/property-editors/built-in-property-editors/Nested-Content/

and i am getting error "ModelBindingException: Cannot bind source type ccc.Core.Models.HomePage to model type ccc.Core.Models.Advantage."

i triyed everything and i dont know what is the problem please help me

Advantage Document Type as element type:

 @using ContentModels = ccc.Core.Models;
@inherits Umbraco.Cms.Web.Common.Views.UmbracoViewPage<ContentModels.Advantage>
@{
    var items = Model.Value<IEnumerable<IPublishedElement>>("nest");

    foreach (var item in items)
    {
        <div class="col-lg-4" data-aos="fade-up" data-aos-delay="200">
            <div class="box">
                <img src="@Model.AdvantageImage" class="img-fluid" alt="">
                <h3>@Model.AdvantageTitle</h3>
                <p>@Model.AdvantageDescription</p>
            </div>
        </div>
    }
}

Home Page:

@using ContentModels = ccc.Core.Models;
@inherits Umbraco.Cms.Web.Common.Views.UmbracoViewPage<IPublishedContent>
@{
    Layout = "Master.cshtml";
    var homePage = Model.AncestorOrSelf<ContentModels.HomePage>();
}
<style>
    .buttonAlign {
        text-align: left !important;
    }
</style>
<!-- ======= Hero Section ======= -->
<section id="hero" class="hero d-flex align-items-center">
    <div class="container">
        <div class="row">
            <div class="col-lg-6 d-flex flex-column justify-content-center">
                @homePage.ContentHeaderDescription
                <div data-aos="fade-up" data-aos-delay="600">
                    <div class="buttonAlign text-center text-lg-start">
                        @{
                            //var links = Model.Value<IEnumerable<Link>>("ButtonUrl");
                            var links = homePage.ButtonUrl;
                            if (links.Any())
                            {

                                @foreach (var link in links)
                                {
                                    <a href="@link.Url" target="@link.Target" class="btn-get-started scrollto d-inline-flex align-items-center justify-content-center align-self-center">
                                        <span>@homePage.ButtonText</span>
                                        <i class="bi bi-arrow-right"></i>
                                    </a>
                                }
                            }
                        }

                    </div>
                </div>
            </div>
            <div class="col-lg-6 hero-img" data-aos="zoom-out" data-aos-delay="200">
                <img src="@homePage.HeaderImageSlide" class="img-fluid" alt="">
            </div>
        </div>
    </div>

</section>
<!-- End Hero -->
<!-- ======= About Section ======= -->
<section id="about" class="about">
    <div class="container" data-aos="fade-up">
        <div class="row gx-0">
            <div class="col-lg-8">
                <div class="portfolio-details-slider swiper">
                    <div class="swiper-wrapper align-items-center">
                        @foreach (var image in @homePage.ContentAboutImageSlide)
                        {
                            <div class="swiper-slide">
                                <img src="@image.GetCropUrl()" alt="">
                            </div>
                        }
                    </div>
                    <div class="swiper-pagination"></div>
                </div>
            </div>

            <div class="col-lg-4">
                <div class="content">
                    @homePage.ContentAboutDescription
                    @{
                        //var aboutLinks = Model.Value<IEnumerable<Link>>("AboutButtonUrl");
                        var aboutLinks = homePage.AboutButtonUrl;
                        if (aboutLinks.Any())
                        {
                            @foreach (var link in aboutLinks)
                            {
                                <div class="buttonAlign text-center text-lg-start">
                                    <a href="@link.Url" target="@link.Target" class="btn-read-more d-inline-flex align-items-center justify-content-center align-self-center">
                                        <span>@homePage.AboutButtonText&nbsp;</span>
                                        @{
                                            if (Model.GetCultureFromDomains() != "he")
                                            {
                                                <i class='bi bi-arrow-right'></i>
                                            }
                                            else
                                            {
                                                <i class='bi bi-arrow-left'></i>
                                            }
                                        }
                                    </a>
                                </div>
                            }
                        }
                    }
                </div>
            </div>
        </div>
    </div>

</section>
<!-- End About Section -->
<!-- ======= Values Section ======= -->
<section id="values" class="values">
    <div class="container" data-aos="fade-up">
        @*<header class="section-header">
                <h2>Our Values</h2>
                <p>Odit est perspiciatis laborum et dicta</p>
            </header>*@
        <div class="row">
            <div class="col-lg-4" data-aos="fade-up" data-aos-delay="200">
                @await Html.PartialAsync("NestedContent/Advantage")
            </div>
        </div>
    </div>
</section>
<!-- End Values Section -->