Tip with icon
<!-- wp:group {"metadata":{"name":"Tip"},"style":{"spacing":{"padding":{"top":"0","bottom":"0","left":"0","right":"0"},"blockGap":"0"}},"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"left","verticalAlignment":"stretch"}} -->
<div class="wp-block-group" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:group {"style":{"color":{"background":"#3b82f6"},"spacing":{"padding":{"top":"1.6rem","bottom":"1.6rem","left":"0.8rem","right":"0.8rem"},"blockGap":"0.4rem"},"border":{"radius":{"topLeft":"12px","topRight":"0px","bottomLeft":"12px","bottomRight":"0px"}}},"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"}} -->
<div class="wp-block-group has-background" style="border-top-left-radius:12px;border-top-right-radius:0px;border-bottom-left-radius:12px;border-bottom-right-radius:0px;background-color:#3b82f6;padding-top:1.6rem;padding-right:0.8rem;padding-bottom:1.6rem;padding-left:0.8rem"><!-- wp:image {"width":"24px","height":"24px","scale":"contain","sizeSlug":"large"} -->
<figure class="wp-block-image size-large is-resized"><img src="//www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FFFFFF' class='size-6'%3E%3Cpath fill-rule='evenodd' d='M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm8.706-1.442c1.146-.573 2.437.463 2.126 1.706l-.709 2.836.042-.02a.75.75 0 0 1 .67 1.34l-.04.022c-1.147.573-2.438-.463-2.127-1.706l.71-2.836-.042.02a.75.75 0 1 1-.671-1.34l.041-.022ZM12 9a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z' clip-rule='evenodd' /%3E%3C/svg%3E" alt="" style="object-fit:contain;width:24px;height:24px" /></figure>
<!-- /wp:image -->
<!-- wp:paragraph {"style":{"color":{"text":"#ffffff"},"elements":{"link":{"color":{"text":"#ffffff"}}},"layout":{"selfStretch":"fit","flexSize":null}}} -->
<p class="has-text-color has-link-color" style="color:#ffffff">Tip!</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->
<!-- wp:group {"style":{"color":{"background":"#f9fafb"},"dimensions":{"minHeight":"100%"},"spacing":{"padding":{"right":"0.8rem","left":"0.8rem","top":"0.8rem","bottom":"0.8rem"}},"border":{"radius":{"topLeft":"0px","topRight":"12px","bottomLeft":"0px","bottomRight":"12px"}}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group has-background" style="border-top-left-radius:0px;border-top-right-radius:12px;border-bottom-left-radius:0px;border-bottom-right-radius:12px;background-color:#f9fafb;min-height:100%;padding-top:0.8rem;padding-right:0.8rem;padding-bottom:0.8rem;padding-left:0.8rem"><!-- wp:paragraph {"style":{"color":{"text":"#4b5563"},"elements":{"link":{"color":{"text":"#4b5563"}}},"typography":{"lineHeight":1.4}}} -->
<p class="has-text-color has-link-color" style="color:#4b5563;line-height:1.4">Display customer reviews and testimonials to build trust and boost conversions.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></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.