Black product card
<!-- wp:group {"align":"full","style":{"color":{"background":"#ffffff"},"spacing":{"blockGap":"0"}},"layout":{"type":"constrained","contentSize":"700px"}} -->
<div class="wp-block-group alignfull has-background" style="background-color:#ffffff"><!-- wp:spacer {"height":"30px"} -->
<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:group {"style":{"spacing":{"blockGap":"0"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:columns {"style":{"color":{"background":"#04080b"},"elements":{"link":{"color":{"text":"var:preset|color|base"}}},"spacing":{"padding":{"top":"0","bottom":"0","left":"0","right":"0"},"blockGap":{"top":"var:preset|spacing|20","left":"0"}}},"textColor":"base"} -->
<div class="wp-block-columns has-base-color has-text-color has-background has-link-color" style="background-color:#04080b;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:column {"width":"30%"} -->
<div class="wp-block-column" style="flex-basis:30%"><!-- wp:cover {"url":"https://images.unsplash.com/photo-1585916420730-d7f95e942d43?q=80\u0026amp;w=1887\u0026amp;auto=format\u0026amp;fit=crop\u0026amp;ixlib=rb-4.0.3\u0026amp;ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D","dimRatio":0,"minHeight":100,"minHeightUnit":"%"} -->
<div class="wp-block-cover" style="min-height:100%"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-0 has-background-dim"></span><img class="wp-block-cover__image-background" alt="" src="https://images.unsplash.com/photo-1585916420730-d7f95e942d43?q=80&w=1887&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" data-object-fit="cover" /><div class="wp-block-cover__inner-container"><!-- wp:group {"style":{"dimensions":{"minHeight":"200px"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group" style="min-height:200px"></div>
<!-- /wp:group --></div></div>
<!-- /wp:cover --></div>
<!-- /wp:column -->
<!-- wp:column {"width":"70%","style":{"spacing":{"padding":{"top":"3rem","bottom":"3rem","left":"0.6rem","right":"0.6rem"}}}} -->
<div class="wp-block-column" style="padding-top:3rem;padding-right:0.6rem;padding-bottom:3rem;padding-left:0.6rem;flex-basis:70%"><!-- wp:heading {"style":{"color":{"text":"#ffffff"},"elements":{"link":{"color":{"text":"#ffffff"}}},"typography":{"fontSize":"21px","fontStyle":"normal","fontWeight":"500"}}} -->
<h2 class="wp-block-heading has-text-color has-link-color" style="color:#ffffff;font-size:21px;font-style:normal;font-weight:500">Black Backpack</h2>
<!-- /wp:heading -->
<!-- wp:paragraph {"style":{"color":{"text":"#e5e7eb"},"elements":{"link":{"color":{"text":"#e5e7eb"}}},"typography":{"fontSize":"14px","lineHeight":1.4}}} -->
<p class="has-text-color has-link-color" style="color:#e5e7eb;font-size:14px;line-height:1.4">Lorem ipsum dolor sit amet consectetur adipisicing elit. Aspernatur ratione dolorem dolorum minus repellendus, eaque iure ad modi ullam architecto quia! Qui voluptatum corporis dolores expedita doloribus ab suscipit dicta.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->
<!-- wp:group {"style":{"color":{"background":"#374151"},"spacing":{"padding":{"top":"1.2rem","bottom":"1.2rem","left":"1.2rem","right":"1.2rem"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group has-background" style="background-color:#374151;padding-top:1.2rem;padding-right:1.2rem;padding-bottom:1.2rem;padding-left:1.2rem"><!-- wp:paragraph {"style":{"color":{"text":"#ffffff"},"elements":{"link":{"color":{"text":"#ffffff"},":hover":{"color":{"text":"#d1d5db"}}}}}} -->
<p class="has-text-color has-link-color" style="color:#ffffff"><a href="#">Shop Now → </a></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->
<!-- wp:spacer {"height":"30px"} -->
<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer --></div>
<!-- /wp:group -->
Key Features:
Compatibility: Works seamlessly with any Gutenberg-supported WordPress theme.
Easy to Use: Copy the pattern, paste it into the WordPress editor, and you’re good to go.
Customizable: Fully editable blocks to match your branding and style.
Responsive Design: Looks great on desktop, tablet, and mobile devices.