update homepage pattern

patterns/homepage.php

@@ -1,4 +1,5 @@
 <?php
+
 /**
  * Title: Autonomic Homepage
  * Slug: autonomic/homepage
@@ -7,23 +8,42 @@
  */
 ?>
 
-<!-- wp:heading {"level":1,"style":{"spacing":{"padding":{"bottom":"var:preset|spacing|40"}}}} -->
-<h1 style="padding-bottom:var(--wp--preset--spacing--40)">
+<!-- wp:heading {"level":1,"style":{"spacing":{"padding":{"bottom":"var:preset|spacing|40"}},"typography":{"fontSize":"44px","fontStyle":"normal","fontWeight":"400"}}} -->
+  <h1
+    class="wp-block-heading"
+    style="
+      padding-bottom: var(--wp--preset--spacing--40);
+      font-size: 44px;
+      font-style: normal;
+      font-weight: 400;
+    "
+  >
     Autonomic is a co-operative that is owned and run by its workers
-  <img class="wp-image-99" style="width: 26px;" src="https://beta.autonomic.zone/wp-content/uploads/2023/01/leaf.png" alt="">
-</h1>
+    <img
+      class="wp-image-99"
+      style="width: 26px"
+      src="https://autonomic.zone/wp-content/uploads/2023/01/leaf.png"
+      alt=""
+    />
+  </h1>
 <!-- /wp:heading -->
 
 <!-- wp:heading -->
-<h2>What we offer</h2>
+  <h2 class="wp-block-heading">What we offer</h2>
 <!-- /wp:heading -->
 
-<!-- wp:list {"style":{"typography":{"fontSize":"28px","fontStyle":"normal","fontWeight":"700","lineHeight":"1.6"},"spacing":{"padding":{"left":"120px"}}}} -->
-<ul style="padding-left:120px;font-size:28px;font-style:normal;font-weight:700;line-height:1.6">
-  <!-- wp:list-item -->
-  <li>Support</li>
-  <!-- /wp:list-item -->
-
+<!-- wp:list {"style":{"typography":{"fontSize":"28px","fontStyle":"normal","fontWeight":"700","lineHeight":"1.6"},"spacing":{"padding":{"left":"120px"}},"elements":{"link":{"color":{"text":"var:preset|color|secondary"}}}},"className":"what-we-offer"} -->
+  <ul
+    id="what-we-offer"
+    class="what-we-offer has-link-color"
+    style="
+      padding-left: 120px;
+      font-size: 28px;
+      font-style: normal;
+      font-weight: 700;
+      line-height: 1.6;
+    "
+  >
     <!-- wp:list-item -->
       <li>Website development</li>
     <!-- /wp:list-item -->
@@ -33,59 +53,94 @@
     <!-- /wp:list-item -->
 
     <!-- wp:list-item -->
-  <li>Training</li>
+      <li>Integrated Open Source infrastructure</li>
     <!-- /wp:list-item -->
 
     <!-- wp:list-item -->
-  <li>Etc whatever u want</li>
+      <li>Hosting</li>
     <!-- /wp:list-item -->
-</ul>
+
+    <!-- wp:list-item -->
+      <li>Support &amp; training</li>
+    <!-- /wp:list-item -->
+
+    <!-- wp:list-item -->
+      <li>
+        And more, check out
+        <a href="https://autonomic.zone/services/">our current offerings</a>
+      </li>
+    <!-- /wp:list-item -->
+  </ul>
 <!-- /wp:list -->
 
 <!-- wp:heading -->
-<h2>
-  Interested? Work with us
-</h2>
+  <h2 class="wp-block-heading">Interested? Work with us</h2>
 <!-- /wp:heading -->
 
-<!-- wp:paragraph -->
-<p>
-  We build technologies and infrastructure to empower users to make a positive impact on the world. All of our services reflect our commitment to our core values:
-</p>
+<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|secondary"}}}}} -->
+  <p class="has-link-color">
+    We build technologies and infrastructure to empower users to make a positive
+    impact on the world. All of our services reflect our
+    <a
+      href="https://autonomic.zone/blog/2022/06/our-founding-principles/"
+      data-type="post"
+      data-id="26"
+      >commitment to our core values</a
+    >:
+  </p>
 <!-- /wp:paragraph -->
 
-<!-- wp:columns {"verticalAlignment":"center","style":{"border":{"top":{"width":"1px"},"bottom":{"width":"1px"}},"typography":{"fontStyle":"normal","fontWeight":"700","lineHeight":"1.8"}}} -->
-<div class="wp-block-columns are-vertically-aligned-center"
-  style="border-top-width:1px;border-bottom-width:1px;font-style:normal;font-weight:700;line-height:1.8">
+<!-- wp:columns {"verticalAlignment":"center","style":{"border":{"top":{"width":"1px"},"bottom":{"width":"1px"}},"typography":{"fontStyle":"normal","fontWeight":"700","lineHeight":"1.8"}},"className":"values-list"} -->
+  <div
+    class="wp-block-columns are-vertically-aligned-center values-list"
+    id="our-values"
+    style="
+      border-top-width: 1px;
+      border-bottom-width: 1px;
+      font-style: normal;
+      font-weight: 700;
+      line-height: 1.8;
+    "
+  >
     <!-- wp:column {"verticalAlignment":"center"} -->
-  <div class="wp-block-column is-vertically-aligned-center"><!-- wp:paragraph {"align":"center"} -->
+      <div class="wp-block-column is-vertically-aligned-center">
+        <!-- wp:paragraph {"align":"center"} -->
           <p class="has-text-align-center">Sustainability</p>
         <!-- /wp:paragraph -->
       </div>
     <!-- /wp:column -->
 
     <!-- wp:column {"verticalAlignment":"center"} -->
-  <div class="wp-block-column is-vertically-aligned-center"><!-- wp:paragraph {"align":"center"} -->
+      <div class="wp-block-column is-vertically-aligned-center">
+        <!-- wp:paragraph {"align":"center"} -->
           <p class="has-text-align-center">Privacy</p>
         <!-- /wp:paragraph -->
       </div>
     <!-- /wp:column -->
 
     <!-- wp:column -->
-  <div class="wp-block-column"><!-- wp:paragraph {"align":"center"} -->
+      <div class="wp-block-column">
+        <!-- wp:paragraph {"align":"center"} -->
           <p class="has-text-align-center">Transparency</p>
         <!-- /wp:paragraph -->
       </div>
     <!-- /wp:column -->
-</div>
+  </div>
 <!-- /wp:columns -->
 
 <!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"},"style":{"spacing":{"blockGap":"0","margin":{"top":"var:preset|spacing|70"}}}} -->
-<div class="wp-block-buttons" style="margin-top:var(--wp--preset--spacing--70)">
+  <div
+    class="wp-block-buttons"
+    style="margin-top: var(--wp--preset--spacing--70)"
+  >
     <!-- wp:button {"backgroundColor":"button","fontSize":"small"} -->
-  <div class="wp-block-button has-custom-font-size has-small-font-size"><a
-      class="wp-block-button__link has-button-background-color has-background wp-element-button">Contact us at
-      <strong>hello@autonomic.zone</strong></a></div>
+      <div class="wp-block-button has-custom-font-size has-small-font-size">
+        <a
+          class="wp-block-button__link has-button-background-color has-background wp-element-button"
+          href="mailto:boop@autonomic.zone"
+          >Contact us at <strong>boop@autonomic.zone</strong></a
+        >
+      </div>
     <!-- /wp:button -->
-</div>
+  </div>
 <!-- /wp:buttons -->