<?php

/**
 * Title: About Us 360 banner2
 * Slug: baty/au_360par
 * Categories: about,baty_pattern
 */
?>
<!-- wp:group {"metadata":{"categories":["about"],"patternName":"baty/au_360banner","name":"About Us 360 banner"},"className":"class-360-mobile aos-repeat aos-fade-up aos-delay-100 aos-duration-300 wp-block-baty","style":{"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|80"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group class-360-mobile aos-repeat aos-fade-up aos-delay-100 aos-duration-300 wp-block-baty"
    style="margin-top:0;margin-bottom:var(--wp--preset--spacing--80)">
    <!-- wp:group {"className":"main-text","layout":{"type":"constrained"}} -->
    <div class="wp-block-group main-text">
        <!-- wp:paragraph {"align":"center","style":{"typography":{"fontSize":"18px"},"elements":{"link":{"color":{"text":"var:preset|color|accent-5"}}}},"textColor":"accent-5"} -->
        <p class="has-text-align-center has-accent-5-color has-text-color has-link-color" style="font-size:18px">
            <?php echo esc_html__('Diverse Range', 'baty'); ?>
        </p>
        <!-- /wp:paragraph -->

        <!-- wp:heading {"textAlign":"center","style":{"typography":{"fontSize":"40px"}}} -->
        <h2 class="wp-block-heading has-text-align-center" style="font-size:40px">
            <?php echo esc_html__('Customized Furniture', 'baty'); ?>
        </h2>
        <!-- /wp:heading -->
    </div>
    <!-- /wp:group -->
    <!-- wp:group {"layout":{"type":"constrained"}} -->
    <div class="wp-block-group"><!-- wp:columns -->
        <div class="wp-block-columns">
            <!-- wp:column {"width":"66.66%","className":"panorama-col"} -->
            <div class="wp-block-column panorama-col" style="flex-basis:66.66%">
                <?php if (\WP_Block_Type_Registry::get_instance()->is_registered('bpgb/panorama')) : ?>
                <?php for ($i = 1; $i <= 6; $i++) : ?>
                <!-- wp:bpgb/panorama {"className":"panorama-item<?php echo $i === 1 ? ' active' : ''; ?>","cId":"b6ca3280-ea36-47d9-9183-668ee2bd358f","panoImage":{"id":null,"url":"<?php echo esc_url(get_template_directory_uri()); ?>/assets/images/aboutus/360.webp","alt":"","title":""},"height":"596px","rotateSpeed":0.5} /-->
                <?php endfor; ?>
                <?php else : ?>
                <!-- wp:cover {"url":"<?php echo esc_url(get_template_directory_uri()); ?>/assets/images/aboutus/360.webp","id":303,"dimRatio":0,"isUserOverlayColor":true,"minHeightUnit":"px","sizeSlug":"full","className":"img-cover","style":{"layout":{"columnSpan":4,"rowSpan":1},"color":{"duotone":"unset"},"className":"img-cover-360","spacing":{"padding":{"top":"0","bottom":"0","left":"0","right":"0"}}},"layout":{"type":"constrained"}} -->
                <div class="wp-block-cover img-cover img-cover-360"
                    style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><img
                        class="wp-block-cover__image-background wp-image-303 size-full" alt=""
                        src="<?php echo esc_url(get_template_directory_uri()); ?>/assets/images/aboutus/360.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 {"align":"center","placeholder":"Write title…","fontSize":"large"} -->
                        <p class="has-text-align-center has-large-font-size"></p>
                        <!-- /wp:paragraph -->
                    </div>
                </div>
                <!-- /wp:cover -->
                <?php endif; ?>
            </div>
            <!-- /wp:column -->

            <!-- wp:column {"width":"33.33%","className":"about-slider","style":{"spacing":{"padding":{"right":"var:preset|spacing|30","left":"var:preset|spacing|30","top":"0","bottom":"0"}}}} -->
            <div class="wp-block-column about-slider"
                style="padding-top:0;padding-right:var(--wp--preset--spacing--30);padding-bottom:0;padding-left:var(--wp--preset--spacing--30);flex-basis:33.33%">
                <!-- wp:columns {"isStackedOnMobile":false} -->
                <div class="wp-block-columns is-not-stacked-on-mobile">
                    <!-- wp:column {"style":{"border":{"width":"1px"},"spacing":{"padding":{"top":"16px","bottom":"16px"}}},"borderColor":"accent-3"} -->
                    <div class="wp-block-column has-border-color has-accent-3-border-color"
                        style="border-width:1px;padding-top:16px;padding-bottom:16px">
                        <!-- wp:image {"id":173,"width":"100px","height":"100px","scale":"contain","sizeSlug":"full","linkDestination":"none","align":"center"} -->
                        <figure class="wp-block-image aligncenter size-full is-resized"><img
                                src="<?php echo esc_url(get_template_directory_uri()); ?>/assets/images/aboutus/1.png"
                                alt="" class="wp-image-173" style="object-fit:contain;width:100px;height:100px" />
                        </figure>
                        <!-- /wp:image -->

                        <!-- wp:paragraph {"align":"center","style":{"color":{"text":"#575050"},"elements":{"link":{"color":{"text":"#575050"}}},"typography":{"fontSize":"20px"},"spacing":{"margin":{"top":"20px"}}}} -->
                        <p class="has-text-align-center has-text-color has-link-color"
                            style="color:#575050;margin-top:20px;font-size:20px">
                            <?php echo esc_html__('Dining Room', 'baty'); ?>
                        </p>
                        <!-- /wp:paragraph -->
                    </div>
                    <!-- /wp:column -->

                    <!-- wp:column {"style":{"border":{"width":"1px"},"spacing":{"padding":{"top":"16px","bottom":"16px"}}},"borderColor":"accent-3"} -->
                    <div class="wp-block-column has-border-color has-accent-3-border-color"
                        style="border-width:1px;padding-top:16px;padding-bottom:16px">
                        <!-- wp:image {"id":173,"width":"100px","height":"100px","scale":"contain","sizeSlug":"full","linkDestination":"none","align":"center"} -->
                        <figure class="wp-block-image aligncenter size-full is-resized"><img
                                src="<?php echo esc_url(get_template_directory_uri()); ?>/assets/images/aboutus/2.png"
                                alt="" class="wp-image-173" style="object-fit:contain;width:100px;height:100px" />
                        </figure>
                        <!-- /wp:image -->

                        <!-- wp:paragraph {"align":"center","style":{"color":{"text":"#575050"},"elements":{"link":{"color":{"text":"#575050"}}},"typography":{"fontSize":"20px"},"spacing":{"margin":{"top":"20px"}}}} -->
                        <p class="has-text-align-center has-text-color has-link-color"
                            style="color:#575050;margin-top:20px;font-size:20px">
                            <?php echo esc_html__('Dining Room', 'baty'); ?>
                        </p>
                        <!-- /wp:paragraph -->
                    </div>
                    <!-- /wp:column -->
                </div>
                <!-- /wp:columns -->

                <!-- wp:columns {"isStackedOnMobile":false} -->
                <div class="wp-block-columns is-not-stacked-on-mobile">
                    <!-- wp:column {"style":{"border":{"width":"1px"},"spacing":{"padding":{"top":"16px","bottom":"16px"}}},"borderColor":"accent-3"} -->
                    <div class="wp-block-column has-border-color has-accent-3-border-color"
                        style="border-width:1px;padding-top:16px;padding-bottom:16px">
                        <!-- wp:image {"id":173,"width":"100px","height":"100px","scale":"contain","sizeSlug":"full","linkDestination":"none","align":"center"} -->
                        <figure class="wp-block-image aligncenter size-full is-resized"><img
                                src="<?php echo esc_url(get_template_directory_uri()); ?>/assets/images/aboutus/3.png"
                                alt="" class="wp-image-173" style="object-fit:contain;width:100px;height:100px" />
                        </figure>
                        <!-- /wp:image -->

                        <!-- wp:paragraph {"align":"center","style":{"color":{"text":"#575050"},"elements":{"link":{"color":{"text":"#575050"}}},"typography":{"fontSize":"20px"},"spacing":{"margin":{"top":"20px"}}}} -->
                        <p class="has-text-align-center has-text-color has-link-color"
                            style="color:#575050;margin-top:20px;font-size:20px">
                            <?php echo esc_html__('Dining Room', 'baty'); ?>
                        </p>
                        <!-- /wp:paragraph -->
                    </div>
                    <!-- /wp:column -->

                    <!-- wp:column {"style":{"border":{"width":"1px"},"spacing":{"padding":{"top":"16px","bottom":"16px"}}},"borderColor":"accent-3"} -->
                    <div class="wp-block-column has-border-color has-accent-3-border-color"
                        style="border-width:1px;padding-top:16px;padding-bottom:16px">
                        <!-- wp:image {"id":173,"width":"100px","height":"100px","scale":"contain","sizeSlug":"full","linkDestination":"none","align":"center"} -->
                        <figure class="wp-block-image aligncenter size-full is-resized"><img
                                src="<?php echo esc_url(get_template_directory_uri()); ?>/assets/images/aboutus/4.png"
                                alt="" class="wp-image-173" style="object-fit:contain;width:100px;height:100px" />
                        </figure>
                        <!-- /wp:image -->

                        <!-- wp:paragraph {"align":"center","style":{"color":{"text":"#575050"},"elements":{"link":{"color":{"text":"#575050"}}},"typography":{"fontSize":"20px"},"spacing":{"margin":{"top":"20px"}}}} -->
                        <p class="has-text-align-center has-text-color has-link-color"
                            style="color:#575050;margin-top:20px;font-size:20px">
                            <?php echo esc_html__('Dining Room', 'baty'); ?>
                        </p>
                        <!-- /wp:paragraph -->
                    </div>
                    <!-- /wp:column -->
                </div>
                <!-- /wp:columns -->

                <!-- wp:columns {"isStackedOnMobile":false} -->
                <div class="wp-block-columns is-not-stacked-on-mobile">
                    <!-- wp:column {"style":{"border":{"width":"1px"},"spacing":{"padding":{"top":"16px","bottom":"16px"}}},"borderColor":"accent-3"} -->
                    <div class="wp-block-column has-border-color has-accent-3-border-color"
                        style="border-width:1px;padding-top:16px;padding-bottom:16px">
                        <!-- wp:image {"id":173,"width":"100px","height":"100px","scale":"contain","sizeSlug":"full","linkDestination":"none","align":"center"} -->
                        <figure class="wp-block-image aligncenter size-full is-resized"><img
                                src="<?php echo esc_url(get_template_directory_uri()); ?>/assets/images/aboutus/5.png"
                                alt="" class="wp-image-173" style="object-fit:contain;width:100px;height:100px" />
                        </figure>
                        <!-- /wp:image -->

                        <!-- wp:paragraph {"align":"center","style":{"color":{"text":"#575050"},"elements":{"link":{"color":{"text":"#575050"}}},"typography":{"fontSize":"20px"},"spacing":{"margin":{"top":"20px"}}}} -->
                        <p class="has-text-align-center has-text-color has-link-color"
                            style="color:#575050;margin-top:20px;font-size:20px">
                            <?php echo esc_html__('Dining Room', 'baty'); ?>
                        </p>
                        <!-- /wp:paragraph -->
                    </div>
                    <!-- /wp:column -->

                    <!-- wp:column {"style":{"border":{"width":"1px"},"spacing":{"padding":{"top":"16px","bottom":"16px"}}},"borderColor":"accent-3"} -->
                    <div class="wp-block-column has-border-color has-accent-3-border-color"
                        style="border-width:1px;padding-top:16px;padding-bottom:16px">
                        <!-- wp:image {"id":173,"width":"100px","height":"100px","scale":"contain","sizeSlug":"full","linkDestination":"none","align":"center"} -->
                        <figure class="wp-block-image aligncenter size-full is-resized"><img
                                src="<?php echo esc_url(get_template_directory_uri()); ?>/assets/images/aboutus/6.png"
                                alt="" class="wp-image-173" style="object-fit:contain;width:100px;height:100px" />
                        </figure>
                        <!-- /wp:image -->

                        <!-- wp:paragraph {"align":"center","style":{"color":{"text":"#575050"},"elements":{"link":{"color":{"text":"#575050"}}},"typography":{"fontSize":"20px"},"spacing":{"margin":{"top":"20px"}}}} -->
                        <p class="has-text-align-center has-text-color has-link-color"
                            style="color:#575050;margin-top:20px;font-size:20px">
                            <?php echo esc_html__('Dining Room', 'baty'); ?>
                        </p>
                        <!-- /wp:paragraph -->
                    </div>
                    <!-- /wp:column -->
                </div>
                <!-- /wp:columns -->
            </div>
            <!-- /wp:column -->
        </div>
        <!-- /wp:columns -->
    </div>
    <!-- /wp:group -->
</div>
<!-- /wp:group -->