<?php

/**
 * Title: Mayor Lite 1
 * Slug: city-town/mayor-lite-1
 * Categories: team, fresh-blog-lite-patterns
 */
?>
<!-- wp:group {"tagName":"section","metadata":{"name":"Mayor Lite"},"align":"full","className":"is-style-default","style":{"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"top":"var:preset|spacing|120","bottom":"var:preset|spacing|120"}}},"layout":{"type":"constrained"}} -->
<section class="wp-block-group alignfull is-style-default" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--120);padding-bottom:var(--wp--preset--spacing--120)"><!-- wp:columns {"verticalAlignment":"center","align":"wide","style":{"spacing":{"blockGap":{"top":"0","left":"0"}}}} -->
  <div class="wp-block-columns alignwide are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center","backgroundColor":"light"} -->
    <div class="wp-block-column is-vertically-aligned-center has-light-background-color has-background"><!-- wp:image {"aspectRatio":"3/4","scale":"cover","sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":"12px"}}} -->
      <figure class="wp-block-image size-full has-custom-border"><img src="<?php echo esc_url(get_stylesheet_directory_uri()); ?>/assets/images/mayor-lite-1.webp" alt="" class="" style="border-radius:12px;aspect-ratio:3/4;object-fit:cover" /></figure>
      <!-- /wp:image -->
    </div>
    <!-- /wp:column -->

    <!-- wp:column {"verticalAlignment":"center","style":{"spacing":{"blockGap":"var:preset|spacing|36"}}} -->
    <div class="wp-block-column is-vertically-aligned-center"><!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|64","bottom":"var:preset|spacing|64","left":"var:preset|spacing|64","right":"var:preset|spacing|64"},"blockGap":"var:preset|spacing|64"}},"layout":{"type":"default"}} -->
      <div class="wp-block-group" style="padding-top:var(--wp--preset--spacing--64);padding-right:var(--wp--preset--spacing--64);padding-bottom:var(--wp--preset--spacing--64);padding-left:var(--wp--preset--spacing--64)"><!-- wp:group {"layout":{"type":"default"}} -->
        <div class="wp-block-group"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"}} -->
          <div class="wp-block-group"><!-- wp:heading {"className":"is-style-text-kicker"} -->
            <h2 class="wp-block-heading is-style-text-kicker"><?php esc_html_e('Mayor of City', 'city-town'); ?></h2>
            <!-- /wp:heading -->
          </div>
          <!-- /wp:group -->

          <!-- wp:group {"layout":{"type":"default"}} -->
          <div class="wp-block-group"><!-- wp:heading {"className":"is-style-text-title-2"} -->
            <h2 class="wp-block-heading is-style-text-title-2"><?php esc_html_e('William Parker', 'city-town'); ?></h2>
            <!-- /wp:heading -->

            <!-- wp:paragraph {"className":"is-style-text-aware-1 is-style-text-subtitle-2","style":{"elements":{"link":{"color":{"text":"var:preset|color|secondary-800"}}}},"textColor":"secondary-800"} -->
            <p class="is-style-text-aware-1 is-style-text-subtitle-2 has-secondary-800-color has-text-color has-link-color"><?php esc_html_e('Being your mayor is more than a role — it’s a partnership with every resident. I believe in leading with transparency, integrity, and action. Over the past year, we’ve made strides in education, public spaces, and local business growth.', 'city-town'); ?></p>
            <!-- /wp:paragraph -->

            <!-- wp:paragraph {"className":"is-style-text-aware-1 is-style-text-subtitle-2","style":{"elements":{"link":{"color":{"text":"var:preset|color|secondary-800"}}}},"textColor":"secondary-800"} -->
            <p class="is-style-text-aware-1 is-style-text-subtitle-2 has-secondary-800-color has-text-color has-link-color"><?php esc_html_e('I’m committed to continuing this momentum, ensuring our city remains strong and united. Let’s work together to shape a future full of opportunity, safety, and pride for generations to come.', 'city-town'); ?></p>
            <!-- /wp:paragraph -->
          </div>
          <!-- /wp:group -->
        </div>
        <!-- /wp:group -->

        <!-- wp:group {"layout":{"type":"default"}} -->
        <div class="wp-block-group"><!-- wp:columns {"isStackedOnMobile":false,"style":{"spacing":{"blockGap":{"left":"var:preset|spacing|12"}}}} -->
          <div class="wp-block-columns is-not-stacked-on-mobile"><!-- wp:column {"width":"40px"} -->
            <div class="wp-block-column" style="flex-basis:40px"><!-- wp:group {"className":"is-style-default","style":{"typography":{"lineHeight":"1"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
              <div class="wp-block-group is-style-default" style="line-height:1"><!-- wp:group {"className":"is-style-section-7","style":{"border":{"radius":"50%"},"spacing":{"padding":{"top":"var:preset|spacing|10","bottom":"var:preset|spacing|10","left":"var:preset|spacing|10","right":"var:preset|spacing|10"}}},"layout":{"type":"default"}} -->
                <div class="wp-block-group is-style-section-7" style="border-radius:50%;padding-top:var(--wp--preset--spacing--10);padding-right:var(--wp--preset--spacing--10);padding-bottom:var(--wp--preset--spacing--10);padding-left:var(--wp--preset--spacing--10)"><!-- wp:image {"width":"20px","sizeSlug":"full","linkDestination":"none","className":"is-style-icon-aware-1"} -->
                  <figure class="wp-block-image size-full is-resized is-style-icon-aware-1"><img src="<?php echo esc_url(get_stylesheet_directory_uri()); ?>/assets/icons/phone-solid-dark.webp" alt="" class="" style="width:20px" /></figure>
                  <!-- /wp:image -->
                </div>
                <!-- /wp:group -->
              </div>
              <!-- /wp:group -->
            </div>
            <!-- /wp:column -->

            <!-- wp:column {"width":""} -->
            <div class="wp-block-column"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|6"}},"layout":{"type":"constrained"}} -->
              <div class="wp-block-group"><!-- wp:heading {"level":4,"className":"is-style-text-summary","style":{"typography":{"lineHeight":"1"}}} -->
                <h4 class="wp-block-heading is-style-text-summary" style="line-height:1"><?php esc_html_e('Phone', 'city-town'); ?></h4>
                <!-- /wp:heading -->

                <!-- wp:paragraph {"className":"is-style-text-note"} -->
                <p class="is-style-text-note"><?php esc_html_e('+1 561 555 7869', 'city-town'); ?></p>
                <!-- /wp:paragraph -->
              </div>
              <!-- /wp:group -->
            </div>
            <!-- /wp:column -->
          </div>
          <!-- /wp:columns -->

          <!-- wp:columns {"isStackedOnMobile":false,"style":{"spacing":{"blockGap":{"left":"var:preset|spacing|12"}}}} -->
          <div class="wp-block-columns is-not-stacked-on-mobile"><!-- wp:column {"width":"40px"} -->
            <div class="wp-block-column" style="flex-basis:40px"><!-- wp:group {"className":"is-style-default","style":{"typography":{"lineHeight":"1"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
              <div class="wp-block-group is-style-default" style="line-height:1"><!-- wp:group {"className":"is-style-section-7","style":{"border":{"radius":"50%"},"spacing":{"padding":{"top":"var:preset|spacing|10","bottom":"var:preset|spacing|10","left":"var:preset|spacing|10","right":"var:preset|spacing|10"}}},"layout":{"type":"default"}} -->
                <div class="wp-block-group is-style-section-7" style="border-radius:50%;padding-top:var(--wp--preset--spacing--10);padding-right:var(--wp--preset--spacing--10);padding-bottom:var(--wp--preset--spacing--10);padding-left:var(--wp--preset--spacing--10)"><!-- wp:image {"width":"20px","sizeSlug":"full","linkDestination":"none","className":"is-style-icon-aware-1"} -->
                  <figure class="wp-block-image size-full is-resized is-style-icon-aware-1"><img src="<?php echo esc_url(get_stylesheet_directory_uri()); ?>/assets/icons/envelope-solid-dark.webp" alt="" class="" style="width:20px" /></figure>
                  <!-- /wp:image -->
                </div>
                <!-- /wp:group -->
              </div>
              <!-- /wp:group -->
            </div>
            <!-- /wp:column -->

            <!-- wp:column {"width":""} -->
            <div class="wp-block-column"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|6"}},"layout":{"type":"constrained"}} -->
              <div class="wp-block-group"><!-- wp:heading {"level":4,"className":"is-style-text-summary","style":{"typography":{"lineHeight":"1"}}} -->
                <h4 class="wp-block-heading is-style-text-summary" style="line-height:1"><?php esc_html_e('EMail', 'city-town'); ?></h4>
                <!-- /wp:heading -->

                <!-- wp:paragraph {"className":"is-style-text-note"} -->
                <p class="is-style-text-note"><?php esc_html_e('info@domain.com', 'city-town'); ?></p>
                <!-- /wp:paragraph -->
              </div>
              <!-- /wp:group -->
            </div>
            <!-- /wp:column -->
          </div>
          <!-- /wp:columns -->
        </div>
        <!-- /wp:group -->
      </div>
      <!-- /wp:group -->
    </div>
    <!-- /wp:column -->
  </div>
  <!-- /wp:columns -->
</section>
<!-- /wp:group -->
