procedure options pattern

functions.php

@@ -1,5 +1,12 @@
 <?php
 
+function lps24_enqueue_assets() {
+  wp_enqueue_style( 'style-css', get_template_directory_uri() . '/style.css');
+}
+add_action( 'wp_enqueue_scripts', 'lps24_enqueue_assets' );
+
+remove_theme_support( 'core-block-patterns' );
+
 /***********************************************************
 ######################### Admin ############################
 ************************************************************/

patterns/procedure-options.php

@@ -0,0 +1,60 @@
+<?php
+/**
+ * Title: Procedures
+ * Slug: lps/procudure-options
+ * Categories: banner, featured
+ * Viewport width: 1400
+ */
+?>
+
+<!-- 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"><!-- 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 --></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 -->

style.css

@@ -13,4 +13,11 @@ License URI: http://www.gnu.org/licenses/gpl-2.0.html
 
 Thanks:
 2024 * GNU GPL v2 or later - https://github.com/WordPress/twentytwentyfour
-*/
+*/
+
+.no-padding {
+  margin-block-start: 0;
+}
+.cover-heading {
+  padding-right:  200px;
+}

templates/page-no-padding.html

@@ -0,0 +1,9 @@
+<!-- wp:template-part {"slug":"header","tagName":"header","className":"site-header"} /-->
+
+<!-- wp:group {"tagName":"main","className":"no-padding","style":{"spacing":{"padding":{"top":"var:preset|spacing|0","bottom":"var:preset|spacing|50"}}},"layout":{"type":"constrained"}} -->
+<main class="wp-block-group no-padding" style="padding-top:var(--wp--preset--spacing--0);padding-bottom:var(--wp--preset--spacing--50);">
+	<!-- wp:post-content {"align":"full","layout":{"type":"constrained"}} /-->
+</main>
+<!-- /wp:group -->
+
+<!-- wp:template-part {"slug":"footer","tagName":"footer","className":"site-footer"} /-->