<?php

/**
 * Title: Sub Banner
 * Slug: baty/sub-banner
 * Categories: Banners
 */
?>
<!-- wp:group {"metadata":{"categories":["Banners"],"patternName":"baty/sub-banner","name":"Sub Banner"},"align":"wide","className":"our-store aos-zoom-in-down aos-delay-100 aos-duration-300 aos-repeat","style":{"spacing":{"margin":{"bottom":"var:preset|spacing|80"}}},"fontFamily":"dm-serif","layout":{"type":"constrained"}} -->
<div class="wp-block-group alignwide our-store aos-zoom-in-down aos-delay-100 aos-duration-300 aos-repeat has-dm-serif-font-family" style="margin-bottom:var(--wp--preset--spacing--80)"><!-- wp:group {"metadata":{"name":"dcesktop-banner"},"align":"full","className":"main-store-desctop","layout":{"type":"constrained"}} -->
    <div class="wp-block-group alignfull main-store-desctop"><!-- wp:cover {"url":"<?php echo esc_url(get_template_directory_uri()); ?>/assets/images/our-store/desc-img.webp","id":342,"dimRatio":0,"isUserOverlayColor":true,"focalPoint":{"x":0.5,"y":0.5},"minHeight":791,"minHeightUnit":"px","contentPosition":"center center","isDark":false,"sizeSlug":"large","metadata":{"categories":["my_theme_baty"],"patternName":"baty/our-store-cta","name":"From Our Store CTA"},"align":"full","className":"cover-img","layout":{"type":"constrained"}} -->
        <div class="wp-block-cover alignfull is-light cover-img" style="min-height:791px"><img class="wp-block-cover__image-background wp-image-342 size-large" alt="" src="<?php echo esc_url(get_template_directory_uri()); ?>/assets/images/our-store/desc-img.webp" style="object-position:50% 50%" data-object-fit="cover" data-object-position="50% 50%" /><span aria-hidden="true" class="wp-block-cover__background has-background-dim-0 has-background-dim"></span>
            <div class="wp-block-cover__inner-container"><!-- wp:group {"className":"content","style":{"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"right":"9rem"}}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"center"}} -->
                <div class="wp-block-group content" style="margin-top:0;margin-bottom:0;padding-right:9rem"><!-- wp:heading {"textAlign":"center","className":"is-style-text-subtitle","style":{"typography":{"fontSize":"55px"},"layout":{"selfStretch":"fit","flexSize":null}},"fontFamily":"dm-serif"} -->
                    <h2 class="wp-block-heading has-text-align-center is-style-text-subtitle has-dm-serif-font-family" style="font-size:55px">
                        <?php echo esc_html__('From Our Store to Your Door', 'baty'); ?></h2>
                    <!-- /wp:heading -->

                    <!-- wp:paragraph {"style":{"typography":{"fontSize":"24px"}},"fontFamily":"dm-sans"} -->
                    <p class="has-dm-sans-font-family" style="font-size:24px">
                        <?php echo esc_html__('Timeless Pieces, Modern Style', 'baty'); ?> </p>
                    <!-- /wp:paragraph -->

                    <!-- wp:buttons -->
                    <div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"dark-brown","textColor":"background","style":{"border":{"radius":{"topLeft":"0px","topRight":"0px","bottomLeft":"0px","bottomRight":"0px"}},"typography":{"fontSize":"32px"},"elements":{"link":{"color":{"text":"var:preset|color|background"}}}}} -->
                        <div class="wp-block-button"><a class="wp-block-button__link has-background-color has-dark-brown-background-color has-text-color has-background has-link-color has-custom-font-size wp-element-button" href="<?php echo esc_url(function_exists('wc_get_page_permalink') ? wc_get_page_permalink('shop') : '#'); ?>" style="border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;font-size:32px">
                                <?php echo esc_html__('SHOP NOW', 'baty'); ?></a></div>
                        <!-- /wp:button -->
                    </div>
                    <!-- /wp:buttons -->
                </div>
                <!-- /wp:group -->
            </div>
        </div>
        <!-- /wp:cover -->
    </div>
    <!-- /wp:group -->

    <!-- wp:group {"metadata":{"name":"phone-banner"},"className":"main-store-phone","layout":{"type":"constrained"}} -->
    <div class="wp-block-group main-store-phone"><!-- wp:cover {"url":"<?php echo esc_url(get_template_directory_uri()); ?>/assets/images/our-store/phone-img.webp","id":384,"dimRatio":0,"isUserOverlayColor":true,"minHeight":271,"isDark":false,"sizeSlug":"full","layout":{"type":"constrained"}} -->
        <div class="wp-block-cover is-light" style="min-height:271px"><img class="wp-block-cover__image-background wp-image-384 size-full" alt="" src="<?php echo esc_url(get_template_directory_uri()); ?>/assets/images/our-store/phone-img.webp" data-object-fit="cover" /><span aria-hidden="true" class="wp-block-cover__background has-background-dim-0 has-background-dim"></span>
            <div class="wp-block-cover__inner-container"><!-- wp:group {"className":"content","layout":{"type":"flex","orientation":"vertical","justifyContent":"center"}} -->
                <div class="wp-block-group content"><!-- wp:heading {"textAlign":"center"} -->
                    <h2 class="wp-block-heading has-text-align-center">
                        <?php echo esc_html__('From Our Store to Your Door', 'baty'); ?> </h2>
                    <!-- /wp:heading -->

                    <!-- wp:paragraph {"fontFamily":"dm-sans"} -->
                    <p class="has-dm-sans-font-family"> <?php echo esc_html__('Timeless Pieces, Modern Style', 'baty'); ?> </p>
                    <!-- /wp:paragraph -->

                    <!-- wp:buttons -->
                    <div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"dark-brown","textColor":"background","style":{"border":{"radius":{"topLeft":"0px","topRight":"0px","bottomLeft":"0px","bottomRight":"0px"}},"elements":{"link":{"color":{"text":"var:preset|color|background"}}}}} -->
                        <div class="wp-block-button"><a class="wp-block-button__link has-background-color has-dark-brown-background-color has-text-color has-background has-link-color wp-element-button" href="<?php echo esc_url(function_exists('wc_get_page_permalink') ? wc_get_page_permalink('shop') : '#'); ?>" style="border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-left-radius:0px;border-bottom-right-radius:0px">
                                <?php echo esc_html__('SHOP NOW', 'baty'); ?> </a></div>
                        <!-- /wp:button -->
                    </div>
                    <!-- /wp:buttons -->
                </div>
                <!-- /wp:group -->
            </div>
        </div>
        <!-- /wp:cover -->
    </div>
    <!-- /wp:group -->
</div>
<!-- /wp:group -->