lps/patterns/procedure-options.php

<?php
/**
 * Title: Procedures
 * Slug: lps/procudure-options
 * Categories: banner, featured
 */
?>

<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|30","bottom":"var:preset|spacing|30"}}},"backgroundColor":"contrast-light","layout":{"type":"constrained"}} -->
<div class="wp-block-group alignfull has-contrast-light-background-color has-background" style="padding-top:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30)"><!-- wp:columns -->
  <div class="wp-block-columns">
  
  <!-- wp:column -->
  <div class="wp-block-column">
  <a href="/procedures/body/">
  <!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|30","bottom":"var:preset|spacing|30","left":"var:preset|spacing|30","right":"var:preset|spacing|30"}}},"backgroundColor":"base","layout":{"type":"constrained"}} -->
  <div class="wp-block-group has-base-background-color has-background" style="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:heading {"level":3} -->
  <h3 class="wp-block-heading">Body</h3>
  <!-- /wp:heading -->
  <!-- wp:image {"id":237,"sizeSlug":"full","linkDestination":"none"} -->
  <figure class="wp-block-image size-full"><img src="<?php echo get_template_directory_uri(); ?>/img/cta-img1_0.png" alt="" class="wp-image-237"/></figure>
  <!-- /wp:image --></div>
  <!-- /wp:group -->
  </a>  
  </div>
  <!-- /wp:column -->
  
  <!-- wp:column -->
  <div class="wp-block-column"><!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|30","bottom":"var:preset|spacing|30","left":"var:preset|spacing|30","right":"var:preset|spacing|30"}}},"backgroundColor":"base","layout":{"type":"constrained"}} -->
  <div class="wp-block-group has-base-background-color has-background" style="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:heading {"level":3} -->
  <h3 class="wp-block-heading">Breast</h3>
  <!-- /wp:heading -->
  
  <!-- wp:image {"id":238,"sizeSlug":"full","linkDestination":"none"} -->
  <figure class="wp-block-image size-full"><img src="<?php echo get_template_directory_uri(); ?>/img/cta-img2_0.png" alt="" class="wp-image-238"/></figure>
  <!-- /wp:image --></div>
  <!-- /wp:group --></div>
  <!-- /wp:column -->
  
  <!-- wp:column -->
  <div class="wp-block-column"><!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|30","bottom":"var:preset|spacing|30","left":"var:preset|spacing|30","right":"var:preset|spacing|30"}}},"backgroundColor":"base","layout":{"type":"constrained"}} -->
  <div class="wp-block-group has-base-background-color has-background" style="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:heading {"level":3} -->
  <h3 class="wp-block-heading">Face</h3>
  <!-- /wp:heading -->
  
  <!-- wp:image {"id":239,"sizeSlug":"full","linkDestination":"none"} -->
  <figure class="wp-block-image size-full"><img src="<?php echo get_template_directory_uri(); ?>/img/cta-img3_1.png" alt="" class="wp-image-239"/></figure>
  <!-- /wp:image --></div>
  <!-- /wp:group --></div>
  <!-- /wp:column -->
  
  <!-- wp:column -->
  <div class="wp-block-column"><!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|30","bottom":"var:preset|spacing|30","left":"var:preset|spacing|30","right":"var:preset|spacing|30"}}},"backgroundColor":"base","layout":{"type":"constrained"}} -->
  <div class="wp-block-group has-base-background-color has-background" style="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:heading {"level":3} -->
  <h3 class="wp-block-heading">Non-Surgical</h3>
  <!-- /wp:heading -->
  
  <!-- wp:image {"id":240,"sizeSlug":"full","linkDestination":"none"} -->
  <figure class="wp-block-image size-full"><img src="<?php echo get_template_directory_uri(); ?>/img/cta-img4_1.png" alt="" class="wp-image-240"/></figure>
  <!-- /wp:image --></div>
  <!-- /wp:group --></div>
  <!-- /wp:column --></div>
  <!-- /wp:columns --></div>
  <!-- /wp:group -->