<?php
/**
 * Title: Banner
 * Slug: swp-notary/banner
 * Categories: text, banner, swp-notary
 * Description: Banner with page title and breadcrumbs
 */
?>
<!-- wp:cover {"url":"<?php echo esc_url( get_theme_file_uri( 'assets/images/banner/inner-banner-main.jpg' ) ); ?>","dimRatio":50,"overlayColor":"blue","isUserOverlayColor":true,"minHeight":350,"sizeSlug":"full","layout":{"type":"constrained"}} -->
<div class="wp-block-cover" style="min-height:350px">
  <img
    class="wp-block-cover__image-background size-full"
    alt=""
    src="<?php echo esc_url( get_theme_file_uri( 'assets/images/banner/inner-banner-main.jpg' ) ); ?>"
    data-object-fit="cover"
  />

  <span aria-hidden="true" class="wp-block-cover__background has-blue-background-color has-background-dim"></span>

  <div class="wp-block-cover__inner-container">
    <!-- wp:group {"layout":{"type":"constrained"}} -->
    <div class="wp-block-group">

      <!-- wp:post-title {"textAlign":"center","fontSize":"h2"} /-->

      <!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"center"}} -->
      <div class="wp-block-group">

        <!-- wp:heading {"style":{"elements":{"link":{"color":{"text":"var:preset|color|white"}}}},"textColor":"white","fontSize":"h4"} -->
        <h2 class="wp-block-heading has-white-color has-text-color has-link-color has-h-4-font-size">
          <a href="<?php echo esc_url( home_url('/') ); ?>">Home</a>
        </h2>
        <!-- /wp:heading -->

        <!-- wp:paragraph {"fontSize":"h4"} -->
        <p class="has-h-4-font-size">/</p>
        <!-- /wp:paragraph -->

        <!-- wp:post-title {"textAlign":"center","fontSize":"h4"} /-->

      </div>
      <!-- /wp:group -->

    </div>
    <!-- /wp:group -->
  </div>
</div>
<!-- /wp:cover -->
