Landing Page Demo: Black Friday 2022 - All Products 40% Off

landing-page-block-editor-all-products-40-percent.html

<!-- wp:swsales/sale-content {"period":"pre-sale"} -->
<div class="wp-block-swsales-sale-content"><!-- wp:group {"align":"full","gradient":"luminous-vivid-orange-to-vivid-red"} -->
<div class="wp-block-group alignfull has-luminous-vivid-orange-to-vivid-red-gradient-background has-background"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"center"}} -->
<div class="wp-block-group"><!-- wp:paragraph {"textColor":"palette-color-2"} -->
<p class="has-palette-color-2-color has-text-color"><strong><mark style="background-color:var(--paletteColor6, #F4F4F5)" class="has-inline-color">SUPER SECRET SAVINGS</mark></strong></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:heading {"textAlign":"center","level":1,"textColor":"palette-color-8","className":"no-margin"} -->
<h1 class="has-text-align-center no-margin has-palette-color-8-color has-text-color">Black Friday Skincare Deal</h1>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","textColor":"palette-color-8","fontSize":"medium"} -->
<p class="has-text-align-center has-palette-color-8-color has-text-color has-medium-font-size"><strong>Sale runs November 25 — 30, 2022</strong></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:separator {"className":"is-style-dots"} -->
<hr class="wp-block-separator has-alpha-channel-opacity is-style-dots"/>
<!-- /wp:separator -->

<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column {"width":"20%"} -->
<div class="wp-block-column" style="flex-basis:20%"></div>
<!-- /wp:column -->

<!-- wp:column {"width":"60%","backgroundColor":"palette-color-6"} -->
<div class="wp-block-column has-palette-color-6-background-color has-background" style="flex-basis:60%"><!-- wp:paragraph {"align":"center","textColor":"palette-color-4","fontSize":"medium"} -->
<p class="has-text-align-center has-palette-color-4-color has-text-color has-medium-font-size"><strong>Subscribe to our email list to get notified when the sale starts.</strong></p>
<!-- /wp:paragraph -->

<!-- wp:shortcode -->
[convertkit form=3724454]
<!-- /wp:shortcode --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"20%"} -->
<div class="wp-block-column" style="flex-basis:20%"></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:separator {"className":"is-style-dots"} -->
<hr class="wp-block-separator has-alpha-channel-opacity is-style-dots"/>
<!-- /wp:separator -->

<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"center"}} -->
<div class="wp-block-group"><!-- wp:paragraph {"align":"center","textColor":"palette-color-4","fontSize":"medium"} -->
<p class="has-text-align-center has-palette-color-4-color has-text-color has-medium-font-size"><strong>Can't wait for the sale?</strong></p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} -->
<div class="wp-block-buttons"><!-- wp:button {"style":{"border":{"radius":"62px"}},"className":"is-style-outline"} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link" style="border-radius:62px"><strong>Shop All Products Now »</strong></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group -->

<!-- wp:separator {"className":"is-style-dots"} -->
<hr class="wp-block-separator has-alpha-channel-opacity is-style-dots"/>
<!-- /wp:separator --></div>
<!-- /wp:swsales/sale-content -->

<!-- wp:swsales/sale-content {"period":"sale"} -->
<div class="wp-block-swsales-sale-content"><!-- wp:group {"align":"full","gradient":"luminous-vivid-orange-to-vivid-red"} -->
<div class="wp-block-group alignfull has-luminous-vivid-orange-to-vivid-red-gradient-background has-background"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"center"}} -->
<div class="wp-block-group"><!-- wp:paragraph {"textColor":"palette-color-2"} -->
<p class="has-palette-color-2-color has-text-color"><strong><mark style="background-color:var(--paletteColor6, #F4F4F5)" class="has-inline-color">SAVE 40% ON EVERYTHING</mark></strong></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:heading {"textAlign":"center","level":1,"textColor":"palette-color-8","className":"no-margin"} -->
<h1 class="has-text-align-center no-margin has-palette-color-8-color has-text-color">Black Friday 2022</h1>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","textColor":"palette-color-8","fontSize":"medium"} -->
<p class="has-text-align-center has-palette-color-8-color has-text-color has-medium-font-size"><strong>Shop now through November 28 to save 40% storewide. Hurry—this deal ends soon!</strong></p>
<!-- /wp:paragraph -->

<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column {"width":"25%"} -->
<div class="wp-block-column" style="flex-basis:25%"></div>
<!-- /wp:column -->

<!-- wp:column {"width":"50%"} -->
<div class="wp-block-column" style="flex-basis:50%"><!-- wp:swsales/countdown-timer {"textColor":"palette-color-8"} -->
<div class="wp-block-swsales-countdown-timer has-palette-color-8-color has-text-color"></div>
<!-- /wp:swsales/countdown-timer --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"25%"} -->
<div class="wp-block-column" style="flex-basis:25%"></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} -->
<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"palette-color-4","style":{"border":{"radius":"62px"},"typography":{"fontSize":"24px"}}} -->
<div class="wp-block-button has-custom-font-size" style="font-size:24px"><a class="wp-block-button__link has-palette-color-4-background-color has-background" href="/" style="border-radius:62px"><strong>Shop All Products »</strong></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group -->

<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column {"width":"10%"} -->
<div class="wp-block-column" style="flex-basis:10%"></div>
<!-- /wp:column -->

<!-- wp:column {"width":"80%"} -->
<div class="wp-block-column" style="flex-basis:80%"><!-- wp:group {"backgroundColor":"palette-color-8"} -->
<div class="wp-block-group has-palette-color-8-background-color has-background"><!-- wp:woocommerce/product-best-sellers {"rows":2,"contentVisibility":{"image":true,"title":true,"price":true,"rating":true,"button":true}} /--></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"10%"} -->
<div class="wp-block-column" style="flex-basis:10%"></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} -->
<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"palette-color-4","style":{"border":{"radius":"62px"},"typography":{"fontSize":"24px"}}} -->
<div class="wp-block-button has-custom-font-size" style="font-size:24px"><a class="wp-block-button__link has-palette-color-4-background-color has-background" href="/" style="border-radius:62px"><strong>Shop All Products »</strong></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->

<!-- wp:html -->
<br>
<!-- /wp:html --></div>
<!-- /wp:swsales/sale-content -->

<!-- wp:swsales/sale-content {"period":"post-sale"} -->
<div class="wp-block-swsales-sale-content"><!-- wp:group {"align":"full","gradient":"luminous-vivid-orange-to-vivid-red"} -->
<div class="wp-block-group alignfull has-luminous-vivid-orange-to-vivid-red-gradient-background has-background"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"center"}} -->
<div class="wp-block-group"><!-- wp:paragraph {"textColor":"palette-color-2"} -->
<p class="has-palette-color-2-color has-text-color"><strong><mark style="background-color:var(--paletteColor6, #F4F4F5)" class="has-inline-color">THIS SALE HAS ENDED</mark></strong></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:heading {"textAlign":"center","level":1,"textColor":"palette-color-8","className":"no-margin"} -->
<h1 class="has-text-align-center no-margin has-palette-color-8-color has-text-color">Whoops! You missed the sale.</h1>
<!-- /wp:heading --></div>
<!-- /wp:group -->

<!-- wp:separator {"className":"is-style-dots"} -->
<hr class="wp-block-separator has-alpha-channel-opacity is-style-dots"/>
<!-- /wp:separator -->

<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column {"width":"20%"} -->
<div class="wp-block-column" style="flex-basis:20%"></div>
<!-- /wp:column -->

<!-- wp:column {"width":"60%","backgroundColor":"palette-color-6"} -->
<div class="wp-block-column has-palette-color-6-background-color has-background" style="flex-basis:60%"><!-- wp:paragraph {"align":"center","textColor":"palette-color-4","fontSize":"medium"} -->
<p class="has-text-align-center has-palette-color-4-color has-text-color has-medium-font-size"><strong>Subscribe to our email list to get notified of future sales.</strong></p>
<!-- /wp:paragraph -->

<!-- wp:shortcode -->
[convertkit form=3724454]
<!-- /wp:shortcode --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"20%"} -->
<div class="wp-block-column" style="flex-basis:20%"></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:separator {"className":"is-style-dots"} -->
<hr class="wp-block-separator has-alpha-channel-opacity is-style-dots"/>
<!-- /wp:separator -->

<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"center"}} -->
<div class="wp-block-group"><!-- wp:paragraph {"align":"center","textColor":"palette-color-4","fontSize":"medium"} -->
<p class="has-text-align-center has-palette-color-4-color has-text-color has-medium-font-size"><strong>Can't wait for the next sale?</strong></p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} -->
<div class="wp-block-buttons"><!-- wp:button {"style":{"border":{"radius":"62px"}},"className":"is-style-outline"} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link" style="border-radius:62px"><strong>Shop All Products Now »</strong></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group -->

<!-- wp:separator {"className":"is-style-dots"} -->
<hr class="wp-block-separator has-alpha-channel-opacity is-style-dots"/>
<!-- /wp:separator --></div>
<!-- /wp:swsales/sale-content -->