add header and footer template parts

parts/header.html

@@ -0,0 +1 @@
+<!-- wp:pattern {"slug":"header"} /-->

patterns/header.php

@@ -0,0 +1,15 @@
+<?php
+
+/**
+ * Title: Header
+ * Slug: header
+ * Categories: hidden
+ * Inserter: no
+ */
+?>
+<!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50","left":"var:preset|spacing|50","right":"var:preset|spacing|50"}}},"layout":{"type":"default"}} -->
+<div class="wp-block-group" style="padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)"><!-- wp:image {"width":"auto","height":"112px","sizeSlug":"full","linkDestination":"none","align":"center"} -->
+  <figure class="wp-block-image aligncenter size-full is-resized"><img src="<?php echo esc_url(get_stylesheet_directory_uri()); ?>/assets/images/logo.svg" alt="" class="" style="width:auto;height:112px" /></figure>
+  <!-- /wp:image -->
+</div>
+<!-- /wp:group -->

templates/index.html

@@ -1,5 +1,5 @@
-<!-- wp:group {"layout":{"type":"constrained"}} -->
+<!-- wp:template-part {"slug":"header"} /-->
-<div class="wp-block-group"><!-- wp:paragraph {"align":"center","style":{"spacing":{"padding":{"top":"var:preset|spacing|30","bottom":"var:preset|spacing|30","left":"var:preset|spacing|30","right":"var:preset|spacing|30"}},"elements":{"link":{"color":{"text":"#000000"}}},"typography":{"fontStyle":"normal","fontWeight":"400"},"color":{"text":"#000000"}},"fontSize":"large","fontFamily":"instrument-sans"} -->
+
-<p class="has-text-align-center has-text-color has-link-color has-instrument-sans-font-family has-large-font-size" style="color:#000000;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);font-style:normal;font-weight:400">Test</p>
+<!-- wp:group {"layout":{"type":"constrained","contentSize":"640px"}} -->
-<!-- /wp:paragraph --></div>
+<div class="wp-block-group"><!-- wp:post-content /--></div>
 <!-- /wp:group -->

theme.json

@@ -644,6 +644,18 @@
 			"fontFamily": "sans-serif"
 		}
 	},
+	"templateParts": [
+		{
+			"area": "header",
+			"name": "header",
+			"title": "Header"
+		},
+		{
+			"area": "footer",
+			"name": "footer",
+			"title": "Footer"
+		}
+	],
 	"version": 2,
 	"$schema": "https://schemas.wp.org/wp/6.5/theme.json"
 }