<?php
/**
 * Title: Hero Category Section
 * Slug: gadgethub/hero-categories
 * Categories: gadgethub, banners
 *
 * @package gadgethub
 */

?>
<!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column {"width":"25%"} -->
<div class="wp-block-column" style="flex-basis:25%"><!-- wp:cover {"url":"<?php echo esc_url( get_template_directory_uri() ); ?>/assets/img/camera-banner-img.webp","id":86,"dimRatio":0,"customOverlayColor":"#d6e2d9","isUserOverlayColor":true,"focalPoint":{"x":0.49,"y":0.01},"contentPosition":"bottom center","isDark":false,"style":{"spacing":{"padding":{"top":"var:preset|spacing|small","bottom":"var:preset|spacing|small","left":"var:preset|spacing|small","right":"var:preset|spacing|small"}},"border":{"radius":"8px"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-cover is-light has-custom-content-position is-position-bottom-center" style="border-radius:8px;padding-top:var(--wp--preset--spacing--small);padding-right:var(--wp--preset--spacing--small);padding-bottom:var(--wp--preset--spacing--small);padding-left:var(--wp--preset--spacing--small)"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-0 has-background-dim" style="background-color:#d6e2d9"></span><img class="wp-block-cover__image-background wp-image-86" alt="" src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/img/camera-banner-img.webp" style="object-position:49% 1%" data-object-fit="cover" data-object-position="49% 1%"/><div class="wp-block-cover__inner-container"><!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:paragraph {"align":"center","style":{"typography":{"fontStyle":"normal","fontWeight":"600"}},"fontSize":"16"} -->
<p class="has-text-align-center has-16-font-size" style="font-style:normal;font-weight:600"><?php esc_html_e( 'Special Promo', 'gadgethub' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:heading {"textAlign":"center","level":4,"style":{"typography":{"lineHeight":"1.4"}},"fontSize":"20"} -->
<h4 class="wp-block-heading has-text-align-center has-20-font-size" style="line-height:1.4"><?php esc_html_e( 'Capture Every Moments', 'gadgethub' ); ?></h4>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","style":{"typography":{"fontStyle":"normal","fontWeight":"700"}},"fontSize":"24"} -->
<p class="has-text-align-center has-24-font-size" style="font-style:normal;font-weight:700">$90.00</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div></div>
<!-- /wp:cover --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"50%"} -->
<div class="wp-block-column" style="flex-basis:50%"><!-- wp:cover {"url":"<?php echo esc_url( get_template_directory_uri() ); ?>/assets/img/watch-img.webp","id":93,"dimRatio":0,"customOverlayColor":"#d6e2d9","isUserOverlayColor":true,"focalPoint":{"x":0.9,"y":0.42},"contentPosition":"center left","isDark":false,"style":{"spacing":{"padding":{"top":"var:preset|spacing|small","bottom":"var:preset|spacing|small","left":"var:preset|spacing|small","right":"var:preset|spacing|small"}},"border":{"radius":"8px"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-cover is-light has-custom-content-position is-position-center-left" style="border-radius:8px;padding-top:var(--wp--preset--spacing--small);padding-right:var(--wp--preset--spacing--small);padding-bottom:var(--wp--preset--spacing--small);padding-left:var(--wp--preset--spacing--small)"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-0 has-background-dim" style="background-color:#d6e2d9"></span><img class="wp-block-cover__image-background wp-image-93" alt="" src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/img/watch-img.webp" style="object-position:90% 42%" data-object-fit="cover" data-object-position="90% 42%"/><div class="wp-block-cover__inner-container"><!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"left"}} -->
<div class="wp-block-group"><!-- wp:paragraph {"style":{"spacing":{"padding":{"top":"var:preset|spacing|xx-small","bottom":"var:preset|spacing|xx-small","left":"var:preset|spacing|x-small","right":"var:preset|spacing|x-small"}},"elements":{"link":{"color":{"text":"var:preset|color|lightcolor"}}},"typography":{"textTransform":"uppercase","fontStyle":"normal","fontWeight":"600"}},"backgroundColor":"primary","textColor":"lightcolor","fontSize":"14"} -->
<p class="has-lightcolor-color has-primary-background-color has-text-color has-background has-link-color has-14-font-size" style="padding-top:var(--wp--preset--spacing--xx-small);padding-right:var(--wp--preset--spacing--x-small);padding-bottom:var(--wp--preset--spacing--xx-small);padding-left:var(--wp--preset--spacing--x-small);font-style:normal;font-weight:600;text-transform:uppercase">Biggest Offer</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:heading -->
<h2 class="wp-block-heading"><?php esc_html_e( 'Apple Smart Watch', 'gadgethub' ); ?><br><?php esc_html_e( 'Ultra Pro', 'gadgethub' ); ?></h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"fontSize":"18"} -->
<p class="has-18-font-size"><?php esc_html_e( 'With Motion Tracking', 'gadgethub' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"typography":{"fontStyle":"normal","fontWeight":"700"}},"fontSize":"24"} -->
<p class="has-24-font-size" style="font-style:normal;font-weight:700">$599.00</p>
<!-- /wp:paragraph -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"transparent","textColor":"foreground-color","className":"is-style-fill","style":{"elements":{"link":{"color":{"text":"var:preset|color|foreground-color"}}},"spacing":{"padding":{"left":"0","right":"0","top":"0","bottom":"0"}},"typography":{"fontStyle":"normal","fontWeight":"600"}}} -->
<div class="wp-block-button is-style-fill" style="font-style:normal;font-weight:600"><a class="wp-block-button__link has-foreground-color-color has-transparent-background-color has-text-color has-background has-link-color wp-element-button" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0">Learn More</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div></div>
<!-- /wp:cover --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"25%"} -->
<div class="wp-block-column" style="flex-basis:25%"><!-- wp:cover {"url":"<?php echo esc_url( get_template_directory_uri() ); ?>/assets/img/joystick-yellow.webp","id":87,"dimRatio":0,"customOverlayColor":"#d6e2d9","isUserOverlayColor":true,"focalPoint":{"x":0.51,"y":0.02},"contentPosition":"bottom center","isDark":false,"style":{"spacing":{"padding":{"top":"var:preset|spacing|small","bottom":"var:preset|spacing|small","left":"var:preset|spacing|small","right":"var:preset|spacing|small"}},"border":{"radius":"8px"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-cover is-light has-custom-content-position is-position-bottom-center" style="border-radius:8px;padding-top:var(--wp--preset--spacing--small);padding-right:var(--wp--preset--spacing--small);padding-bottom:var(--wp--preset--spacing--small);padding-left:var(--wp--preset--spacing--small)"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-0 has-background-dim" style="background-color:#d6e2d9"></span><img class="wp-block-cover__image-background wp-image-87" alt="" src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/img/joystick-yellow.webp" style="object-position:51% 2%" data-object-fit="cover" data-object-position="51% 2%"/><div class="wp-block-cover__inner-container"><!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:heading {"textAlign":"center","level":5,"style":{"typography":{"lineHeight":"1.4"}},"fontSize":"20"} -->
<h5 class="wp-block-heading has-text-align-center has-20-font-size" style="line-height:1.4"><?php esc_html_e( 'Best Game device Platform', 'gadgethub' ); ?></h5>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","fontSize":"16"} -->
<p class="has-text-align-center has-16-font-size"><?php esc_html_e( 'Elevate Your Gaming Experience', 'gadgethub' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} -->
<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"heading"} -->
<div class="wp-block-button"><a class="wp-block-button__link has-heading-background-color has-background wp-element-button"><?php esc_html_e( 'SHOP NOW', 'gadgethub' ); ?> </a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div></div>
<!-- /wp:cover --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->
