{{! With picture (ADR 0091): the words, checklist and buttons in a body beside the picture; the checklist uses the Icon list's look (requires icon-list), the quote on the picture the Quote's markup and look (requires quote). A newsletter sign-up is the Newsletter element's markup and look (requires newsletter): sent by the footer's script to the newsletter handler, which finds this element by page and id. }}
<div {{@attrs}}>{{#split}}<div class="sv-cta__body">{{/split}}<div class="sv-cta__content"><h2 class="sv-cta__title"{{@edit title}}>{{{title}}}</h2>{{#text}}<p class="sv-cta__text"{{@edit text}}>{{text}}</p>{{/text}}</div>{{#hasPoints}}<ul class="sv-icon-list sv-cta__points">{{#points}}<li class="sv-icon-list__item"><span class="sv-icon-list__icon" aria-hidden="true"><span class="sv-icon__glyph sv-glyph-{{pointIcon}}"></span></span><span class="sv-icon-list__text"{{@edit points.text}}>{{text}}</span></li>{{/points}}</ul>{{/hasPoints}}{{#buttons}}<div class="sv-cta__actions">{{#primaryButton.label}}<div class="sv-button sv-button--variant-primary sv-button--size-lg">{{#primaryButton.link.url}}<a class="sv-button__control{{#primaryButton.arrow}} sv-button__control--arrow{{/primaryButton.arrow}}{{#primaryButton.icon}} sv-button__control--icon{{#primaryButton.iconEnd}} sv-button__control--icon-end{{/primaryButton.iconEnd}} sv-glyph-{{primaryButton.icon}}{{/primaryButton.icon}}" href="{{primaryButton.link.url}}"{{#primaryButton.link.newTab}} target="_blank" rel="noopener noreferrer"{{/primaryButton.link.newTab}}{{@edit primaryButton.label}}>{{primaryButton.label}}</a>{{/primaryButton.link.url}}{{^primaryButton.link.url}}<span class="sv-button__control{{#primaryButton.arrow}} sv-button__control--arrow{{/primaryButton.arrow}}{{#primaryButton.icon}} sv-button__control--icon{{#primaryButton.iconEnd}} sv-button__control--icon-end{{/primaryButton.iconEnd}} sv-glyph-{{primaryButton.icon}}{{/primaryButton.icon}}"{{@edit primaryButton.label}}>{{primaryButton.label}}</span>{{/primaryButton.link.url}}</div>{{/primaryButton.label}}{{#secondaryButton.label}}<div class="sv-button sv-button--variant-outline sv-button--size-lg">{{#secondaryButton.link.url}}<a class="sv-button__control{{#secondaryButton.arrow}} sv-button__control--arrow{{/secondaryButton.arrow}}{{#secondaryButton.icon}} sv-button__control--icon{{#secondaryButton.iconEnd}} sv-button__control--icon-end{{/secondaryButton.iconEnd}} sv-glyph-{{secondaryButton.icon}}{{/secondaryButton.icon}}" href="{{secondaryButton.link.url}}"{{#secondaryButton.link.newTab}} target="_blank" rel="noopener noreferrer"{{/secondaryButton.link.newTab}}{{@edit secondaryButton.label}}>{{secondaryButton.label}}</a>{{/secondaryButton.link.url}}{{^secondaryButton.link.url}}<span class="sv-button__control{{#secondaryButton.arrow}} sv-button__control--arrow{{/secondaryButton.arrow}}{{#secondaryButton.icon}} sv-button__control--icon{{#secondaryButton.iconEnd}} sv-button__control--icon-end{{/secondaryButton.iconEnd}} sv-glyph-{{secondaryButton.icon}}{{/secondaryButton.icon}}"{{@edit secondaryButton.label}}>{{secondaryButton.label}}</span>{{/secondaryButton.link.url}}</div>{{/secondaryButton.label}}</div>{{/buttons}}{{#newsletter}}<form class="sv-newsletter sv-newsletter--layout-row sv-cta__subscribe" method="post" action="{{formAction}}" data-sv-newsletter data-failed="{{newsletterFailed}}"><input type="hidden" name="action" value="sitevari_newsletter"><input type="hidden" name="sv_page" value="{{pageId}}"><input type="hidden" name="sv_form" value="{{@id}}"><input type="hidden" name="sv_elapsed" value=""><label class="sv-newsletter__hidden" for="sv-{{@id}}-email">{{#subscribePlaceholder}}{{subscribePlaceholder}}{{/subscribePlaceholder}}{{^subscribePlaceholder}}{{newsletterEmail}}{{/subscribePlaceholder}}</label><div class="sv-newsletter__row"><input class="sv-newsletter__field" id="sv-{{@id}}-email" name="sv_email" type="email" dir="ltr" autocomplete="email" maxlength="120" placeholder="{{#subscribePlaceholder}}{{subscribePlaceholder}}{{/subscribePlaceholder}}{{^subscribePlaceholder}}{{newsletterEmail}}{{/subscribePlaceholder}}" required><div class="sv-button sv-button--variant-primary sv-button--size-lg"><button class="sv-button__control" type="submit"{{@edit subscribeLabel}}>{{#subscribeLabel}}{{subscribeLabel}}{{/subscribeLabel}}{{^subscribeLabel}}{{newsletterSubscribe}}{{/subscribeLabel}}</button></div></div><div class="sv-newsletter__hidden" aria-hidden="true"><label for="sv-{{@id}}-website">Website</label><input id="sv-{{@id}}-website" name="sv_website" type="text" tabindex="-1" autocomplete="off"></div>{{#subscribeNote}}<p class="sv-newsletter__note"{{@edit subscribeNote}}>{{{subscribeNote}}}</p>{{/subscribeNote}}</form>{{/newsletter}}{{#split}}</div><div class="sv-cta__media{{#pictureStart}} sv-cta__media--start{{/pictureStart}}{{#pictureInset}} sv-cta__media--inset{{/pictureInset}}">{{#image.url}}<img class="sv-cta__img wp-image-{{image.id}}" src="{{image.url}}" alt="{{image.alt}}"{{#image.width}} width="{{image.width}}" height="{{image.height}}"{{/image.width}} loading="lazy" decoding="async">{{/image.url}}{{^image.url}}{{@placeholder image}}{{/image.url}}{{#quote}}<figure class="sv-quote sv-quote--size-md sv-cta__quote{{#quoteGlass}} sv-cta__quote--{{quoteGlass}}{{/quoteGlass}}{{#quoteHalf}} sv-cta__quote--half{{#quoteAtEnd}} sv-cta__quote--end{{/quoteAtEnd}}{{/quoteHalf}}"><span class="sv-quote__mark" aria-hidden="true"></span>{{#rated}}<span class="sv-rating sv-rating--{{quoteRating}} sv-rating--size-sm" role="img" aria-label="{{quoteRating}}/5"><svg class="sv-rating__star" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M12 2.5l2.9 5.9 6.5.9-4.7 4.6 1.1 6.5L12 17.3l-5.8 3.1 1.1-6.5L2.6 9.3l6.5-.9z"/></svg><svg class="sv-rating__star" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M12 2.5l2.9 5.9 6.5.9-4.7 4.6 1.1 6.5L12 17.3l-5.8 3.1 1.1-6.5L2.6 9.3l6.5-.9z"/></svg><svg class="sv-rating__star" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M12 2.5l2.9 5.9 6.5.9-4.7 4.6 1.1 6.5L12 17.3l-5.8 3.1 1.1-6.5L2.6 9.3l6.5-.9z"/></svg><svg class="sv-rating__star" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M12 2.5l2.9 5.9 6.5.9-4.7 4.6 1.1 6.5L12 17.3l-5.8 3.1 1.1-6.5L2.6 9.3l6.5-.9z"/></svg><svg class="sv-rating__star" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M12 2.5l2.9 5.9 6.5.9-4.7 4.6 1.1 6.5L12 17.3l-5.8 3.1 1.1-6.5L2.6 9.3l6.5-.9z"/></svg></span>{{/rated}}<blockquote class="sv-quote__text"><p{{@edit quote}}>{{quote}}</p></blockquote>{{#quoteName}}<figcaption class="sv-quote__cite">{{#quotePhoto.url}}<img class="sv-quote__avatar wp-image-{{quotePhoto.id}}" src="{{quotePhoto.url}}" alt="" width="56" height="56" loading="lazy" decoding="async">{{/quotePhoto.url}}<span class="sv-quote__who"><span class="sv-quote__name"{{@edit quoteName}}>{{quoteName}}</span>{{#who}}<span class="sv-quote__role">{{#quoteCompany}}<span{{@edit quoteCompany}}>{{quoteCompany}}</span>{{/quoteCompany}}{{#bothWho}} · {{/bothWho}}{{#quoteRole}}<span{{@edit quoteRole}}>{{quoteRole}}</span>{{/quoteRole}}</span>{{/who}}</span></figcaption>{{/quoteName}}</figure>{{/quote}}</div>{{/split}}</div>