<?php

/**
 * Title: Services Lite 2
 * Slug: allele/services-lite-2
 * Categories: services, allele-patterns
 */
?>
<!-- wp:group {"tagName":"section","metadata":{"name":"Solutions Lite"},"align":"full","className":"is-style-section-2","style":{"spacing":{"padding":{"top":"var:preset|spacing|120","bottom":"var:preset|spacing|120"},"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained"}} -->
<section class="wp-block-group alignfull is-style-section-2" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--120);padding-bottom:var(--wp--preset--spacing--120)"><!-- wp:group {"align":"wide","className":"is-style-grid-media-text","style":{"spacing":{"blockGap":"var:preset|spacing|52"}},"layout":{"type":"grid","minimumColumnWidth":null,"columnCount":2}} -->
  <div class="wp-block-group alignwide is-style-grid-media-text"><!-- wp:group {"layout":{"type":"default"}} -->
    <div class="wp-block-group"><!-- wp:image {"className":"size-large is-style-image-1"} -->
      <figure class="wp-block-image size-large is-style-image-1"><img src="<?php echo esc_url(get_template_directory_uri()); ?>/assets/images/service-1.webp" alt="" /></figure>
      <!-- /wp:image -->
    </div>
    <!-- /wp:group -->

    <!-- wp:group {"layout":{"type":"default"}} -->
    <div class="wp-block-group"><!-- wp:group {"style":{"spacing":{"padding":{"right":"var:preset|spacing|52","left":"var:preset|spacing|52","top":"var:preset|spacing|52","bottom":"var:preset|spacing|52"}},"border":{"radius":"12px","width":"1px"}},"borderColor":"secondary-100","layout":{"type":"default"}} -->
      <div class="wp-block-group has-border-color has-secondary-100-border-color" style="border-width:1px;border-radius:12px;padding-top:var(--wp--preset--spacing--52);padding-right:var(--wp--preset--spacing--52);padding-bottom:var(--wp--preset--spacing--52);padding-left:var(--wp--preset--spacing--52)"><!-- wp:group {"style":{"spacing":{"blockGap":"0"}},"layout":{"type":"default"}} -->
        <div class="wp-block-group"><!-- wp:heading {"className":"is-style-default","style":{"typography":{"fontStyle":"normal","fontWeight":"200","lineHeight":"1"}}} -->
          <h2 class="wp-block-heading is-style-default" style="font-style:normal;font-weight:200;line-height:1">
            <em>UI/UX</em>
          </h2>
          <!-- /wp:heading -->

          <!-- wp:heading {"className":"is-style-text-title"} -->
          <h2 class="wp-block-heading is-style-text-title"><?php esc_html_e('Solutions', 'allele'); ?></h2>
          <!-- /wp:heading -->
        </div>
        <!-- /wp:group -->

        <!-- wp:group {"layout":{"type":"default"}} -->
        <div class="wp-block-group"><!-- wp:paragraph {"className":"is-style-text-aware-1 is-style-text-summary","style":{"elements":{"link":{"color":{"text":"var:preset|color|secondary-800"}}}},"textColor":"secondary-800"} -->
          <p class="is-style-text-aware-1 is-style-text-summary has-secondary-800-color has-text-color has-link-color"><?php esc_html_e('Design intuitive, user-friendly interfaces and seamless experiences that enhance engagement, streamline navigation, and boost overall satisfaction.', 'allele'); ?></p>
          <!-- /wp:paragraph -->
        </div>
        <!-- /wp:group -->

        <!-- wp:group {"layout":{"type":"default"}} -->
        <div class="wp-block-group"><!-- wp:buttons -->
          <div class="wp-block-buttons"><!-- wp:button {"className":"is-style-outline"} -->
            <div class="wp-block-button is-style-outline"><a class="wp-block-button__link wp-element-button"><?php esc_html_e('Read More', 'allele'); ?></a></div>
            <!-- /wp:button -->
          </div>
          <!-- /wp:buttons -->
        </div>
        <!-- /wp:group -->
      </div>
      <!-- /wp:group -->
    </div>
    <!-- /wp:group -->
  </div>
  <!-- /wp:group -->
</section>
<!-- /wp:group -->
