<?php
return [
'title' => __( 'Blocksy - Hero Section', 'blocksy' ),
'categories' => ['call-to-action', 'blocksy'],
'content' => '<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"7rem","bottom":"7rem"}}},"backgroundColor":"white","layout":{"type":"constrained"}} -->
<div class="wp-block-group alignfull has-white-background-color has-background" style="padding-top:7rem;padding-bottom:7rem"><!-- wp:columns {"style":{"spacing":{"blockGap":{"top":"30px","left":"30px"}}}} -->
<div class="wp-block-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:cover {"url":"' . trailingslashit( get_template_directory_uri() ) . 'inc/components/patterns/assets/pattern-image-4.webp","id":7641,"dimRatio":50,"isUserOverlayColor":true,"focalPoint":{"x":0.5,"y":0.2},"customGradient":"linear-gradient(90deg,rgb(0,0,0) 0%,rgba(255,255,255,0) 100%)","contentPosition":"top center","style":{"border":{"radius":"20px"},"spacing":{"padding":{"top":"30px","bottom":"30px","left":"30px","right":"30px"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-cover has-custom-content-position is-position-top-center" style="border-radius:20px;padding-top:30px;padding-right:30px;padding-bottom:30px;padding-left:30px"><span aria-hidden="true" class="wp-block-cover__background has-background-dim wp-block-cover__gradient-background has-background-gradient" style="background:linear-gradient(90deg,rgb(0,0,0) 0%,rgba(255,255,255,0) 100%)"></span><img class="wp-block-cover__image-background wp-image-7641" alt="" src="' . trailingslashit( get_template_directory_uri() ) . 'inc/components/patterns/assets/pattern-image-4.webp" style="object-position:50% 20%" data-object-fit="cover" data-object-position="50% 20%"/><div class="wp-block-cover__inner-container"><!-- wp:group {"style":{"dimensions":{"minHeight":"450px"}},"layout":{"type":"flex","orientation":"vertical","verticalAlignment":"space-between"}} -->
<div class="wp-block-group" style="min-height:450px"><!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:image {"id":7833,"width":"70px","sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":"100%"}}} -->
<figure class="wp-block-image size-full is-resized has-custom-border"><img src="' . trailingslashit( get_template_directory_uri() ) . 'inc/components/patterns/assets/pattern-avatar-2.webp" alt="" class="wp-image-7833" style="border-radius:100%;width:70px"/></figure>
<!-- /wp:image -->
<!-- wp:heading {"style":{"elements":{"link":{"color":{"text":"var:preset|color|white"}}},"spacing":{"margin":{"top":"0"}},"typography":{"fontSize":"25px"}},"textColor":"white"} -->
<h2 class="wp-block-heading has-white-color has-text-color has-link-color" style="margin-top:0;font-size:25px">Augue Mauris Neque Consectetur</h2>
<!-- /wp:heading -->
<!-- wp:paragraph {"style":{"spacing":{"margin":{"bottom":"30px"}},"elements":{"link":{"color":{"text":"var:preset|color|white"}}}},"textColor":"white"} -->
<p class="has-white-color has-text-color has-link-color" style="margin-bottom:30px">Quam pellentesque nec nam aliquam praesent elementum facilisis leo. Praesent elementum facilisis leo vel fringilla est ullamcorper natoque penatibus et magnisdis.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->
<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"white","textColor":"black","style":{"border":{"radius":"8px"},"spacing":{"padding":{"top":"12px","bottom":"12px"}},"elements":{"link":{"color":{"text":"var:preset|color|black"}}}}} -->
<div class="wp-block-button"><a class="wp-block-button__link has-black-color has-white-background-color has-text-color has-background has-link-color wp-element-button" style="border-radius:8px;padding-top:12px;padding-bottom:12px">More info →</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div></div>
<!-- /wp:cover --></div>
<!-- /wp:column -->
<!-- wp:column -->
<div class="wp-block-column"><!-- wp:columns {"style":{"spacing":{"blockGap":{"top":"30px","left":"30px"}}}} -->
<div class="wp-block-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:image {"id":7640,"aspectRatio":"4/3","scale":"cover","sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":"20px"},"spacing":{"margin":{"bottom":"30px"}}}} -->
<figure class="wp-block-image size-full has-custom-border" style="margin-bottom:30px"><img src="' . trailingslashit( get_template_directory_uri() ) . 'inc/components/patterns/assets/pattern-image-3.webp" alt="" class="wp-image-7640" style="border-radius:20px;aspect-ratio:4/3;object-fit:cover"/></figure>
<!-- /wp:image -->
<!-- wp:image {"id":7842,"width":"40px","sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":"100%"},"spacing":{"margin":{"bottom":"10px"}}}} -->
<figure class="wp-block-image size-full is-resized has-custom-border" style="margin-bottom:10px"><img src="' . trailingslashit( get_template_directory_uri() ) . 'inc/components/patterns/assets/pattern-avatar-1.webp" alt="" class="wp-image-7842" style="border-radius:100%;width:40px"/></figure>
<!-- /wp:image -->
<!-- wp:heading {"style":{"elements":{"link":{"color":{"text":"var:preset|color|black"}}},"spacing":{"margin":{"top":"0","bottom":"10px"}}},"textColor":"black","fontSize":"medium"} -->
<h2 class="wp-block-heading has-black-color has-text-color has-link-color has-medium-font-size" style="margin-top:0;margin-bottom:10px">The Perfect Theme For Stunning Websites!</h2>
<!-- /wp:heading -->
<!-- wp:paragraph {"style":{"spacing":{"margin":{"bottom":"30px"}},"elements":{"link":{"color":{"text":"#000000a8"}}},"color":{"text":"#000000a8"}}} -->
<p class="has-text-color has-link-color" style="color:#000000a8;margin-bottom:30px">Lorem ipsum dolor amet consectetur adipiscing elitsed do eiusmod.</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|black"}}},"typography":{"fontStyle":"normal","fontWeight":"500"}},"textColor":"black"} -->
<p class="has-black-color has-text-color has-link-color" style="font-style:normal;font-weight:500"><a href="#">More info →</a></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->
<!-- wp:column -->
<div class="wp-block-column"><!-- wp:image {"id":7639,"aspectRatio":"4/3","scale":"cover","sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":"20px"},"spacing":{"margin":{"bottom":"30px"}}}} -->
<figure class="wp-block-image size-full has-custom-border" style="margin-bottom:30px"><img src="' . trailingslashit( get_template_directory_uri() ) . 'inc/components/patterns/assets/pattern-image-2.webp" alt="" class="wp-image-7639" style="border-radius:20px;aspect-ratio:4/3;object-fit:cover"/></figure>
<!-- /wp:image -->
<!-- wp:image {"id":7860,"width":"40px","sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":"100%"},"spacing":{"margin":{"bottom":"10px"}}}} -->
<figure class="wp-block-image size-full is-resized has-custom-border" style="margin-bottom:10px"><img src="' . trailingslashit( get_template_directory_uri() ) . 'inc/components/patterns/assets/pattern-avatar-4.webp" alt="" class="wp-image-7860" style="border-radius:100%;width:40px"/></figure>
<!-- /wp:image -->
<!-- wp:heading {"style":{"elements":{"link":{"color":{"text":"var:preset|color|black"}}},"spacing":{"margin":{"top":"0","bottom":"10px"}}},"textColor":"black","fontSize":"medium"} -->
<h2 class="wp-block-heading has-black-color has-text-color has-link-color has-medium-font-size" style="margin-top:0;margin-bottom:10px">The Perfect Theme For Stunning Websites!</h2>
<!-- /wp:heading -->
<!-- wp:paragraph {"style":{"spacing":{"margin":{"bottom":"30px"}},"elements":{"link":{"color":{"text":"#000000a8"}}},"color":{"text":"#000000a8"}}} -->
<p class="has-text-color has-link-color" style="color:#000000a8;margin-bottom:30px">Lorem ipsum dolor amet consectetur adipiscing elitsed do eiusmod.</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|black"}}},"typography":{"fontStyle":"normal","fontWeight":"500"}},"textColor":"black"} -->
<p class="has-black-color has-text-color has-link-color" style="font-style:normal;font-weight:500"><a href="#">More info →</a></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->'
]; |