<?php

/**
 * Title: The Cozy Blog Header Navigation Hero 1
 * Slug: the-cozy-blog/the-cozy-blog-header-navigation-hero-001
 * Categories: navigation_headers
 */
?>

<!-- wp:group {"align":"full","className":"superbthemes-navigation-004","style":{"spacing":{"padding":{"top":"0","bottom":"0"},"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"default"}} -->
<div class="wp-block-group alignfull superbthemes-navigation-004" style="margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0"><!-- wp:cover {"url":"<?php echo esc_url(get_stylesheet_directory_uri() . "/assets/images/the-cozy-blog-hero1.jpg"); ?>","id":2315,"dimRatio":50,"overlayColor":"contrast-dark","focalPoint":{"x":0.51,"y":0.51},"minHeight":100,"style":{"spacing":{"padding":{"top":"0","bottom":"var:preset|spacing|superbspacing-large","left":"0","right":"0"},"blockGap":"var:preset|spacing|superbspacing-xxlarge","margin":{"top":"0","bottom":"0"}}},"layout":{"type":"default"}} -->
  <div class="wp-block-cover" style="margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:var(--wp--preset--spacing--superbspacing-large);padding-left:0;min-height:100px"><img class="wp-block-cover__image-background wp-image-2315" alt="" src="<?php echo esc_url(get_stylesheet_directory_uri() . "/assets/images/the-cozy-blog-hero1.jpg"); ?>" style="object-position:51% 51%" data-object-fit="cover" data-object-position="51% 51%" /><span aria-hidden="true" class="wp-block-cover__background has-contrast-dark-background-color has-background-dim"></span>
    <div class="wp-block-cover__inner-container"><!-- wp:group {"align":"wide","textColor":"contrast-light","layout":{"type":"default"}} -->
      <div class="wp-block-group alignwide has-contrast-light-color has-text-color"><!-- wp:template-part {"slug":"header","theme":"the-cozy-blog","area":"header"} /--></div>
      <!-- /wp:group -->

      <!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"bottom":"var:preset|spacing|superbspacing-xxlarge","top":"var:preset|spacing|superbspacing-xsmall"}}},"layout":{"type":"constrained"}} -->
      <div class="wp-block-group alignwide" style="padding-top:var(--wp--preset--spacing--superbspacing-xsmall);padding-bottom:var(--wp--preset--spacing--superbspacing-xxlarge)"><!-- wp:heading {"textAlign":"center","level":1,"align":"wide","style":{"typography":{"fontStyle":"normal","fontWeight":"700","letterSpacing":"2px"},"spacing":{"padding":{"right":"var:preset|spacing|superbspacing-small","left":"var:preset|spacing|superbspacing-small","bottom":"0","top":"var:preset|spacing|superbspacing-small"},"margin":{"bottom":"var:preset|spacing|superbspacing-xxlarge"}}},"textColor":"contrast-light","fontSize":"superbfont-xxlarge"} -->
        <h1 class="wp-block-heading alignwide has-text-align-center has-contrast-light-color has-text-color has-superbfont-xxlarge-font-size" style="margin-bottom:var(--wp--preset--spacing--superbspacing-xxlarge);padding-top:var(--wp--preset--spacing--superbspacing-small);padding-right:var(--wp--preset--spacing--superbspacing-small);padding-bottom:0;padding-left:var(--wp--preset--spacing--superbspacing-small);font-style:normal;font-weight:700;letter-spacing:2px"><?php esc_html_e("A Cozy Blog About ", "the-cozy-blog"); ?><br><?php esc_html_e("Everything & Nothing", "the-cozy-blog"); ?></h1>
        <!-- /wp:heading -->

        <!-- wp:columns {"align":"wide","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|superbspacing-xlarge","left":"var:preset|spacing|superbspacing-medium"},"padding":{"right":"var:preset|spacing|superbspacing-medium","left":"var:preset|spacing|superbspacing-medium"}}}} -->
        <div class="wp-block-columns alignwide" style="padding-right:var(--wp--preset--spacing--superbspacing-medium);padding-left:var(--wp--preset--spacing--superbspacing-medium)"><!-- wp:column {"verticalAlignment":"center","style":{"spacing":{"padding":{"right":"0","left":"0","top":"0","bottom":"0"},"blockGap":"var:preset|spacing|superbspacing-xxsmall"}}} -->
          <div class="wp-block-column is-vertically-aligned-center" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:heading {"textAlign":"center","level":3,"textColor":"contrast-light","fontSize":"superbfont-medium","fontFamily":"alegreya"} -->
            <h3 class="wp-block-heading has-text-align-center has-contrast-light-color has-text-color has-alegreya-font-family has-superbfont-medium-font-size"><?php esc_html_e("Blogging", "the-cozy-blog"); ?></h3>
            <!-- /wp:heading -->

            <!-- wp:paragraph {"align":"center","textColor":"contrast-light","fontSize":"superbfont-xsmall"} -->
            <p class="has-text-align-center has-contrast-light-color has-text-color has-superbfont-xsmall-font-size"><?php esc_html_e("Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam non nisl in velit dignissim mollis a rhoncus dolor.", "the-cozy-blog"); ?></p>
            <!-- /wp:paragraph -->

            <!-- wp:heading {"textAlign":"center","level":3,"textColor":"contrast-light","fontSize":"superbfont-small"} -->
            <h3 class="wp-block-heading has-text-align-center has-contrast-light-color has-text-color has-superbfont-small-font-size"><a href="#"><?php esc_html_e("View →", "the-cozy-blog"); ?></a></h3>
            <!-- /wp:heading -->
          </div>
          <!-- /wp:column -->

          <!-- wp:column {"verticalAlignment":"center","style":{"spacing":{"blockGap":"15px"}}} -->
          <div class="wp-block-column is-vertically-aligned-center"><!-- wp:heading {"textAlign":"center","level":3,"textColor":"contrast-light","fontSize":"superbfont-medium","fontFamily":"alegreya"} -->
            <h3 class="wp-block-heading has-text-align-center has-contrast-light-color has-text-color has-alegreya-font-family has-superbfont-medium-font-size"><?php esc_html_e("Search Engine Optimization", "the-cozy-blog"); ?></h3>
            <!-- /wp:heading -->

            <!-- wp:paragraph {"align":"center","textColor":"contrast-light","fontSize":"superbfont-xsmall"} -->
            <p class="has-text-align-center has-contrast-light-color has-text-color has-superbfont-xsmall-font-size"><?php esc_html_e("Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam non nisl in velit dignissim mollis a rhoncus dolor.", "the-cozy-blog"); ?></p>
            <!-- /wp:paragraph -->

            <!-- wp:heading {"textAlign":"center","level":3,"textColor":"contrast-light","fontSize":"superbfont-small"} -->
            <h3 class="wp-block-heading has-text-align-center has-contrast-light-color has-text-color has-superbfont-small-font-size"><a href="#"><?php esc_html_e("View →", "the-cozy-blog"); ?></a></h3>
            <!-- /wp:heading -->
          </div>
          <!-- /wp:column -->

          <!-- wp:column {"verticalAlignment":"center","style":{"spacing":{"blockGap":"15px"}}} -->
          <div class="wp-block-column is-vertically-aligned-center"><!-- wp:heading {"textAlign":"center","level":3,"textColor":"contrast-light","fontSize":"superbfont-medium","fontFamily":"alegreya"} -->
            <h3 class="wp-block-heading has-text-align-center has-contrast-light-color has-text-color has-alegreya-font-family has-superbfont-medium-font-size"> <?php esc_html_e("Landing Pages", "the-cozy-blog"); ?></h3>
            <!-- /wp:heading -->

            <!-- wp:paragraph {"align":"center","textColor":"contrast-light","fontSize":"superbfont-xsmall"} -->
            <p class="has-text-align-center has-contrast-light-color has-text-color has-superbfont-xsmall-font-size"><?php esc_html_e("Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam non nisl in velit dignissim mollis a rhoncus dolor.", "the-cozy-blog"); ?></p>
            <!-- /wp:paragraph -->

            <!-- wp:heading {"textAlign":"center","level":3,"textColor":"contrast-light","fontSize":"superbfont-small"} -->
            <h3 class="wp-block-heading has-text-align-center has-contrast-light-color has-text-color has-superbfont-small-font-size"><a href="#"><?php esc_html_e("View →", "the-cozy-blog"); ?></a></h3>
            <!-- /wp:heading -->
          </div>
          <!-- /wp:column -->
        </div>
        <!-- /wp:columns -->
      </div>
      <!-- /wp:group -->
    </div>
  </div>
  <!-- /wp:cover -->
</div>
<!-- /wp:group -->
