Updates

packages/vitec/ContentBlocks/ContentElements/hero-section/templates/backend-preview.html

@@ -46,9 +46,14 @@
             </div>
         </f:if>
 
-        <f:if condition="{data.cta_label}">
+        <f:if condition="{data.cta_label} || {data.secondary_cta_label}">
             <div class="vitec-preview__ctas">
-                <span class="vitec-preview__cta-btn">{data.cta_label} →</span>
+                <f:if condition="{data.cta_label}">
+                    <span class="vitec-preview__cta-btn">{data.cta_label} →</span>
+                </f:if>
+                <f:if condition="{data.secondary_cta_label}">
+                    <span class="vitec-preview__cta-btn vitec-preview__cta-btn--secondary">{data.secondary_cta_label} →</span>
+                </f:if>
             </div>
         </f:if>
     </div>
@@ -60,6 +65,27 @@
             Background: {data.background_variant}
         </span>
 
+        <f:comment>
+            The preview has no per-style colours, so the chosen styles are named
+            instead of painted — otherwise "Transparent White Outline" would be
+            indistinguishable from the default orange here.
+        </f:comment>
+        <f:if condition="{data.cta_label}">
+            <span class="vitec-badge">Button: {data.button_style}</span>
+        </f:if>
+
+        <f:if condition="{data.secondary_cta_label}">
+            <span class="vitec-badge">2nd Button: {data.secondary_button_style}</span>
+        </f:if>
+
+        <f:if condition="{data.secondary_cta_label}">
+            <f:if condition="{data.secondary_cta}">
+                <f:else>
+                    <span class="vitec-badge vitec-badge--warning">⚠ 2nd button without link</span>
+                </f:else>
+            </f:if>
+        </f:if>
+
         <f:if condition="{data.show_logo_wall}">
             <span class="vitec-badge">🏢 Logo Wall</span>
         </f:if>