<?php

/**
 * Title: About Section
 * Slug: baty/about-section
 * Categories: featured,baty_patterns
 */
?>

<!-- wp:group {"metadata":{"categories":["featured"],"patternName":"baty/about-section","name":"About Section"},"className":"timeless-banner aos-fade-down aos-delay-100 aos-duration-300 aos-repeat","style":{"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|80"}}},"fontFamily":"dm-serif","layout":{"type":"constrained"}} -->
<div class="wp-block-group timeless-banner aos-fade-down aos-delay-100 aos-duration-300 aos-repeat has-dm-serif-font-family" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--80)"><!-- wp:group {"style":{"border":{"width":"0px","style":"none"}},"layout":{"type":"constrained"}} -->
    <div class="wp-block-group" style="border-style:none;border-width:0px"><!-- wp:columns {"className":"columns","style":{"border":{"width":"1px"},"spacing":{"blockGap":{"left":"0"}}}} -->
        <div class="wp-block-columns columns" style="border-width:1px"><!-- wp:column {"width":"66.66%","style":{"spacing":{"blockGap":"0","padding":{"top":"var:preset|spacing|none","bottom":"0","left":"0px"}}}} -->
            <div class="wp-block-column" style="padding-top:var(--wp--preset--spacing--none);padding-bottom:0;padding-left:0px;flex-basis:66.66%"><!-- wp:group {"style":{"layout":{"columnSpan":8,"rowSpan":1}},"layout":{"type":"constrained"}} -->
                <div class="wp-block-group"><!-- wp:group {"className":"first-row","style":{"layout":{"columnSpan":9,"rowSpan":1},"spacing":{"padding":{"right":"var:preset|spacing|none","left":"var:preset|spacing|none","top":"33px","bottom":"33px"}}},"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between","verticalAlignment":"top"}} -->
                    <div class="wp-block-group first-row" style="padding-top:33px;padding-right:var(--wp--preset--spacing--none);padding-bottom:33px;padding-left:var(--wp--preset--spacing--none)"><!-- wp:group {"className":"main-title","style":{"spacing":{"padding":{"left":"33px"}}},"layout":{"type":"constrained"}} -->
                        <div class="wp-block-group main-title" style="padding-left:33px"><!-- wp:heading {"level":3,"className":"is-active","style":{"layout":{"columnSpan":9,"rowSpan":1},"typography":{"fontSize":"40px","lineHeight":"1"}}} -->
                            <h3 class="wp-block-heading is-active" style="font-size:40px;line-height:1"><?php echo esc_html__('Timeless', 'baty'); ?></h3>
                            <!-- /wp:heading -->

                            <!-- wp:heading {"level":3,"style":{"layout":{"columnSpan":9,"rowSpan":1},"typography":{"fontSize":"40px","lineHeight":"1"}}} -->
                            <h3 class="wp-block-heading" style="font-size:40px;line-height:1"><?php echo esc_html__('Furniture,', 'baty'); ?></h3>
                            <!-- /wp:heading -->

                            <!-- wp:heading {"level":3,"style":{"layout":{"columnSpan":9,"rowSpan":1},"typography":{"fontSize":"40px","lineHeight":"1"}}} -->
                            <h3 class="wp-block-heading" style="font-size:40px;line-height:1"><?php echo esc_html__('Modern Living,', 'baty'); ?></h3>
                            <!-- /wp:heading -->
                        </div>
                        <!-- /wp:group -->

                        <!-- wp:group {"layout":{"type":"constrained","contentSize":"483px"}} -->
                        <div class="wp-block-group"><!-- wp:paragraph {"style":{"typography":{"fontSize":"16px","lineHeight":"1.8"},"spacing":{"margin":{"top":"var:preset|spacing|30","bottom":"var:preset|spacing|30"}}},"fontFamily":"dm-sans"} -->
                            <p class="has-dm-sans-font-family" style="margin-top:var(--wp--preset--spacing--30);margin-bottom:var(--wp--preset--spacing--30);font-size:16px;line-height:1.8"><?php echo esc_html__('Furniture is more than just objects in a space — it’s part of everyday life. Each piece is thoughtfully designed to balance comfort, functionality, and timeless style.', 'baty'); ?></p>
                            <!-- /wp:paragraph -->
                        </div>
                        <!-- /wp:group -->
                    </div>
                    <!-- /wp:group -->

                    <!-- wp:group {"align":"full","className":"btn-about-banner","layout":{"type":"constrained"}} -->
                    <div class="wp-block-group alignfull btn-about-banner"><!-- wp:buttons {"align":"full","style":{"layout":{"columnSpan":3,"rowSpan":1}},"layout":{"type":"flex","justifyContent":"center"}} -->
                        <div class="wp-block-buttons alignfull"><!-- wp:button {"className":"has-custom-width wp-block-button__width-100 is-style-outline","style":{"border":{"radius":{"topLeft":"0px","topRight":"0px","bottomLeft":"0px","bottomRight":"0px"},"right":{"width":"0px","style":"none"},"top":{"width":"1px"},"bottom":{"width":"1px"},"left":{"width":"0px","style":"none"}}}} -->
                            <div class="wp-block-button has-custom-width wp-block-button__width-100 is-style-outline"><a class="wp-block-button__link wp-element-button" href="<?php
                                                                                                                                                                                echo esc_url(get_permalink(get_page_by_path('about')));
                                                                                                                                                                                ?>" style="border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;border-top-width:1px;border-right-style:none;border-right-width:0px;border-bottom-width:1px;border-left-style:none;border-left-width:0px"><?php echo esc_html__('About Us', 'baty'); ?></a></div>
                            <!-- /wp:button -->
                        </div>
                        <!-- /wp:buttons -->
                    </div>
                    <!-- /wp:group -->

                    <!-- wp:group {"className":"designe-marquee","style":{"spacing":{"padding":{"left":"var:preset|spacing|lg"}}},"layout":{"type":"constrained","justifyContent":"left"}} -->
                    <div id="marquee-content" class="wp-block-group designe-marquee" style="padding-left:var(--wp--preset--spacing--lg)"><!-- wp:heading {"style":{"typography":{"fontSize":"180px","lineHeight":"1.5"},"layout":{"selfStretch":"fit","flexSize":null},"spacing":{"margin":{"top":"0","bottom":"0"}}}} -->
                        <h2 class="wp-block-heading" style="margin-top:0;margin-bottom:0;font-size:180px;line-height:1.5">
                                <span><?php echo esc_html__('Design Your Comfort', 'baty'); ?></span>
                        </h2>
                        <!-- /wp:heading -->
                    </div>
                    <!-- /wp:group -->
                </div>
                <!-- /wp:group -->
            </div>
            <!-- /wp:column -->

            <!-- wp:column {"width":"33.33%","className":"img-cover","style":{"spacing":{"padding":{"top":"32px","bottom":"32px","right":"32px"}}}} -->
            <div class="wp-block-column img-cover" style="padding-top:32px;padding-right:32px;padding-bottom:32px;flex-basis:33.33%"><!-- wp:cover {"url":"<?php echo esc_url(get_template_directory_uri()); ?>/assets/images/timeless/timeless.webp","id":303,"dimRatio":0,"isUserOverlayColor":true,"minHeightUnit":"px","sizeSlug":"full","className":"img-cover","style":{"layout":{"columnSpan":4,"rowSpan":1},"color":{"duotone":"unset"},"spacing":{"padding":{"top":"0","bottom":"0","left":"0","right":"0"}}},"layout":{"type":"constrained"}} -->
                <div class="wp-block-cover img-cover" 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/timeless/timeless.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 -->
            </div>
            <!-- /wp:column -->
        </div>
        <!-- /wp:columns -->
    </div>
    <!-- /wp:group -->
</div>
<!-- /wp:group -->