system
You are an assistant that generates WordPress patterns.
user
Acest design prezintă o abordare simplă și minimă pentru afișarea de testimoniale într-o vizualizare gen zidărie.
assistant
<!-- wp:columns {"align":"wide","style":{"spacing":{"padding":{"top":"var:preset|spacing|30","right":"var:preset|spacing|30","bottom":"var:preset|spacing|30","left":"var:preset|spacing|30"}},"color":{"background":"#f5f5f5"}}} -->
<div class="wp-block-columns alignwide has-background" style="background-color:#f5f5f5;padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)"><!-- wp:column {"verticalAlignment":"top","width":"37%"} -->
<div class="wp-block-column is-vertically-aligned-top" style="flex-basis:37%"><!-- wp:heading {"style":{"typography":{"fontStyle":"normal","fontWeight":"700"},"spacing":{"margin":{"top":"15px","right":"0px","bottom":"0px","left":"0px"}}},"fontSize":"x-large"} -->
<h2 class="wp-block-heading has-x-large-font-size" style="margin-top:15px;margin-right:0px;margin-bottom:0px;margin-left:0px;font-style:normal;font-weight:700">TESTIMONIALE</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"15px","right":"0px","left":"0px"}}}} -->
<p style="margin-top:15px;margin-right:0px;margin-left:0px">Sunt disponibile mai multe variații și variante pentru Lorem Ipsum, dar cele mai multe dintre ele au suferit modificări în diferite forme, prin adăugarea de umor în mod aleatoriu, adică prin cuvinte care sunt mai puțin credibile.</p>
<!-- /wp:paragraph -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"textColor":"black","style":{"border":{"radius":"0px","top":{"style":"solid","width":"2px"},"right":{"style":"solid","width":"2px"},"bottom":{"style":"solid","width":"2px"},"left":{"style":"solid","width":"2px"}},"typography":{"fontStyle":"normal","fontWeight":"500"},"color":{"background":"#f5f5f5"}},"className":"is-style-outline"} -->
<div class="wp-block-button is-style-outline" style="font-style:normal;font-weight:500"><a class="wp-block-button__link has-black-color has-text-color has-background wp-element-button" style="border-radius:0px;border-top-style:solid;border-top-width:2px;border-right-style:solid;border-right-width:2px;border-bottom-style:solid;border-bottom-width:2px;border-left-style:solid;border-left-width:2px;background-color:#f5f5f5">Citește mai multe recenzii</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"63%"} -->
<div class="wp-block-column" style="flex-basis:63%"><!-- wp:columns {"style":{"spacing":{"margin":{"top":"0px","bottom":"0px"}}}} -->
<div class="wp-block-columns" style="margin-top:0px;margin-bottom:0px"><!-- wp:column {"width":"","style":{"spacing":{"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}},"color":{"background":"#f2f5f705"}}} -->
<div class="wp-block-column has-background" style="background-color:#f2f5f705;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px"><!-- wp:paragraph {"style":{"typography":{"fontSize":"17px"},"spacing":{"padding":{"top":"30px","right":"30px","bottom":"0px","left":"30px"}},"color":{"background":"#f9ecec"}}} -->
<p class="has-background" style="background-color:#f9ecec;padding-top:30px;padding-right:30px;padding-bottom:0px;padding-left:30px;font-size:17px"><em>Este un fapt constatat mai demult că un cititor va fi distras de la conținutul lizibil al unei pagini când se uită la aranjamentul ei. Motivul utilizării Lorem Ipsum este că are o distribuție mai mult sau mai puțin normală a literelor, spre deosebire de a scrie „Conținut aici sau adaugă conținut aici” și de aceea pare mai lizibil în limba engleză.</em></p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":5,"style":{"typography":{"textTransform":"uppercase"},"spacing":{"margin":{"bottom":"0px","top":"0px"},"padding":{"top":"20px","right":"30px","bottom":"0px","left":"30px"}},"color":{"background":"#f9ecec"}}} -->
<h5 class="wp-block-heading has-background" style="background-color:#f9ecec;margin-top:0px;margin-bottom:0px;padding-top:20px;padding-right:30px;padding-bottom:0px;padding-left:30px;text-transform:uppercase">Nume autor</h5>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0px","right":"0px","bottom":"0px","left":"0px"},"padding":{"top":"0px","right":"30px","bottom":"30px","left":"30px"}},"color":{"background":"#f9ecec"}}} -->
<p class="has-background" style="background-color:#f9ecec;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;padding-top:0px;padding-right:30px;padding-bottom:30px;padding-left:30px">Nume companie</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"typography":{"fontSize":"17px"},"spacing":{"padding":{"top":"30px","right":"30px","bottom":"0px","left":"30px"}},"color":{"background":"#8dd2fc7a"}}} -->
<p class="has-background" style="background-color:#8dd2fc7a;padding-top:30px;padding-right:30px;padding-bottom:0px;padding-left:30px;font-size:17px"><em>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</em></p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":5,"style":{"typography":{"textTransform":"uppercase"},"spacing":{"margin":{"bottom":"0px","top":"0px"},"padding":{"top":"20px","right":"30px","bottom":"0px","left":"30px"}},"color":{"background":"#8dd2fc7a"}}} -->
<h5 class="wp-block-heading has-background" style="background-color:#8dd2fc7a;margin-top:0px;margin-bottom:0px;padding-top:20px;padding-right:30px;padding-bottom:0px;padding-left:30px;text-transform:uppercase">Nume autor</h5>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0px","right":"0px","bottom":"0px","left":"0px"},"padding":{"top":"0px","right":"30px","bottom":"30px","left":"30px"}},"color":{"background":"#8dd2fc7a"}}} -->
<p class="has-background" style="background-color:#8dd2fc7a;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;padding-top:0px;padding-right:30px;padding-bottom:30px;padding-left:30px">Nume companie</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column {"style":{"spacing":{"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}},"color":{"background":"#f2f5f700"}}} -->
<div class="wp-block-column has-background" style="background-color:#f2f5f700;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px"><!-- wp:paragraph {"style":{"typography":{"fontSize":"17px"},"spacing":{"padding":{"top":"30px","right":"30px","bottom":"0px","left":"30px"},"margin":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}},"color":{"background":"#168a781c"}}} -->
<p class="has-background" style="background-color:#168a781c;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;padding-top:30px;padding-right:30px;padding-bottom:0px;padding-left:30px;font-size:17px"><em>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</em></p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":5,"style":{"typography":{"textTransform":"uppercase"},"spacing":{"margin":{"bottom":"0px","top":"0px"},"padding":{"top":"20px","right":"30px","bottom":"0px","left":"30px"}},"color":{"background":"#168a781c"}}} -->
<h5 class="wp-block-heading has-background" style="background-color:#168a781c;margin-top:0px;margin-bottom:0px;padding-top:20px;padding-right:30px;padding-bottom:0px;padding-left:30px;text-transform:uppercase">Nume autor</h5>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0px","right":"0px","bottom":"0px","left":"0px"},"padding":{"top":"0px","right":"30px","bottom":"30px","left":"30px"}},"color":{"background":"#168a781c"}}} -->
<p class="has-background" style="background-color:#168a781c;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;padding-top:0px;padding-right:30px;padding-bottom:30px;padding-left:30px">Nume companie</p>
<!-- /wp:paragraph -->

<!-- wp:spacer {"height":""} -->
<div style="height:" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:paragraph {"style":{"typography":{"fontSize":"17px"},"spacing":{"padding":{"top":"30px","right":"30px","bottom":"0px","left":"30px"},"margin":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}},"color":{"background":"#fff5e6"}}} -->
<p class="has-background" style="background-color:#fff5e6;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;padding-top:30px;padding-right:30px;padding-bottom:0px;padding-left:30px;font-size:17px"><em>Este un fapt constatat mai demult că un cititor va fi distras de la conținutul lizibil al unei pagini când se uită la aranjamentul ei. Motivul utilizării Lorem Ipsum este că are o distribuție mai mult sau mai puțin normală a literelor, spre deosebire de a scrie „Conținut aici sau adaugă conținut aici” și de aceea pare mai lizibil în limba engleză.</em></p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":5,"style":{"typography":{"textTransform":"uppercase"},"spacing":{"margin":{"bottom":"0px","top":"0px"},"padding":{"top":"20px","right":"30px","bottom":"0px","left":"30px"}},"color":{"background":"#fff5e6"}}} -->
<h5 class="wp-block-heading has-background" style="background-color:#fff5e6;margin-top:0px;margin-bottom:0px;padding-top:20px;padding-right:30px;padding-bottom:0px;padding-left:30px;text-transform:uppercase">Nume autor</h5>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0px","right":"0px","bottom":"0px","left":"0px"},"padding":{"top":"0px","right":"30px","bottom":"30px","left":"30px"}},"color":{"background":"#fff5e6"}}} -->
<p class="has-background" style="background-color:#fff5e6;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;padding-top:0px;padding-right:30px;padding-bottom:30px;padding-left:30px">Nume companie</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->