<?php
/**
 * Title: Promo banner — full-bleed photo card with 70% off accent
 * Slug: iconvert-shoply/promo-banner
 * Categories: iconvert-shoply, featured, banner
 * Description: Single-band promo using the promo-model photo as the card background.
 * Keywords: promo, banner, discount, sale, cover
 */

?>
<!-- wp:group {"align":"full","className":"iconvert-shoply-promo-band","style":{"spacing":{"padding":{"top":"var:preset|spacing|60","bottom":"var:preset|spacing|60"}}},"backgroundColor":"surface","layout":{"type":"constrained","contentSize":"1232px"}} -->
<div class="wp-block-group alignfull iconvert-shoply-promo-band has-surface-background-color has-background" style="padding-top:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60)"><!-- wp:group {"className":"iconvert-shoply-promo-card","style":{"spacing":{"padding":{"top":"30px","right":"30px","bottom":"30px","left":"30px"}},"border":{"radius":"4px"}},"layout":{"type":"constrained","contentSize":"556px","justifyContent":"left"}} -->
<div class="wp-block-group iconvert-shoply-promo-card" style="border-radius:4px;padding-top:30px;padding-right:30px;padding-bottom:30px;padding-left:30px"><!-- wp:heading {"level":5,"style":{"typography":{"fontSize":"16px","fontWeight":"700","textTransform":"uppercase","letterSpacing":"0.04em"},"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|20"}},"color":{"text":"#393e47"}}} -->
<h5 class="wp-block-heading has-text-color" style="color:#393e47;margin-top:0;margin-bottom:var(--wp--preset--spacing--20);font-size:16px;font-weight:700;letter-spacing:0.04em;text-transform:uppercase"><?php esc_html_e( 'makeup collection', 'iconvert-shoply' ); ?></h5>
<!-- /wp:heading -->

<!-- wp:heading {"level":2,"style":{"typography":{"fontSize":"42px","fontWeight":"300","lineHeight":"1.143","letterSpacing":"0"},"spacing":{"margin":{"top":"0","bottom":"0"}},"color":{"text":"#393e47"}}} -->
<h2 class="wp-block-heading has-text-color" style="color:#393e47;margin-top:0;margin-bottom:0;font-size:42px;font-weight:300;letter-spacing:0;line-height:1.143"><?php esc_html_e( 'Up to ', 'iconvert-shoply' ); ?><strong style="font-weight:700"><?php esc_html_e( '70%', 'iconvert-shoply' ); ?></strong><?php esc_html_e( ' off!', 'iconvert-shoply' ); ?></h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"typography":{"fontSize":"16px","fontWeight":"300","lineHeight":"1.5"},"spacing":{"margin":{"top":"var:preset|spacing|30","bottom":"var:preset|spacing|40"}},"color":{"text":"#7d889b"}}} -->
<p class="has-text-color" style="color:#7d889b;margin-top:var(--wp--preset--spacing--30);margin-bottom:var(--wp--preset--spacing--40);font-size:16px;font-weight:300;line-height:1.5"><?php esc_html_e( 'Refresh your routine with end-of-season favourites — handpicked pieces from the collections you love most.', 'iconvert-shoply' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"contrast","textColor":"base","style":{"border":{"radius":"0px"},"typography":{"fontSize":"16px","fontWeight":"300","letterSpacing":"1px","textTransform":"none"},"spacing":{"padding":{"top":"15px","bottom":"15px","left":"40px","right":"40px"}}}} -->
<div class="wp-block-button"><a class="wp-block-button__link has-base-color has-contrast-background-color has-text-color has-background has-custom-font-size wp-element-button" href="#" style="border-radius:0px;padding-top:15px;padding-right:40px;padding-bottom:15px;padding-left:40px;font-size:16px;font-weight:300;letter-spacing:1px;text-transform:none"><?php esc_html_e( 'Explore our discounts', 'iconvert-shoply' ); ?></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->
