<?php
/**
 * Title: Pricing Columns
 * Slug: the-block/pricing-columns
 * Categories: featured
 * Keywords: The Block Theme Pricing Columns
 * Block Types: core/patterns
 */
?>
<!-- wp:group {"metadata":{"categories":["featured"],"patternName":"the-block/box-columns","name":"Pricing Columns"},"className":"ttf-box-columns","layout":{"type":"constrained"}} -->
<div class="wp-block-group ttf-box-columns"><!-- wp:columns {"align":"wide"} -->
<div class="wp-block-columns alignwide"><!-- wp:column {"style":{"border":{"width":"1px","color":"#E5E7EB","radius":"12px"},"spacing":{"padding":{"top":"var:preset|spacing|20","bottom":"var:preset|spacing|20","left":"var:preset|spacing|20","right":"var:preset|spacing|20"},"blockGap":"var:preset|spacing|20"}},"backgroundColor":"light"} -->
<div class="wp-block-column has-border-color has-light-background-color has-background" style="border-color:#E5E7EB;border-width:1px;border-radius:12px;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20)"><!-- wp:paragraph {"className":"ttf-tag outline"} -->
<p class="ttf-tag outline">Personal</p>
<!-- /wp:paragraph -->

<!-- wp:heading -->
<h2 class="wp-block-heading">$29.99</h2>
<!-- /wp:heading -->

<!-- wp:heading {"level":4} -->
<h4 class="wp-block-heading">Starter Package</h4>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Designed for the latest WordPress capabilities, block themes give you the power to edit and personalize every part of your site, from navigation menus and headers to content and footers, all through intuitive block controls. </p>
<!-- /wp:paragraph -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button -->
<div class="wp-block-button"><a class="wp-block-button__link wp-element-button">Choose Plan</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column -->

<!-- wp:column {"style":{"spacing":{"padding":{"top":"var:preset|spacing|20","bottom":"var:preset|spacing|20","left":"var:preset|spacing|20","right":"var:preset|spacing|20"},"blockGap":"var:preset|spacing|20"},"border":{"width":"1px","color":"#E5E7EB","radius":"12px"}},"backgroundColor":"light"} -->
<div class="wp-block-column has-border-color has-light-background-color has-background" style="border-color:#E5E7EB;border-width:1px;border-radius:12px;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20)"><!-- wp:paragraph {"className":"ttf-tag"} -->
<p class="ttf-tag">Business</p>
<!-- /wp:paragraph -->

<!-- wp:heading -->
<h2 class="wp-block-heading">$69.99</h2>
<!-- /wp:heading -->

<!-- wp:heading {"level":4} -->
<h4 class="wp-block-heading">Medium Package</h4>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>
        Experience your site in real time as you add, edit, and rearrange content—with intuitive
        editing tools and seamless features to keep everything effortlessly organized. No plugins or
        coding needed. A full WYSIWYG experience.
      </p>
<!-- /wp:paragraph -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button -->
<div class="wp-block-button"><a class="wp-block-button__link wp-element-button">Choose Plan</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column -->

<!-- wp:column {"style":{"spacing":{"padding":{"top":"var:preset|spacing|20","bottom":"var:preset|spacing|20","left":"var:preset|spacing|20","right":"var:preset|spacing|20"},"blockGap":"var:preset|spacing|20"},"border":{"width":"1px","color":"#E5E7EB","radius":"12px"}},"backgroundColor":"light"} -->
<div class="wp-block-column has-border-color has-light-background-color has-background" style="border-color:#E5E7EB;border-width:1px;border-radius:12px;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20)"><!-- wp:paragraph {"className":"ttf-tag outline"} -->
<p class="ttf-tag outline">Agency</p>
<!-- /wp:paragraph -->

<!-- wp:heading -->
<h2 class="wp-block-heading">$99.99</h2>
<!-- /wp:heading -->

<!-- wp:heading {"level":4} -->
<h4 class="wp-block-heading">Premium Package</h4>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>
        Keeping your website on the latest version of WordPress with the built-in editor ensures it
        remains secure, current, and lightning fast. This setup provides a seamless experience for
        both site owners and visitors.
      </p>
<!-- /wp:paragraph -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button -->
<div class="wp-block-button"><a class="wp-block-button__link wp-element-button">Choose Plan</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->
