<?php

/**
 * Title: Hero Banner 
 * Slug: axvart/a1-hero-banner
 * Categories: banner
 * Block Types: core/template-part/banner
 * Description: A full-width cover section with a large background image and an oversized heading.
 *
 * @package WordPress
 * @subpackage Axvart
 * @since Axvart 1.0
 */
?>
<!-- wp:cover {"url":"<?php echo esc_url(get_template_directory_uri() . '/assets/images/axvart-grid-lines.png'); ?>","id":6711,"dimRatio":50,"isUserOverlayColor":true,"gradient":"primary","sizeSlug":"full","align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|axvart-huge","bottom":"0"},"margin":{"top":"-20px","bottom":"0"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-cover alignfull" style="margin-top:-20px;margin-bottom:0;padding-top:var(--wp--preset--spacing--axvart-huge);padding-bottom:0"><img class="wp-block-cover__image-background wp-image-6711 size-full" alt="" src="<?php echo esc_url(get_template_directory_uri() . '/assets/images/axvart-grid-lines.png'); ?>" data-object-fit="cover" /><span aria-hidden="true" class="wp-block-cover__background has-background-dim wp-block-cover__gradient-background has-background-gradient has-primary-gradient-background"></span>
    <div class="wp-block-cover__inner-container"><!-- wp:heading {"textAlign":"center","style":{"elements":{"link":{"color":{"text":"var:preset|color|contrast"}}},"typography":{"fontStyle":"normal","fontWeight":"500"}},"textColor":"contrast","fontSize":"normal","fontFamily":"urbanist"} -->
        <h2 class="wp-block-heading has-text-align-center has-contrast-color has-text-color has-link-color has-urbanist-font-family has-normal-font-size" style="font-style:normal;font-weight:500"><?php esc_html_e('Plan. Design. Publish.', 'axvart'); ?></h2>
        <!-- /wp:heading -->

        <!-- wp:heading {"textAlign":"center","style":{"typography":{"fontStyle":"normal","fontWeight":"700"},"spacing":{"margin":{"top":"0","bottom":"0","left":"0","right":"0"}},"elements":{"link":{"color":{"text":"var:preset|color|accent-2"}}}},"textColor":"accent-2","fontSize":"huge","fontFamily":"urbanist"} -->
        <h2 class="wp-block-heading has-text-align-center has-accent-2-color has-text-color has-link-color has-urbanist-font-family has-huge-font-size" style="margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;font-style:normal;font-weight:700"><?php esc_html_e('Discovering Technology Trends', 'axvart'); ?></h2>
        <!-- /wp:heading -->

        <!-- wp:paragraph {"align":"center","style":{"typography":{"lineHeight":"1.5"},"spacing":{"padding":{"top":"0","bottom":"0","left":"var:preset|spacing|axvart-huge","right":"var:preset|spacing|axvart-huge"},"margin":{"top":"0","bottom":"0"}},"elements":{"link":{"color":{"text":"var:preset|color|accent-3"}}}},"textColor":"accent-3","fontSize":"small","fontFamily":"open-sans"} -->
        <p class="has-text-align-center has-accent-3-color has-text-color has-link-color has-open-sans-font-family has-small-font-size" style="margin-top:0;margin-bottom:0;padding-top:0;padding-right:var(--wp--preset--spacing--axvart-huge);padding-bottom:0;padding-left:var(--wp--preset--spacing--axvart-huge);line-height:1.5"><?php esc_html_e('Take the next step, bring your idea to life, and begin a new chapter in your digital journey.', 'axvart'); ?></p>
        <!-- /wp:paragraph -->

        <!-- wp:columns -->
        <div class="wp-block-columns"><!-- wp:column {"width":"100%"} -->
            <div class="wp-block-column" style="flex-basis:100%"><!-- wp:group {"style":{"spacing":{"margin":{"top":"var:preset|spacing|axvart-medium"},"padding":{"right":"0","left":"0"}}},"layout":{"type":"flex","flexWrap":"wrap","justifyContent":"center"}} -->
                <div class="wp-block-group" style="margin-top:var(--wp--preset--spacing--axvart-medium);padding-right:0;padding-left:0"><!-- wp:columns {"isStackedOnMobile":false,"style":{"spacing":{"margin":{"top":"0","bottom":"0"},"blockGap":{"left":"var:preset|spacing|axvart-small"}}}} -->
                    <div class="wp-block-columns is-not-stacked-on-mobile" style="margin-top:0;margin-bottom:0"><!-- wp:column {"width":""} -->
                        <div class="wp-block-column"><!-- wp:axvart/advanced-button {"text":"Learn More","icon":"","iconType":"svg","paddingX":30,"paddingY":18} -->
                            <a class="wp-block-axvart-advanced-button axvart-advanced-button align-center width-auto hover-effect-lift icon-anim-slide" style="--bg-gradient:var(--wp--preset--gradient--accent-gradient);--hover-bg-gradient:var(--wp--preset--gradient--accent-gradient);--text-color:var(--wp--preset--color--base);--hover-text-color:var(--wp--preset--color--base);--font-size:16px;--font-weight:600;--line-height:1;--letter-spacing:0px;--border-radius:50px;--padding-x:30px;--padding-y:18px;--border-width:0px;--border-style:solid;--border-color:transparent;--hover-border-color:transparent;--icon-size:18px;--icon-gap:8px;--transition-duration:0.3s;background:var(--wp--preset--gradient--accent-gradient);color:var(--wp--preset--color--base);font-size:16px;font-weight:600;line-height:1;letter-spacing:0px;border-radius:50px;padding:18px 30px;border:0px solid transparent;display:inline-flex;width:auto;white-space:nowrap;flex-shrink:0" href="" target="_self">
                                <div class="button-content"><span class="button-text"><?php esc_html_e('Learn More', 'axvart'); ?></span></div>
                            </a>
                            <!-- /wp:axvart/advanced-button -->
                        </div>
                        <!-- /wp:column -->

                        <!-- wp:column {"width":""} -->
                        <div class="wp-block-column"><!-- wp:axvart/advanced-button {"text":"Get Started","iconSize":16,"iconGap":9,"bgGradient":"","textColor":"var(\u002d\u002dwp\u002d\u002dpreset\u002d\u002dcolor\u002d\u002daccent-2)","hoverTextColor":"","typography":{"fontSize":16,"fontWeight":"500","lineHeight":1,"letterSpacing":0},"paddingX":30,"paddingY":16,"border":{"width":1,"style":"solid","color":"var(\u002d\u002dwp\u002d\u002dpreset\u002d\u002dcolor\u002d\u002daccent-2)"}} -->
                            <a class="wp-block-axvart-advanced-button axvart-advanced-button align-center width-auto hover-effect-lift icon-anim-slide" style="--text-color:var(--wp--preset--color--accent-2);--hover-text-color:var(--wp--preset--color--accent-2);--font-size:16px;--font-weight:500;--line-height:1;--letter-spacing:0px;--border-radius:50px;--padding-x:30px;--padding-y:16px;--border-width:1px;--border-style:solid;--border-color:var(--wp--preset--color--accent-2);--hover-border-color:var(--wp--preset--color--accent-2);--icon-size:16px;--icon-gap:9px;--transition-duration:0.3s;color:var(--wp--preset--color--accent-2);font-size:16px;font-weight:500;line-height:1;letter-spacing:0px;border-radius:50px;padding:16px 30px;border:1px solid var(--wp--preset--color--accent-2);display:inline-flex;width:auto;white-space:nowrap;flex-shrink:0" href="" target="_self">
                                <div class="button-content"><span class="button-text"><?php esc_html_e('Get Started', 'axvart'); ?></span><span class="button-icon position-right" style="font-size:16px;margin-right:0;margin-left:9px"><span class="dashicons dashicons-arrow-right-alt" style="font-size:16px;width:16px;height:16px"></span></span></div>
                            </a>
                            <!-- /wp:axvart/advanced-button -->
                        </div>
                        <!-- /wp:column -->
                    </div>
                    <!-- /wp:columns -->
                </div>
                <!-- /wp:group -->
            </div>
            <!-- /wp:column -->
        </div>
        <!-- /wp:columns -->

        <!-- wp:image {"id":6383,"sizeSlug":"full","linkDestination":"none","align":"wide","className":"is-style-default","style":{"spacing":{"margin":{"top":"var:preset|spacing|axvart-extra-large"}},"border":{"radius":{"topLeft":"50px","topRight":"50px"}}}} -->
        <figure class="wp-block-image alignwide size-full has-custom-border is-style-default" style="margin-top:var(--wp--preset--spacing--axvart-extra-large)"><img src="<?php echo esc_url(get_template_directory_uri() . '/assets/images/axvart-dashboard-1.webp'); ?>" alt="<?php esc_attr_e('Axvart Theme Hero Image', 'axvart'); ?>" class="wp-image-6383" style="border-top-left-radius:50px;border-top-right-radius:50px" /></figure>
        <!-- /wp:image -->
    </div>
</div>
<!-- /wp:cover -->