system
You are an assistant that generates WordPress patterns.
user
Simple pricing table or comparison table.
assistant
<!-- wp:group {"style":{"dimensions":{"minHeight":"100vh"},"color":{"gradient":"linear-gradient(0deg,rgb(255,245,203) 0%,rgb(182,227,212) 100%,rgb(51,167,181) 100%)"}},"className":"alignfull","layout":{"type":"constrained","wideSize":"900px"}} -->
<div class="wp-block-group alignfull has-background" style="background:linear-gradient(0deg,rgb(255,245,203) 0%,rgb(182,227,212) 100%,rgb(51,167,181) 100%);min-height:100vh"><!-- wp:columns {"style":{"spacing":{"padding":{"top":"40px","bottom":"40px"},"blockGap":{"left":"0px"}}}} -->
<div class="wp-block-columns" style="padding-top:40px;padding-bottom:40px"><!-- wp:column {"style":{"spacing":{"padding":{"right":"5px","left":"5px"}}}} -->
<div class="wp-block-column" style="padding-right:5px;padding-left:5px"><!-- wp:group {"metadata":{"name":"PricingHeader"},"style":{"spacing":{"padding":{"top":"10px","bottom":"10px"}},"border":{"radius":{"topLeft":"20px","topRight":"20px","bottomLeft":"0px","bottomRight":"0px"},"top":{"color":"var:preset|color|black","width":"2px"},"right":{"color":"var:preset|color|black","width":"2px"},"bottom":{"color":"var:preset|color|white-opacity-15"},"left":{"color":"var:preset|color|black","width":"2px"}},"color":{"gradient":"linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%)"},"elements":{"link":{"color":{"text":"var:preset|color|white"}}}},"textColor":"white","className":"pricing-header margin-top-none","layout":{"type":"default"}} -->
<div class="wp-block-group pricing-header margin-top-none has-white-color has-text-color has-background has-link-color" style="border-top-left-radius:20px;border-top-right-radius:20px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;border-top-color:var(--wp--preset--color--black);border-top-width:2px;border-right-color:var(--wp--preset--color--black);border-right-width:2px;border-bottom-color:var(--wp--preset--color--white-opacity-15);border-left-color:var(--wp--preset--color--black);border-left-width:2px;background:linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);padding-top:10px;padding-bottom:10px"><!-- wp:heading {"textAlign":"center","level":3,"style":{"typography":{"textTransform":"uppercase"}}} -->
<h3 class="wp-block-heading has-text-align-center" style="text-transform:uppercase"><strong>Basic</strong></h3>
<!-- /wp:heading -->

<!-- wp:separator {"style":{"spacing":{"margin":{"top":"10px","bottom":"10px"}}},"className":"is-style-default"} -->
<hr class="wp-block-separator has-alpha-channel-opacity is-style-default" style="margin-top:10px;margin-bottom:10px" />
<!-- /wp:separator -->

<!-- wp:paragraph {"align":"center","style":{"spacing":{"margin":{"top":"0px"}}}} -->
<p class="has-text-align-center" style="margin-top:0px">For WordPress website development</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"metadata":{"name":"PricingBody"},"style":{"elements":{"link":{"color":{"text":"var:preset|color|charcoal-2"}}},"border":{"radius":{"bottomLeft":"20px","bottomRight":"20px"},"top":{"width":"0px","radius":{"bottomLeft":"20px","bottomRight":"20px"},"style":"none"},"right":{"color":"var:preset|color|black","width":"2px"},"bottom":{"color":"var:preset|color|black","width":"2px"},"left":{"color":"var:preset|color|black","width":"2px"}},"spacing":{"margin":{"top":"0px","bottom":"0px"},"padding":{"right":"5px","left":"5px","top":"0px","bottom":"20px"}}},"backgroundColor":"white","textColor":"charcoal-2","className":"pricing-body margin-top-none","layout":{"type":"default"}} -->
<div class="wp-block-group pricing-body margin-top-none has-charcoal-2-color has-white-background-color has-text-color has-background has-link-color" style="border-bottom-left-radius:20px;border-bottom-right-radius:20px;border-top-style:none;border-top-width:0px;border-right-color:var(--wp--preset--color--black);border-right-width:2px;border-bottom-color:var(--wp--preset--color--black);border-bottom-width:2px;border-left-color:var(--wp--preset--color--black);border-left-width:2px;margin-top:0px;margin-bottom:0px;padding-top:0px;padding-right:5px;padding-bottom:20px;padding-left:5px"><!-- wp:list {"style":{"spacing":{"padding":{"right":"20px","left":"20px"}}}} -->
<ul style="padding-right:20px;padding-left:20px"><!-- wp:list-item {"style":{"spacing":{"padding":{"top":"10px","bottom":"10px"}}}} -->
<li style="padding-top:10px;padding-bottom:10px">Lorem ipsum dolor sit amet</li>
<!-- /wp:list-item -->

<!-- wp:list-item {"style":{"spacing":{"padding":{"top":"10px","bottom":"10px"}}}} -->
<li style="padding-top:10px;padding-bottom:10px">Lorem ipsum dolor sit amet</li>
<!-- /wp:list-item -->

<!-- wp:list-item {"style":{"spacing":{"padding":{"top":"10px","bottom":"10px"}}}} -->
<li style="padding-top:10px;padding-bottom:10px">Lorem ipsum dolor sit amet</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list -->

<!-- wp:spacer {"height":"0px","className":"margin-top-none"} -->
<div style="height:0px" aria-hidden="true" class="wp-block-spacer margin-top-none"></div>
<!-- /wp:spacer -->

<!-- wp:paragraph {"align":"center","style":{"typography":{"fontSize":"36px","letterSpacing":"4px"},"spacing":{"padding":{"top":"0px","bottom":"0px","left":"0px","right":"0px"},"margin":{"top":"0px","bottom":"0px","left":"0px","right":"0px"}}}} -->
<p class="has-text-align-center" style="margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;font-size:36px;letter-spacing:4px"><strong>$10</strong></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"align":"center","style":{"spacing":{"margin":{"top":"0px","bottom":"5px"}}}} -->
<p class="has-text-align-center" style="margin-top:0px;margin-bottom:5px"><strong>per hour</strong></p>
<!-- /wp:paragraph -->

<!-- wp:spacer {"height":"0px","className":"margin-top-none"} -->
<div style="height:0px" aria-hidden="true" class="wp-block-spacer margin-top-none"></div>
<!-- /wp:spacer -->

<!-- wp:buttons {"align":"full","layout":{"type":"flex","justifyContent":"center"}} -->
<div class="wp-block-buttons alignfull"><!-- wp:button {"textAlign":"center","gradient":"vivid-cyan-blue-to-vivid-purple","style":{"border":{"radius":"10px"}},"className":"is-style-fill"} -->
<div class="wp-block-button is-style-fill"><a class="wp-block-button__link has-vivid-cyan-blue-to-vivid-purple-gradient-background has-background has-text-align-center wp-element-button" style="border-radius:10px"><strong>Buy Now</strong></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"style":{"spacing":{"padding":{"right":"5px","left":"5px"}}}} -->
<div class="wp-block-column" style="padding-right:5px;padding-left:5px"><!-- wp:group {"metadata":{"name":"PricingHeader"},"style":{"spacing":{"padding":{"top":"10px","bottom":"10px"}},"border":{"radius":{"topLeft":"20px","topRight":"20px","bottomLeft":"0px","bottomRight":"0px"},"top":{"color":"var:preset|color|black","width":"2px"},"right":{"color":"var:preset|color|black","width":"2px"},"bottom":{"color":"var:preset|color|white-opacity-15"},"left":{"color":"var:preset|color|black","width":"2px"}},"elements":{"link":{"color":{"text":"var:preset|color|white"}}},"color":{"gradient":"linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 66%)"}},"textColor":"white","className":"pricing-header margin-top-none","layout":{"type":"default"}} -->
<div class="wp-block-group pricing-header margin-top-none has-white-color has-text-color has-background has-link-color" style="border-top-left-radius:20px;border-top-right-radius:20px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;border-top-color:var(--wp--preset--color--black);border-top-width:2px;border-right-color:var(--wp--preset--color--black);border-right-width:2px;border-bottom-color:var(--wp--preset--color--white-opacity-15);border-left-color:var(--wp--preset--color--black);border-left-width:2px;background:linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 66%);padding-top:10px;padding-bottom:10px"><!-- wp:heading {"textAlign":"center","level":3,"style":{"typography":{"textTransform":"uppercase"}}} -->
<h3 class="wp-block-heading has-text-align-center" style="text-transform:uppercase"><strong>Standard</strong></h3>
<!-- /wp:heading -->

<!-- wp:separator {"style":{"spacing":{"margin":{"top":"10px","bottom":"10px"}}},"className":"is-style-default"} -->
<hr class="wp-block-separator has-alpha-channel-opacity is-style-default" style="margin-top:10px;margin-bottom:10px" />
<!-- /wp:separator -->

<!-- wp:paragraph {"align":"center","style":{"spacing":{"margin":{"top":"0px"}}}} -->
<p class="has-text-align-center" style="margin-top:0px">For WordPress website development</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"metadata":{"name":"PricingBody"},"style":{"elements":{"link":{"color":{"text":"var:preset|color|charcoal-2"}}},"border":{"radius":{"bottomLeft":"20px","bottomRight":"20px"},"top":{"width":"0px","radius":{"bottomLeft":"20px","bottomRight":"20px"},"style":"none"},"right":{"color":"var:preset|color|black","width":"2px"},"bottom":{"color":"var:preset|color|black","width":"2px"},"left":{"color":"var:preset|color|black","width":"2px"}},"spacing":{"margin":{"top":"0px","bottom":"0px"},"padding":{"right":"5px","left":"5px","top":"0px","bottom":"20px"}}},"backgroundColor":"white","textColor":"charcoal-2","className":"pricing-body margin-top-none","layout":{"type":"default"}} -->
<div class="wp-block-group pricing-body margin-top-none has-charcoal-2-color has-white-background-color has-text-color has-background has-link-color" style="border-bottom-left-radius:20px;border-bottom-right-radius:20px;border-top-style:none;border-top-width:0px;border-right-color:var(--wp--preset--color--black);border-right-width:2px;border-bottom-color:var(--wp--preset--color--black);border-bottom-width:2px;border-left-color:var(--wp--preset--color--black);border-left-width:2px;margin-top:0px;margin-bottom:0px;padding-top:0px;padding-right:5px;padding-bottom:20px;padding-left:5px"><!-- wp:list {"style":{"spacing":{"padding":{"right":"20px","left":"20px"}}}} -->
<ul style="padding-right:20px;padding-left:20px"><!-- wp:list-item {"style":{"spacing":{"padding":{"top":"10px","bottom":"10px"}}}} -->
<li style="padding-top:10px;padding-bottom:10px">Lorem ipsum dolor sit amet</li>
<!-- /wp:list-item -->

<!-- wp:list-item {"style":{"spacing":{"padding":{"top":"10px","bottom":"10px"}}}} -->
<li style="padding-top:10px;padding-bottom:10px">Lorem ipsum dolor sit amet</li>
<!-- /wp:list-item -->

<!-- wp:list-item {"style":{"spacing":{"padding":{"top":"10px","bottom":"10px"}}}} -->
<li style="padding-top:10px;padding-bottom:10px">Lorem ipsum dolor sit amet</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list -->

<!-- wp:spacer {"height":"0px","className":"margin-top-none"} -->
<div style="height:0px" aria-hidden="true" class="wp-block-spacer margin-top-none"></div>
<!-- /wp:spacer -->

<!-- wp:paragraph {"align":"center","style":{"typography":{"fontSize":"36px","letterSpacing":"4px"},"spacing":{"padding":{"top":"0px","bottom":"0px","left":"0px","right":"0px"},"margin":{"top":"0px","bottom":"0px","left":"0px","right":"0px"}}}} -->
<p class="has-text-align-center" style="margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;font-size:36px;letter-spacing:4px"><strong>$20</strong></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"align":"center","style":{"spacing":{"margin":{"top":"0px","bottom":"5px"}}}} -->
<p class="has-text-align-center" style="margin-top:0px;margin-bottom:5px"><strong>per hour</strong></p>
<!-- /wp:paragraph -->

<!-- wp:spacer {"height":"0px","className":"margin-top-none"} -->
<div style="height:0px" aria-hidden="true" class="wp-block-spacer margin-top-none"></div>
<!-- /wp:spacer -->

<!-- wp:buttons {"align":"full","layout":{"type":"flex","justifyContent":"center"}} -->
<div class="wp-block-buttons alignfull"><!-- wp:button {"textAlign":"center","gradient":"luminous-vivid-amber-to-luminous-vivid-orange","style":{"border":{"radius":"10px"}},"className":"is-style-fill"} -->
<div class="wp-block-button is-style-fill"><a class="wp-block-button__link has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background has-background has-text-align-center wp-element-button" style="border-radius:10px"><strong>Buy Now</strong></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"style":{"spacing":{"padding":{"right":"5px","left":"5px"}}}} -->
<div class="wp-block-column" style="padding-right:5px;padding-left:5px"><!-- wp:group {"metadata":{"name":"PricingHeader"},"style":{"spacing":{"padding":{"top":"10px","bottom":"10px"}},"border":{"radius":{"topLeft":"20px","topRight":"20px","bottomLeft":"0px","bottomRight":"0px"},"top":{"color":"var:preset|color|black","width":"2px"},"right":{"color":"var:preset|color|black","width":"2px"},"bottom":{"color":"var:preset|color|white-opacity-15"},"left":{"color":"var:preset|color|black","width":"2px"}},"elements":{"link":{"color":{"text":"var:preset|color|white"}}},"color":{"gradient":"linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 43%,rgb(107,0,62) 100%)"}},"textColor":"white","className":"pricing-header margin-top-none","layout":{"type":"default"}} -->
<div class="wp-block-group pricing-header margin-top-none has-white-color has-text-color has-background has-link-color" style="border-top-left-radius:20px;border-top-right-radius:20px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;border-top-color:var(--wp--preset--color--black);border-top-width:2px;border-right-color:var(--wp--preset--color--black);border-right-width:2px;border-bottom-color:var(--wp--preset--color--white-opacity-15);border-left-color:var(--wp--preset--color--black);border-left-width:2px;background:linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 43%,rgb(107,0,62) 100%);padding-top:10px;padding-bottom:10px"><!-- wp:heading {"textAlign":"center","level":3,"style":{"typography":{"textTransform":"uppercase"}}} -->
<h3 class="wp-block-heading has-text-align-center" style="text-transform:uppercase"><strong>プレミアム</strong></h3>
<!-- /wp:heading -->

<!-- wp:separator {"style":{"spacing":{"margin":{"top":"10px","bottom":"10px"}}},"className":"is-style-default"} -->
<hr class="wp-block-separator has-alpha-channel-opacity is-style-default" style="margin-top:10px;margin-bottom:10px" />
<!-- /wp:separator -->

<!-- wp:paragraph {"align":"center","style":{"spacing":{"margin":{"top":"0px"}}}} -->
<p class="has-text-align-center" style="margin-top:0px">For WordPress website development</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"metadata":{"name":"PricingBody"},"style":{"elements":{"link":{"color":{"text":"var:preset|color|charcoal-2"}}},"border":{"radius":{"bottomLeft":"20px","bottomRight":"20px"},"top":{"width":"0px","radius":{"bottomLeft":"20px","bottomRight":"20px"},"style":"none"},"right":{"color":"var:preset|color|black","width":"2px"},"bottom":{"color":"var:preset|color|black","width":"2px"},"left":{"color":"var:preset|color|black","width":"2px"}},"spacing":{"margin":{"top":"0px","bottom":"0px"},"padding":{"right":"5px","left":"5px","top":"0px","bottom":"20px"}}},"backgroundColor":"white","textColor":"charcoal-2","className":"pricing-body margin-top-none","layout":{"type":"default"}} -->
<div class="wp-block-group pricing-body margin-top-none has-charcoal-2-color has-white-background-color has-text-color has-background has-link-color" style="border-bottom-left-radius:20px;border-bottom-right-radius:20px;border-top-style:none;border-top-width:0px;border-right-color:var(--wp--preset--color--black);border-right-width:2px;border-bottom-color:var(--wp--preset--color--black);border-bottom-width:2px;border-left-color:var(--wp--preset--color--black);border-left-width:2px;margin-top:0px;margin-bottom:0px;padding-top:0px;padding-right:5px;padding-bottom:20px;padding-left:5px"><!-- wp:list {"style":{"spacing":{"padding":{"right":"20px","left":"20px"}}}} -->
<ul style="padding-right:20px;padding-left:20px"><!-- wp:list-item {"style":{"spacing":{"padding":{"top":"10px","bottom":"10px"}}}} -->
<li style="padding-top:10px;padding-bottom:10px">Lorem ipsum dolor sit amet</li>
<!-- /wp:list-item -->

<!-- wp:list-item {"style":{"spacing":{"padding":{"top":"10px","bottom":"10px"}}}} -->
<li style="padding-top:10px;padding-bottom:10px">Lorem ipsum dolor sit amet</li>
<!-- /wp:list-item -->

<!-- wp:list-item {"style":{"spacing":{"padding":{"top":"10px","bottom":"10px"}}}} -->
<li style="padding-top:10px;padding-bottom:10px">Lorem ipsum dolor sit amet</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list -->

<!-- wp:spacer {"height":"0px","className":"margin-top-none"} -->
<div style="height:0px" aria-hidden="true" class="wp-block-spacer margin-top-none"></div>
<!-- /wp:spacer -->

<!-- wp:paragraph {"align":"center","style":{"typography":{"fontSize":"36px","letterSpacing":"4px"},"spacing":{"padding":{"top":"0px","bottom":"0px","left":"0px","right":"0px"},"margin":{"top":"0px","bottom":"0px","left":"0px","right":"0px"}}}} -->
<p class="has-text-align-center" style="margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;font-size:36px;letter-spacing:4px"><strong>$35</strong></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"align":"center","style":{"spacing":{"margin":{"top":"0px","bottom":"5px"}}}} -->
<p class="has-text-align-center" style="margin-top:0px;margin-bottom:5px"><strong>per hour</strong></p>
<!-- /wp:paragraph -->

<!-- wp:spacer {"height":"0px","className":"margin-top-none"} -->
<div style="height:0px" aria-hidden="true" class="wp-block-spacer margin-top-none"></div>
<!-- /wp:spacer -->

<!-- wp:buttons {"align":"full","layout":{"type":"flex","justifyContent":"center"}} -->
<div class="wp-block-buttons alignfull"><!-- wp:button {"textAlign":"center","gradient":"blush-bordeaux","style":{"border":{"radius":"10px"}},"className":"is-style-fill"} -->
<div class="wp-block-button is-style-fill"><a class="wp-block-button__link has-blush-bordeaux-gradient-background has-background has-text-align-center wp-element-button" style="border-radius:10px"><strong>Buy Now</strong></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->