Single Testimonial With Gradient Background
<!-- wp:group {"align":"full","layout":{"type":"constrained","contentSize":"800px"}} -->
<div class="wp-block-group alignfull"><!-- wp:spacer {"height":"50px"} -->
<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:group {"align":"wide","style":{"border":{"radius":"12px"},"spacing":{"padding":{"top":"2rem","bottom":"2rem","left":"2rem","right":"2rem"},"blockGap":"1.09rem"},"color":{"gradient":"linear-gradient(330deg,rgb(8,32,62) 0%,rgb(85,124,147) 100%)"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group alignwide has-background" style="border-radius:12px;background:linear-gradient(330deg,rgb(8,32,62) 0%,rgb(85,124,147) 100%);padding-top:2rem;padding-right:2rem;padding-bottom:2rem;padding-left:2rem"><!-- wp:image {"width":"50px","sizeSlug":"large","linkDestination":"none","style":{"color":{"duotone":["rgb(255, 255, 255)","rgb(254, 254, 254)"]}}} -->
<figure class="wp-block-image size-large is-resized"><img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M14.017 21v-7.391c0-5.704 3.731-9.57 8.983-10.609l.995 2.151c-2.432.917-3.995 3.638-3.995 5.849h4v10h-9.983zm-14.017 0v-7.391c0-5.704 3.748-9.57 9-10.609l.996 2.151c-2.433.917-3.996 3.638-3.996 5.849h3.983v10h-9.983z'/%3E%3C/svg%3E" alt="" style="width:50px"/></figure>
<!-- /wp:image -->
<!-- wp:paragraph {"style":{"color":{"text":"#e5e7eb"},"typography":{"lineHeight":"1.3"}}} -->
<p class="has-text-color" style="color:#e5e7eb;line-height:1.3">"I've tried numerous WordPress themes, but this one stands out. The responsiveness is unmatched, and my site looks fantastic on any device. Finally, a theme that truly delivers a seamless user experience."</p>
<!-- /wp:paragraph -->
<!-- wp:group {"style":{"spacing":{"blockGap":"0.9rem"}},"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"left","verticalAlignment":"center"}} -->
<div class="wp-block-group"><!-- wp:image {"id":2404,"width":"60px","height":"60px","scale":"cover","sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":"100px"}}} -->
<figure class="wp-block-image size-full is-resized has-custom-border"><img src="https://blocklayouts.com/wp-content/uploads/2024/05/user-6.png" alt="" class="wp-image-2404" style="border-radius:100px;object-fit:cover;width:60px;height:60px"/></figure>
<!-- /wp:image -->
<!-- wp:group {"style":{"spacing":{"blockGap":"0.4rem"}},"layout":{"type":"flex","orientation":"vertical","verticalAlignment":"top"}} -->
<div class="wp-block-group"><!-- wp:paragraph {"style":{"typography":{"fontStyle":"normal","fontWeight":"500"},"color":{"text":"#fefefe"},"elements":{"link":{"color":{"text":"#fefefe"}}}}} -->
<p class="has-text-color has-link-color" style="color:#fefefe;font-style:normal;font-weight:500">Ethan Williams</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0"}},"color":{"text":"#e5e7eb"}},"fontSize":"small"} -->
<p class="has-text-color has-small-font-size" style="color:#e5e7eb;margin-top:0">Software Developer</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->
<!-- wp:spacer {"height":"50px"} -->
<div style="height:50px" 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.