<div class="gridspan24">
    @if (XpmExtensions.XpmMarkupService.IsSiteEditEnabled())
    {
        @Model.StartXpmEditingZone()
    }

    <section class="listblocks">
      <h2>@Model.XpmEditableField(x => x.Title)</h2>

        @if (XpmExtensions.XpmMarkupService.IsSiteEditEnabled())
        {
            if (Model.BodyText != null)
            {
              @Model.XpmEditableField(x => m.BodyText)
            }
        }
        else
        {
          @Model.BodyText
        }

        @if (Model.Components != null && Model.Components.Any())
        {
            foreach (var component in Model.Components)
            {
                // Partial view for linked component list
            }
        }
    </section>
  </div>

<div class="gridspan24">
  <!-- Start Component Presentation: {"ComponentID" : "tcm:18-615", "ComponentModified" : "2017-06-21T10:31:57", "ComponentTemplateID" : "tcm:18-601-32", "ComponentTemplateModified" : "2017-06-22T05:22:25", "IsRepositoryPublished" : false} -->
  <section class="listblocks">
    <h2><!-- Start Component Field: {"XPath":"tcm:Content/custom:component_list/custom:title"} -->Full List Block</h2>

    <!-- Start Component Field: {"XPath":"tcm:Content/custom:component_list/custom:body_text"} --><p>Test</p>

    <article class="listblock__item">
      <img class="listblock__img" alt="" src="" srcset="">
      <div class="listblock__content">
        <h3><!-- Start Component Field: {"XPath":"tcm:Content/custom:general_content/custom:title"} -->List Block - Component A</h3>

        <div class="listblock__copy">
          <!-- Start Component Field: {"XPath":"tcm:Content/custom:general_content/custom:body_text"} --><p>Test</p>
        </div>

        <div class="listblock__ctas">
          <p class="listblock__cta">
            <a href="" class="">Notice Block<span class="visuallyhidden"> Hidden Text </span></a>
          </p>
          <p class="listblock__cta">
            <a href="" class="">Internal Link Text<span class="visuallyhidden"> Internal Link Summary </span></a>
          </p>
        </div>
      </div>
      </article>

      // Other linked components
  </section>
</div>

<div class="gridspan24">
    <!-- Start Component Presentation: {"ID": "cp_1", "ComponentID" : "tcm:18-618", "ComponentModified" : "2017-06-22T09:09:31", "ComponentTemplateID" : "tcm:14-600-32", "ComponentTemplateModified" : "2017-06-22T07:30:20", "IsRepositoryPublished" : false} -->
    <article class="listblock__item">
        <div class="listblock__content">
            <div class="listblock__copy">
                <!-- Start Component Field: {"ID": "cp_1", "XPath":"tcm:Content/custom:component_list/custom:body_text"} -->
                <p>Test</p>
            </div>
            <div class="listblock__ctas">
                <p class="listblock__cta">
                    <a href="http://www.google.co.uk/" class="" aria-describedby="extdisclaimer">Google<span class="visuallyhidden">  </span></a>
                </p>
            </div>
        </div>
    </article>

    <article class="listblock__item">
        <!-- Start Component Presentation: {"ID": "cp_2", "ComponentID": "tcm:13-617", "ComponentTemplateID": "tcm:14-600-32"}-->
        <img class="listblock__img" alt="" src="" srcset="">
        <div class="listblock__content">

            <h3><!-- Start Component Field: {"ID": "cp_2", "XPath":"tcm:Content/custom:component_list/custom:components[0]/custom:general_content/custom:title"} -->List Block - Component A</h3>
            <div class="listblock__copy">
                <!-- Start Component Field: {"ID": "cp_2", "XPath":"tcm:Content/custom:component_list/custom:components[0]/custom:general_content/custom:body_text"} -->
                <p>Test</p>
            </div>
            <div class="listblock__ctas">
                <p class="listblock__cta">
                    <a href="" class="">Notice Block<span class="visuallyhidden"> Hidden Text </span></a>
                </p>
                <p class="listblock__cta">
                    <a href="" class="">Internal Link Text<span class="visuallyhidden"> Internal Link Summary </span></a>
                </p>
            </div>
        </div>
    </article>
</div>