<?php
/**
 * Title: Hero
 * Slug: journal-book/hero
 * Categories: banner, featured, call-to-action, journal-book
 */
?>


<!-- wp:cover {"url":"<?php journal_book_the_asset_url( 'images/hero-background.webp' ); ?>","dimRatio":50,"customOverlayColor":"#000000","isUserOverlayColor":true,"minHeight":768,"contentPosition":"top center","sizeSlug":"large","metadata":{"name":"Hero","patternName":"journal-book/hero","categories":["banner","featured","call-to-action","journal-book"]},"ploverBlockID":"d2051287-8129-4c41-8197-2827ac757a75","align":"full","className":"is-style-dark","style":{"spacing":{"padding":{"top":"0","bottom":"0","left":"0","right":"0"}}},"layout":{"type":"constrained"},"particles":true} -->
<div class="wp-block-cover alignfull has-custom-content-position is-position-top-center is-style-dark" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;min-height:768px"><img class="wp-block-cover__image-background size-large" alt="" src="<?php journal_book_the_asset_url( 'images/hero-background.webp' ); ?>" data-object-fit="cover"/><span aria-hidden="true" class="wp-block-cover__background has-background-dim" style="background-color:#000000"></span><div class="wp-block-cover__inner-container"><!-- wp:template-part {"slug":"header","theme":"journal-book","tagName":"header","area":"header","align":"full"} /-->

<!-- wp:spacer {"ploverBlockID":"3684efa1-0dfa-45a3-932f-4963a1db6c0d"} -->
<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:heading {"level":1,"ploverBlockID":"abf787c0-f424-4db1-a1c0-27eeb4cf9489","align":"wide","style":{"typography":{"textAlign":"center","textTransform":"uppercase","letterSpacing":"8px"}},"fontSize":"8-x-large"} -->
<h1 class="wp-block-heading has-text-align-center alignwide has-8-x-large-font-size" style="letter-spacing:8px;text-transform:uppercase"><?php esc_html_e( 'Journal Book', 'journal-book' ); ?></h1>
<!-- /wp:heading -->

<!-- wp:paragraph {"ploverBlockID":"b10a561a-0dff-4599-aedd-bbf95fb8c162","style":{"typography":{"textAlign":"center","fontStyle":"italic","fontWeight":"400"},"elements":{"link":{"color":{"text":"#ffffff94"}}},"color":{"text":"#ffffff94"}},"fontSize":"base"} -->
<p class="has-text-align-center has-text-color has-link-color has-base-font-size" style="color:#ffffff94;font-style:italic;font-weight:400"><?php esc_html_e( 'Welcome to my journal book — a curated collection of landscape photography, portraits, and travel stories. Each frame is a page from the field, captured on film and finished with intention.', 'journal-book' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:spacer {"height":"28px","ploverBlockID":"82435a22-ad3e-402f-b0f0-d6aad63c5b3a"} -->
<div style="height:28px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:buttons {"ploverBlockID":"9f20d5fa-72d8-4c74-8651-dbcf23a4ae44","layout":{"type":"flex","justifyContent":"center"}} -->
<div class="wp-block-buttons"><!-- wp:button {"ploverBlockID":"95e80e82-ca99-44a4-aef0-75ed223352d5","style":{"typography":{"textTransform":"uppercase","letterSpacing":"2px"}},"fontSize":"base","iconLibrary":"plover-core","iconSlug":"arrow-right","iconSvgString":"\u003csvg xmlns=\u0022http://www.w3.org/2000/svg\u0022 viewBox=\u00220 0 24 24\u0022 fill=\u0022none\u0022 stroke=\u0022currentColor\u0022 stroke-width=\u00222\u0022 stroke-linecap=\u0022round\u0022 stroke-linejoin=\u0022round\u0022\u003e\u003cline x1=\u00225\u0022 y1=\u002212\u0022 x2=\u002219\u0022 y2=\u002212\u0022\u003e\u003c/line\u003e\u003cpolyline points=\u002212 5 19 12 12 19\u0022\u003e\u003c/polyline\u003e\u003c/svg\u003e"} -->
<div class="wp-block-button"><a class="wp-block-button__link has-base-font-size has-custom-font-size wp-element-button" style="letter-spacing:2px;text-transform:uppercase"><?php esc_html_e( 'Browse the Journal', 'journal-book' ); ?></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->

<!-- wp:spacer {"ploverBlockID":"1515e3b4-fcaa-4e68-b2d8-cf9e112df182"} -->
<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer --></div></div>
<!-- /wp:cover -->
