<?php

/**
 * Title: Header 008
 * Slug: calm-canvas/header-008
 * Categories: header
 */
?>
<!-- wp:cover {"url":"<?php echo esc_url(get_stylesheet_directory_uri()); ?>/assets/images/header/header-9.png","dimRatio":0,"isDark":false,"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|superbspacing-xlarge","bottom":"var:preset|spacing|superbspacing-xlarge","left":"var:preset|spacing|superbspacing-small","right":"var:preset|spacing|superbspacing-small"},"margin":{"top":"0","bottom":"0"}}}} -->
<div class="wp-block-cover alignfull is-light" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--superbspacing-xlarge);padding-right:var(--wp--preset--spacing--superbspacing-small);padding-bottom:var(--wp--preset--spacing--superbspacing-xlarge);padding-left:var(--wp--preset--spacing--superbspacing-small)"><img class="wp-block-cover__image-background" alt="" src="<?php echo esc_url(get_stylesheet_directory_uri() . '/assets/images/header/header-9.png'); ?>" data-object-fit="cover" /><span aria-hidden="true" class="wp-block-cover__background has-background-dim-0 has-background-dim"></span>
  <div class="wp-block-cover__inner-container"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|superbspacing-xsmall","margin":{"top":"0","bottom":"0"},"padding":{"right":"0","left":"0"}}},"layout":{"type":"constrained","contentSize":"680px","justifyContent":"center"}} -->
    <div class="wp-block-group" style="margin-top:0;margin-bottom:0;padding-right:0;padding-left:0"><!-- wp:image {"width":"65px","sizeSlug":"full","linkDestination":"none","align":"center","style":{"spacing":{"margin":{"bottom":"var:preset|spacing|superbspacing-xxsmall"}}}} -->
      <figure class="wp-block-image aligncenter size-full is-resized" style="margin-bottom:var(--wp--preset--spacing--superbspacing-xxsmall)"><img src="<?php echo esc_url(get_stylesheet_directory_uri() . '/assets/images/header/header-8-icon.png'); ?>" alt="" style="width:65px" /></figure>
      <!-- /wp:image -->

      <!-- wp:heading {"textAlign":"center","level":1,"style":{"typography":{"fontWeight":"600","fontStyle":"normal"}},"fontSize":"superbfont-xxlarge"} -->
      <h1 class="wp-block-heading has-text-align-center has-superbfont-xxlarge-font-size" style="font-style:normal;font-weight:600"><?php echo esc_html__('Quiet Design', 'calm-canvas'); ?><br><?php echo esc_html__('Lasting Impact.', 'calm-canvas'); ?></h1>
      <!-- /wp:heading -->

      <!-- wp:paragraph {"align":"center","fontSize":"superbfont-small"} -->
      <p class="has-text-align-center has-superbfont-small-font-size"><?php echo esc_html__('Calm Canvas pairs restrained aesthetics with considered typography to create websites that feel as good to experience as they are to look at. Warm tones, generous spacing, and refined type, everything working quietly together.', 'calm-canvas'); ?></p>
      <!-- /wp:paragraph -->

      <!-- wp:buttons {"style":{"spacing":{"margin":{"top":"var:preset|spacing|superbspacing-small"}}},"layout":{"type":"flex","justifyContent":"center"}} -->
      <div class="wp-block-buttons" style="margin-top:var(--wp--preset--spacing--superbspacing-small)"><!-- wp:button {"className":"is-style-outline","style":{"border":{"color":"#000"}}} -->
        <div class="wp-block-button is-style-outline"><a class="wp-block-button__link has-border-color wp-element-button" style="border-color:#000">Start Building</a></div>
        <!-- /wp:button -->
      </div>
      <!-- /wp:buttons -->
    </div>
    <!-- /wp:group -->
  </div>
</div>
<!-- /wp:cover -->
