<?php

/**
 * Title: HeroSection
 * Slug: baty/hero
 * Categories: featured,baty_pattern
 */
?>


<!-- wp:group {"metadata":{"name":"banner","categories":["themiify"],"className":"aos-fade-up aos-delay-100 aos-repeat aos-duration-300","patternName":"athath/banner"},"style":{"spacing":{"padding":{"top":"0","bottom":"0"},"margin":{"top":"0","bottom":"var:preset|spacing|80"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group aos-fade-up aos-delay-100 aos-duration-300 aos-repeat"
    style="margin-top:0;margin-bottom:var(--wp--preset--spacing--80);padding-top:0;padding-bottom:0"><!-- wp:group {"metadata":{"categories":["themiify"],"patternName":"athath/cta","name":"Banner Slider"},"className":"fancy-slider","layout":{"type":"constrained"}} -->
    <div class="wp-block-group fancy-slider"><!-- wp:group {"metadata":{"name":"Wrapper"},"layout":{"type":"constrained"}} -->
        <div class="wp-block-group">
            <!-- wp:group {"metadata":{"name":"main slider"},"className":"main-carousel"} -->
            <div class="wp-block-group main-carousel">
                <!-- wp:cover {"url":"<?php echo esc_url(get_theme_file_uri('assets/images/hero/hero1.webp')); ?>","id":14,"dimRatio":0,"isUserOverlayColor":true,"contentPosition":"bottom left","isDark":false,"sizeSlug":"full","layout":{"type":"constrained"}} -->
                <div class="wp-block-cover is-light has-custom-content-position is-position-bottom-left"><img class="wp-block-cover__image-background wp-image-14 size-full" alt="" src="<?php echo esc_url(get_theme_file_uri('assets/images/hero/hero1.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:paragraph {"className":"remove-space-mob","style":{"elements":{"link":{"color":{"text":"var:preset|color|accent-5"}}},"spacing":{"padding":{"bottom":"var:preset|spacing|40","left":"var:preset|spacing|30"}}},"textColor":"accent-5","fontSize":"medium","fontFamily":"dm-serif"} -->
                        <p class="remove-space-mob has-accent-5-color has-text-color has-link-color has-dm-serif-font-family has-medium-font-size" style="padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--30)"> <?php echo esc_html__('Sofa', 'baty'); ?></p>
                        <!-- /wp:paragraph -->
                        <!-- wp:group {"className":"rm-mg-mob","layout":{"type":"flex","flexWrap":"nowrap"}} -->
                        <div class="wp-block-group rm-mg-mob">
                            <!-- wp:paragraph {"align":"center","placeholder":"Write title…","className":"remove-space-mob","style":{"typography":{"lineHeight":"0.5"},"elements":{"link":{":hover":{"color":{"text":"var:preset|color|background"}},"color":{"text":"var:preset|color|accent-5"}}},"spacing":{"padding":{"left":"var:preset|spacing|20"}}},"textColor":"accent-5","fontSize":"xx-large","fontFamily":"dm-serif"} -->
                            <p class="has-text-align-center remove-space-mob has-accent-5-color has-text-color has-link-color has-dm-serif-font-family has-xx-large-font-size" style="padding-left:var(--wp--preset--spacing--20);line-height:0.5"><?php echo esc_html__('Clovis', 'baty'); ?></p>
                            <!-- /wp:paragraph -->
                        </div>
                        <!-- /wp:group -->
                    </div>
                </div>
                <!-- /wp:cover -->

                <!-- wp:cover {"url":"<?php echo esc_url(get_theme_file_uri('assets/images/hero/hero2.webp')); ?>","id":15,"dimRatio":0,"isUserOverlayColor":true,"contentPosition":"bottom left","isDark":false,"sizeSlug":"full","layout":{"type":"constrained"}} -->
                <div class="wp-block-cover is-light has-custom-content-position is-position-bottom-left"><img class="wp-block-cover__image-background wp-image-15 size-full" alt="" src="<?php echo esc_url(get_theme_file_uri('assets/images/hero/hero2.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:paragraph {"className":"remove-space-mob","style":{"elements":{"link":{"color":{"text":"var:preset|color|accent-5"}}},"spacing":{"padding":{"bottom":"var:preset|spacing|40","left":"var:preset|spacing|30"}}},"textColor":"accent-5","fontSize":"medium","fontFamily":"dm-serif"} -->
                        <p class="remove-space-mob has-accent-5-color has-text-color has-link-color has-dm-serif-font-family has-medium-font-size" style="padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--30)"> <?php echo esc_html__('Table', 'baty'); ?></p>
                        <!-- /wp:paragraph -->




                        <!-- wp:group {"className":"rm-mg-mob","layout":{"type":"flex","flexWrap":"nowrap"}} -->
                        <div class="wp-block-group rm-mg-mob">
                            <!-- wp:paragraph {"align":"center","placeholder":"Write title…","className":"remove-space-mob","style":{"typography":{"lineHeight":"0.5"},"elements":{"link":{":hover":{"color":{"text":"var:preset|color|background"}},"color":{"text":"var:preset|color|accent-5"}}},"spacing":{"padding":{"left":"var:preset|spacing|20"}}},"textColor":"accent-5","fontSize":"xx-large","fontFamily":"dm-serif"} -->
                            <p class="has-text-align-center remove-space-mob has-accent-5-color has-text-color has-link-color has-dm-serif-font-family has-xx-large-font-size" style="padding-left:var(--wp--preset--spacing--20);line-height:0.5"><?php echo esc_html__('Debuss', 'baty'); ?></p>
                            <!-- /wp:paragraph -->
                        </div>
                        <!-- /wp:group -->
                    </div>
                </div>
                <!-- /wp:cover -->

                <!-- wp:cover {"url":"<?php echo esc_url(get_theme_file_uri('assets/images/hero/hero3.webp')); ?>","id":16,"dimRatio":0,"isUserOverlayColor":true,"contentPosition":"bottom left","sizeSlug":"large","style":{"elements":{"link":{"color":{"text":"var:preset|color|white"}}}},"textColor":"white","layout":{"type":"constrained"}} -->
                <div class="wp-block-cover has-custom-content-position is-position-bottom-left has-white-color has-text-color has-link-color"><img class="wp-block-cover__image-background wp-image-16 size-large" alt="" src="<?php echo esc_url(get_theme_file_uri('assets/images/hero/hero3.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:paragraph -->
                        <p></p>
                        <!-- /wp:paragraph -->
                    </div>
                </div>
                <!-- /wp:cover -->
            </div>
            <!-- /wp:group -->

            <!-- wp:group {"metadata":{"name":"thumb slider"},"className":"thumb-carousel","layout":{"minimumColumnWidth":"10rem","className":"thumb-carousel"}} -->
            <div class="wp-block-group thumb-carousel">

                <!-- wp:image {"id":17,"sizeSlug":"full","linkDestination":"none","className":"item"} -->
                <figure class="wp-block-image size-full item"><img src="<?php echo esc_url(get_theme_file_uri('assets/images/hero/hero1.webp')); ?>" alt="" class="wp-image-17" /></figure>
                <!-- /wp:image -->

                <!-- wp:image {"id":18,"width":"790px","height":"auto","aspectRatio":"32.913411458333336","sizeSlug":"full","linkDestination":"none","className":"item"} -->
                <figure class="wp-block-image size-full is-resized item"><img src="<?php echo esc_url(get_theme_file_uri('assets/images/hero/hero2.webp')); ?>" alt="" class="wp-image-18" style="aspect-ratio:32.913411458333336;width:790px;height:auto" /></figure>
                <!-- /wp:image -->

                <!-- wp:image {"id":19,"sizeSlug":"large","linkDestination":"none","className":"item"} -->
                <figure class="wp-block-image size-large item"><img src="<?php echo esc_url(get_theme_file_uri('assets/images/hero/hero3.webp')); ?>" alt="" class="wp-image-19" /></figure>
                <!-- /wp:image -->

            </div>
            <!-- /wp:group -->
        </div>
        <!-- /wp:group -->
    </div>
    <!-- /wp:group -->
</div>
<!-- /wp:group -->