Landing Page Demo: Black Friday 2022 - Single Product 50% Off

landing-page-block-editor-single-product-50-percent.html

<!-- wp:swsales/sale-content {"period":"pre-sale"} -->
<div class="wp-block-swsales-sale-content"><!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column {"width":"65%","gradient":"vivid-cyan-blue-to-vivid-purple"} -->
<div class="wp-block-column has-vivid-cyan-blue-to-vivid-purple-gradient-background has-background" style="flex-basis:65%"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"center"}} -->
<div class="wp-block-group"><!-- wp:paragraph {"textColor":"palette-color-4"} -->
<p class="has-palette-color-4-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 Deal: Our Best Selling Product</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">Check back on November 25 for a super secret deal on our TOP SELLING ANTI-AGING SERUM. <strong>Sale runs November 25 — 30, 2022</strong></p>
<!-- /wp:paragraph -->

<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column {"width":"100%","backgroundColor":"palette-color-7"} -->
<div class="wp-block-column has-palette-color-7-background-color has-background" style="flex-basis:100%"><!-- 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 --></div>
<!-- /wp:columns --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"35%"} -->
<div class="wp-block-column" style="flex-basis:35%"><!-- wp:image {"id":22,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="http://sitewide-sales-woocommerce.local/wp-content/uploads/2022/09/8.jpg" alt="" class="wp-image-22"/></figure>
<!-- /wp:image --></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" href="http://sitewide-sales-woocommerce.local/product/anti-aging-serum/" style="border-radius:62px"><strong>Get the Anti-Aging Serum 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:columns -->
<div class="wp-block-columns"><!-- wp:column {"width":"60%","gradient":"vivid-cyan-blue-to-vivid-purple"} -->
<div class="wp-block-column has-vivid-cyan-blue-to-vivid-purple-gradient-background has-background" style="flex-basis:60%"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"center"}} -->
<div class="wp-block-group"><!-- wp:paragraph {"textColor":"palette-color-4"} -->
<p class="has-palette-color-4-color has-text-color"><strong><mark style="background-color:var(--paletteColor6, #F4F4F5)" class="has-inline-color">SAVE 50% ON OUR BEST-SELLING PRODUCT</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">Now through November 28, <strong>take 50% off our best selling product: The Anti-Aging Serum.</strong> Hurry—this deal ends soon!</p>
<!-- /wp:paragraph -->

<!-- wp:group {"textColor":"palette-color-8"} -->
<div class="wp-block-group has-palette-color-8-color has-text-color"><!-- wp:woocommerce/handpicked-products {"columns":1,"contentVisibility":{"image":true,"title":false,"price":true,"rating":false,"button":true},"products":[12]} /--></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"50%"} -->
<div class="wp-block-column" style="flex-basis:50%"><!-- wp:image {"id":63,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="http://sitewide-sales-woocommerce.local/wp-content/uploads/2022/10/pexels-anna-shvets-5069432-1-scaled.jpeg" alt="" class="wp-image-63"/></figure>
<!-- /wp:image --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- 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>Looking for something else?</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" href="/shop/" style="border-radius:62px"><strong>Shop the Store »</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":"post-sale"} -->
<div class="wp-block-swsales-sale-content"><!-- wp:group {"align":"full","gradient":"vivid-cyan-blue-to-vivid-purple"} -->
<div class="wp-block-group alignfull has-vivid-cyan-blue-to-vivid-purple-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 -->