<?php

/**
 * Title: Hero Content
 * Slug: soundscape/hero-content
 * Categories: soundscape, featured
 * Viewport width: 1400
 */
?>

<!-- wp:group {"metadata":{"categories":["soundscape","featured"],"patternName":"soundscape/hero-content","name":"Hero Content"},"align":"full","className":"wp-block-section hero-section","style":{"spacing":{"padding":{"top":"var:preset|spacing|91","bottom":"var:preset|spacing|91"}},"border":{"bottom":{"color":"var:preset|color|border-color","width":"1px"},"top":[],"right":[],"left":[]}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group alignfull wp-block-section hero-section" style="border-bottom-color:var(--wp--preset--color--border-color);border-bottom-width:1px;padding-top:var(--wp--preset--spacing--91);padding-bottom:var(--wp--preset--spacing--91)">
  <!-- wp:group {"align":"wide","layout":{"type":"constrained"}} -->
  <div class="wp-block-group alignwide">
    <!-- wp:columns {"verticalAlignment":"center","align":"wide","style":{"spacing":{"blockGap":{"left":"var:preset|spacing|56"}}}} -->
    <div class="wp-block-columns alignwide are-vertically-aligned-center">
      <!-- wp:column {"verticalAlignment":"center","width":"45%"} -->
      <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:45%">
        <!-- wp:image {"id":25102,"sizeSlug":"full","linkDestination":"none"} -->
        <figure class="wp-block-image size-full">
          <img src="<?php echo esc_url(get_parent_theme_file_uri('/assets/images/hero.jpg')); ?>" alt="" class="wp-image-25102" />
        </figure>
        <!-- /wp:image -->
      </div>
      <!-- /wp:column -->
      <!-- wp:column {"verticalAlignment":"center","width":"55%","className":"hero-content"} -->
      <div class="wp-block-column is-vertically-aligned-center hero-content" style="flex-basis:55%">
        <!-- wp:heading {"style":{"typography":{"fontStyle":"italic","fontWeight":"700"}},"fontSize":"section-title"} -->
        <h2 class="wp-block-heading has-section-title-font-size" style="font-style:italic;font-weight:700"> <?php esc_html_e('Hero Content', 'soundscape'); ?> </h2>
        <!-- /wp:heading -->
        <!-- wp:paragraph {"fontSize":"body-default","fontFamily":"gelasio"} -->
        <p class="has-gelasio-font-family has-body-default-font-size"> <?php esc_html_e('Boy desirous families. Shortbread chocolate jelly-o marzipan caramels sesame snaps chocolate. Soufflé cotton candy sugar plum croissant gingerbread. Shortbread chocolate families. Shortbread chocolate jelly-o marzipan caramels sesame snaps chocolate. Soufflé cotton candy sugar plum croissant gingerbread. Shortbread chocolate icing…', 'soundscape'); ?> </p>
        <!-- /wp:paragraph -->
        <!-- wp:paragraph {"fontSize":"body-default","fontFamily":"gelasio"} -->
        <p class="has-gelasio-font-family has-body-default-font-size"> <?php esc_html_e(' Shortbread chocolate jelly-o marzipan caramels sesame snaps chocolate. Soufflé cotton candy sugar plum croissant gingerbread.', 'soundscape'); ?> </p>
        <!-- /wp:paragraph -->
        <!-- 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', 'soundscape'); ?> </a>
          </div>
          <!-- /wp:button -->
        </div>
        <!-- /wp:buttons -->
      </div>
      <!-- /wp:column -->
    </div>
    <!-- /wp:columns -->
  </div>
  <!-- /wp:group -->
</div>
<!-- /wp:group -->