<?php

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

<!-- wp:group {"tagName":"main","metadata":{"categories":["featured"],"patternName":"baty/blogs","name":"blogs"},"style":{"spacing":{"padding":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained"}} -->
<main class="wp-block-group" style="padding-top:0;padding-bottom:0"><!-- wp:group {"className":"blog-banner","style":{"spacing":{"padding":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained"}} -->
    <div class="wp-block-group blog-banner" style="padding-top:0;padding-bottom:0"><!-- wp:cover {"useFeaturedImage":true,"dimRatio":50,"isUserOverlayColor":true,"customGradient":"linear-gradient(135deg,rgb(0,0,0) 100%,rgb(249,249,249) 100%)","isDark":false,"style":{"elements":{"link":{"color":{"text":"var:preset|color|accent-1"}}}},"textColor":"accent-1","layout":{"type":"constrained"}} -->
        <div class="wp-block-cover is-light has-accent-1-color has-text-color has-link-color"><span aria-hidden="true" class="wp-block-cover__background has-background-dim has-background-gradient" style="background:linear-gradient(135deg,rgb(0,0,0) 100%,rgb(249,249,249) 100%)"></span>
            <div class="wp-block-cover__inner-container"><!-- wp:post-title {"textAlign":"center","style":{"elements":{"link":{"color":{"text":"var:preset|color|accent-10"}}},"spacing":{"margin":{"bottom":"var:preset|spacing|20"}}},"textColor":"accent-10"} /-->
                <?php if (class_exists('WooCommerce')): ?>
                    <!-- wp:woocommerce/breadcrumbs {"textColor":"accent-10","style":{"elements":{"link":{"color":{"text":"var:preset|color|accent-10"}}}}} /-->
                <?php endif; ?>

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

    <!-- wp:group {"align":"full","className":"main-post","style":{"spacing":{"padding":{"top":"var:preset|spacing|60","bottom":"var:preset|spacing|60"}}},"layout":{"type":"constrained"}} -->
    <div class="wp-block-group alignfull main-post" style="padding-top:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60)"><!-- wp:columns -->
        <div class="wp-block-columns"><!-- wp:column {"width":"66.66%","className":"main-blogs"} -->
            <div class="wp-block-column main-blogs" style="flex-basis:66.66%"><!-- wp:post-featured-image {"aspectRatio":"auto","height":"500px"} /-->

                <!-- wp:post-date {"metadata":{"bindings":{"datetime":{"source":"core/post-data","args":{"field":"date"}}}},"style":{"elements":{"link":{"color":{"text":"var:preset|color|accent-5"}}}},"textColor":"accent-5"} /-->

                <!-- wp:post-title {"level":1} /-->

                <!-- wp:post-content {"align":"full","layout":{"type":"constrained"}} /-->

                <!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|60","bottom":"var:preset|spacing|60"}},"border":{"bottom":{"width":"1px"}}},"layout":{"type":"constrained"}} -->
                <div class="wp-block-group" style="border-bottom-width:1px;padding-top:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60)"><!-- wp:post-terms {"term":"post_tag","separator":"  ","className":"is-style-post-terms-1"} /--></div>
                <!-- /wp:group -->

                <!-- wp:group {"layout":{"type":"constrained"}} -->
                <div class="wp-block-group"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"}} -->
                    <div class="wp-block-group"><!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|accent-5"}}}},"textColor":"accent-5"} -->
                        <p class="has-accent-5-color has-text-color has-link-color"><?php echo esc_html__('Share On:', 'baty'); ?></p>
                        <!-- /wp:paragraph -->

                        <!-- wp:social-links {"iconColor":"base","iconColorValue":"#F5EBDF","iconBackgroundColor":"contrast","iconBackgroundColorValue":"#2D2424","className":"is-style-default","style":{"border":{"radius":{"topLeft":"0px","topRight":"0px","bottomLeft":"0px","bottomRight":"0px"}}}} -->
                        <ul class="wp-block-social-links has-icon-color has-icon-background-color is-style-default" style="border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-left-radius:0px;border-bottom-right-radius:0px"><!-- wp:social-link {"url":"/","service":"facebook"} /-->

                            <!-- wp:social-link {"url":"/","service":"instagram"} /-->

                            <!-- wp:social-link {"url":"/","service":"x"} /-->

                            <!-- wp:social-link {"url":"/","service":"whatsapp"} /-->
                        </ul>
                        <!-- /wp:social-links -->
                    </div>
                    <!-- /wp:group -->
                </div>
                <!-- /wp:group -->
            </div>
            <!-- /wp:column -->

            <!-- wp:column {"width":"33.33%","className":"blogs-side-bar"} -->
            <div class="wp-block-column blogs-side-bar" style="flex-basis:33.33%"><!-- wp:group {"layout":{"type":"constrained"}} -->
                <div class="wp-block-group"><!-- wp:search {"label":"Search","showLabel":false,"buttonText":"Search","buttonPosition":"button-inside","style":{"border":{"width":"0px","style":"none","radius":{"topLeft":"0px","topRight":"0px","bottomLeft":"0px","bottomRight":"0px"}}}} /-->

                    <!-- wp:group {"layout":{"type":"constrained"}} -->
                    <div class="wp-block-group"><!-- wp:heading -->
                        <h2 class="wp-block-heading"><?php echo esc_html__('Recent Posts', 'baty'); ?></h2>
                        <!-- /wp:heading -->

                        <!-- wp:query {"queryId":10,"query":{"perPage":3,"pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":false,"taxQuery":null,"parents":[],"format":[]}} -->
                        <div class="wp-block-query"><!-- wp:post-template -->
                            <!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"}} -->
                            <div class="wp-block-group"><!-- wp:group {"layout":{"type":"constrained"}} -->
                                <div class="wp-block-group"><!-- wp:post-featured-image {"aspectRatio":"1","width":"93px","height":"93px"} /--></div>
                                <!-- /wp:group -->

                                <!-- wp:group {"layout":{"type":"constrained"}} -->
                                <div class="wp-block-group"><!-- wp:post-date {"metadata":{"bindings":{"datetime":{"source":"core/post-data","args":{"field":"date"}}}}} /-->

                                    <!-- wp:post-title {"style":{"typography":{"fontSize":"20px"}}} /-->
                                </div>
                                <!-- /wp:group -->
                            </div>
                            <!-- /wp:group -->
                            <!-- /wp:post-template -->

                            <!-- wp:query-no-results -->
                            <!-- wp:paragraph {"placeholder":"Add text or blocks that will display when a query returns no results."} -->
                            <p></p>
                            <!-- /wp:paragraph -->
                            <!-- /wp:query-no-results -->
                        </div>
                        <!-- /wp:query -->
                    </div>
                    <!-- /wp:group -->

                    <!-- wp:group {"className":"categories","style":{"spacing":{"margin":{"top":"48px"}}},"layout":{"type":"constrained"}} -->
                    <div class="wp-block-group categories" style="margin-top:48px"><!-- wp:heading -->
                        <h2 class="wp-block-heading"><?php echo esc_html__('Categories', 'baty'); ?></h2>
                        <!-- /wp:heading -->

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

                    <!-- wp:group {"className":"tags","style":{"spacing":{"padding":{"top":"48px"}}},"layout":{"type":"constrained"}} -->
                    <div class="wp-block-group tags" style="padding-top:48px"><!-- wp:heading -->
                        <h2 class="wp-block-heading"><?php echo esc_html__('Tags', 'baty'); ?></h2>
                        <!-- /wp:heading -->

                        <!-- wp:categories {"taxonomy":"post_tag"} /-->
                    </div>
                    <!-- /wp:group -->
                </div>
                <!-- /wp:group -->
            </div>
            <!-- /wp:column -->
        </div>
        <!-- /wp:columns -->
    </div>
    <!-- /wp:group -->

    <!-- wp:group {"layout":{"type":"constrained"}} -->
    <div class="wp-block-group"><!-- wp:group {"metadata":{"name":"Blog Section ","categories":["Featured"],"patternName":"baty/blog-section"},"className":"blog-section-plus","style":{"spacing":{"margin":{"bottom":"var:preset|spacing|80"}}},"fontFamily":"dm-serif","layout":{"type":"constrained"}} -->
        <div class="wp-block-group blog-section-plus has-dm-serif-font-family" style="margin-bottom:var(--wp--preset--spacing--80)"><!-- wp:group {"layout":{"type":"constrained"}} -->
            <div class="wp-block-group"><!-- wp:group {"layout":{"type":"constrained"}} -->
                <div class="wp-block-group"><!-- 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__('Latest Blogs & News', 'baty'); ?></p>
                    <!-- /wp:paragraph -->

                    <!-- wp:heading {"textAlign":"center","style":{"typography":{"fontSize":"40px"}},"fontFamily":"dm-serif"} -->
                    <h2 class="wp-block-heading has-text-align-center has-dm-serif-font-family" style="font-size:40px"><?php echo esc_html__('Don’t Miss Our Newest Post', 'baty'); ?></h2>
                    <!-- /wp:heading -->
                </div>
                <!-- /wp:group -->

                <!-- wp:group {"style":{"spacing":{"margin":{"top":"var:preset|spacing|50"}}},"layout":{"type":"constrained"}} -->
                <div class="wp-block-group" style="margin-top:var(--wp--preset--spacing--50)"><!-- wp:query {"queryId":2,"query":{"perPage":2,"pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":false,"taxQuery":null,"parents":[],"format":[]}} -->
                    <div class="wp-block-query"><!-- wp:post-template {"layout":{"type":"grid","columnCount":2}} -->
                        <!-- wp:group {"style":{"spacing":{"blockGap":"0"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
                        <div class="wp-block-group"><!-- wp:group {"className":"content","style":{"spacing":{"blockGap":"16px","padding":{"top":"44px","bottom":"44px","left":"24px","right":"10px"}},"layout":{"selfStretch":"fit","flexSize":null}},"backgroundColor":"accent-3","layout":{"type":"constrained"}} -->
                            <div class="wp-block-group content has-accent-3-background-color has-background" style="padding-top:44px;padding-right:10px;padding-bottom:44px;padding-left:24px"><!-- wp:post-date {"metadata":{"bindings":{"datetime":{"source":"core/post-data","args":{"field":"date"}}}},"style":{"elements":{"link":{"color":{"text":"var:preset|color|accent-5"}}}},"textColor":"accent-5","fontSize":"medium"} /-->

                                <!-- wp:post-title {"level":1,"fontSize":"medium-plus"} /-->

                                <!-- wp:post-excerpt {"moreText":"read more","excerptLength":15,"fontSize":"small","fontFamily":"dm-sans"} /-->
                            </div>
                            <!-- /wp:group -->

                            <!-- wp:group {"className":"img","style":{"layout":{"selfStretch":"fit","flexSize":""},"dimensions":{"minHeight":""}},"layout":{"type":"constrained"}} -->
                            <div class="wp-block-group img"><!-- wp:post-featured-image {"width":"","height":"320px"} /--></div>
                            <!-- /wp:group -->
                        </div>
                        <!-- /wp:group -->
                        <!-- /wp:post-template -->

                        <!-- wp:group {"className":"main-btn","layout":{"type":"constrained"}} -->
                        <div class="wp-block-group main-btn"><!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} -->
                            <div class="wp-block-buttons"><!-- wp:button {"textAlign":"center","style":{"border":{"radius":{"topLeft":"0px","topRight":"0px","bottomLeft":"0px","bottomRight":"0px"}}}} -->
                                <div class="wp-block-button"><a class="wp-block-button__link has-text-align-center wp-element-button" href="<?php
                                                                                                                                            echo esc_url(get_page_by_path('blogs') ? get_permalink(get_page_by_path('blogs')) : '#');
                                                                                                                                            ?>" 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__('View All Blogs', 'baty'); ?></a></div>
                                <!-- /wp:button -->
                            </div>
                            <!-- /wp:buttons -->
                        </div>
                        <!-- /wp:group -->

                        <!-- wp:query-no-results -->
                        <!-- wp:paragraph {"placeholder":"Add text or blocks that will display when a query returns no results."} -->
                        <p><?php echo esc_html__('No blogs found.', 'baty'); ?></p>
                        <!-- /wp:paragraph -->
                        <!-- /wp:query-no-results -->
                    </div>
                    <!-- /wp:query -->
                </div>
                <!-- /wp:group -->
            </div>
            <!-- /wp:group -->
        </div>
        <!-- /wp:group -->
    </div>
    <!-- /wp:group -->
</main>
<!-- /wp:group -->