jett-theme/patterns/get-in-touch-cta.php

<?php

/**
 * Title: Get in Touch CTA
 * Slug: jett/get-in-touch
 * Categories: jett
 */
?>

<!-- wp:group {"align":"full","style":{"border":{"top":{"color":"var:preset|color|black","width":"16px"},"right":{},"bottom":{},"left":{}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group alignfull" style="border-top-color:var(--wp--preset--color--black);border-top-width:16px"><!-- wp:columns {"align":"full","style":{"spacing":{"blockGap":{"left":"var:preset|spacing|80"}}}} -->
  <div class="wp-block-columns alignfull"><!-- wp:column {"width":"33.33%"} -->
    <div class="wp-block-column" style="flex-basis:33.33%"><!-- wp:image {"id":439,"sizeSlug":"full","linkDestination":"none"} -->
      <figure class="wp-block-image size-full"><img src="https://jett.autonomic.zone/wp-content/uploads/2024/06/gardeners-1.png" alt="" class="wp-image-439" /></figure>
      <!-- /wp:image -->
    </div>
    <!-- /wp:column -->

    <!-- wp:column {"width":"66.66%"} -->
    <div class="wp-block-column" style="flex-basis:66.66%"><!-- wp:spacer {"height":"26px"} -->
      <div style="height:26px" aria-hidden="true" class="wp-block-spacer"></div>
      <!-- /wp:spacer -->

      <!-- wp:group {"style":{"spacing":{"padding":{"right":"var:preset|spacing|40","left":"var:preset|spacing|40"}}},"layout":{"type":"default"}} -->
      <div class="wp-block-group" style="padding-right:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)"><!-- wp:group {"layout":{"type":"constrained","justifyContent":"left"}} -->
        <div class="wp-block-group"><!-- wp:heading -->
          <h2 class="wp-block-heading">Please get in touch if your work touches upon these issues!</h2>
          <!-- /wp:heading -->
        </div>
        <!-- /wp:group -->

        <!-- wp:group {"layout":{"type":"constrained","justifyContent":"left","contentSize":""}} -->
        <div class="wp-block-group"><!-- wp:paragraph -->
          <p>Whether you are an organiser or researcher around data-driven tech, policing or discrimination, or you are working to document harms or to collect organising stories, we would be happy to connect.</p>
          <!-- /wp:paragraph -->
        </div>
        <!-- /wp:group -->

        <!-- wp:buttons {"layout":{"type":"flex","justifyContent":"left"}} -->
        <div class="wp-block-buttons"><!-- wp:button {"gradient":"green-to-violet","className":"pcss-be5b463f","pcssAdditionalCss":"[block] {\n  transition: 0.25s ease-in-out;\n}\n\n[block]:hover {\n  box-shadow: rgb(51, 51, 51) 4px 4px 0 0; transform: translate(-4px, -4px)\n}","pcssAdditionalCssCompiled":".pcss-be5b463f{transition:all .25s ease-in-out}.pcss-be5b463f:hover{transform:translate(-4px,-4px);box-shadow:4px 4px #333}","pcssClassId":"pcss-be5b463f"} -->
          <div class="wp-block-button pcss-be5b463f"><a class="wp-block-button__link has-green-to-violet-gradient-background has-background wp-element-button" href="https://jett.autonomic.zone/contact/">Reach out</a></div>
          <!-- /wp:button -->
        </div>
        <!-- /wp:buttons -->
      </div>
      <!-- /wp:group -->

      <!-- wp:spacer {"height":"26px"} -->
      <div style="height:26px" aria-hidden="true" class="wp-block-spacer"></div>
      <!-- /wp:spacer -->
    </div>
    <!-- /wp:column -->
  </div>
  <!-- /wp:columns -->
</div>
<!-- /wp:group -->