use 3 column layout

parts/footer.html

@@ -1,8 +1,8 @@
-<!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|60","bottom":"var:preset|spacing|60"}}},"backgroundColor":"secondary","textColor":"background","layout":{"type":"constrained"}} -->
-<div class="wp-block-group has-background-color has-secondary-background-color has-text-color has-background" style="padding-top:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60)"><!-- wp:columns -->
+<!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|60","bottom":"var:preset|spacing|60"}},"elements":{"link":{"color":{"text":"var:preset|color|background"}}}},"backgroundColor":"secondary","textColor":"background","layout":{"type":"constrained"}} -->
+<div class="wp-block-group has-background-color has-secondary-background-color has-text-color has-background has-link-color" style="padding-top:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60)"><!-- wp:columns -->
   <div class="wp-block-columns"><!-- wp:column -->
   <div class="wp-block-column"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"}} -->
-  <div class="wp-block-group"><!-- wp:site-logo {"width":44,"shouldSyncIcon":true} /-->
+  <div class="wp-block-group"><!-- wp:site-logo {"width":44,"shouldSyncIcon":false} /-->
   
   <!-- wp:group {"layout":{"type":"constrained"}} -->
   <div class="wp-block-group"><!-- wp:paragraph -->
@@ -18,7 +18,7 @@
   
   <!-- wp:column -->
   <div class="wp-block-column"><!-- wp:paragraph {"style":{"typography":{"fontWeight":"700"}}} -->
-  <p style="font-weight:700">We are a Co-operative Society registered with the FCA.</p>
+  <p style="font-weight:700">We are a Co-operative Society registered with the <a href="https://mutuals.fca.org.uk/" data-type="URL" data-id="https://mutuals.fca.org.uk/" target="_blank" rel="noreferrer noopener">FCA</a>.</p>
   <!-- /wp:paragraph -->
   
   <!-- wp:paragraph -->
@@ -26,7 +26,7 @@
   <!-- /wp:paragraph -->
   
   <!-- wp:paragraph {"style":{"typography":{"fontWeight":"700"}}} -->
-  <p style="font-weight:700">Member of the CoTech Network</p>
+  <p style="font-weight:700">Member of the <a href="https://www.coops.tech/" data-type="URL" data-id="https://www.coops.tech/">CoTech Network</a></p>
   <!-- /wp:paragraph --></div>
   <!-- /wp:column --></div>
   <!-- /wp:columns --></div>

parts/nav-menu.html

@@ -1 +1 @@
-<!-- wp:navigation {"ref":104,"layout":{"type":"flex","orientation":"vertical","justifyContent":"right"}} /-->
+<!-- wp:navigation {"ref":104,"layout":{"type":"flex","orientation":"vertical","justifyContent":"right"},"style":{"typography":{"textDecoration":"underline"}}} /-->

templates/index.html

@@ -1,11 +1,15 @@
-<!-- wp:group {"layout":{"type":"constrained"}} -->
-<div class="wp-block-group"><!-- wp:columns -->
-  <div class="wp-block-columns"><!-- wp:column {"width":"33.33%"} -->
-  <div class="wp-block-column" style="flex-basis:33.33%"><!-- wp:template-part {"slug":"nav-menu","theme":"autonomic"} /--></div>
+<!-- wp:group {"style":{"spacing":{"padding":{"top":"96px"}}},"layout":{"type":"constrained"}} -->
+<div class="wp-block-group" style="padding-top:96px"><!-- wp:columns -->
+  <div class="wp-block-columns"><!-- wp:column {"width":"20%"} -->
+  <div class="wp-block-column" style="flex-basis:20%"><!-- wp:template-part {"slug":"nav-menu","theme":"autonomic"} /--></div>
   <!-- /wp:column -->
   
-  <!-- wp:column {"width":"66.66%"} -->
-  <div class="wp-block-column" style="flex-basis:66.66%"><!-- wp:post-content /--></div>
+  <!-- wp:column {"width":"64%"} -->
+  <div class="wp-block-column" style="flex-basis:64%"><!-- wp:post-content /--></div>
+  <!-- /wp:column -->
+  
+  <!-- wp:column {"width":"16%"} -->
+  <div class="wp-block-column" style="flex-basis:16%"></div>
   <!-- /wp:column --></div>
   <!-- /wp:columns --></div>
   <!-- /wp:group -->

theme.json

@@ -10,7 +10,7 @@
 			"palette": [
 				{
 					"slug": "background",
-					"color": "#ffffff",
+					"color": "#F5FBF8",
 					"name": "Background"
 				},
 				{
@@ -27,11 +27,16 @@
 					"slug": "secondary",
 					"color": "#27c773",
 					"name": "Secondary"
+				},
+				{
+					"slug": "button",
+					"color": "#FF7613",
+					"name": "Button color"
 				}
 			]
 		},
 		"layout": {
-			"contentSize": "700px",
+			"contentSize": "1000px",
 			"wideSize": "1100px"
 		},
 		"spacing": {
@@ -68,6 +73,20 @@
 					],
 					"fontFamily": "Karmilla",
 					"slug": "karmilla"
+				},
+				{
+					"fontFace": [
+						{
+							"fontFamily": "Darker Grotesque",
+							"fontWeight": "700",
+							"src": [
+								"file:./assets/fonts/DarkerGrotesque-Semibold.woff"
+							]
+						}
+					],
+					"name": "'Darker Grotesque', sans-serif",
+					"fontFamily": "Darker Grotesque",
+					"slug": "darkergrotesque"
 				}
 			]
 		}
@@ -79,6 +98,22 @@
 		"color": {
 			"background": "var(--wp--preset--color--background)",
 			"text": "var(--wp--preset--color--foreground)"
+		},
+		"blocks": {
+      "core/button": {
+        "border": {
+          "radius": "0px"
+        }
+      },
+			"core/navigation": {
+				"typography": {
+					"fontFamily": "var(--wp--preset--font-family--darkergrotesque)",
+					"fontSize": "21px",
+					"fontStyle": "normal",
+					"fontWeight": "600",
+					"textTransform": "uppercase"
+				}
+			}
     }
 	},
 	"templateParts": [