{"id":4671,"date":"2022-08-24T13:45:32","date_gmt":"2022-08-24T19:45:32","guid":{"rendered":"https:\/\/wpengine.com\/builders\/?p=4671"},"modified":"2023-09-13T15:23:22","modified_gmt":"2023-09-13T20:23:22","slug":"shop-landing-page-woocommerce-blocks","status":"publish","type":"post","link":"https:\/\/wpengine.com\/builders\/shop-landing-page-woocommerce-blocks\/","title":{"rendered":"Shop Landing Page with WooCommerce Blocks"},"content":{"rendered":"\n<p>Creating a landing page for your WooCommerce shop has become easier with full site editing features.<\/p>\n\n\n\n<p>Let&#8217;s investigate how to engage and funnel users to key areas of your e-commerce shop with a modern layout with the <a href=\"https:\/\/frostwp.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Frost theme<\/a> and blocks. <\/p>\n\n\n\n<div class=\"wp-block-group has-polar-background-color has-background is-layout-flow wp-container-core-group-is-layout-2c003d4a wp-block-group-is-layout-flow\" style=\"margin-bottom:50px;padding-top:30px;padding-right:30px;padding-bottom:30px;padding-left:30px\">\n<p class=\"has-large-font-size\"><strong>Table of Contents<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"#store-banner-notice\">Store Banner Notice<\/a><\/li>\n\n\n\n<li><a href=\"#site-header\">Site Header, Menu, and Mini Cart<\/a><\/li>\n\n\n\n<li><a href=\"#hero-pattern\">Hero Pattern with Cover and Buttons Block<\/a><\/li>\n\n\n\n<li><a href=\"#store-category-columns\">Store Category Columns<\/a><\/li>\n\n\n\n<li><a href=\"#category-columns-visual-differentiation\">Category Column with Visual Differentiation<\/a><\/li>\n\n\n\n<li><a href=\"#testimonial\">Testimonial<\/a><\/li>\n\n\n\n<li><a href=\"#site-footer\">Site Footer<\/a><\/li>\n\n\n\n<li><a href=\"#conclusion\">Conclusion<\/a><\/li>\n<\/ul>\n<\/div>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Build a WooCommerce landing page with blocks\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/z_-ItH4mu-Y?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><figcaption class=\"wp-element-caption\">Watch a video walk-through for this tutorial.<\/figcaption><\/figure>\n\n\n\n<p>Of course, we&#8217;ll need the <a href=\"https:\/\/wordpress.org\/plugins\/woocommerce\/\" target=\"_blank\" rel=\"noreferrer noopener\">WooCommerce<\/a> plugin. We&#8217;ll be <a href=\"https:\/\/woocommerce.com\/document\/importing-woocommerce-sample-data\/\" target=\"_blank\" rel=\"noreferrer noopener\">importing WooCommerce test data<\/a> to populate our store for this tutorial (<code><a href=\"https:\/\/github.com\/woocommerce\/woocommerce\/blob\/trunk\/plugins\/woocommerce\/sample-data\/experimental_fashion_sample_9_products.csv\" target=\"_blank\" rel=\"noreferrer noopener\">experimental_fashion_sample_9_products.csv<\/a><\/code>). However, if you have real-world products, then all the better!<\/p>\n\n\n\n<p>Let&#8217;s take a quick peek at what we&#8217;re going to build. \ud83d\udc47<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-style-default\"><img loading=\"lazy\" decoding=\"async\" width=\"830\" height=\"2560\" src=\"https:\/\/wpengine.com\/builders\/wp-content\/uploads\/woo-local-home-overlay.webp\" alt=\"\" class=\"wp-image-4674\" srcset=\"https:\/\/wpengine.com\/builders\/wp-content\/uploads\/woo-local-home-overlay.webp 830w, https:\/\/wpengine.com\/builders\/wp-content\/uploads\/woo-local-home-overlay-97x300.webp 97w, https:\/\/wpengine.com\/builders\/wp-content\/uploads\/woo-local-home-overlay-332x1024.webp 332w, https:\/\/wpengine.com\/builders\/wp-content\/uploads\/woo-local-home-overlay-768x2369.webp 768w, https:\/\/wpengine.com\/builders\/wp-content\/uploads\/woo-local-home-overlay-498x1536.webp 498w, https:\/\/wpengine.com\/builders\/wp-content\/uploads\/woo-local-home-overlay-664x2048.webp 664w\" sizes=\"auto, (max-width: 830px) 100vw, 830px\" \/><figcaption class=\"wp-element-caption\"><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-base-color\">Example landing page with block hierarchy outlined<\/mark><\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"store-banner-notice\">Store banner notice<\/h2>\n\n\n\n<p>The first thing that appears on this page is a site banner. This is easily accomplished by following <a href=\"https:\/\/twitter.com\/hellosammunoz\" target=\"_blank\" rel=\"noreferrer noopener\">Sam Munoz\u2019s<\/a> post: <a href=\"https:\/\/wpengine.com\/builders\/call-to-action-bar\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Create a Top Call-to-Action Bar with Blocks<\/a>. Then, just follow her handy guide to create your own.<\/p>\n\n\n\n<div class=\"wp-block-group alignfull has-tiffany-royal-gradient-background has-background is-layout-flow wp-block-group-is-layout-flow\" style=\"padding-top:2rem;padding-right:1rem;padding-bottom:1rem;padding-left:1rem\">\n<figure class=\"wp-block-image aligncenter size-full is-style-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1271\" height=\"266\" src=\"https:\/\/wpengine.com\/builders\/wp-content\/uploads\/store-banner.webp\" alt=\"\" class=\"wp-image-4680\" srcset=\"https:\/\/wpengine.com\/builders\/wp-content\/uploads\/store-banner.webp 1271w, https:\/\/wpengine.com\/builders\/wp-content\/uploads\/store-banner-300x63.webp 300w, https:\/\/wpengine.com\/builders\/wp-content\/uploads\/store-banner-1024x214.webp 1024w, https:\/\/wpengine.com\/builders\/wp-content\/uploads\/store-banner-768x161.webp 768w\" sizes=\"auto, (max-width: 1271px) 100vw, 1271px\" \/><figcaption class=\"wp-element-caption\"><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-base-color\">\u2705 Store banner notice<\/mark><\/figcaption><\/figure>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"site-header\">Site Header, Menu, and Mini Cart<\/h2>\n\n\n\n<p>Creating a site header is crucial to enable your customers to navigate your shop easily. Fortunately, with the addition of the relaunched Mini Cart template part in WooCommerce 6.2, we can add quick access to the cart.<\/p>\n\n\n\n<div class=\"wp-block-group alignfull has-tiffany-royal-gradient-background has-background is-layout-flow wp-block-group-is-layout-flow\" style=\"padding-top:2rem;padding-right:1rem;padding-bottom:1rem;padding-left:1rem\">\n<figure class=\"wp-block-image aligncenter size-full is-style-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1296\" height=\"152\" src=\"https:\/\/wpengine.com\/builders\/wp-content\/uploads\/site-header.webp\" alt=\"\" class=\"wp-image-4682\" srcset=\"https:\/\/wpengine.com\/builders\/wp-content\/uploads\/site-header.webp 1296w, https:\/\/wpengine.com\/builders\/wp-content\/uploads\/site-header-300x35.webp 300w, https:\/\/wpengine.com\/builders\/wp-content\/uploads\/site-header-1024x120.webp 1024w, https:\/\/wpengine.com\/builders\/wp-content\/uploads\/site-header-768x90.webp 768w\" sizes=\"auto, (max-width: 1296px) 100vw, 1296px\" \/><figcaption class=\"wp-element-caption\"><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-base-color\">Site header with Mini Cart block<\/mark><\/figcaption><\/figure>\n<\/div>\n\n\n\n<p>However, getting the navigation and Mini Cart to sit alongside one another can be tricky. But, fear not; the Row block can be of service.<\/p>\n\n\n\n<p>Here is our block recipe for creating the site header for this landing page:<\/p>\n\n\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\" style=\"padding-top:0rem;padding-right:0rem;padding-bottom:0rem;padding-left:0rem\">\n<div class=\"wp-block-group has-base-color has-royal-background-color has-text-color has-background has-link-color wp-elements-c64ddb3c968340a4665ce233dde1842c is-nowrap is-layout-flex wp-container-core-group-is-layout-bbc76ea3 wp-block-group-is-layout-flex\" style=\"margin-top:0px;margin-bottom:0px;padding-top:10px;padding-right:30px;padding-bottom:10px;padding-left:25px\">\n<div class=\"wp-block-outermost-icon-block items-justified-undefined\"><div class=\"icon-container has-icon-color has-polar-color\" style=\"color:#f4f7fa;width:30px\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M19 8h-1V6h-5v2h-2V6H6v2H5c-1.1 0-2 .9-2 2v8c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2v-8c0-1.1-.9-2-2-2zm.5 10c0 .3-.2.5-.5.5H5c-.3 0-.5-.2-.5-.5v-8c0-.3.2-.5.5-.5h14c.3 0 .5.2.5.5v8z\"><\/path><\/svg><\/div><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" style=\"line-height:1.3\">Block Recipe<\/h3>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\" style=\"border-top-style:none;border-top-width:0px;border-right-color:var(--wp--preset--color--royal);border-right-width:2px;border-bottom-color:var(--wp--preset--color--royal);border-bottom-width:2px;border-left-color:var(--wp--preset--color--royal);border-left-width:2px;margin-top:0px;padding-top:20px;padding-right:30px;padding-bottom:30px;padding-left:25px\">\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-5126697b wp-block-group-is-layout-flex\" style=\"margin-top:0.3rem\">\n<div class=\"wp-block-outermost-icon-block items-justified-undefined\"><div class=\"icon-container has-icon-color has-lapis-color\" style=\"color:#007eea;width:26px\"><svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\"><path d=\"M18 4h-7c-1.1 0-2 .9-2 2v3H6c-1.1 0-2 .9-2 2v7c0 1.1.9 2 2 2h7c1.1 0 2-.9 2-2v-3h3c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm-4.5 14c0 .3-.2.5-.5.5H6c-.3 0-.5-.2-.5-.5v-7c0-.3.2-.5.5-.5h3V13c0 1.1.9 2 2 2h2.5v3zm0-4.5H11c-.3 0-.5-.2-.5-.5v-2.5H13c.3 0 .5.2.5.5v2.5zm5-.5c0 .3-.2.5-.5.5h-3V11c0-1.1-.9-2-2-2h-2.5V6c0-.3.2-.5.5-.5h7c.3 0 .5.2.5.5v7z\"><\/path><\/svg><\/div><\/div>\n\n\n\n<p><strong>Group<\/strong> &#8211; Alignwide<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-a330b045 wp-block-group-is-layout-flex\" style=\"margin-top:0.3rem;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:20px\">\n<div class=\"wp-block-outermost-icon-block items-justified-undefined\"><div class=\"icon-container has-icon-color\" style=\"color:#007eea;width:24px\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M9.2 6.5H4V8h5.2c.3 0 .5.2.5.5v7c0 .3-.2.5-.5.5H4v1.5h5.2c1.1 0 2-.9 2-2v-7c0-1.1-.8-2-2-2zM14.8 8H20V6.5h-5.2c-1.1 0-2 .9-2 2v7c0 1.1.9 2 2 2H20V16h-5.2c-.3 0-.5-.2-.5-.5v-7c-.1-.3.2-.5.5-.5z\"><\/path><\/svg><\/div><\/div>\n\n\n\n<p><strong>Row<\/strong> \u2013 Justification = Space Between Items<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-134909a0 wp-block-group-is-layout-flex\" style=\"margin-top:0.3rem;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:40px\">\n<div class=\"wp-block-outermost-icon-block items-justified-undefined\"><div class=\"icon-container has-icon-color has-lapis-color\" style=\"color:#007eea;width:26px\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 3c-5 0-9 4-9 9s4 9 9 9 9-4 9-9-4-9-9-9zm0 1.5c4.1 0 7.5 3.4 7.5 7.5v.1c-1.4-.8-3.3-1.7-3.4-1.8-.2-.1-.5-.1-.8.1l-2.9 2.1L9 11.3c-.2-.1-.4 0-.6.1l-3.7 2.2c-.1-.5-.2-1-.2-1.5 0-4.2 3.4-7.6 7.5-7.6zm0 15c-3.1 0-5.7-1.9-6.9-4.5l3.7-2.2 3.5 1.2c.2.1.5 0 .7-.1l2.9-2.1c.8.4 2.5 1.2 3.5 1.9-.9 3.3-3.9 5.8-7.4 5.8z\"><\/path><\/svg><\/div><\/div>\n\n\n\n<p><strong>Site Logo<\/strong><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-d55ba544 wp-block-group-is-layout-flex\" style=\"margin-top:0.3rem;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:60px\">\n<div class=\"wp-block-outermost-icon-block items-justified-undefined\"><div class=\"icon-container has-icon-color\" style=\"color:#007eea;width:24px\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M9.2 6.5H4V8h5.2c.3 0 .5.2.5.5v7c0 .3-.2.5-.5.5H4v1.5h5.2c1.1 0 2-.9 2-2v-7c0-1.1-.8-2-2-2zM14.8 8H20V6.5h-5.2c-1.1 0-2 .9-2 2v7c0 1.1.9 2 2 2H20V16h-5.2c-.3 0-.5-.2-.5-.5v-7c-.1-.3.2-.5.5-.5z\"><\/path><\/svg><\/div><\/div>\n\n\n\n<p><strong>Row<\/strong> \u2013 Justification = Justify Items Right<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-9f66f77a wp-block-group-is-layout-flex\" style=\"margin-top:0.3rem;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:80px\">\n<div class=\"wp-block-outermost-icon-block items-justified-undefined\"><div class=\"icon-container has-icon-color has-lapis-color\" style=\"color:#007eea;width:26px\"><svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\"><path d=\"M12 4c-4.4 0-8 3.6-8 8s3.6 8 8 8 8-3.6 8-8-3.6-8-8-8zm0 14.5c-3.6 0-6.5-2.9-6.5-6.5S8.4 5.5 12 5.5s6.5 2.9 6.5 6.5-2.9 6.5-6.5 6.5zM9 16l4.5-3L15 8.4l-4.5 3L9 16z\"><\/path><\/svg><\/div><\/div>\n\n\n\n<p><strong>Navigation<\/strong><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-9f66f77a wp-block-group-is-layout-flex\" style=\"margin-top:0.3rem;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:80px\">\n<div class=\"wp-block-outermost-icon-block items-justified-undefined\"><div class=\"icon-container has-icon-color has-lapis-color\" style=\"color:#007eea;width:24px\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" width=\"24\" height=\"24\" class=\"wc-block-editor-components-block-icon\" aria-hidden=\"true\" focusable=\"false\"><path fill=\"none\" d=\"M0 0h24v24H0V0z\"><\/path><path d=\"M15.55 13c.75 0 1.41-.41 1.75-1.03l3.58-6.49c.37-.66-.11-1.48-.87-1.48H5.21l-.94-2H1v2h2l3.6 7.59-1.35 2.44C4.52 15.37 5.48 17 7 17h12v-2H7l1.1-2h7.45zM6.16 6h12.15l-2.76 5H8.53L6.16 6zM7 18c-1.1 0-1.99.9-1.99 2S5.9 22 7 22s2-.9 2-2-.9-2-2-2zm10 0c-1.1 0-1.99.9-1.99 2s.89 2 1.99 2 2-.9 2-2-.9-2-2-2z\"><\/path><\/svg><\/div><\/div>\n\n\n\n<p><strong>Mini Cart<\/strong><\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<figure class=\"wp-block-image alignwide size-full is-style-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1018\" height=\"406\" src=\"https:\/\/wpengine.com\/builders\/wp-content\/uploads\/site-header-editor.webp\" alt=\"\" class=\"wp-image-4684\" srcset=\"https:\/\/wpengine.com\/builders\/wp-content\/uploads\/site-header-editor.webp 1018w, https:\/\/wpengine.com\/builders\/wp-content\/uploads\/site-header-editor-300x120.webp 300w, https:\/\/wpengine.com\/builders\/wp-content\/uploads\/site-header-editor-768x306.webp 768w\" sizes=\"auto, (max-width: 1018px) 100vw, 1018px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-group is-layout-flow wp-container-core-group-is-layout-ec4a89e6 wp-block-group-is-layout-flow\" style=\"padding-top:2rem;padding-right:1rem;padding-bottom:1rem;padding-left:1rem\">\n<p class=\"has-text-align-center has-polar-background-color has-background has-small-font-size\" style=\"line-height:1\">Site header block markup<\/p>\n\n\n<pre class=\"wp-block-code\" aria-describedby=\"shcb-language-1\" data-shcb-language-name=\"HTML, XML\" data-shcb-language-slug=\"xml\"><span><code class=\"hljs language-xml shcb-code-table shcb-line-numbers\"><span class='shcb-loc'><span><span class=\"hljs-comment\">&lt;!-- wp:group {\"align\":\"wide\",\"layout\":{\"type\":\"flex\",\"justifyContent\":\"space-between\"}} --&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">div<\/span> <span class=\"hljs-attr\">class<\/span>=<span class=\"hljs-string\">\"wp-block-group alignwide\"<\/span>&gt;<\/span><span class=\"hljs-comment\">&lt;!-- wp:site-title \/--&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-comment\">&lt;!-- wp:group {\"layout\":{\"type\":\"flex\",\"flexWrap\":\"nowrap\",\"justifyContent\":\"right\"}} --&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">div<\/span> <span class=\"hljs-attr\">class<\/span>=<span class=\"hljs-string\">\"wp-block-group\"<\/span>&gt;<\/span><span class=\"hljs-comment\">&lt;!-- wp:navigation {\"ref\":62,\"layout\":{\"type\":\"flex\",\"orientation\":\"horizontal\"},\"style\":{\"spacing\":{\"blockGap\":\"20px\"}}} \/--&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-comment\">&lt;!-- wp:woocommerce\/mini-cart {\"addToCartBehaviour\":\"open_drawer\",\"textColor\":\"primary\",\"style\":{\"typography\":{\"fontSize\":\"14px\"}}} \/--&gt;<\/span><span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">div<\/span>&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-comment\">&lt;!-- \/wp:group --&gt;<\/span><span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">div<\/span>&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-comment\">&lt;!-- \/wp:group --&gt;<\/span>\n<\/span><\/span><\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-1\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">HTML, XML<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">xml<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"hero-pattern\">Hero Pattern with Cover and Buttons Block<\/h2>\n\n\n\n<p>Next, we\u2019ll create a standard call-to-action area to highlight an essential store category or singular product. Depending on your store\u2019s information architecture, this may vary, but it is a common thing to see these days.<\/p>\n\n\n\n<div class=\"wp-block-group alignfull has-tiffany-royal-gradient-background has-background is-layout-flow wp-block-group-is-layout-flow\" style=\"padding-top:2rem;padding-right:1rem;padding-bottom:1rem;padding-left:1rem\">\n<figure class=\"wp-block-image aligncenter size-large is-style-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"656\" src=\"https:\/\/wpengine.com\/builders\/wp-content\/uploads\/cover-hero-cta-1024x656.webp\" alt=\"\" class=\"wp-image-4686\" srcset=\"https:\/\/wpengine.com\/builders\/wp-content\/uploads\/cover-hero-cta-1024x656.webp 1024w, https:\/\/wpengine.com\/builders\/wp-content\/uploads\/cover-hero-cta-300x192.webp 300w, https:\/\/wpengine.com\/builders\/wp-content\/uploads\/cover-hero-cta-768x492.webp 768w, https:\/\/wpengine.com\/builders\/wp-content\/uploads\/cover-hero-cta.webp 1259w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-base-color\">Hero pattern with large image and call-to-action button<\/mark><\/figcaption><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\" style=\"padding-top:0rem;padding-right:0rem;padding-bottom:0rem;padding-left:0rem\">\n<div class=\"wp-block-group has-base-color has-royal-background-color has-text-color has-background has-link-color wp-elements-c64ddb3c968340a4665ce233dde1842c is-nowrap is-layout-flex wp-container-core-group-is-layout-bbc76ea3 wp-block-group-is-layout-flex\" style=\"margin-top:0px;margin-bottom:0px;padding-top:10px;padding-right:30px;padding-bottom:10px;padding-left:25px\">\n<div class=\"wp-block-outermost-icon-block items-justified-undefined\"><div class=\"icon-container has-icon-color has-polar-color\" style=\"color:#f4f7fa;width:30px\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M19 8h-1V6h-5v2h-2V6H6v2H5c-1.1 0-2 .9-2 2v8c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2v-8c0-1.1-.9-2-2-2zm.5 10c0 .3-.2.5-.5.5H5c-.3 0-.5-.2-.5-.5v-8c0-.3.2-.5.5-.5h14c.3 0 .5.2.5.5v8z\"><\/path><\/svg><\/div><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" style=\"line-height:1.3\">Block Recipe<\/h3>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\" style=\"border-top-style:none;border-top-width:0px;border-right-color:var(--wp--preset--color--royal);border-right-width:2px;border-bottom-color:var(--wp--preset--color--royal);border-bottom-width:2px;border-left-color:var(--wp--preset--color--royal);border-left-width:2px;margin-top:0px;padding-top:20px;padding-right:30px;padding-bottom:30px;padding-left:25px\">\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-5126697b wp-block-group-is-layout-flex\" style=\"margin-top:0.3rem\">\n<div class=\"wp-block-outermost-icon-block items-justified-undefined\"><div class=\"icon-container has-icon-color has-lapis-color\" style=\"color:#007eea;width:26px\"><svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\"><path d=\"M18 4h-7c-1.1 0-2 .9-2 2v3H6c-1.1 0-2 .9-2 2v7c0 1.1.9 2 2 2h7c1.1 0 2-.9 2-2v-3h3c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm-4.5 14c0 .3-.2.5-.5.5H6c-.3 0-.5-.2-.5-.5v-7c0-.3.2-.5.5-.5h3V13c0 1.1.9 2 2 2h2.5v3zm0-4.5H11c-.3 0-.5-.2-.5-.5v-2.5H13c.3 0 .5.2.5.5v2.5zm5-.5c0 .3-.2.5-.5.5h-3V11c0-1.1-.9-2-2-2h-2.5V6c0-.3.2-.5.5-.5h7c.3 0 .5.2.5.5v7z\"><\/path><\/svg><\/div><\/div>\n\n\n\n<p><strong>Group<\/strong><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-a330b045 wp-block-group-is-layout-flex\" style=\"margin-top:0.3rem;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:20px\">\n<div class=\"wp-block-outermost-icon-block items-justified-undefined\"><div class=\"icon-container has-icon-color has-lapis-color\" style=\"color:#007eea;width:22px\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M18.7 3H5.3C4 3 3 4 3 5.3v13.4C3 20 4 21 5.3 21h13.4c1.3 0 2.3-1 2.3-2.3V5.3C21 4 20 3 18.7 3zm.8 15.7c0 .4-.4.8-.8.8H5.3c-.4 0-.8-.4-.8-.8V5.3c0-.4.4-.8.8-.8h6.2v8.9l2.5-3.1 2.5 3.1V4.5h2.2c.4 0 .8.4.8.8v13.4z\"><\/path><\/svg><\/div><\/div>\n\n\n\n<p><strong>Cover<\/strong> &#8211; Min-height = <code>726px<\/code>, Overlay = <code>30%<\/code><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-134909a0 wp-block-group-is-layout-flex\" style=\"margin-top:0.3rem;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:40px\">\n<div class=\"wp-block-outermost-icon-block items-justified-undefined\"><div class=\"icon-container has-icon-color has-lapis-color\" style=\"color:#007eea;width:26px\"><svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\"><path d=\"M18 4h-7c-1.1 0-2 .9-2 2v3H6c-1.1 0-2 .9-2 2v7c0 1.1.9 2 2 2h7c1.1 0 2-.9 2-2v-3h3c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm-4.5 14c0 .3-.2.5-.5.5H6c-.3 0-.5-.2-.5-.5v-7c0-.3.2-.5.5-.5h3V13c0 1.1.9 2 2 2h2.5v3zm0-4.5H11c-.3 0-.5-.2-.5-.5v-2.5H13c.3 0 .5.2.5.5v2.5zm5-.5c0 .3-.2.5-.5.5h-3V11c0-1.1-.9-2-2-2h-2.5V6c0-.3.2-.5.5-.5h7c.3 0 .5.2.5.5v7z\"><\/path><\/svg><\/div><\/div>\n\n\n\n<p><strong>Group<\/strong><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-d55ba544 wp-block-group-is-layout-flex\" style=\"margin-top:0.3rem;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:60px\">\n<div class=\"wp-block-outermost-icon-block items-justified-undefined\"><div class=\"icon-container has-icon-color\" style=\"color:#007eea;width:24px\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M18.3 4H9.9v-.1l-.9.2c-2.3.4-4 2.4-4 4.8s1.7 4.4 4 4.8l.7.1V20h1.5V5.5h2.9V20h1.5V5.5h2.7V4z\"><\/path><\/svg><\/div><\/div>\n\n\n\n<p><strong>Paragraph<\/strong> \u2013 Font Size = Small, Aligned center<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-d55ba544 wp-block-group-is-layout-flex\" style=\"margin-top:0.3rem;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:60px\">\n<div class=\"wp-block-outermost-icon-block items-justified-undefined\"><div class=\"icon-container has-icon-color\" style=\"color:#007eea;width:24px\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M6.2 5.2v13.4l5.8-4.8 5.8 4.8V5.2z\"><\/path><\/svg><\/div><\/div>\n\n\n\n<p><strong>Heading<\/strong> \u2013 Aligned center<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-d55ba544 wp-block-group-is-layout-flex\" style=\"margin-top:0.3rem;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:60px\">\n<div class=\"wp-block-outermost-icon-block items-justified-undefined\"><div class=\"icon-container has-icon-color\" style=\"color:#007eea;width:24px\"><svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\"><path d=\"M17 3H7c-1.1 0-2 .9-2 2v4c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm.5 6c0 .3-.2.5-.5.5H7c-.3 0-.5-.2-.5-.5V5c0-.3.2-.5.5-.5h10c.3 0 .5.2.5.5v4zm-8-1.2h5V6.2h-5v1.6zM17 13H7c-1.1 0-2 .9-2 2v4c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2v-4c0-1.1-.9-2-2-2zm.5 6c0 .3-.2.5-.5.5H7c-.3 0-.5-.2-.5-.5v-4c0-.3.2-.5.5-.5h10c.3 0 .5.2.5.5v4zm-8-1.2h5v-1.5h-5v1.5z\"><\/path><\/svg><\/div><\/div>\n\n\n\n<p><strong>Buttons<\/strong> \u2013 Aligned center<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-9f66f77a wp-block-group-is-layout-flex\" style=\"margin-top:0.3rem;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:80px\">\n<div class=\"wp-block-outermost-icon-block items-justified-undefined\"><div class=\"icon-container has-icon-color\" style=\"color:#007eea;width:24px\"><svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\"><path d=\"M19 6.5H5c-1.1 0-2 .9-2 2v7c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2v-7c0-1.1-.9-2-2-2zm.5 9c0 .3-.2.5-.5.5H5c-.3 0-.5-.2-.5-.5v-7c0-.3.2-.5.5-.5h14c.3 0 .5.2.5.5v7zM8 12.8h8v-1.5H8v1.5z\"><\/path><\/svg><\/div><\/div>\n\n\n\n<p><strong>Button<\/strong><\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<figure class=\"wp-block-image alignwide size-large is-style-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"866\" src=\"https:\/\/wpengine.com\/builders\/wp-content\/uploads\/hero-pattern-editor-1024x866.png\" alt=\"\" class=\"wp-image-4687\" srcset=\"https:\/\/wpengine.com\/builders\/wp-content\/uploads\/hero-pattern-editor-1024x866.png 1024w, https:\/\/wpengine.com\/builders\/wp-content\/uploads\/hero-pattern-editor-300x254.png 300w, https:\/\/wpengine.com\/builders\/wp-content\/uploads\/hero-pattern-editor-768x650.png 768w, https:\/\/wpengine.com\/builders\/wp-content\/uploads\/hero-pattern-editor.png 1258w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-group is-layout-flow wp-container-core-group-is-layout-ec4a89e6 wp-block-group-is-layout-flow\" style=\"padding-top:2rem;padding-right:1rem;padding-bottom:1rem;padding-left:1rem\">\n<p class=\"has-text-align-center has-polar-background-color has-background has-small-font-size\" style=\"line-height:1\">Hero pattern block markup<\/p>\n\n\n<pre class=\"wp-block-code\" aria-describedby=\"shcb-language-2\" data-shcb-language-name=\"HTML, XML\" data-shcb-language-slug=\"xml\"><span><code class=\"hljs language-xml shcb-code-table shcb-line-numbers\"><span class='shcb-loc'><span><span class=\"hljs-comment\">&lt;!-- wp:group {\"tagName\":\"section\",\"align\":\"full\",\"layout\":{\"inherit\":false}} --&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">section<\/span> <span class=\"hljs-attr\">class<\/span>=<span class=\"hljs-string\">\"wp-block-group alignfull\"<\/span>&gt;<\/span><span class=\"hljs-comment\">&lt;!-- wp:cover {\"url\":\"https:\/\/images.unsplash.com\/flagged\/photo-1570733117311-d990c3816c47?ixlib=rb-1.2.1&amp;ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&amp;auto=format&amp;fit=crop&amp;w=1470&amp;q=80\",\"id\":43,\"dimRatio\":30,\"focalPoint\":{\"x\":\"0.50\",\"y\":\"0.29\"},\"minHeight\":726,\"minHeightUnit\":\"px\",\"gradient\":\"black-tertiary\",\"isDark\":false} --&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">div<\/span> <span class=\"hljs-attr\">class<\/span>=<span class=\"hljs-string\">\"wp-block-cover is-light\"<\/span> <span class=\"hljs-attr\">style<\/span>=<span class=\"hljs-string\">\"min-height:726px\"<\/span> <span class=\"hljs-attr\">id<\/span>=<span class=\"hljs-string\">\"featured\"<\/span>&gt;<\/span><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">span<\/span> <span class=\"hljs-attr\">aria-hidden<\/span>=<span class=\"hljs-string\">\"true\"<\/span> <span class=\"hljs-attr\">class<\/span>=<span class=\"hljs-string\">\"wp-block-cover__background has-background-dim-30 has-background-dim wp-block-cover__gradient-background has-background-gradient has-black-tertiary-gradient-background\"<\/span>&gt;<\/span><span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">span<\/span>&gt;<\/span><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">img<\/span> <span class=\"hljs-attr\">class<\/span>=<span class=\"hljs-string\">\"wp-block-cover__image-background wp-image-43\"<\/span> <span class=\"hljs-attr\">alt<\/span>=<span class=\"hljs-string\">\"\"<\/span> <span class=\"hljs-attr\">src<\/span>=<span class=\"hljs-string\">\"https:\/\/images.unsplash.com\/flagged\/photo-1570733117311-d990c3816c47?ixlib=rb-1.2.1&amp;ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&amp;auto=format&amp;fit=crop&amp;w=1470&amp;q=80\"<\/span> <span class=\"hljs-attr\">style<\/span>=<span class=\"hljs-string\">\"object-position:50% 29%\"<\/span> <span class=\"hljs-attr\">data-object-fit<\/span>=<span class=\"hljs-string\">\"cover\"<\/span> <span class=\"hljs-attr\">data-object-position<\/span>=<span class=\"hljs-string\">\"50% 29%\"<\/span>\/&gt;<\/span><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">div<\/span> <span class=\"hljs-attr\">class<\/span>=<span class=\"hljs-string\">\"wp-block-cover__inner-container\"<\/span>&gt;<\/span><span class=\"hljs-comment\">&lt;!-- wp:group {\"textColor\":\"base\"} --&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">div<\/span> <span class=\"hljs-attr\">class<\/span>=<span class=\"hljs-string\">\"wp-block-group has-base-color has-text-color\"<\/span>&gt;<\/span><span class=\"hljs-comment\">&lt;!-- wp:paragraph {\"align\":\"center\",\"style\":{\"typography\":{\"lineHeight\":\"1\"}},\"textColor\":\"base\",\"fontSize\":\"small\"} --&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">p<\/span> <span class=\"hljs-attr\">class<\/span>=<span class=\"hljs-string\">\"has-text-align-center has-base-color has-text-color has-small-font-size\"<\/span> <span class=\"hljs-attr\">style<\/span>=<span class=\"hljs-string\">\"line-height:1\"<\/span>&gt;<\/span>FALL COLLECTION<span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">p<\/span>&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-comment\">&lt;!-- \/wp:paragraph --&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-comment\">&lt;!-- wp:heading {\"textAlign\":\"center\",\"style\":{\"spacing\":{\"margin\":{\"top\":\"0px\",\"bottom\":\"1.5rem\"}}},\"textColor\":\"background\",\"fontSize\":\"max-60\"} --&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">h2<\/span> <span class=\"hljs-attr\">class<\/span>=<span class=\"hljs-string\">\"has-text-align-center has-background-color has-text-color has-max-60-font-size\"<\/span> <span class=\"hljs-attr\">style<\/span>=<span class=\"hljs-string\">\"margin-top:0px;margin-bottom:1.5rem\"<\/span>&gt;<\/span>Mega Lounge<span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">h2<\/span>&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-comment\">&lt;!-- \/wp:heading --&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-comment\">&lt;!-- wp:buttons {\"layout\":{\"type\":\"flex\",\"justifyContent\":\"center\"}} --&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">div<\/span> <span class=\"hljs-attr\">class<\/span>=<span class=\"hljs-string\">\"wp-block-buttons\"<\/span>&gt;<\/span><span class=\"hljs-comment\">&lt;!-- wp:button {\"style\":{\"border\":{\"radius\":\"0px\"}},\"className\":\"is-style-outline-base\"} --&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">div<\/span> <span class=\"hljs-attr\">class<\/span>=<span class=\"hljs-string\">\"wp-block-button is-style-outline-base\"<\/span>&gt;<\/span><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">a<\/span> <span class=\"hljs-attr\">class<\/span>=<span class=\"hljs-string\">\"wp-block-button__link wp-element-button\"<\/span> <span class=\"hljs-attr\">style<\/span>=<span class=\"hljs-string\">\"border-radius:0px\"<\/span>&gt;<\/span>Show Now \u2192<span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">a<\/span>&gt;<\/span><span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">div<\/span>&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-comment\">&lt;!-- \/wp:button --&gt;<\/span><span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">div<\/span>&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-comment\">&lt;!-- \/wp:buttons --&gt;<\/span><span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">div<\/span>&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-comment\">&lt;!-- \/wp:group --&gt;<\/span><span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">div<\/span>&gt;<\/span><span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">div<\/span>&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-comment\">&lt;!-- \/wp:cover --&gt;<\/span><span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">section<\/span>&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-comment\">&lt;!-- \/wp:group --&gt;<\/span>\n<\/span><\/span><\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-2\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">HTML, XML<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">xml<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"store-category-columns\">Store Category Columns<\/h2>\n\n\n\n<p>Now that we&#8217;ve got our large call-to-action area to highlight our primary funnel, let&#8217;s start to expand to key categories in our store and allow visitors to understand further the context of our offering.<\/p>\n\n\n\n<div class=\"wp-block-group alignfull has-tiffany-royal-gradient-background has-background is-layout-flow wp-block-group-is-layout-flow\" style=\"padding-top:2rem;padding-right:1rem;padding-bottom:1rem;padding-left:1rem\">\n<figure class=\"wp-block-image aligncenter size-full is-style-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1306\" height=\"787\" src=\"https:\/\/wpengine.com\/builders\/wp-content\/uploads\/category-columns.webp\" alt=\"\" class=\"wp-image-4689\" srcset=\"https:\/\/wpengine.com\/builders\/wp-content\/uploads\/category-columns.webp 1306w, https:\/\/wpengine.com\/builders\/wp-content\/uploads\/category-columns-300x181.webp 300w, https:\/\/wpengine.com\/builders\/wp-content\/uploads\/category-columns-1024x617.webp 1024w, https:\/\/wpengine.com\/builders\/wp-content\/uploads\/category-columns-768x463.webp 768w\" sizes=\"auto, (max-width: 1306px) 100vw, 1306px\" \/><figcaption class=\"wp-element-caption\"><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-base-color\">Three columns of categories with call-to-action<\/mark><\/figcaption><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\" style=\"padding-top:0rem;padding-right:0rem;padding-bottom:0rem;padding-left:0rem\">\n<div class=\"wp-block-group has-base-color has-royal-background-color has-text-color has-background has-link-color wp-elements-c64ddb3c968340a4665ce233dde1842c is-nowrap is-layout-flex wp-container-core-group-is-layout-bbc76ea3 wp-block-group-is-layout-flex\" style=\"margin-top:0px;margin-bottom:0px;padding-top:10px;padding-right:30px;padding-bottom:10px;padding-left:25px\">\n<div class=\"wp-block-outermost-icon-block items-justified-undefined\"><div class=\"icon-container has-icon-color has-polar-color\" style=\"color:#f4f7fa;width:30px\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M19 8h-1V6h-5v2h-2V6H6v2H5c-1.1 0-2 .9-2 2v8c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2v-8c0-1.1-.9-2-2-2zm.5 10c0 .3-.2.5-.5.5H5c-.3 0-.5-.2-.5-.5v-8c0-.3.2-.5.5-.5h14c.3 0 .5.2.5.5v8z\"><\/path><\/svg><\/div><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" style=\"line-height:1.3\">Block Recipe<\/h3>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\" style=\"border-top-style:none;border-top-width:0px;border-right-color:var(--wp--preset--color--royal);border-right-width:2px;border-bottom-color:var(--wp--preset--color--royal);border-bottom-width:2px;border-left-color:var(--wp--preset--color--royal);border-left-width:2px;margin-top:0px;padding-top:20px;padding-right:30px;padding-bottom:30px;padding-left:25px\">\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-ffc7fc87 wp-block-group-is-layout-flex\" style=\"margin-top:0.3rem\">\n<div class=\"wp-block-outermost-icon-block items-justified-center\"><div class=\"icon-container has-icon-color has-lapis-color\" style=\"color:#007eea;width:26px\"><svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\"><path d=\"M18 4h-7c-1.1 0-2 .9-2 2v3H6c-1.1 0-2 .9-2 2v7c0 1.1.9 2 2 2h7c1.1 0 2-.9 2-2v-3h3c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm-4.5 14c0 .3-.2.5-.5.5H6c-.3 0-.5-.2-.5-.5v-7c0-.3.2-.5.5-.5h3V13c0 1.1.9 2 2 2h2.5v3zm0-4.5H11c-.3 0-.5-.2-.5-.5v-2.5H13c.3 0 .5.2.5.5v2.5zm5-.5c0 .3-.2.5-.5.5h-3V11c0-1.1-.9-2-2-2h-2.5V6c0-.3.2-.5.5-.5h7c.3 0 .5.2.5.5v7z\"><\/path><\/svg><\/div><\/div>\n\n\n\n<p><strong>Group<\/strong> \u2013 Background Color = background, Padding = <code>5rem<\/code> \/ <code>5rem<\/code> \/ <code>6rem<\/code> \/ <code>5rem<\/code>, Margin = <code>5rem<\/code> [top]<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-a330b045 wp-block-group-is-layout-flex\" style=\"margin-top:0.3rem;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:20px\">\n<div class=\"wp-block-outermost-icon-block items-justified-center\"><div class=\"icon-container has-icon-color\" style=\"color:#007eea;width:22px\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M6.2 5.2v13.4l5.8-4.8 5.8 4.8V5.2z\"><\/path><\/svg><\/div><\/div>\n\n\n\n<p><strong>Heading<\/strong><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-a330b045 wp-block-group-is-layout-flex\" style=\"margin-top:0.3rem;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:20px\">\n<div class=\"wp-block-outermost-icon-block items-justified-center\"><div class=\"icon-container has-icon-color has-lapis-color\" style=\"color:#007eea;width:26px\"><svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\"><path d=\"M19 6H6c-1.1 0-2 .9-2 2v9c0 1.1.9 2 2 2h13c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm-4.1 1.5v10H10v-10h4.9zM5.5 17V8c0-.3.2-.5.5-.5h2.5v10H6c-.3 0-.5-.2-.5-.5zm14 0c0 .3-.2.5-.5.5h-2.6v-10H19c.3 0 .5.2.5.5v9z\"><\/path><\/svg><\/div><\/div>\n\n\n\n<p><strong>Columns<\/strong><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-134909a0 wp-block-group-is-layout-flex\" style=\"margin-top:0.3rem;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:40px\">\n<div class=\"wp-block-outermost-icon-block items-justified-center\"><div class=\"icon-container has-icon-color has-lapis-color\" style=\"color:#007eea;width:24px\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M19 6H6c-1.1 0-2 .9-2 2v9c0 1.1.9 2 2 2h13c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zM6 17.5c-.3 0-.5-.2-.5-.5V8c0-.3.2-.5.5-.5h3v10H6zm13.5-.5c0 .3-.2.5-.5.5h-3v-10h3c.3 0 .5.2.5.5v9z\"><\/path><\/svg><\/div><\/div>\n\n\n\n<p><strong>Column<\/strong><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-d23440d5 wp-block-group-is-layout-flex\" style=\"margin-top:0.3rem;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:60px\">\n<div class=\"wp-block-outermost-icon-block items-justified-center\"><div class=\"icon-container has-icon-color has-lapis-color\" style=\"color:#007eea;width:24px\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/SVG\" viewBox=\"0 0 24 24\" width=\"24\" height=\"24\" class=\"wc-block-editor-components-block-icon\" aria-hidden=\"true\" focusable=\"false\"><path fill=\"none\" d=\"M0 0h24v24H0V0z\"><\/path><path d=\"M20 6h-8l-2-2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm0 12H4V6h5.17l2 2H20v10zm-6.92-3.96L12.39 17 15 15.47 17.61 17l-.69-2.96 2.3-1.99-3.03-.26L15 9l-1.19 2.79-3.03.26z\"><\/path><\/svg><\/div><\/div>\n\n\n\n<p><strong>Featured Category<\/strong> (WooCommerce block) \u2013 Image Fit = Cover, Overlay = <code>50%<\/code><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-134909a0 wp-block-group-is-layout-flex\" style=\"margin-top:0.3rem;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:40px\">\n<div class=\"wp-block-outermost-icon-block items-justified-center\"><div class=\"icon-container has-icon-color has-lapis-color\" style=\"color:#007eea;width:24px\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M19 6H6c-1.1 0-2 .9-2 2v9c0 1.1.9 2 2 2h13c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zM6 17.5c-.3 0-.5-.2-.5-.5V8c0-.3.2-.5.5-.5h3v10H6zm13.5-.5c0 .3-.2.5-.5.5h-3v-10h3c.3 0 .5.2.5.5v9z\"><\/path><\/svg><\/div><\/div>\n\n\n\n<p><strong>Column [repeat for each column]<\/strong><\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<figure class=\"wp-block-image alignwide size-full is-style-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1547\" height=\"851\" src=\"https:\/\/wpengine.com\/builders\/wp-content\/uploads\/category-columns-editor.webp\" alt=\"\" class=\"wp-image-4691\" srcset=\"https:\/\/wpengine.com\/builders\/wp-content\/uploads\/category-columns-editor.webp 1547w, https:\/\/wpengine.com\/builders\/wp-content\/uploads\/category-columns-editor-300x165.webp 300w, https:\/\/wpengine.com\/builders\/wp-content\/uploads\/category-columns-editor-1024x563.webp 1024w, https:\/\/wpengine.com\/builders\/wp-content\/uploads\/category-columns-editor-768x422.webp 768w, https:\/\/wpengine.com\/builders\/wp-content\/uploads\/category-columns-editor-1536x845.webp 1536w\" sizes=\"auto, (max-width: 1547px) 100vw, 1547px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-group is-layout-flow wp-container-core-group-is-layout-ec4a89e6 wp-block-group-is-layout-flow\" style=\"padding-top:2rem;padding-right:1rem;padding-bottom:1rem;padding-left:1rem\">\n<p class=\"has-text-align-center has-polar-background-color has-background has-small-font-size\" style=\"line-height:1\">Category Columns block markup<\/p>\n\n\n<pre class=\"wp-block-code\" aria-describedby=\"shcb-language-3\" data-shcb-language-name=\"JavaScript\" data-shcb-language-slug=\"javascript\"><span><code class=\"hljs language-javascript shcb-code-table shcb-line-numbers\"><span class='shcb-loc'><span>&lt;!-- wp:group {<span class=\"hljs-string\">\"tagName\"<\/span>:<span class=\"hljs-string\">\"section\"<\/span>,<span class=\"hljs-string\">\"style\"<\/span>:{<span class=\"hljs-string\">\"spacing\"<\/span>:{<span class=\"hljs-string\">\"margin\"<\/span>:{<span class=\"hljs-string\">\"top\"<\/span>:<span class=\"hljs-string\">\"5rem\"<\/span>},<span class=\"hljs-string\">\"padding\"<\/span>:{<span class=\"hljs-string\">\"top\"<\/span>:<span class=\"hljs-string\">\"5rem\"<\/span>,<span class=\"hljs-string\">\"right\"<\/span>:<span class=\"hljs-string\">\"5rem\"<\/span>,<span class=\"hljs-string\">\"bottom\"<\/span>:<span class=\"hljs-string\">\"6rem\"<\/span>,<span class=\"hljs-string\">\"left\"<\/span>:<span class=\"hljs-string\">\"5rem\"<\/span>}},<span class=\"hljs-string\">\"elements\"<\/span>:{<span class=\"hljs-string\">\"link\"<\/span>:{<span class=\"hljs-string\">\"color\"<\/span>:{<span class=\"hljs-string\">\"text\"<\/span>:<span class=\"hljs-string\">\"var:preset|color|base\"<\/span>}}}},<span class=\"hljs-string\">\"backgroundColor\"<\/span>:<span class=\"hljs-string\">\"main\"<\/span>,<span class=\"hljs-string\">\"textColor\"<\/span>:<span class=\"hljs-string\">\"base\"<\/span>,<span class=\"hljs-string\">\"layout\"<\/span>:{<span class=\"hljs-string\">\"inherit\"<\/span>:<span class=\"hljs-literal\">false<\/span>},<span class=\"hljs-string\">\"fontSize\"<\/span>:<span class=\"hljs-string\">\"large\"<\/span>} --&gt;\n<\/span><\/span><span class='shcb-loc'><span><span class=\"xml\"><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">section<\/span> <span class=\"hljs-attr\">class<\/span>=<span class=\"hljs-string\">\"wp-block-group has-base-color has-main-background-color has-text-color has-background has-link-color has-large-font-size\"<\/span> <span class=\"hljs-attr\">style<\/span>=<span class=\"hljs-string\">\"margin-top:5rem;padding-top:5rem;padding-right:5rem;padding-bottom:6rem;padding-left:5rem\"<\/span>&gt;<\/span><span class=\"hljs-comment\">&lt;!-- wp:heading {\"textAlign\":\"center\",\"style\":{\"spacing\":{\"margin\":{\"top\":\"0rem\",\"bottom\":\"2rem\"}}},\"fontSize\":\"max-36\"} --&gt;<\/span><\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"xml\"><span class=\"hljs-tag\"><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">h2<\/span> <span class=\"hljs-attr\">class<\/span>=<span class=\"hljs-string\">\"has-text-align-center has-max-36-font-size\"<\/span> <span class=\"hljs-attr\">style<\/span>=<span class=\"hljs-string\">\"margin-top:0rem;margin-bottom:2rem\"<\/span>&gt;<\/span>Latest Trends <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">mark<\/span> <span class=\"hljs-attr\">style<\/span>=<span class=\"hljs-string\">\"background-color:rgba(0, 0, 0, 0)\"<\/span> <span class=\"hljs-attr\">class<\/span>=<span class=\"hljs-string\">\"has-inline-color has-tertiary-color\"<\/span>&gt;<\/span><span class=\"hljs-symbol\">&amp;amp;<\/span><span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">mark<\/span>&gt;<\/span> Outerwear<span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">h2<\/span>&gt;<\/span><\/span><\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"xml\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-comment\">&lt;!-- \/wp:heading --&gt;<\/span><\/span><\/span><\/span><\/span><\/span><\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"xml\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><\/span><\/span><\/span><\/span><\/span><\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"xml\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-comment\">&lt;!-- wp:columns --&gt;<\/span><\/span><\/span><\/span><\/span><\/span><\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"xml\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">div<\/span> <span class=\"hljs-attr\">class<\/span>=<span class=\"hljs-string\">\"wp-block-columns\"<\/span>&gt;<\/span><span class=\"hljs-comment\">&lt;!-- wp:column --&gt;<\/span><\/span><\/span><\/span><\/span><\/span><\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"xml\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">div<\/span> <span class=\"hljs-attr\">class<\/span>=<span class=\"hljs-string\">\"wp-block-column\"<\/span>&gt;<\/span><span class=\"hljs-comment\">&lt;!-- wp:woocommerce\/featured-category {\"editMode\":false,\"imageFit\":\"cover\",\"categoryId\":19,\"overlayGradient\":\"linear-gradient(135deg,rgba(0,0,0,1) 50%,var(\\u002d\\u002dwp\\u002d\\u002dpreset\\u002d\\u002dcolor\\u002d\\u002dprimary) 100%)\",\"style\":{\"color\":{\"text\":\"#ffffff\"}}} --&gt;<\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"xml\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-comment\">&lt;!-- wp:buttons {\"layout\":{\"type\":\"flex\",\"justifyContent\":\"center\"}} --&gt;<\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"xml\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">div<\/span> <span class=\"hljs-attr\">class<\/span>=<span class=\"hljs-string\">\"wp-block-buttons\"<\/span>&gt;<\/span><span class=\"hljs-comment\">&lt;!-- wp:button {\"className\":\"is-style-outline-base\"} --&gt;<\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"xml\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">div<\/span> <span class=\"hljs-attr\">class<\/span>=<span class=\"hljs-string\">\"wp-block-button is-style-outline-base\"<\/span>&gt;<\/span><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">a<\/span> <span class=\"hljs-attr\">class<\/span>=<span class=\"hljs-string\">\"wp-block-button__link wp-element-button\"<\/span> <span class=\"hljs-attr\">href<\/span>=<span class=\"hljs-string\">\"#\"<\/span>&gt;<\/span>Shop now \u2192<span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">a<\/span>&gt;<\/span><span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">div<\/span>&gt;<\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"xml\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-comment\">&lt;!-- \/wp:button --&gt;<\/span><span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">div<\/span>&gt;<\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"xml\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-comment\">&lt;!-- \/wp:buttons --&gt;<\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"xml\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-comment\">&lt;!-- \/wp:woocommerce\/featured-category --&gt;<\/span><span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">div<\/span>&gt;<\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"xml\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-comment\">&lt;!-- \/wp:column --&gt;<\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"xml\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"xml\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-comment\">&lt;!-- wp:column --&gt;<\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"xml\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">div<\/span> <span class=\"hljs-attr\">class<\/span>=<span class=\"hljs-string\">\"wp-block-column\"<\/span>&gt;<\/span><span class=\"hljs-comment\">&lt;!-- wp:woocommerce\/featured-category {\"editMode\":false,\"imageFit\":\"cover\",\"categoryId\":20,\"overlayGradient\":\"linear-gradient(135deg,rgba(0,0,0,1) 50%,var(\\u002d\\u002dwp\\u002d\\u002dpreset\\u002d\\u002dcolor\\u002d\\u002dsecondary) 100%)\"} --&gt;<\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"xml\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-comment\">&lt;!-- wp:buttons {\"layout\":{\"type\":\"flex\",\"justifyContent\":\"center\"}} --&gt;<\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"xml\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">div<\/span> <span class=\"hljs-attr\">class<\/span>=<span class=\"hljs-string\">\"wp-block-buttons\"<\/span>&gt;<\/span><span class=\"hljs-comment\">&lt;!-- wp:button {\"className\":\"is-style-outline-base\"} --&gt;<\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"xml\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">div<\/span> <span class=\"hljs-attr\">class<\/span>=<span class=\"hljs-string\">\"wp-block-button is-style-outline-base\"<\/span>&gt;<\/span><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">a<\/span> <span class=\"hljs-attr\">class<\/span>=<span class=\"hljs-string\">\"wp-block-button__link wp-element-button\"<\/span> <span class=\"hljs-attr\">href<\/span>=<span class=\"hljs-string\">\"#\"<\/span>&gt;<\/span>Shop now \u2192<span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">a<\/span>&gt;<\/span><span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">div<\/span>&gt;<\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"xml\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-comment\">&lt;!-- \/wp:button --&gt;<\/span><span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">div<\/span>&gt;<\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"xml\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-comment\">&lt;!-- \/wp:buttons --&gt;<\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"xml\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-comment\">&lt;!-- \/wp:woocommerce\/featured-category --&gt;<\/span><span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">div<\/span>&gt;<\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"xml\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-comment\">&lt;!-- \/wp:column --&gt;<\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"xml\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"xml\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-comment\">&lt;!-- wp:column --&gt;<\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"xml\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">div<\/span> <span class=\"hljs-attr\">class<\/span>=<span class=\"hljs-string\">\"wp-block-column\"<\/span>&gt;<\/span><span class=\"hljs-comment\">&lt;!-- wp:woocommerce\/featured-category {\"editMode\":false,\"imageFit\":\"cover\",\"categoryId\":18,\"overlayGradient\":\"linear-gradient(135deg,rgba(0,0,0,1) 50%,var(\\u002d\\u002dwp\\u002d\\u002dpreset\\u002d\\u002dcolor\\u002d\\u002dtertiary) 100%)\"} --&gt;<\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"xml\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-comment\">&lt;!-- wp:buttons {\"layout\":{\"type\":\"flex\",\"justifyContent\":\"center\"},\"style\":{\"spacing\":{\"margin\":{\"top\":\"0px\",\"bottom\":\"0px\"}}}} --&gt;<\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"xml\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">div<\/span> <span class=\"hljs-attr\">class<\/span>=<span class=\"hljs-string\">\"wp-block-buttons\"<\/span> <span class=\"hljs-attr\">style<\/span>=<span class=\"hljs-string\">\"margin-top:0px;margin-bottom:0px\"<\/span>&gt;<\/span><span class=\"hljs-comment\">&lt;!-- wp:button {\"className\":\"is-style-outline-base\"} --&gt;<\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"xml\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">div<\/span> <span class=\"hljs-attr\">class<\/span>=<span class=\"hljs-string\">\"wp-block-button is-style-outline-base\"<\/span>&gt;<\/span><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">a<\/span> <span class=\"hljs-attr\">class<\/span>=<span class=\"hljs-string\">\"wp-block-button__link wp-element-button\"<\/span> <span class=\"hljs-attr\">href<\/span>=<span class=\"hljs-string\">\"#\"<\/span>&gt;<\/span>Shop now \u2192<span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">a<\/span>&gt;<\/span><span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">div<\/span>&gt;<\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"xml\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-comment\">&lt;!-- \/wp:button --&gt;<\/span><span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">div<\/span>&gt;<\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"xml\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-comment\">&lt;!-- \/wp:buttons --&gt;<\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"xml\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-comment\">&lt;!-- \/wp:woocommerce\/featured-category --&gt;<\/span><span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">div<\/span>&gt;<\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"xml\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-comment\">&lt;!-- \/wp:column --&gt;<\/span><span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">div<\/span>&gt;<\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"xml\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-comment\">&lt;!-- \/wp:columns --&gt;<\/span><span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">section<\/span>&gt;<\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"xml\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\"><span class=\"hljs-tag\">&lt;!-- <span class=\"hljs-regexp\">\/wp:group --&gt;<\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span>\n<\/span><\/span><\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-3\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">JavaScript<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">javascript<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"category-columns-visual-differentiation\">Category Columns with Visual Differentiation<\/h2>\n\n\n\n<p>We can continue to break down the hierarchy of information on the page by creating a bit of visual differentiation for secondary categories and even a Sale call-to-action.<\/p>\n\n\n\n<div class=\"wp-block-group alignfull has-tiffany-royal-gradient-background has-background is-layout-flow wp-block-group-is-layout-flow\" style=\"padding-top:2rem;padding-right:1rem;padding-bottom:1rem;padding-left:1rem\">\n<figure class=\"wp-block-image aligncenter size-large is-resized is-style-border\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wpengine.com\/builders\/wp-content\/uploads\/category-columns-continued-1024x972.webp\" alt=\"\" class=\"wp-image-4694\" style=\"width:1024px;height:972px\" width=\"1024\" height=\"972\" srcset=\"https:\/\/wpengine.com\/builders\/wp-content\/uploads\/category-columns-continued-1024x972.webp 1024w, https:\/\/wpengine.com\/builders\/wp-content\/uploads\/category-columns-continued-300x285.webp 300w, https:\/\/wpengine.com\/builders\/wp-content\/uploads\/category-columns-continued-768x729.webp 768w, https:\/\/wpengine.com\/builders\/wp-content\/uploads\/category-columns-continued.webp 1359w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-base-color\">Three columns of categories with call-to-action continued<\/mark><\/figcaption><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\" style=\"padding-top:0rem;padding-right:0rem;padding-bottom:0rem;padding-left:0rem\">\n<div class=\"wp-block-group has-base-color has-royal-background-color has-text-color has-background has-link-color wp-elements-c64ddb3c968340a4665ce233dde1842c is-nowrap is-layout-flex wp-container-core-group-is-layout-bbc76ea3 wp-block-group-is-layout-flex\" style=\"margin-top:0px;margin-bottom:0px;padding-top:10px;padding-right:30px;padding-bottom:10px;padding-left:25px\">\n<div class=\"wp-block-outermost-icon-block items-justified-undefined\"><div class=\"icon-container has-icon-color has-polar-color\" style=\"color:#f4f7fa;width:30px\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M19 8h-1V6h-5v2h-2V6H6v2H5c-1.1 0-2 .9-2 2v8c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2v-8c0-1.1-.9-2-2-2zm.5 10c0 .3-.2.5-.5.5H5c-.3 0-.5-.2-.5-.5v-8c0-.3.2-.5.5-.5h14c.3 0 .5.2.5.5v8z\"><\/path><\/svg><\/div><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" style=\"line-height:1.3\">Block Recipe<\/h3>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\" style=\"border-top-style:none;border-top-width:0px;border-right-color:var(--wp--preset--color--royal);border-right-width:2px;border-bottom-color:var(--wp--preset--color--royal);border-bottom-width:2px;border-left-color:var(--wp--preset--color--royal);border-left-width:2px;margin-top:0px;padding-top:20px;padding-right:30px;padding-bottom:30px;padding-left:25px\">\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-ffc7fc87 wp-block-group-is-layout-flex\" style=\"margin-top:0.3rem\">\n<div class=\"wp-block-outermost-icon-block items-justified-center\"><div class=\"icon-container has-icon-color has-lapis-color\" style=\"color:#007eea;width:26px\"><svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\"><path d=\"M19 6H6c-1.1 0-2 .9-2 2v9c0 1.1.9 2 2 2h13c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm-4.1 1.5v10H10v-10h4.9zM5.5 17V8c0-.3.2-.5.5-.5h2.5v10H6c-.3 0-.5-.2-.5-.5zm14 0c0 .3-.2.5-.5.5h-2.6v-10H19c.3 0 .5.2.5.5v9z\"><\/path><\/svg><\/div><\/div>\n\n\n\n<p><strong>Columns<\/strong> \u2013 Margin = <code>5rem<\/code> [top]<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-a330b045 wp-block-group-is-layout-flex\" style=\"margin-top:0.3rem;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:20px\">\n<div class=\"wp-block-outermost-icon-block items-justified-center\"><div class=\"icon-container has-icon-color has-lapis-color\" style=\"color:#007eea;width:26px\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M19 6H6c-1.1 0-2 .9-2 2v9c0 1.1.9 2 2 2h13c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zM6 17.5c-.3 0-.5-.2-.5-.5V8c0-.3.2-.5.5-.5h3v10H6zm13.5-.5c0 .3-.2.5-.5.5h-3v-10h3c.3 0 .5.2.5.5v9z\"><\/path><\/svg><\/div><\/div>\n\n\n\n<p><strong>Column<\/strong><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-134909a0 wp-block-group-is-layout-flex\" style=\"margin-top:0.3rem;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:40px\">\n<div class=\"wp-block-outermost-icon-block items-justified-center\"><div class=\"icon-container has-icon-color has-lapis-color\" style=\"color:#007eea;width:24px\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M18.7 3H5.3C4 3 3 4 3 5.3v13.4C3 20 4 21 5.3 21h13.4c1.3 0 2.3-1 2.3-2.3V5.3C21 4 20 3 18.7 3zm.8 15.7c0 .4-.4.8-.8.8H5.3c-.4 0-.8-.4-.8-.8V5.3c0-.4.4-.8.8-.8h6.2v8.9l2.5-3.1 2.5 3.1V4.5h2.2c.4 0 .8.4.8.8v13.4z\"><\/path><\/svg><\/div><\/div>\n\n\n\n<p><strong>Cover<\/strong> &#8211; Overlay = <code>40%<\/code>, Min-height = <code>610px<\/code><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-d55ba544 wp-block-group-is-layout-flex\" style=\"margin-top:0.3rem;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:60px\">\n<div class=\"wp-block-outermost-icon-block items-justified-center\"><div class=\"icon-container has-icon-color has-lapis-color\" style=\"color:#007eea;width:26px\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M19 6H6c-1.1 0-2 .9-2 2v9c0 1.1.9 2 2 2h13c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zM6 17.5c-.3 0-.5-.2-.5-.5V8c0-.3.2-.5.5-.5h3v10H6zm13.5-.5c0 .3-.2.5-.5.5h-3v-10h3c.3 0 .5.2.5.5v9z\"><\/path><\/svg><\/div><\/div>\n\n\n\n<p><strong>Group<\/strong><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-b089fcbf wp-block-group-is-layout-flex\" style=\"margin-top:0.3rem;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:80px\">\n<div class=\"wp-block-outermost-icon-block items-justified-center\"><div class=\"icon-container has-icon-color\" style=\"color:#007eea;width:24px\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M18.3 4H9.9v-.1l-.9.2c-2.3.4-4 2.4-4 4.8s1.7 4.4 4 4.8l.7.1V20h1.5V5.5h2.9V20h1.5V5.5h2.7V4z\"><\/path><\/svg><\/div><\/div>\n\n\n\n<p><strong>Paragraph<\/strong> \u2013 Aligned Center, Font Size = Small, Line Height: 1, Letter Spacing = <code>1px<\/code><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-b089fcbf wp-block-group-is-layout-flex\" style=\"margin-top:0.3rem;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:80px\">\n<div class=\"wp-block-outermost-icon-block items-justified-center\"><div class=\"icon-container has-icon-color\" style=\"color:#007eea;width:24px\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M6.2 5.2v13.4l5.8-4.8 5.8 4.8V5.2z\"><\/path><\/svg><\/div><\/div>\n\n\n\n<p><strong>Heading<\/strong> \u2013 Aligned Center<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-b089fcbf wp-block-group-is-layout-flex\" style=\"margin-top:0.3rem;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:80px\">\n<div class=\"wp-block-outermost-icon-block items-justified-center\"><div class=\"icon-container has-icon-color\" style=\"color:#007eea;width:24px\"><svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\"><path d=\"M17 3H7c-1.1 0-2 .9-2 2v4c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm.5 6c0 .3-.2.5-.5.5H7c-.3 0-.5-.2-.5-.5V5c0-.3.2-.5.5-.5h10c.3 0 .5.2.5.5v4zm-8-1.2h5V6.2h-5v1.6zM17 13H7c-1.1 0-2 .9-2 2v4c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2v-4c0-1.1-.9-2-2-2zm.5 6c0 .3-.2.5-.5.5H7c-.3 0-.5-.2-.5-.5v-4c0-.3.2-.5.5-.5h10c.3 0 .5.2.5.5v4zm-8-1.2h5v-1.5h-5v1.5z\"><\/path><\/svg><\/div><\/div>\n\n\n\n<p><strong>Buttons<\/strong> \u2013 Aligned Center<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-6f56dd05 wp-block-group-is-layout-flex\" style=\"margin-top:0.3rem;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:100px\">\n<div class=\"wp-block-outermost-icon-block items-justified-center\"><div class=\"icon-container has-icon-color\" style=\"color:#007eea;width:24px\"><svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\"><path d=\"M19 6.5H5c-1.1 0-2 .9-2 2v7c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2v-7c0-1.1-.9-2-2-2zm.5 9c0 .3-.2.5-.5.5H5c-.3 0-.5-.2-.5-.5v-7c0-.3.2-.5.5-.5h14c.3 0 .5.2.5.5v7zM8 12.8h8v-1.5H8v1.5z\"><\/path><\/svg><\/div><\/div>\n\n\n\n<p><strong>Button<\/strong><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-a330b045 wp-block-group-is-layout-flex\" style=\"margin-top:0.3rem;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:20px\">\n<div class=\"wp-block-outermost-icon-block items-justified-center\"><div class=\"icon-container has-icon-color has-lapis-color\" style=\"color:#007eea;width:26px\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M19 6H6c-1.1 0-2 .9-2 2v9c0 1.1.9 2 2 2h13c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zM6 17.5c-.3 0-.5-.2-.5-.5V8c0-.3.2-.5.5-.5h3v10H6zm13.5-.5c0 .3-.2.5-.5.5h-3v-10h3c.3 0 .5.2.5.5v9z\"><\/path><\/svg><\/div><\/div>\n\n\n\n<p><strong>Column [repeat for each column]<\/strong><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-ffc7fc87 wp-block-group-is-layout-flex\" style=\"margin-top:0.3rem\">\n<div class=\"wp-block-outermost-icon-block items-justified-center\"><div class=\"icon-container has-icon-color has-lapis-color\" style=\"color:#007eea;width:26px\"><svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\"><path d=\"M19 6H6c-1.1 0-2 .9-2 2v9c0 1.1.9 2 2 2h13c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm-4.1 1.5v10H10v-10h4.9zM5.5 17V8c0-.3.2-.5.5-.5h2.5v10H6c-.3 0-.5-.2-.5-.5zm14 0c0 .3-.2.5-.5.5h-2.6v-10H19c.3 0 .5.2.5.5v9z\"><\/path><\/svg><\/div><\/div>\n\n\n\n<p><strong>Columns<\/strong> (same as above) \u2013 Margin = <code>5rem<\/code> [bottom]<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<figure class=\"wp-block-image alignwide size-full is-style-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1443\" height=\"1235\" src=\"https:\/\/wpengine.com\/builders\/wp-content\/uploads\/category-columns-continued-editor.webp\" alt=\"\" class=\"wp-image-4695\" srcset=\"https:\/\/wpengine.com\/builders\/wp-content\/uploads\/category-columns-continued-editor.webp 1443w, https:\/\/wpengine.com\/builders\/wp-content\/uploads\/category-columns-continued-editor-300x257.webp 300w, https:\/\/wpengine.com\/builders\/wp-content\/uploads\/category-columns-continued-editor-1024x876.webp 1024w, https:\/\/wpengine.com\/builders\/wp-content\/uploads\/category-columns-continued-editor-768x657.webp 768w\" sizes=\"auto, (max-width: 1443px) 100vw, 1443px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-group is-layout-flow wp-container-core-group-is-layout-ec4a89e6 wp-block-group-is-layout-flow\" style=\"padding-top:2rem;padding-right:1rem;padding-bottom:1rem;padding-left:1rem\">\n<p class=\"has-text-align-center has-polar-background-color has-background has-small-font-size\" style=\"line-height:1\">Category Columns with Visual Differentiation block markup<\/p>\n\n\n<pre class=\"wp-block-code\" aria-describedby=\"shcb-language-4\" data-shcb-language-name=\"HTML, XML\" data-shcb-language-slug=\"xml\"><span><code class=\"hljs language-xml shcb-code-table shcb-line-numbers\"><span class='shcb-loc'><span><span class=\"hljs-comment\">&lt;!-- wp:columns {\"style\":{\"spacing\":{\"margin\":{\"top\":\"5rem\"}}}} --&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">div<\/span> <span class=\"hljs-attr\">class<\/span>=<span class=\"hljs-string\">\"wp-block-columns\"<\/span> <span class=\"hljs-attr\">style<\/span>=<span class=\"hljs-string\">\"margin-top:5rem\"<\/span>&gt;<\/span><span class=\"hljs-comment\">&lt;!-- wp:column --&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">div<\/span> <span class=\"hljs-attr\">class<\/span>=<span class=\"hljs-string\">\"wp-block-column\"<\/span>&gt;<\/span><span class=\"hljs-comment\">&lt;!-- wp:cover {\"url\":\"https:\/\/images.unsplash.com\/photo-1637663635104-eb589b40cb51?ixlib=rb-1.2.1&amp;ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&amp;auto=format&amp;fit=crop&amp;w=1287&amp;q=80\",\"id\":56,\"dimRatio\":40,\"minHeight\":610,\"minHeightUnit\":\"px\",\"gradient\":\"black-tertiary\",\"isDark\":false} --&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">div<\/span> <span class=\"hljs-attr\">class<\/span>=<span class=\"hljs-string\">\"wp-block-cover is-light\"<\/span> <span class=\"hljs-attr\">style<\/span>=<span class=\"hljs-string\">\"min-height:610px\"<\/span>&gt;<\/span><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">span<\/span> <span class=\"hljs-attr\">aria-hidden<\/span>=<span class=\"hljs-string\">\"true\"<\/span> <span class=\"hljs-attr\">class<\/span>=<span class=\"hljs-string\">\"wp-block-cover__background has-background-dim-40 has-background-dim wp-block-cover__gradient-background has-background-gradient has-black-tertiary-gradient-background\"<\/span>&gt;<\/span><span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">span<\/span>&gt;<\/span><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">img<\/span> <span class=\"hljs-attr\">class<\/span>=<span class=\"hljs-string\">\"wp-block-cover__image-background wp-image-56\"<\/span> <span class=\"hljs-attr\">alt<\/span>=<span class=\"hljs-string\">\"\"<\/span> <span class=\"hljs-attr\">src<\/span>=<span class=\"hljs-string\">\"https:\/\/images.unsplash.com\/photo-1637663635104-eb589b40cb51?ixlib=rb-1.2.1&amp;ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&amp;auto=format&amp;fit=crop&amp;w=1287&amp;q=80\"<\/span> <span class=\"hljs-attr\">data-object-fit<\/span>=<span class=\"hljs-string\">\"cover\"<\/span>\/&gt;<\/span><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">div<\/span> <span class=\"hljs-attr\">class<\/span>=<span class=\"hljs-string\">\"wp-block-cover__inner-container\"<\/span>&gt;<\/span><span class=\"hljs-comment\">&lt;!-- wp:group {\"textColor\":\"base\"} --&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">div<\/span> <span class=\"hljs-attr\">class<\/span>=<span class=\"hljs-string\">\"wp-block-group has-base-color has-text-color\"<\/span>&gt;<\/span><span class=\"hljs-comment\">&lt;!-- wp:paragraph {\"align\":\"center\",\"style\":{\"typography\":{\"lineHeight\":\"1\",\"letterSpacing\":\"1px\"}},\"textColor\":\"background\",\"fontSize\":\"small\"} --&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">p<\/span> <span class=\"hljs-attr\">class<\/span>=<span class=\"hljs-string\">\"has-text-align-center has-background-color has-text-color has-small-font-size\"<\/span> <span class=\"hljs-attr\">style<\/span>=<span class=\"hljs-string\">\"letter-spacing:1px;line-height:1\"<\/span>&gt;<\/span>HATS <span class=\"hljs-symbol\">&amp;amp;<\/span> ACCESSORIES<span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">p<\/span>&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-comment\">&lt;!-- \/wp:paragraph --&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-comment\">&lt;!-- wp:heading {\"textAlign\":\"center\",\"style\":{\"spacing\":{\"margin\":{\"top\":\"0px\",\"bottom\":\"1.5rem\"}}},\"textColor\":\"background\",\"fontSize\":\"max-60\"} --&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">h2<\/span> <span class=\"hljs-attr\">class<\/span>=<span class=\"hljs-string\">\"has-text-align-center has-background-color has-text-color has-max-60-font-size\"<\/span> <span class=\"hljs-attr\">style<\/span>=<span class=\"hljs-string\">\"margin-top:0px;margin-bottom:1.5rem\"<\/span>&gt;<\/span>Keep A Lid On It<span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">h2<\/span>&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-comment\">&lt;!-- \/wp:heading --&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-comment\">&lt;!-- wp:buttons {\"layout\":{\"type\":\"flex\",\"justifyContent\":\"center\"}} --&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">div<\/span> <span class=\"hljs-attr\">class<\/span>=<span class=\"hljs-string\">\"wp-block-buttons\"<\/span>&gt;<\/span><span class=\"hljs-comment\">&lt;!-- wp:button {\"textColor\":\"background\",\"style\":{\"border\":{\"radius\":\"0px\"}},\"className\":\"is-style-outline-base\"} --&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">div<\/span> <span class=\"hljs-attr\">class<\/span>=<span class=\"hljs-string\">\"wp-block-button is-style-outline-base\"<\/span>&gt;<\/span><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">a<\/span> <span class=\"hljs-attr\">class<\/span>=<span class=\"hljs-string\">\"wp-block-button__link has-background-color has-text-color wp-element-button\"<\/span> <span class=\"hljs-attr\">style<\/span>=<span class=\"hljs-string\">\"border-radius:0px\"<\/span>&gt;<\/span>Shop Now \u2192<span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">a<\/span>&gt;<\/span><span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">div<\/span>&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-comment\">&lt;!-- \/wp:button --&gt;<\/span><span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">div<\/span>&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-comment\">&lt;!-- \/wp:buttons --&gt;<\/span><span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">div<\/span>&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-comment\">&lt;!-- \/wp:group --&gt;<\/span><span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">div<\/span>&gt;<\/span><span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">div<\/span>&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-comment\">&lt;!-- \/wp:cover --&gt;<\/span><span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">div<\/span>&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-comment\">&lt;!-- \/wp:column --&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-comment\">&lt;!-- wp:column --&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">div<\/span> <span class=\"hljs-attr\">class<\/span>=<span class=\"hljs-string\">\"wp-block-column\"<\/span>&gt;<\/span><span class=\"hljs-comment\">&lt;!-- wp:cover {\"url\":\"https:\/\/images.unsplash.com\/photo-1594201638839-e36ddd34822d?ixlib=rb-1.2.1&amp;ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&amp;auto=format&amp;fit=crop&amp;w=1288&amp;q=80\",\"id\":58,\"dimRatio\":40,\"minHeight\":610,\"minHeightUnit\":\"px\",\"gradient\":\"black-tertiary\",\"isDark\":false} --&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">div<\/span> <span class=\"hljs-attr\">class<\/span>=<span class=\"hljs-string\">\"wp-block-cover is-light\"<\/span> <span class=\"hljs-attr\">style<\/span>=<span class=\"hljs-string\">\"min-height:610px\"<\/span>&gt;<\/span><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">span<\/span> <span class=\"hljs-attr\">aria-hidden<\/span>=<span class=\"hljs-string\">\"true\"<\/span> <span class=\"hljs-attr\">class<\/span>=<span class=\"hljs-string\">\"wp-block-cover__background has-background-dim-40 has-background-dim wp-block-cover__gradient-background has-background-gradient has-black-tertiary-gradient-background\"<\/span>&gt;<\/span><span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">span<\/span>&gt;<\/span><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">img<\/span> <span class=\"hljs-attr\">class<\/span>=<span class=\"hljs-string\">\"wp-block-cover__image-background wp-image-58\"<\/span> <span class=\"hljs-attr\">alt<\/span>=<span class=\"hljs-string\">\"\"<\/span> <span class=\"hljs-attr\">src<\/span>=<span class=\"hljs-string\">\"https:\/\/images.unsplash.com\/photo-1594201638839-e36ddd34822d?ixlib=rb-1.2.1&amp;ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&amp;auto=format&amp;fit=crop&amp;w=1288&amp;q=80\"<\/span> <span class=\"hljs-attr\">data-object-fit<\/span>=<span class=\"hljs-string\">\"cover\"<\/span>\/&gt;<\/span><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">div<\/span> <span class=\"hljs-attr\">class<\/span>=<span class=\"hljs-string\">\"wp-block-cover__inner-container\"<\/span>&gt;<\/span><span class=\"hljs-comment\">&lt;!-- wp:group {\"textColor\":\"base\"} --&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">div<\/span> <span class=\"hljs-attr\">class<\/span>=<span class=\"hljs-string\">\"wp-block-group has-base-color has-text-color\"<\/span>&gt;<\/span><span class=\"hljs-comment\">&lt;!-- wp:paragraph {\"align\":\"center\",\"style\":{\"typography\":{\"lineHeight\":\"1\",\"letterSpacing\":\"1px\"}},\"textColor\":\"background\",\"fontSize\":\"small\"} --&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">p<\/span> <span class=\"hljs-attr\">class<\/span>=<span class=\"hljs-string\">\"has-text-align-center has-background-color has-text-color has-small-font-size\"<\/span> <span class=\"hljs-attr\">style<\/span>=<span class=\"hljs-string\">\"letter-spacing:1px;line-height:1\"<\/span>&gt;<\/span>CASUAL SHIRTS<span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">p<\/span>&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-comment\">&lt;!-- \/wp:paragraph --&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-comment\">&lt;!-- wp:heading {\"textAlign\":\"center\",\"style\":{\"spacing\":{\"margin\":{\"top\":\"0px\",\"bottom\":\"1.5rem\"}}},\"textColor\":\"background\",\"fontSize\":\"max-60\"} --&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">h2<\/span> <span class=\"hljs-attr\">class<\/span>=<span class=\"hljs-string\">\"has-text-align-center has-background-color has-text-color has-max-60-font-size\"<\/span> <span class=\"hljs-attr\">style<\/span>=<span class=\"hljs-string\">\"margin-top:0px;margin-bottom:1.5rem\"<\/span>&gt;<\/span>Up Top<span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">h2<\/span>&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-comment\">&lt;!-- \/wp:heading --&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-comment\">&lt;!-- wp:buttons {\"layout\":{\"type\":\"flex\",\"justifyContent\":\"center\"}} --&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">div<\/span> <span class=\"hljs-attr\">class<\/span>=<span class=\"hljs-string\">\"wp-block-buttons\"<\/span>&gt;<\/span><span class=\"hljs-comment\">&lt;!-- wp:button {\"textColor\":\"background\",\"style\":{\"border\":{\"radius\":\"0px\"}},\"className\":\"is-style-outline-base\"} --&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">div<\/span> <span class=\"hljs-attr\">class<\/span>=<span class=\"hljs-string\">\"wp-block-button is-style-outline-base\"<\/span>&gt;<\/span><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">a<\/span> <span class=\"hljs-attr\">class<\/span>=<span class=\"hljs-string\">\"wp-block-button__link has-background-color has-text-color wp-element-button\"<\/span> <span class=\"hljs-attr\">style<\/span>=<span class=\"hljs-string\">\"border-radius:0px\"<\/span>&gt;<\/span>Shop Now \u2192<span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">a<\/span>&gt;<\/span><span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">div<\/span>&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-comment\">&lt;!-- \/wp:button --&gt;<\/span><span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">div<\/span>&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-comment\">&lt;!-- \/wp:buttons --&gt;<\/span><span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">div<\/span>&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-comment\">&lt;!-- \/wp:group --&gt;<\/span><span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">div<\/span>&gt;<\/span><span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">div<\/span>&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-comment\">&lt;!-- \/wp:cover --&gt;<\/span><span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">div<\/span>&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-comment\">&lt;!-- \/wp:column --&gt;<\/span><span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">div<\/span>&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-comment\">&lt;!-- \/wp:columns --&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-comment\">&lt;!-- wp:columns {\"verticalAlignment\":\"center\",\"style\":{\"spacing\":{\"margin\":{\"bottom\":\"5rem\"}}}} --&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">div<\/span> <span class=\"hljs-attr\">class<\/span>=<span class=\"hljs-string\">\"wp-block-columns are-vertically-aligned-center\"<\/span> <span class=\"hljs-attr\">style<\/span>=<span class=\"hljs-string\">\"margin-bottom:5rem\"<\/span>&gt;<\/span><span class=\"hljs-comment\">&lt;!-- wp:column {\"verticalAlignment\":\"center\",\"width\":\"50%\"} --&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">div<\/span> <span class=\"hljs-attr\">class<\/span>=<span class=\"hljs-string\">\"wp-block-column is-vertically-aligned-center\"<\/span> <span class=\"hljs-attr\">style<\/span>=<span class=\"hljs-string\">\"flex-basis:50%\"<\/span>&gt;<\/span><span class=\"hljs-comment\">&lt;!-- wp:cover {\"url\":\"https:\/\/images.unsplash.com\/photo-1642607144294-35e98929c526?ixlib=rb-1.2.1&amp;ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&amp;auto=format&amp;fit=crop&amp;w=1288&amp;q=80\",\"id\":29,\"dimRatio\":40,\"focalPoint\":{\"x\":\"0.51\",\"y\":\"0.69\"},\"minHeight\":610,\"gradient\":\"black-tertiary\"} --&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">div<\/span> <span class=\"hljs-attr\">class<\/span>=<span class=\"hljs-string\">\"wp-block-cover\"<\/span> <span class=\"hljs-attr\">style<\/span>=<span class=\"hljs-string\">\"min-height:610px\"<\/span>&gt;<\/span><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">span<\/span> <span class=\"hljs-attr\">aria-hidden<\/span>=<span class=\"hljs-string\">\"true\"<\/span> <span class=\"hljs-attr\">class<\/span>=<span class=\"hljs-string\">\"wp-block-cover__background has-background-dim-40 has-background-dim wp-block-cover__gradient-background has-background-gradient has-black-tertiary-gradient-background\"<\/span>&gt;<\/span><span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">span<\/span>&gt;<\/span><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">img<\/span> <span class=\"hljs-attr\">class<\/span>=<span class=\"hljs-string\">\"wp-block-cover__image-background wp-image-29\"<\/span> <span class=\"hljs-attr\">alt<\/span>=<span class=\"hljs-string\">\"\"<\/span> <span class=\"hljs-attr\">src<\/span>=<span class=\"hljs-string\">\"https:\/\/images.unsplash.com\/photo-1642607144294-35e98929c526?ixlib=rb-1.2.1&amp;ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&amp;auto=format&amp;fit=crop&amp;w=1288&amp;q=80\"<\/span> <span class=\"hljs-attr\">style<\/span>=<span class=\"hljs-string\">\"object-position:51% 69%\"<\/span> <span class=\"hljs-attr\">data-object-fit<\/span>=<span class=\"hljs-string\">\"cover\"<\/span> <span class=\"hljs-attr\">data-object-position<\/span>=<span class=\"hljs-string\">\"51% 69%\"<\/span>\/&gt;<\/span><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">div<\/span> <span class=\"hljs-attr\">class<\/span>=<span class=\"hljs-string\">\"wp-block-cover__inner-container\"<\/span>&gt;<\/span><span class=\"hljs-comment\">&lt;!-- wp:group {\"textColor\":\"base\"} --&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">div<\/span> <span class=\"hljs-attr\">class<\/span>=<span class=\"hljs-string\">\"wp-block-group has-base-color has-text-color\"<\/span>&gt;<\/span><span class=\"hljs-comment\">&lt;!-- wp:paragraph {\"align\":\"center\",\"style\":{\"typography\":{\"lineHeight\":\"1\",\"letterSpacing\":\"1px\"}},\"fontSize\":\"small\"} --&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">p<\/span> <span class=\"hljs-attr\">class<\/span>=<span class=\"hljs-string\">\"has-text-align-center has-small-font-size\"<\/span> <span class=\"hljs-attr\">id<\/span>=<span class=\"hljs-string\">\"block-f0a5e3ee-82b2-4967-b035-f36a979ebc06\"<\/span> <span class=\"hljs-attr\">style<\/span>=<span class=\"hljs-string\">\"letter-spacing:1px;line-height:1\"<\/span>&gt;<\/span>COMFY DENIM<span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">p<\/span>&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-comment\">&lt;!-- \/wp:paragraph --&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-comment\">&lt;!-- wp:heading {\"textAlign\":\"center\",\"style\":{\"spacing\":{\"margin\":{\"top\":\"0rem\",\"bottom\":\"1.5rem\"}}},\"fontSize\":\"max-60\"} --&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">h2<\/span> <span class=\"hljs-attr\">class<\/span>=<span class=\"hljs-string\">\"has-text-align-center has-max-60-font-size\"<\/span> <span class=\"hljs-attr\">id<\/span>=<span class=\"hljs-string\">\"block-76c5c824-4808-404a-9800-2d5c158f838a\"<\/span> <span class=\"hljs-attr\">style<\/span>=<span class=\"hljs-string\">\"margin-top:0rem;margin-bottom:1.5rem\"<\/span>&gt;<\/span>Jeans for days<span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">h2<\/span>&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-comment\">&lt;!-- \/wp:heading --&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-comment\">&lt;!-- wp:buttons {\"layout\":{\"type\":\"flex\",\"justifyContent\":\"center\"}} --&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">div<\/span> <span class=\"hljs-attr\">class<\/span>=<span class=\"hljs-string\">\"wp-block-buttons\"<\/span>&gt;<\/span><span class=\"hljs-comment\">&lt;!-- wp:button {\"style\":{\"border\":{\"radius\":\"0px\"}},\"className\":\"is-style-outline-base\"} --&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">div<\/span> <span class=\"hljs-attr\">class<\/span>=<span class=\"hljs-string\">\"wp-block-button is-style-outline-base\"<\/span>&gt;<\/span><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">a<\/span> <span class=\"hljs-attr\">class<\/span>=<span class=\"hljs-string\">\"wp-block-button__link wp-element-button\"<\/span> <span class=\"hljs-attr\">style<\/span>=<span class=\"hljs-string\">\"border-radius:0px\"<\/span>&gt;<\/span>Shop Now \u2192<span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">a<\/span>&gt;<\/span><span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">div<\/span>&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-comment\">&lt;!-- \/wp:button --&gt;<\/span><span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">div<\/span>&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-comment\">&lt;!-- \/wp:buttons --&gt;<\/span><span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">div<\/span>&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-comment\">&lt;!-- \/wp:group --&gt;<\/span><span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">div<\/span>&gt;<\/span><span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">div<\/span>&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-comment\">&lt;!-- \/wp:cover --&gt;<\/span><span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">div<\/span>&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-comment\">&lt;!-- \/wp:column --&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-comment\">&lt;!-- wp:column {\"verticalAlignment\":\"center\",\"width\":\"50%\"} --&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">div<\/span> <span class=\"hljs-attr\">class<\/span>=<span class=\"hljs-string\">\"wp-block-column is-vertically-aligned-center\"<\/span> <span class=\"hljs-attr\">style<\/span>=<span class=\"hljs-string\">\"flex-basis:50%\"<\/span>&gt;<\/span><span class=\"hljs-comment\">&lt;!-- wp:cover {\"url\":\"https:\/\/images.unsplash.com\/photo-1584998316204-3b1e3b1895ae?ixlib=rb-1.2.1&amp;ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&amp;auto=format&amp;fit=crop&amp;w=1287&amp;q=80\",\"id\":22,\"dimRatio\":60,\"minHeight\":610,\"gradient\":\"black-tertiary\",\"contentPosition\":\"center center\"} --&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">div<\/span> <span class=\"hljs-attr\">class<\/span>=<span class=\"hljs-string\">\"wp-block-cover\"<\/span> <span class=\"hljs-attr\">style<\/span>=<span class=\"hljs-string\">\"min-height:610px\"<\/span>&gt;<\/span><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">span<\/span> <span class=\"hljs-attr\">aria-hidden<\/span>=<span class=\"hljs-string\">\"true\"<\/span> <span class=\"hljs-attr\">class<\/span>=<span class=\"hljs-string\">\"wp-block-cover__background has-background-dim-60 has-background-dim wp-block-cover__gradient-background has-background-gradient has-black-tertiary-gradient-background\"<\/span>&gt;<\/span><span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">span<\/span>&gt;<\/span><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">img<\/span> <span class=\"hljs-attr\">class<\/span>=<span class=\"hljs-string\">\"wp-block-cover__image-background wp-image-22\"<\/span> <span class=\"hljs-attr\">alt<\/span>=<span class=\"hljs-string\">\"\"<\/span> <span class=\"hljs-attr\">src<\/span>=<span class=\"hljs-string\">\"https:\/\/images.unsplash.com\/photo-1584998316204-3b1e3b1895ae?ixlib=rb-1.2.1&amp;ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&amp;auto=format&amp;fit=crop&amp;w=1287&amp;q=80\"<\/span> <span class=\"hljs-attr\">data-object-fit<\/span>=<span class=\"hljs-string\">\"cover\"<\/span>\/&gt;<\/span><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">div<\/span> <span class=\"hljs-attr\">class<\/span>=<span class=\"hljs-string\">\"wp-block-cover__inner-container\"<\/span>&gt;<\/span><span class=\"hljs-comment\">&lt;!-- wp:group {\"style\":{\"spacing\":{\"padding\":{\"right\":\"2rem\",\"left\":\"2rem\"}}}} --&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">div<\/span> <span class=\"hljs-attr\">class<\/span>=<span class=\"hljs-string\">\"wp-block-group\"<\/span> <span class=\"hljs-attr\">style<\/span>=<span class=\"hljs-string\">\"padding-right:2rem;padding-left:2rem\"<\/span>&gt;<\/span><span class=\"hljs-comment\">&lt;!-- wp:heading {\"textAlign\":\"center\",\"style\":{\"typography\":{\"fontStyle\":\"normal\",\"fontWeight\":\"800\",\"letterSpacing\":\"2px\"}},\"textColor\":\"base\",\"fontSize\":\"max-36\",\"fontFamily\":\"primary\"} --&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">h2<\/span> <span class=\"hljs-attr\">class<\/span>=<span class=\"hljs-string\">\"has-text-align-center has-base-color has-text-color has-primary-font-family has-max-36-font-size\"<\/span> <span class=\"hljs-attr\">style<\/span>=<span class=\"hljs-string\">\"font-style:normal;font-weight:800;letter-spacing:2px\"<\/span>&gt;<\/span>Save <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">mark<\/span> <span class=\"hljs-attr\">style<\/span>=<span class=\"hljs-string\">\"background-color:#990099\"<\/span> <span class=\"hljs-attr\">class<\/span>=<span class=\"hljs-string\">\"has-inline-color has-base-color\"<\/span>&gt;<\/span>15%<span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">mark<\/span>&gt;<\/span> on entire summer collection<span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">h2<\/span>&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-comment\">&lt;!-- \/wp:heading --&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-comment\">&lt;!-- wp:paragraph {\"align\":\"center\",\"textColor\":\"base\",\"fontSize\":\"small\"} --&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">p<\/span> <span class=\"hljs-attr\">class<\/span>=<span class=\"hljs-string\">\"has-text-align-center has-base-color has-text-color has-small-font-size\"<\/span>&gt;<\/span>Enter code <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">mark<\/span> <span class=\"hljs-attr\">style<\/span>=<span class=\"hljs-string\">\"background-color:#990099\"<\/span> <span class=\"hljs-attr\">class<\/span>=<span class=\"hljs-string\">\"has-inline-color has-base-color\"<\/span>&gt;<\/span><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">strong<\/span>&gt;<\/span>HEADINTHESAND<span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">strong<\/span>&gt;<\/span><span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">mark<\/span>&gt;<\/span> at checkout.<span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">p<\/span>&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-comment\">&lt;!-- \/wp:paragraph --&gt;<\/span><span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">div<\/span>&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-comment\">&lt;!-- \/wp:group --&gt;<\/span><span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">div<\/span>&gt;<\/span><span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">div<\/span>&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-comment\">&lt;!-- \/wp:cover --&gt;<\/span><span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">div<\/span>&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-comment\">&lt;!-- \/wp:column --&gt;<\/span><span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">div<\/span>&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-comment\">&lt;!-- \/wp:columns --&gt;<\/span>\n<\/span><\/span><\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-4\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">HTML, XML<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">xml<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"testimonial\">Testimonial<\/h2>\n\n\n\n<p>It can help build a user&#8217;s trust in your brand when you feature testimonials, and no site is complete without it.<\/p>\n\n\n\n<div class=\"wp-block-group alignfull has-tiffany-royal-gradient-background has-background is-layout-flow wp-block-group-is-layout-flow\" style=\"padding-top:2rem;padding-right:1rem;padding-bottom:1rem;padding-left:1rem\">\n<figure class=\"wp-block-image aligncenter size-full is-style-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1691\" height=\"526\" src=\"https:\/\/wpengine.com\/builders\/wp-content\/uploads\/testimonial.webp\" alt=\"\" class=\"wp-image-4699\" srcset=\"https:\/\/wpengine.com\/builders\/wp-content\/uploads\/testimonial.webp 1691w, https:\/\/wpengine.com\/builders\/wp-content\/uploads\/testimonial-300x93.webp 300w, https:\/\/wpengine.com\/builders\/wp-content\/uploads\/testimonial-1024x319.webp 1024w, https:\/\/wpengine.com\/builders\/wp-content\/uploads\/testimonial-768x239.webp 768w, https:\/\/wpengine.com\/builders\/wp-content\/uploads\/testimonial-1536x478.webp 1536w\" sizes=\"auto, (max-width: 1691px) 100vw, 1691px\" \/><figcaption class=\"wp-element-caption\"><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-base-color\">Testimonial area<\/mark><\/figcaption><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\" style=\"padding-top:0rem;padding-right:0rem;padding-bottom:0rem;padding-left:0rem\">\n<div class=\"wp-block-group has-base-color has-royal-background-color has-text-color has-background has-link-color wp-elements-c64ddb3c968340a4665ce233dde1842c is-nowrap is-layout-flex wp-container-core-group-is-layout-bbc76ea3 wp-block-group-is-layout-flex\" style=\"margin-top:0px;margin-bottom:0px;padding-top:10px;padding-right:30px;padding-bottom:10px;padding-left:25px\">\n<div class=\"wp-block-outermost-icon-block items-justified-undefined\"><div class=\"icon-container has-icon-color has-polar-color\" style=\"color:#f4f7fa;width:30px\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M19 8h-1V6h-5v2h-2V6H6v2H5c-1.1 0-2 .9-2 2v8c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2v-8c0-1.1-.9-2-2-2zm.5 10c0 .3-.2.5-.5.5H5c-.3 0-.5-.2-.5-.5v-8c0-.3.2-.5.5-.5h14c.3 0 .5.2.5.5v8z\"><\/path><\/svg><\/div><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" style=\"line-height:1.3\">Block Recipe<\/h3>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\" style=\"border-top-style:none;border-top-width:0px;border-right-color:var(--wp--preset--color--royal);border-right-width:2px;border-bottom-color:var(--wp--preset--color--royal);border-bottom-width:2px;border-left-color:var(--wp--preset--color--royal);border-left-width:2px;margin-top:0px;padding-top:20px;padding-right:30px;padding-bottom:30px;padding-left:25px\">\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-ffc7fc87 wp-block-group-is-layout-flex\" style=\"margin-top:0.3rem\">\n<div class=\"wp-block-outermost-icon-block items-justified-center\"><div class=\"icon-container has-icon-color has-lapis-color\" style=\"color:#007eea;width:26px\"><svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\"><path d=\"M18 4h-7c-1.1 0-2 .9-2 2v3H6c-1.1 0-2 .9-2 2v7c0 1.1.9 2 2 2h7c1.1 0 2-.9 2-2v-3h3c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm-4.5 14c0 .3-.2.5-.5.5H6c-.3 0-.5-.2-.5-.5v-7c0-.3.2-.5.5-.5h3V13c0 1.1.9 2 2 2h2.5v3zm0-4.5H11c-.3 0-.5-.2-.5-.5v-2.5H13c.3 0 .5.2.5.5v2.5zm5-.5c0 .3-.2.5-.5.5h-3V11c0-1.1-.9-2-2-2h-2.5V6c0-.3.2-.5.5-.5h7c.3 0 .5.2.5.5v7z\"><\/path><\/svg><\/div><\/div>\n\n\n\n<p><strong>Group<\/strong> \u2013 Padding = <code>5rem<\/code> \/ <code>5rem<\/code> \/ <code>6rem<\/code> \/ <code>5rem<\/code><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-a330b045 wp-block-group-is-layout-flex\" style=\"margin-top:0.3rem;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:20px\">\n<div class=\"wp-block-outermost-icon-block items-justified-center\"><div class=\"icon-container has-icon-color\" style=\"color:#007eea;width:26px\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M18.3 4H9.9v-.1l-.9.2c-2.3.4-4 2.4-4 4.8s1.7 4.4 4 4.8l.7.1V20h1.5V5.5h2.9V20h1.5V5.5h2.7V4z\"><\/path><\/svg><\/div><\/div>\n\n\n\n<p><strong>Paragraph<\/strong> (testimonial copy) \u2013 Font Size = X-Large<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-a330b045 wp-block-group-is-layout-flex\" style=\"margin-top:0.3rem;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:20px\">\n<div class=\"wp-block-outermost-icon-block items-justified-center\"><div class=\"icon-container has-icon-color\" style=\"color:#007eea;width:26px\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M18.3 4H9.9v-.1l-.9.2c-2.3.4-4 2.4-4 4.8s1.7 4.4 4 4.8l.7.1V20h1.5V5.5h2.9V20h1.5V5.5h2.7V4z\"><\/path><\/svg><\/div><\/div>\n\n\n\n<p><strong>Paragraph<\/strong> (testimonial rating)<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-a330b045 wp-block-group-is-layout-flex\" style=\"margin-top:0.3rem;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:20px\">\n<div class=\"wp-block-outermost-icon-block items-justified-center\"><div class=\"icon-container has-icon-color\" style=\"color:#007eea;width:26px\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M18.3 4H9.9v-.1l-.9.2c-2.3.4-4 2.4-4 4.8s1.7 4.4 4 4.8l.7.1V20h1.5V5.5h2.9V20h1.5V5.5h2.7V4z\"><\/path><\/svg><\/div><\/div>\n\n\n\n<p><strong>Paragraph<\/strong> (testimonial name) \u2013 Font Size = Small<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<figure class=\"wp-block-image alignwide size-full is-style-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1430\" height=\"528\" src=\"https:\/\/wpengine.com\/builders\/wp-content\/uploads\/testimonial-editor.webp\" alt=\"\" class=\"wp-image-4698\" srcset=\"https:\/\/wpengine.com\/builders\/wp-content\/uploads\/testimonial-editor.webp 1430w, https:\/\/wpengine.com\/builders\/wp-content\/uploads\/testimonial-editor-300x111.webp 300w, https:\/\/wpengine.com\/builders\/wp-content\/uploads\/testimonial-editor-1024x378.webp 1024w, https:\/\/wpengine.com\/builders\/wp-content\/uploads\/testimonial-editor-768x284.webp 768w\" sizes=\"auto, (max-width: 1430px) 100vw, 1430px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-group is-layout-flow wp-container-core-group-is-layout-ec4a89e6 wp-block-group-is-layout-flow\" style=\"padding-top:2rem;padding-right:1rem;padding-bottom:1rem;padding-left:1rem\">\n<p class=\"has-text-align-center has-polar-background-color has-background has-small-font-size\" style=\"line-height:1\">Testimonial block markup<\/p>\n\n\n<pre class=\"wp-block-code\" aria-describedby=\"shcb-language-5\" data-shcb-language-name=\"HTML, XML\" data-shcb-language-slug=\"xml\"><span><code class=\"hljs language-xml shcb-code-table shcb-line-numbers\"><span class='shcb-loc'><span><span class=\"hljs-comment\">&lt;!-- wp:group {\"style\":{\"spacing\":{\"padding\":{\"top\":\"5rem\",\"bottom\":\"6rem\",\"right\":\"4rem\",\"left\":\"4rem\"}}},\"backgroundColor\":\"main\",\"textColor\":\"base\",\"className\":\"is-style-default\",\"layout\":{\"inherit\":true}} --&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">div<\/span> <span class=\"hljs-attr\">class<\/span>=<span class=\"hljs-string\">\"wp-block-group is-style-default has-base-color has-main-background-color has-text-color has-background\"<\/span> <span class=\"hljs-attr\">style<\/span>=<span class=\"hljs-string\">\"padding-top:5rem;padding-right:4rem;padding-bottom:6rem;padding-left:4rem\"<\/span>&gt;<\/span><span class=\"hljs-comment\">&lt;!-- wp:paragraph {\"align\":\"center\",\"fontSize\":\"max-36\"} --&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">p<\/span> <span class=\"hljs-attr\">class<\/span>=<span class=\"hljs-string\">\"has-text-align-center has-max-36-font-size\"<\/span>&gt;<\/span><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">mark<\/span> <span class=\"hljs-attr\">style<\/span>=<span class=\"hljs-string\">\"background-color:rgba(0, 0, 0, 0)\"<\/span> <span class=\"hljs-attr\">class<\/span>=<span class=\"hljs-string\">\"has-inline-color has-tertiary-color\"<\/span>&gt;<\/span>\u201c<span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">mark<\/span>&gt;<\/span>Eu nisi est dolor non laborum sit amet lorem deserunt velit lorem ullamco incididunt esse.<span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">mark<\/span> <span class=\"hljs-attr\">style<\/span>=<span class=\"hljs-string\">\"background-color:rgba(0, 0, 0, 0)\"<\/span> <span class=\"hljs-attr\">class<\/span>=<span class=\"hljs-string\">\"has-inline-color has-tertiary-color\"<\/span>&gt;<\/span>\u201d<span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">mark<\/span>&gt;<\/span><span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">p<\/span>&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-comment\">&lt;!-- \/wp:paragraph --&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-comment\">&lt;!-- wp:paragraph {\"align\":\"center\",\"style\":{\"typography\":{\"lineHeight\":\"1\"}},\"textColor\":\"tertiary\"} --&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">p<\/span> <span class=\"hljs-attr\">class<\/span>=<span class=\"hljs-string\">\"has-text-align-center has-tertiary-color has-text-color\"<\/span> <span class=\"hljs-attr\">style<\/span>=<span class=\"hljs-string\">\"line-height:1\"<\/span>&gt;<\/span>\u2605\u2605\u2605\u2605\u2605<span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">p<\/span>&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-comment\">&lt;!-- \/wp:paragraph --&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-comment\">&lt;!-- wp:paragraph {\"align\":\"center\",\"style\":{\"typography\":{\"lineHeight\":\"1\"}},\"fontSize\":\"small\"} --&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">p<\/span> <span class=\"hljs-attr\">class<\/span>=<span class=\"hljs-string\">\"has-text-align-center has-small-font-size\"<\/span> <span class=\"hljs-attr\">style<\/span>=<span class=\"hljs-string\">\"line-height:1\"<\/span>&gt;<\/span>Fannie Reyes<span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">p<\/span>&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-comment\">&lt;!-- \/wp:paragraph --&gt;<\/span><span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">div<\/span>&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-comment\">&lt;!-- \/wp:group --&gt;<\/span>\n<\/span><\/span><\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-5\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">HTML, XML<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">xml<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"site-footer\">Site Footer<\/h2>\n\n\n\n<p>For our site footer, we&#8217;re just using the Frost theme&#8217;s: <code><a href=\"https:\/\/github.com\/wpengine\/frost\/blob\/trunk\/patterns\/footer-three-columns.php\" target=\"_blank\" rel=\"noreferrer noopener\">patterns\/footer-three-column.php<\/a><\/code><\/p>\n\n\n\n<div class=\"wp-block-group alignfull has-tiffany-royal-gradient-background has-background is-layout-flow wp-block-group-is-layout-flow\" style=\"padding-top:2rem;padding-right:1rem;padding-bottom:1rem;padding-left:1rem\">\n<figure class=\"wp-block-image aligncenter size-full is-style-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1392\" height=\"361\" src=\"https:\/\/wpengine.com\/builders\/wp-content\/uploads\/site-footer.webp\" alt=\"\" class=\"wp-image-4701\" srcset=\"https:\/\/wpengine.com\/builders\/wp-content\/uploads\/site-footer.webp 1392w, https:\/\/wpengine.com\/builders\/wp-content\/uploads\/site-footer-300x78.webp 300w, https:\/\/wpengine.com\/builders\/wp-content\/uploads\/site-footer-1024x266.webp 1024w, https:\/\/wpengine.com\/builders\/wp-content\/uploads\/site-footer-768x199.webp 768w\" sizes=\"auto, (max-width: 1392px) 100vw, 1392px\" \/><figcaption class=\"wp-element-caption\"><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-base-color\">Site Footer from Frost theme<\/mark><\/figcaption><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\" style=\"padding-top:0rem;padding-right:0rem;padding-bottom:0rem;padding-left:0rem\">\n<div class=\"wp-block-group has-base-color has-royal-background-color has-text-color has-background has-link-color wp-elements-c64ddb3c968340a4665ce233dde1842c is-nowrap is-layout-flex wp-container-core-group-is-layout-bbc76ea3 wp-block-group-is-layout-flex\" style=\"margin-top:0px;margin-bottom:0px;padding-top:10px;padding-right:30px;padding-bottom:10px;padding-left:25px\">\n<div class=\"wp-block-outermost-icon-block items-justified-undefined\"><div class=\"icon-container has-icon-color has-polar-color\" style=\"color:#f4f7fa;width:30px\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M19 8h-1V6h-5v2h-2V6H6v2H5c-1.1 0-2 .9-2 2v8c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2v-8c0-1.1-.9-2-2-2zm.5 10c0 .3-.2.5-.5.5H5c-.3 0-.5-.2-.5-.5v-8c0-.3.2-.5.5-.5h14c.3 0 .5.2.5.5v8z\"><\/path><\/svg><\/div><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" style=\"line-height:1.3\">Block Recipe<\/h3>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\" style=\"border-top-style:none;border-top-width:0px;border-right-color:var(--wp--preset--color--royal);border-right-width:2px;border-bottom-color:var(--wp--preset--color--royal);border-bottom-width:2px;border-left-color:var(--wp--preset--color--royal);border-left-width:2px;margin-top:0px;padding-top:20px;padding-right:30px;padding-bottom:30px;padding-left:25px\">\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-ffc7fc87 wp-block-group-is-layout-flex\" style=\"margin-top:0.3rem\">\n<div class=\"wp-block-outermost-icon-block items-justified-center\"><div class=\"icon-container has-icon-color has-lapis-color\" style=\"color:#007eea;width:26px\"><svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\"><path d=\"M18 4h-7c-1.1 0-2 .9-2 2v3H6c-1.1 0-2 .9-2 2v7c0 1.1.9 2 2 2h7c1.1 0 2-.9 2-2v-3h3c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm-4.5 14c0 .3-.2.5-.5.5H6c-.3 0-.5-.2-.5-.5v-7c0-.3.2-.5.5-.5h3V13c0 1.1.9 2 2 2h2.5v3zm0-4.5H11c-.3 0-.5-.2-.5-.5v-2.5H13c.3 0 .5.2.5.5v2.5zm5-.5c0 .3-.2.5-.5.5h-3V11c0-1.1-.9-2-2-2h-2.5V6c0-.3.2-.5.5-.5h7c.3 0 .5.2.5.5v7z\"><\/path><\/svg><\/div><\/div>\n\n\n\n<p><strong>Group<\/strong> \u2013 Font Size = <code>18px<\/code><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-a330b045 wp-block-group-is-layout-flex\" style=\"margin-top:0.3rem;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:20px\">\n<div class=\"wp-block-outermost-icon-block items-justified-center\"><div class=\"icon-container has-icon-color has-lapis-color\" style=\"color:#007eea;width:26px\"><svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\"><path d=\"M19 6H6c-1.1 0-2 .9-2 2v9c0 1.1.9 2 2 2h13c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm-4.1 1.5v10H10v-10h4.9zM5.5 17V8c0-.3.2-.5.5-.5h2.5v10H6c-.3 0-.5-.2-.5-.5zm14 0c0 .3-.2.5-.5.5h-2.6v-10H19c.3 0 .5.2.5.5v9z\"><\/path><\/svg><\/div><\/div>\n\n\n\n<p><strong>Columns<\/strong> \u2013 Padding = <code>100px<\/code> [top\/bottom], Block Spacing = <code>100px<\/code><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-134909a0 wp-block-group-is-layout-flex\" style=\"margin-top:0.3rem;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:40px\">\n<div class=\"wp-block-outermost-icon-block items-justified-center\"><div class=\"icon-container has-icon-color has-lapis-color\" style=\"color:#007eea;width:26px\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M19 6H6c-1.1 0-2 .9-2 2v9c0 1.1.9 2 2 2h13c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zM6 17.5c-.3 0-.5-.2-.5-.5V8c0-.3.2-.5.5-.5h3v10H6zm13.5-.5c0 .3-.2.5-.5.5h-3v-10h3c.3 0 .5.2.5.5v9z\"><\/path><\/svg><\/div><\/div>\n\n\n\n<p><strong>Column<\/strong><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-d55ba544 wp-block-group-is-layout-flex\" style=\"margin-top:0.3rem;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:60px\">\n<div class=\"wp-block-outermost-icon-block items-justified-center\"><div class=\"icon-container has-icon-color\" style=\"color:#007eea;width:26px\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M6.2 5.2v13.4l5.8-4.8 5.8 4.8V5.2z\"><\/path><\/svg><\/div><\/div>\n\n\n\n<p><strong>Heading<\/strong><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-d55ba544 wp-block-group-is-layout-flex\" style=\"margin-top:0.3rem;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:60px\">\n<div class=\"wp-block-outermost-icon-block items-justified-center\"><div class=\"icon-container has-icon-color\" style=\"color:#007eea;width:26px\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M18.3 4H9.9v-.1l-.9.2c-2.3.4-4 2.4-4 4.8s1.7 4.4 4 4.8l.7.1V20h1.5V5.5h2.9V20h1.5V5.5h2.7V4z\"><\/path><\/svg><\/div><\/div>\n\n\n\n<p><strong>Paragraph<\/strong><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-d23440d5 wp-block-group-is-layout-flex\" style=\"margin-top:0.3rem;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:60px\">\n<div class=\"wp-block-outermost-icon-block items-justified-center\"><div class=\"icon-container has-icon-color\" style=\"color:#007eea;width:24px\"><svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\"><path d=\"M17 3H7c-1.1 0-2 .9-2 2v4c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm.5 6c0 .3-.2.5-.5.5H7c-.3 0-.5-.2-.5-.5V5c0-.3.2-.5.5-.5h10c.3 0 .5.2.5.5v4zm-8-1.2h5V6.2h-5v1.6zM17 13H7c-1.1 0-2 .9-2 2v4c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2v-4c0-1.1-.9-2-2-2zm.5 6c0 .3-.2.5-.5.5H7c-.3 0-.5-.2-.5-.5v-4c0-.3.2-.5.5-.5h10c.3 0 .5.2.5.5v4zm-8-1.2h5v-1.5h-5v1.5z\"><\/path><\/svg><\/div><\/div>\n\n\n\n<p><strong>Buttons<\/strong><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-b089fcbf wp-block-group-is-layout-flex\" style=\"margin-top:0.3rem;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:80px\">\n<div class=\"wp-block-outermost-icon-block items-justified-center\"><div class=\"icon-container has-icon-color\" style=\"color:#007eea;width:24px\"><svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\"><path d=\"M19 6.5H5c-1.1 0-2 .9-2 2v7c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2v-7c0-1.1-.9-2-2-2zm.5 9c0 .3-.2.5-.5.5H5c-.3 0-.5-.2-.5-.5v-7c0-.3.2-.5.5-.5h14c.3 0 .5.2.5.5v7zM8 12.8h8v-1.5H8v1.5z\"><\/path><\/svg><\/div><\/div>\n\n\n\n<p><strong>Button<\/strong><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-134909a0 wp-block-group-is-layout-flex\" style=\"margin-top:0.3rem;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:40px\">\n<div class=\"wp-block-outermost-icon-block items-justified-center\"><div class=\"icon-container has-icon-color has-lapis-color\" style=\"color:#007eea;width:26px\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M19 6H6c-1.1 0-2 .9-2 2v9c0 1.1.9 2 2 2h13c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zM6 17.5c-.3 0-.5-.2-.5-.5V8c0-.3.2-.5.5-.5h3v10H6zm13.5-.5c0 .3-.2.5-.5.5h-3v-10h3c.3 0 .5.2.5.5v9z\"><\/path><\/svg><\/div><\/div>\n\n\n\n<p><strong>Column<\/strong><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-d55ba544 wp-block-group-is-layout-flex\" style=\"margin-top:0.3rem;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:60px\">\n<div class=\"wp-block-outermost-icon-block items-justified-center\"><div class=\"icon-container has-icon-color has-lapis-color\" style=\"color:#007eea;width:26px\"><svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\"><path d=\"M19 6H6c-1.1 0-2 .9-2 2v9c0 1.1.9 2 2 2h13c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm-4.1 1.5v10H10v-10h4.9zM5.5 17V8c0-.3.2-.5.5-.5h2.5v10H6c-.3 0-.5-.2-.5-.5zm14 0c0 .3-.2.5-.5.5h-2.6v-10H19c.3 0 .5.2.5.5v9z\"><\/path><\/svg><\/div><\/div>\n\n\n\n<p><strong>Columns<\/strong><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-9f66f77a wp-block-group-is-layout-flex\" style=\"margin-top:0.3rem;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:80px\">\n<div class=\"wp-block-outermost-icon-block items-justified-center\"><div class=\"icon-container has-icon-color has-lapis-color\" style=\"color:#007eea;width:26px\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M19 6H6c-1.1 0-2 .9-2 2v9c0 1.1.9 2 2 2h13c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zM6 17.5c-.3 0-.5-.2-.5-.5V8c0-.3.2-.5.5-.5h3v10H6zm13.5-.5c0 .3-.2.5-.5.5h-3v-10h3c.3 0 .5.2.5.5v9z\"><\/path><\/svg><\/div><\/div>\n\n\n\n<p><strong>Column<\/strong> \u2013 Width = <code>33%<\/code><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-3604eb27 wp-block-group-is-layout-flex\" style=\"margin-top:0.3rem;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:100px\">\n<div class=\"wp-block-outermost-icon-block items-justified-center\"><div class=\"icon-container has-icon-color\" style=\"color:#007eea;width:26px\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M6.2 5.2v13.4l5.8-4.8 5.8 4.8V5.2z\"><\/path><\/svg><\/div><\/div>\n\n\n\n<p><strong>Heading<\/strong><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-3604eb27 wp-block-group-is-layout-flex\" style=\"margin-top:0.3rem;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:100px\">\n<div class=\"wp-block-outermost-icon-block items-justified-center\"><div class=\"icon-container has-icon-color has-lapis-color\" style=\"color:#007eea;width:26px\"><svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\"><path d=\"M4 4v1.5h16V4H4zm8 8.5h8V11h-8v1.5zM4 20h16v-1.5H4V20zm4-8c0-1.1-.9-2-2-2s-2 .9-2 2 .9 2 2 2 2-.9 2-2z\"><\/path><\/svg><\/div><\/div>\n\n\n\n<p><strong>List<\/strong> \u2013 Font Size = Small<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-9f66f77a wp-block-group-is-layout-flex\" style=\"margin-top:0.3rem;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:80px\">\n<div class=\"wp-block-outermost-icon-block items-justified-center\"><div class=\"icon-container has-icon-color has-lapis-color\" style=\"color:#007eea;width:26px\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M19 6H6c-1.1 0-2 .9-2 2v9c0 1.1.9 2 2 2h13c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zM6 17.5c-.3 0-.5-.2-.5-.5V8c0-.3.2-.5.5-.5h3v10H6zm13.5-.5c0 .3-.2.5-.5.5h-3v-10h3c.3 0 .5.2.5.5v9z\"><\/path><\/svg><\/div><\/div>\n\n\n\n<p><strong>Column<\/strong> [repeat for each column]<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<figure class=\"wp-block-image alignwide size-full is-style-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1601\" height=\"469\" src=\"https:\/\/wpengine.com\/builders\/wp-content\/uploads\/site-footer-editor.webp\" alt=\"\" class=\"wp-image-4700\" srcset=\"https:\/\/wpengine.com\/builders\/wp-content\/uploads\/site-footer-editor.webp 1601w, https:\/\/wpengine.com\/builders\/wp-content\/uploads\/site-footer-editor-300x88.webp 300w, https:\/\/wpengine.com\/builders\/wp-content\/uploads\/site-footer-editor-1024x300.webp 1024w, https:\/\/wpengine.com\/builders\/wp-content\/uploads\/site-footer-editor-768x225.webp 768w, https:\/\/wpengine.com\/builders\/wp-content\/uploads\/site-footer-editor-1536x450.webp 1536w\" sizes=\"auto, (max-width: 1601px) 100vw, 1601px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-group is-layout-flow wp-container-core-group-is-layout-ec4a89e6 wp-block-group-is-layout-flow\" style=\"padding-top:2rem;padding-right:1rem;padding-bottom:1rem;padding-left:1rem\">\n<p class=\"has-text-align-center has-polar-background-color has-background has-small-font-size\" style=\"line-height:1\">Footer block markup<\/p>\n\n\n<pre class=\"wp-block-code\" aria-describedby=\"shcb-language-6\" data-shcb-language-name=\"HTML, XML\" data-shcb-language-slug=\"xml\"><span><code class=\"hljs language-xml shcb-code-table shcb-line-numbers\"><span class='shcb-loc'><span><span class=\"hljs-comment\">&lt;!-- wp:group {\"align\":\"full\",\"style\":{\"typography\":{\"fontSize\":\"18px\"},\"spacing\":{\"margin\":{\"top\":\"0px\"}}},\"layout\":{\"inherit\":true}} --&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">div<\/span> <span class=\"hljs-attr\">class<\/span>=<span class=\"hljs-string\">\"wp-block-group alignfull\"<\/span> <span class=\"hljs-attr\">style<\/span>=<span class=\"hljs-string\">\"margin-top:0px;font-size:18px\"<\/span>&gt;<\/span><span class=\"hljs-comment\">&lt;!-- wp:columns {\"align\":\"wide\",\"style\":{\"elements\":{\"link\":{\"color\":&#91;]}},\"spacing\":{\"padding\":{\"top\":\"100px\",\"bottom\":\"100px\"},\"blockGap\":\"100px\"}}} --&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">div<\/span> <span class=\"hljs-attr\">class<\/span>=<span class=\"hljs-string\">\"wp-block-columns alignwide has-link-color\"<\/span> <span class=\"hljs-attr\">style<\/span>=<span class=\"hljs-string\">\"padding-top:100px;padding-bottom:100px\"<\/span>&gt;<\/span><span class=\"hljs-comment\">&lt;!-- wp:column {\"width\":\"50%\"} --&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">div<\/span> <span class=\"hljs-attr\">class<\/span>=<span class=\"hljs-string\">\"wp-block-column\"<\/span> <span class=\"hljs-attr\">style<\/span>=<span class=\"hljs-string\">\"flex-basis:50%\"<\/span>&gt;<\/span><span class=\"hljs-comment\">&lt;!-- wp:heading {\"level\":4} --&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">h4<\/span> <span class=\"hljs-attr\">id<\/span>=<span class=\"hljs-string\">\"our-company\"<\/span>&gt;<\/span>Our Company<span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">h4<\/span>&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-comment\">&lt;!-- \/wp:heading --&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-comment\">&lt;!-- wp:paragraph --&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">p<\/span>&gt;<\/span>Lorem ipsum dolor sit amet, consectetur adipiscing lectus. Vestibulum mi justo, luctus eu pellentesque vitae gravida non.<span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">p<\/span>&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-comment\">&lt;!-- \/wp:paragraph --&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-comment\">&lt;!-- wp:buttons --&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">div<\/span> <span class=\"hljs-attr\">class<\/span>=<span class=\"hljs-string\">\"wp-block-buttons\"<\/span>&gt;<\/span><span class=\"hljs-comment\">&lt;!-- wp:button {\"style\":{\"border\":{\"radius\":0}},\"className\":\"is-style-fill\"} --&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">div<\/span> <span class=\"hljs-attr\">class<\/span>=<span class=\"hljs-string\">\"wp-block-button is-style-fill\"<\/span>&gt;<\/span><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">a<\/span> <span class=\"hljs-attr\">class<\/span>=<span class=\"hljs-string\">\"wp-block-button__link no-border-radius wp-element-button\"<\/span> <span class=\"hljs-attr\">href<\/span>=<span class=\"hljs-string\">\"#\"<\/span>&gt;<\/span>Learn More<span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">a<\/span>&gt;<\/span><span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">div<\/span>&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-comment\">&lt;!-- \/wp:button --&gt;<\/span><span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">div<\/span>&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-comment\">&lt;!-- \/wp:buttons --&gt;<\/span><span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">div<\/span>&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-comment\">&lt;!-- \/wp:column --&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-comment\">&lt;!-- wp:column --&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">div<\/span> <span class=\"hljs-attr\">class<\/span>=<span class=\"hljs-string\">\"wp-block-column\"<\/span>&gt;<\/span><span class=\"hljs-comment\">&lt;!-- wp:columns --&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">div<\/span> <span class=\"hljs-attr\">class<\/span>=<span class=\"hljs-string\">\"wp-block-columns\"<\/span>&gt;<\/span><span class=\"hljs-comment\">&lt;!-- wp:column {\"width\":\"33%\"} --&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">div<\/span> <span class=\"hljs-attr\">class<\/span>=<span class=\"hljs-string\">\"wp-block-column\"<\/span> <span class=\"hljs-attr\">style<\/span>=<span class=\"hljs-string\">\"flex-basis:33%\"<\/span>&gt;<\/span><span class=\"hljs-comment\">&lt;!-- wp:heading {\"level\":4} --&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">h4<\/span> <span class=\"hljs-attr\">id<\/span>=<span class=\"hljs-string\">\"about-us\"<\/span>&gt;<\/span>About Us<span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">h4<\/span>&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-comment\">&lt;!-- \/wp:heading --&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-comment\">&lt;!-- wp:list {\"fontSize\":\"small\"} --&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">ul<\/span> <span class=\"hljs-attr\">class<\/span>=<span class=\"hljs-string\">\"has-small-font-size\"<\/span>&gt;<\/span><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">li<\/span>&gt;<\/span><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">a<\/span> <span class=\"hljs-attr\">href<\/span>=<span class=\"hljs-string\">\"#\"<\/span>&gt;<\/span>Start Here<span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">a<\/span>&gt;<\/span><span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">li<\/span>&gt;<\/span><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">li<\/span>&gt;<\/span><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">a<\/span> <span class=\"hljs-attr\">href<\/span>=<span class=\"hljs-string\">\"#\"<\/span>&gt;<\/span>Our Mission<span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">a<\/span>&gt;<\/span><span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">li<\/span>&gt;<\/span><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">li<\/span>&gt;<\/span><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">a<\/span> <span class=\"hljs-attr\">href<\/span>=<span class=\"hljs-string\">\"#\"<\/span>&gt;<\/span>Brand Guide<span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">a<\/span>&gt;<\/span><span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">li<\/span>&gt;<\/span><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">li<\/span>&gt;<\/span><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">a<\/span> <span class=\"hljs-attr\">href<\/span>=<span class=\"hljs-string\">\"#\"<\/span>&gt;<\/span>Newsletter<span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">a<\/span>&gt;<\/span><span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">li<\/span>&gt;<\/span><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">li<\/span>&gt;<\/span><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">a<\/span> <span class=\"hljs-attr\">href<\/span>=<span class=\"hljs-string\">\"#\"<\/span>&gt;<\/span>Accessibility<span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">a<\/span>&gt;<\/span><span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">li<\/span>&gt;<\/span><span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">ul<\/span>&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-comment\">&lt;!-- \/wp:list --&gt;<\/span><span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">div<\/span>&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-comment\">&lt;!-- \/wp:column --&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-comment\">&lt;!-- wp:column {\"width\":\"33%\"} --&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">div<\/span> <span class=\"hljs-attr\">class<\/span>=<span class=\"hljs-string\">\"wp-block-column\"<\/span> <span class=\"hljs-attr\">style<\/span>=<span class=\"hljs-string\">\"flex-basis:33%\"<\/span>&gt;<\/span><span class=\"hljs-comment\">&lt;!-- wp:heading {\"level\":4} --&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">h4<\/span> <span class=\"hljs-attr\">id<\/span>=<span class=\"hljs-string\">\"services\"<\/span>&gt;<\/span>Services<span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">h4<\/span>&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-comment\">&lt;!-- \/wp:heading --&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-comment\">&lt;!-- wp:list {\"fontSize\":\"small\"} --&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">ul<\/span> <span class=\"hljs-attr\">class<\/span>=<span class=\"hljs-string\">\"has-small-font-size\"<\/span>&gt;<\/span><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">li<\/span>&gt;<\/span><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">a<\/span> <span class=\"hljs-attr\">href<\/span>=<span class=\"hljs-string\">\"#\"<\/span>&gt;<\/span>Web Design<span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">a<\/span>&gt;<\/span><span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">li<\/span>&gt;<\/span><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">li<\/span>&gt;<\/span><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">a<\/span> <span class=\"hljs-attr\">href<\/span>=<span class=\"hljs-string\">\"#\"<\/span>&gt;<\/span>Development<span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">a<\/span>&gt;<\/span><span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">li<\/span>&gt;<\/span><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">li<\/span>&gt;<\/span><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">a<\/span> <span class=\"hljs-attr\">href<\/span>=<span class=\"hljs-string\">\"#\"<\/span>&gt;<\/span>Copywriting<span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">a<\/span>&gt;<\/span><span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">li<\/span>&gt;<\/span><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">li<\/span>&gt;<\/span><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">a<\/span> <span class=\"hljs-attr\">href<\/span>=<span class=\"hljs-string\">\"#\"<\/span>&gt;<\/span>Marketing<span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">a<\/span>&gt;<\/span><span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">li<\/span>&gt;<\/span><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">li<\/span>&gt;<\/span><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">a<\/span> <span class=\"hljs-attr\">href<\/span>=<span class=\"hljs-string\">\"#\"<\/span>&gt;<\/span>Social Media<span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">a<\/span>&gt;<\/span><span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">li<\/span>&gt;<\/span><span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">ul<\/span>&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-comment\">&lt;!-- \/wp:list --&gt;<\/span><span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">div<\/span>&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-comment\">&lt;!-- \/wp:column --&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-comment\">&lt;!-- wp:column {\"width\":\"33%\"} --&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">div<\/span> <span class=\"hljs-attr\">class<\/span>=<span class=\"hljs-string\">\"wp-block-column\"<\/span> <span class=\"hljs-attr\">style<\/span>=<span class=\"hljs-string\">\"flex-basis:33%\"<\/span>&gt;<\/span><span class=\"hljs-comment\">&lt;!-- wp:heading {\"level\":4} --&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">h4<\/span> <span class=\"hljs-attr\">id<\/span>=<span class=\"hljs-string\">\"connect\"<\/span>&gt;<\/span>Connect<span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">h4<\/span>&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-comment\">&lt;!-- \/wp:heading --&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-comment\">&lt;!-- wp:list {\"fontSize\":\"small\"} --&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">ul<\/span> <span class=\"hljs-attr\">class<\/span>=<span class=\"hljs-string\">\"has-small-font-size\"<\/span>&gt;<\/span><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">li<\/span>&gt;<\/span><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">a<\/span> <span class=\"hljs-attr\">href<\/span>=<span class=\"hljs-string\">\"#\"<\/span>&gt;<\/span>Facebook<span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">a<\/span>&gt;<\/span><span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">li<\/span>&gt;<\/span><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">li<\/span>&gt;<\/span><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">a<\/span> <span class=\"hljs-attr\">href<\/span>=<span class=\"hljs-string\">\"#\"<\/span>&gt;<\/span>Instagram<span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">a<\/span>&gt;<\/span><span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">li<\/span>&gt;<\/span><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">li<\/span>&gt;<\/span><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">a<\/span> <span class=\"hljs-attr\">href<\/span>=<span class=\"hljs-string\">\"#\"<\/span>&gt;<\/span>Twitter<span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">a<\/span>&gt;<\/span><span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">li<\/span>&gt;<\/span><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">li<\/span>&gt;<\/span><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">a<\/span> <span class=\"hljs-attr\">href<\/span>=<span class=\"hljs-string\">\"#\"<\/span>&gt;<\/span>LinkedIn<span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">a<\/span>&gt;<\/span><span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">li<\/span>&gt;<\/span><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">li<\/span>&gt;<\/span><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">a<\/span> <span class=\"hljs-attr\">href<\/span>=<span class=\"hljs-string\">\"#\"<\/span>&gt;<\/span>Dribbble<span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">a<\/span>&gt;<\/span><span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">li<\/span>&gt;<\/span><span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">ul<\/span>&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-comment\">&lt;!-- \/wp:list --&gt;<\/span><span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">div<\/span>&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-comment\">&lt;!-- \/wp:column --&gt;<\/span><span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">div<\/span>&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-comment\">&lt;!-- \/wp:columns --&gt;<\/span><span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">div<\/span>&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-comment\">&lt;!-- \/wp:column --&gt;<\/span><span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">div<\/span>&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-comment\">&lt;!-- \/wp:columns --&gt;<\/span><span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">div<\/span>&gt;<\/span>\n<\/span><\/span><span class='shcb-loc'><span><span class=\"hljs-comment\">&lt;!-- \/wp:group --&gt;<\/span>\n<\/span><\/span><\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-6\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">HTML, XML<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">xml<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"conclusion\">Conclusion<\/h2>\n\n\n\n<p>As you can see, it can be empowering to be able to compose your store layouts with WordPress core <em>and<\/em> WooCommerce blocks.<\/p>\n\n\n\n<p>Check out WooCommerce&#8217;s latest <a href=\"https:\/\/developer.woocommerce.com\/2022\/08\/22\/store-editing-roadmap-update-q3-2022\/\" target=\"_blank\" rel=\"noreferrer noopener\">Store Editing Roadmap Update \u2013 Q3 2022<\/a> for an overview of upcoming and proposed features.<\/p>\n\n\n\n<p>Please <a href=\"https:\/\/twitter.com\/dcook\" target=\"_blank\" rel=\"noreferrer noopener\">hit me up @dcook<\/a> on Twitter if you are working with WooCommerce blocks and let me know your thoughts.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Build an engaging WooCommerce landing page with blocks.<\/p>\n","protected":false},"author":11,"featured_media":4679,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_EventAllDay":false,"_EventTimezone":"","_EventStartDate":"","_EventEndDate":"","_EventStartDateUTC":"","_EventEndDateUTC":"","_EventShowMap":false,"_EventShowMapLink":false,"_EventURL":"","_EventCost":"","_EventCostDescription":"","_EventCurrencySymbol":"","_EventCurrencyCode":"","_EventCurrencyPosition":"","_EventDateTimeSeparator":"","_EventTimeRangeSeparator":"","_EventOrganizerID":[],"_EventVenueID":[],"_OrganizerEmail":"","_OrganizerPhone":"","_OrganizerWebsite":"","_VenueAddress":"","_VenueCity":"","_VenueCountry":"","_VenueProvince":"","_VenueState":"","_VenueZip":"","_VenuePhone":"","_VenueURL":"","_VenueStateProvince":"","_VenueLat":"","_VenueLng":"","_VenueShowMap":false,"_VenueShowMapLink":false,"footnotes":""},"categories":[1],"tags":[9],"class_list":["post-4671","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress","tag-woocommerce"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Shop Landing Page with WooCommerce Blocks - Builders<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/wpengine.com\/builders\/shop-landing-page-woocommerce-blocks\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Shop Landing Page with WooCommerce Blocks - Builders\" \/>\n<meta property=\"og:description\" content=\"Build an engaging WooCommerce landing page with blocks.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wpengine.com\/builders\/shop-landing-page-woocommerce-blocks\/\" \/>\n<meta property=\"og:site_name\" content=\"Builders\" \/>\n<meta property=\"article:published_time\" content=\"2022-08-24T19:45:32+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-09-13T20:23:22+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/wpengine.com\/builders\/wp-content\/uploads\/shop-landing-page-woocommerce-open-graph.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Damon Cook\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/wpengine.com\/builders\/wp-content\/uploads\/shop-landing-page-woocommerce-open-graph.jpg\" \/>\n<meta name=\"twitter:creator\" content=\"@dcook\" \/>\n<meta name=\"twitter:site\" content=\"@wpebuilders\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Damon Cook\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/shop-landing-page-woocommerce-blocks\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/shop-landing-page-woocommerce-blocks\\\/\"},\"author\":{\"name\":\"Damon Cook\",\"@id\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/#\\\/schema\\\/person\\\/9d8d20c8a321b90faceae588fcf6d30d\"},\"headline\":\"Shop Landing Page with WooCommerce Blocks\",\"datePublished\":\"2022-08-24T19:45:32+00:00\",\"dateModified\":\"2023-09-13T20:23:22+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/shop-landing-page-woocommerce-blocks\\\/\"},\"wordCount\":697,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/shop-landing-page-woocommerce-blocks\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/wp-content\\\/uploads\\\/woocommerce-homepage.webp\",\"keywords\":[\"WooCommerce\"],\"articleSection\":[\"WordPress\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/wpengine.com\\\/builders\\\/shop-landing-page-woocommerce-blocks\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/shop-landing-page-woocommerce-blocks\\\/\",\"url\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/shop-landing-page-woocommerce-blocks\\\/\",\"name\":\"Shop Landing Page with WooCommerce Blocks - Builders\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/shop-landing-page-woocommerce-blocks\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/shop-landing-page-woocommerce-blocks\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/wp-content\\\/uploads\\\/woocommerce-homepage.webp\",\"datePublished\":\"2022-08-24T19:45:32+00:00\",\"dateModified\":\"2023-09-13T20:23:22+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/shop-landing-page-woocommerce-blocks\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/wpengine.com\\\/builders\\\/shop-landing-page-woocommerce-blocks\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/shop-landing-page-woocommerce-blocks\\\/#primaryimage\",\"url\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/wp-content\\\/uploads\\\/woocommerce-homepage.webp\",\"contentUrl\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/wp-content\\\/uploads\\\/woocommerce-homepage.webp\",\"width\":1920,\"height\":1080},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/shop-landing-page-woocommerce-blocks\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Shop Landing Page with WooCommerce Blocks\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/#website\",\"url\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/\",\"name\":\"Builders\",\"description\":\"Reimagining the way we build with WordPress.\",\"publisher\":{\"@id\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/#organization\",\"name\":\"WP Engine\",\"url\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/wp-content\\\/uploads\\\/2024\\\/05\\\/WP-Engine-Horizontal@2x.png\",\"contentUrl\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/wp-content\\\/uploads\\\/2024\\\/05\\\/WP-Engine-Horizontal@2x.png\",\"width\":348,\"height\":68,\"caption\":\"WP Engine\"},\"image\":{\"@id\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/x.com\\\/wpebuilders\",\"https:\\\/\\\/www.youtube.com\\\/channel\\\/UCh1WuL54XFb9ZI6m6goFv1g\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/#\\\/schema\\\/person\\\/9d8d20c8a321b90faceae588fcf6d30d\",\"name\":\"Damon Cook\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/18d75285d6803fab88b7f45601bb68cbac7c3956347217c06a0291e27dc65f6a?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/18d75285d6803fab88b7f45601bb68cbac7c3956347217c06a0291e27dc65f6a?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/18d75285d6803fab88b7f45601bb68cbac7c3956347217c06a0291e27dc65f6a?s=96&d=mm&r=g\",\"caption\":\"Damon Cook\"},\"description\":\"Damon Cook is a Developer Advocate at WP Engine. Previously, he navigated the WordPress agency land for a decade. He is a purveyor and discoverer of musical frisson. He can be found in the realms of WordPress Slack, WooCommerce Slack, and Twitter.\",\"sameAs\":[\"https:\\\/\\\/x.com\\\/dcook\"],\"url\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/author\\\/damon-cook\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Shop Landing Page with WooCommerce Blocks - Builders","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/wpengine.com\/builders\/shop-landing-page-woocommerce-blocks\/","og_locale":"en_US","og_type":"article","og_title":"Shop Landing Page with WooCommerce Blocks - Builders","og_description":"Build an engaging WooCommerce landing page with blocks.","og_url":"https:\/\/wpengine.com\/builders\/shop-landing-page-woocommerce-blocks\/","og_site_name":"Builders","article_published_time":"2022-08-24T19:45:32+00:00","article_modified_time":"2023-09-13T20:23:22+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/wpengine.com\/builders\/wp-content\/uploads\/shop-landing-page-woocommerce-open-graph.jpg","type":"image\/jpeg"}],"author":"Damon Cook","twitter_card":"summary_large_image","twitter_image":"https:\/\/wpengine.com\/builders\/wp-content\/uploads\/shop-landing-page-woocommerce-open-graph.jpg","twitter_creator":"@dcook","twitter_site":"@wpebuilders","twitter_misc":{"Written by":"Damon Cook","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/wpengine.com\/builders\/shop-landing-page-woocommerce-blocks\/#article","isPartOf":{"@id":"https:\/\/wpengine.com\/builders\/shop-landing-page-woocommerce-blocks\/"},"author":{"name":"Damon Cook","@id":"https:\/\/wpengine.com\/builders\/#\/schema\/person\/9d8d20c8a321b90faceae588fcf6d30d"},"headline":"Shop Landing Page with WooCommerce Blocks","datePublished":"2022-08-24T19:45:32+00:00","dateModified":"2023-09-13T20:23:22+00:00","mainEntityOfPage":{"@id":"https:\/\/wpengine.com\/builders\/shop-landing-page-woocommerce-blocks\/"},"wordCount":697,"commentCount":0,"publisher":{"@id":"https:\/\/wpengine.com\/builders\/#organization"},"image":{"@id":"https:\/\/wpengine.com\/builders\/shop-landing-page-woocommerce-blocks\/#primaryimage"},"thumbnailUrl":"https:\/\/wpengine.com\/builders\/wp-content\/uploads\/woocommerce-homepage.webp","keywords":["WooCommerce"],"articleSection":["WordPress"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/wpengine.com\/builders\/shop-landing-page-woocommerce-blocks\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/wpengine.com\/builders\/shop-landing-page-woocommerce-blocks\/","url":"https:\/\/wpengine.com\/builders\/shop-landing-page-woocommerce-blocks\/","name":"Shop Landing Page with WooCommerce Blocks - Builders","isPartOf":{"@id":"https:\/\/wpengine.com\/builders\/#website"},"primaryImageOfPage":{"@id":"https:\/\/wpengine.com\/builders\/shop-landing-page-woocommerce-blocks\/#primaryimage"},"image":{"@id":"https:\/\/wpengine.com\/builders\/shop-landing-page-woocommerce-blocks\/#primaryimage"},"thumbnailUrl":"https:\/\/wpengine.com\/builders\/wp-content\/uploads\/woocommerce-homepage.webp","datePublished":"2022-08-24T19:45:32+00:00","dateModified":"2023-09-13T20:23:22+00:00","breadcrumb":{"@id":"https:\/\/wpengine.com\/builders\/shop-landing-page-woocommerce-blocks\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wpengine.com\/builders\/shop-landing-page-woocommerce-blocks\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/wpengine.com\/builders\/shop-landing-page-woocommerce-blocks\/#primaryimage","url":"https:\/\/wpengine.com\/builders\/wp-content\/uploads\/woocommerce-homepage.webp","contentUrl":"https:\/\/wpengine.com\/builders\/wp-content\/uploads\/woocommerce-homepage.webp","width":1920,"height":1080},{"@type":"BreadcrumbList","@id":"https:\/\/wpengine.com\/builders\/shop-landing-page-woocommerce-blocks\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/wpengine.com\/builders\/"},{"@type":"ListItem","position":2,"name":"Shop Landing Page with WooCommerce Blocks"}]},{"@type":"WebSite","@id":"https:\/\/wpengine.com\/builders\/#website","url":"https:\/\/wpengine.com\/builders\/","name":"Builders","description":"Reimagining the way we build with WordPress.","publisher":{"@id":"https:\/\/wpengine.com\/builders\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wpengine.com\/builders\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/wpengine.com\/builders\/#organization","name":"WP Engine","url":"https:\/\/wpengine.com\/builders\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/wpengine.com\/builders\/#\/schema\/logo\/image\/","url":"https:\/\/wpengine.com\/builders\/wp-content\/uploads\/2024\/05\/WP-Engine-Horizontal@2x.png","contentUrl":"https:\/\/wpengine.com\/builders\/wp-content\/uploads\/2024\/05\/WP-Engine-Horizontal@2x.png","width":348,"height":68,"caption":"WP Engine"},"image":{"@id":"https:\/\/wpengine.com\/builders\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/x.com\/wpebuilders","https:\/\/www.youtube.com\/channel\/UCh1WuL54XFb9ZI6m6goFv1g"]},{"@type":"Person","@id":"https:\/\/wpengine.com\/builders\/#\/schema\/person\/9d8d20c8a321b90faceae588fcf6d30d","name":"Damon Cook","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/18d75285d6803fab88b7f45601bb68cbac7c3956347217c06a0291e27dc65f6a?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/18d75285d6803fab88b7f45601bb68cbac7c3956347217c06a0291e27dc65f6a?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/18d75285d6803fab88b7f45601bb68cbac7c3956347217c06a0291e27dc65f6a?s=96&d=mm&r=g","caption":"Damon Cook"},"description":"Damon Cook is a Developer Advocate at WP Engine. Previously, he navigated the WordPress agency land for a decade. He is a purveyor and discoverer of musical frisson. He can be found in the realms of WordPress Slack, WooCommerce Slack, and Twitter.","sameAs":["https:\/\/x.com\/dcook"],"url":"https:\/\/wpengine.com\/builders\/author\/damon-cook\/"}]}},"_links":{"self":[{"href":"https:\/\/wpengine.com\/builders\/wp-json\/wp\/v2\/posts\/4671","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpengine.com\/builders\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wpengine.com\/builders\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wpengine.com\/builders\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/wpengine.com\/builders\/wp-json\/wp\/v2\/comments?post=4671"}],"version-history":[{"count":0,"href":"https:\/\/wpengine.com\/builders\/wp-json\/wp\/v2\/posts\/4671\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wpengine.com\/builders\/wp-json\/wp\/v2\/media\/4679"}],"wp:attachment":[{"href":"https:\/\/wpengine.com\/builders\/wp-json\/wp\/v2\/media?parent=4671"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpengine.com\/builders\/wp-json\/wp\/v2\/categories?post=4671"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpengine.com\/builders\/wp-json\/wp\/v2\/tags?post=4671"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}