system
You are an assistant that generates WordPress patterns.
user
template to present 3 offers and price categories.
assistant
<!-- wp:heading {"textAlign":"center","level":3,"align":"wide","style":{"typography":{"fontStyle":"normal","fontWeight":"200","textTransform":"uppercase","lineHeight":"1.2"},"spacing":{"margin":{"top":"var:preset|spacing|40","right":"0","bottom":"var:preset|spacing|40","left":"0"}}}} -->
<h3 class="wp-block-heading alignwide has-text-align-center" style="margin-top:var(--wp--preset--spacing--40);margin-right:0;margin-bottom:var(--wp--preset--spacing--40);margin-left:0;font-style:normal;font-weight:200;line-height:1.2;text-transform:uppercase">Harga paket</h3>
<!-- /wp:heading -->

<!-- wp:group {"align":"wide","layout":{"type":"constrained"}} -->
<div class="wp-block-group alignwide"><!-- wp:columns {"align":"wide","style":{"spacing":{"padding":{"top":"0.8vh","right":"0.8vh","bottom":"0.8vh","left":"0.8vh"}}}} -->
<div class="wp-block-columns alignwide" style="padding-top:0.8vh;padding-right:0.8vh;padding-bottom:0.8vh;padding-left:0.8vh"><!-- wp:column {"style":{"color":{"text":"#000000"},"elements":{"link":{"color":{"text":"#000000"}}},"spacing":{"padding":{"top":"0vh","right":"0vh","bottom":"0vh","left":"0vh"}}}} -->
<div class="wp-block-column has-text-color has-link-color" style="color:#000000;padding-top:0vh;padding-right:0vh;padding-bottom:0vh;padding-left:0vh"><!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"2vh","right":"2vh","bottom":"2vh","left":"2vh"}}},"backgroundColor":"tertiary","layout":{"type":"default"}} -->
<div class="wp-block-group alignfull has-tertiary-background-color has-background" style="padding-top:2vh;padding-right:2vh;padding-bottom:2vh;padding-left:2vh"><!-- wp:heading {"textAlign":"center","style":{"typography":{"fontSize":"40px"}}} -->
<h2 class="wp-block-heading has-text-align-center" id="single" style="font-size:40px">Tiny <br><strong>Package</strong></h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","style":{"typography":{"lineHeight":"1.5"}},"fontSize":"normal"} -->
<p class="has-text-align-center has-normal-font-size" style="line-height:1.5"><strong>brief content summary level 1</strong></p>
<!-- /wp:paragraph -->

<!-- wp:separator {"opacity":"css","style":{"color":{"background":"#000000"}},"className":"is-style-wide"} -->
<hr class="wp-block-separator has-text-color has-css-opacity has-background is-style-wide" style="background-color:#000000;color:#000000" />
<!-- /wp:separator -->

<!-- wp:list -->
<ul><!-- wp:list-item -->
<li>mengandung XYZ</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>tanpa iklan, dll.</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list -->

<!-- wp:paragraph -->
<p><strong>Included:</strong><br>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p><strong>Additions:</strong><br>Optional extras bookable.</p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"align":"full","layout":{"type":"flex","justifyContent":"center","orientation":"horizontal"}} -->
<div class="wp-block-buttons alignfull"><!-- wp:button {"backgroundColor":"cyan-bluish-gray","textColor":"secondary","width":100,"style":{"border":{"radius":"10px"}}} -->
<div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link has-secondary-color has-cyan-bluish-gray-background-color has-text-color has-background wp-element-button" style="border-radius:10px">600 €</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->

<!-- wp:paragraph -->
<p><strong>Opsi Ekstra:</strong></p>
<!-- /wp:paragraph -->

<!-- wp:list -->
<ul><!-- wp:list-item -->
<li>untuk iklan, dll.</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list -->

<!-- wp:buttons {"align":"full","layout":{"type":"flex","justifyContent":"center","orientation":"horizontal"}} -->
<div class="wp-block-buttons alignfull"><!-- wp:button {"textColor":"tertiary","width":100,"style":{"border":{"radius":"10px"},"color":{"background":"#263810"}}} -->
<div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link has-tertiary-color has-text-color has-background wp-element-button" style="border-radius:10px;background-color:#263810">800 €</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group -->

<!-- wp:spacer -->
<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer --></div>
<!-- /wp:column -->

<!-- wp:column {"style":{"color":{"text":"#000000"},"elements":{"link":{"color":{"text":"#000000"}}},"spacing":{"padding":{"top":"0vh","right":"0vh","bottom":"0vh","left":"0vh"}}}} -->
<div class="wp-block-column has-text-color has-link-color" style="color:#000000;padding-top:0vh;padding-right:0vh;padding-bottom:0vh;padding-left:0vh"><!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"2vh","right":"2vh","bottom":"2vh","left":"2vh"}}},"backgroundColor":"tertiary","layout":{"type":"default"}} -->
<div class="wp-block-group alignfull has-tertiary-background-color has-background" style="padding-top:2vh;padding-right:2vh;padding-bottom:2vh;padding-left:2vh"><!-- wp:heading {"textAlign":"center","style":{"typography":{"fontSize":"40px"}}} -->
<h2 class="wp-block-heading has-text-align-center" id="family" style="font-size:40px"><br><strong>Paket</strong> Standar</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","style":{"typography":{"lineHeight":"1.5"}},"fontSize":"normal"} -->
<p class="has-text-align-center has-normal-font-size" style="line-height:1.5"><strong><strong><strong><strong>brief content summary level </strong></strong></strong>2</strong></p>
<!-- /wp:paragraph -->

<!-- wp:separator {"opacity":"css","className":"is-style-wide"} -->
<hr class="wp-block-separator has-css-opacity is-style-wide" />
<!-- /wp:separator -->

<!-- wp:list -->
<ul><!-- wp:list-item -->
<li>mengandung XYZ</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>tanpa iklan, dll.</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list -->

<!-- wp:paragraph -->
<p><strong>Included:</strong><br>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p><strong>Additions:</strong><br>Optional extras bookable.</p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"align":"full","layout":{"type":"flex","justifyContent":"center","orientation":"horizontal"}} -->
<div class="wp-block-buttons alignfull"><!-- wp:button {"backgroundColor":"cyan-bluish-gray","textColor":"secondary","width":100,"style":{"border":{"radius":"10px"}},"className":"is-style-fill"} -->
<div class="wp-block-button has-custom-width wp-block-button__width-100 is-style-fill"><a class="wp-block-button__link has-secondary-color has-cyan-bluish-gray-background-color has-text-color has-background wp-element-button" style="border-radius:10px">900 €</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->

<!-- wp:paragraph -->
<p><strong><strong><strong>Extra Option:</strong></strong></strong></p>
<!-- /wp:paragraph -->

<!-- wp:list -->
<ul><!-- wp:list-item -->
<li>untuk iklan, dll.</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list -->

<!-- wp:buttons {"align":"full","layout":{"type":"flex","justifyContent":"center","orientation":"horizontal"}} -->
<div class="wp-block-buttons alignfull"><!-- wp:button {"textColor":"tertiary","width":100,"style":{"color":{"background":"#263810"},"border":{"radius":"10px"}},"className":"is-style-fill"} -->
<div class="wp-block-button has-custom-width wp-block-button__width-100 is-style-fill"><a class="wp-block-button__link has-tertiary-color has-text-color has-background wp-element-button" style="border-radius:10px;background-color:#263810">1100 €</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group -->

<!-- wp:spacer -->
<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer --></div>
<!-- /wp:column -->

<!-- wp:column {"style":{"color":{"text":"#000000"},"elements":{"link":{"color":{"text":"#000000"}}},"spacing":{"padding":{"top":"0vh","right":"0vh","bottom":"0vh","left":"0vh"}}}} -->
<div class="wp-block-column has-text-color has-link-color" style="color:#000000;padding-top:0vh;padding-right:0vh;padding-bottom:0vh;padding-left:0vh"><!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"2vh","right":"2vh","bottom":"2vh","left":"2vh"}}},"backgroundColor":"tertiary","layout":{"type":"default"}} -->
<div class="wp-block-group alignfull has-tertiary-background-color has-background" style="padding-top:2vh;padding-right:2vh;padding-bottom:2vh;padding-left:2vh"><!-- wp:heading {"textAlign":"center","style":{"typography":{"fontSize":"40px"}}} -->
<h2 class="wp-block-heading has-text-align-center" id="patron" style="font-size:40px">Big <br><strong>Package</strong></h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","fontSize":"normal"} -->
<p class="has-text-align-center has-normal-font-size"><strong><strong>brief content summary level </strong>3</strong></p>
<!-- /wp:paragraph -->

<!-- wp:separator {"opacity":"css","className":"is-style-wide"} -->
<hr class="wp-block-separator has-css-opacity is-style-wide" />
<!-- /wp:separator -->

<!-- wp:list -->
<ul><!-- wp:list-item -->
<li>mengandung XYZ</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>tanpa iklan, dll.</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list -->

<!-- wp:paragraph -->
<p><strong>Included:</strong><br>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p><strong>Additions:</strong><br>Optional extras bookable.</p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"align":"full","layout":{"type":"flex","justifyContent":"center","orientation":"horizontal"}} -->
<div class="wp-block-buttons alignfull"><!-- wp:button {"backgroundColor":"cyan-bluish-gray","textColor":"secondary","width":100,"style":{"border":{"radius":"10px"}}} -->
<div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link has-secondary-color has-cyan-bluish-gray-background-color has-text-color has-background wp-element-button" style="border-radius:10px">1200 €</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->

<!-- wp:paragraph -->
<p><strong><strong><strong>Extra Option:</strong></strong></strong></p>
<!-- /wp:paragraph -->

<!-- wp:list -->
<ul><!-- wp:list-item -->
<li>untuk iklan, dll.</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list -->

<!-- wp:buttons {"align":"full","layout":{"type":"flex","justifyContent":"center","orientation":"horizontal"}} -->
<div class="wp-block-buttons alignfull"><!-- wp:button {"textColor":"tertiary","width":100,"style":{"border":{"radius":"10px"},"color":{"background":"#263810"}}} -->
<div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link has-tertiary-color has-text-color has-background wp-element-button" style="border-radius:10px;background-color:#263810">1400 €</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group -->

<!-- wp:spacer -->
<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:spacer -->
<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer --></div>
<!-- /wp:group -->