<?php
/**
 * Title: blog
 * Slug: smoothone/blog
 * Categories: hidden
 * Inserter: no
 */
?>
<!-- wp:group {"tagName":"main","metadata":{"name":"Main"},"style":{"spacing":{"padding":{"top":"0px","bottom":"300px"},"margin":{"top":"0px","bottom":"0px"}},"dimensions":{"minHeight":"100vh"}},"backgroundColor":"custom-white","className":"main-mobile","layout":{"type":"constrained"}} -->
<main class="wp-block-group main-mobile has-custom-white-background-color has-background"
    style="min-height:100vh;margin-top:0px;margin-bottom:0px;padding-top:0px;padding-bottom:300px">
    <!-- wp:group {"tagName":"section","metadata":{"name":"Hero Section"},"align":"full","style":{"dimensions":{"minHeight":"100vh"},"spacing":{"padding":{"top":"80px","bottom":"80px","left":"0px","right":"0px"}}},"backgroundColor":"custom-background-secondary","layout":{"type":"constrained"}} -->
    <section class="wp-block-group alignfull has-custom-background-secondary-background-color has-background"
        style="min-height:100vh;padding-top:80px;padding-right:0px;padding-bottom:80px;padding-left:0px">
        <!-- wp:group {"metadata":{"name":"Hero Heading"},"style":{"spacing":{"blockGap":"10px"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"center","verticalAlignment":"center"}} -->
        <div class="wp-block-group">
            <!-- wp:heading {"textAlign":"center","level":1,"style":{"elements":{"link":{"color":{"text":"var:preset|color|custom-primary"}}},"typography":{"fontStyle":"normal","fontWeight":"500"}},"textColor":"custom-primary"} -->
            <h1 class="wp-block-heading has-text-align-center has-custom-primary-color has-text-color has-link-color"
                style="font-style:normal;font-weight:500">News &amp; articles</h1>
            <!-- /wp:heading -->

            <!-- wp:paragraph {"align":"center","style":{"elements":{"link":{"color":{"text":"var:preset|color|custom-primary"}}},"layout":{"selfStretch":"fit","flexSize":null},"typography":{"lineHeight":"1.7"}},"textColor":"custom-primary"} -->
            <p class="has-text-align-center has-custom-primary-color has-text-color has-link-color"
                style="line-height:1.7">Lorem ipsum lobortis amet sit tristique quisque id nunc eu consectetur velit
                diam mi donec eu nunc laoreet cras vel tempor in felis.</p>
            <!-- /wp:paragraph -->
        </div>
        <!-- /wp:group -->

        <!-- wp:group {"metadata":{"name":"Hero Section Content"},"align":"full","style":{"spacing":{"padding":{"top":"50px","bottom":"50px","left":"0","right":"0"},"margin":{"top":"0","bottom":"0"},"blockGap":"0"},"elements":{"link":{"color":{"text":"var:preset|color|custom-primary"}}}},"textColor":"custom-primary","layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"center"}} -->
        <div class="wp-block-group alignfull has-custom-primary-color has-text-color has-link-color"
            style="margin-top:0;margin-bottom:0;padding-top:50px;padding-right:0;padding-bottom:50px;padding-left:0">
            <!-- wp:query {"queryId":11,"query":{"perPage":3,"pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":false}} -->
            <div class="wp-block-query">
                <!-- wp:post-template {"style":{"spacing":{"blockGap":"var:preset|spacing|30"}},"layout":{"type":"default","columnCount":3}} -->
                <!-- wp:post-featured-image {"isLink":true} /-->

                <!-- wp:post-date {"style":{"elements":{"link":{"color":{"text":"var:preset|color|custom-primary"}}}},"textColor":"custom-primary"} /-->

                <!-- wp:post-title {"level":5,"isLink":true,"style":{"elements":{"link":{"color":{"text":"var:preset|color|custom-primary"}}}},"textColor":"custom-primary"} /-->
                <!-- /wp:post-template -->

                <!-- wp:query-pagination -->
                <!-- wp:query-pagination-previous /-->

                <!-- wp:query-pagination-numbers /-->

                <!-- wp:query-pagination-next /-->
                <!-- /wp:query-pagination -->

                <!-- 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 {"metadata":{"name":"Related Posts"},"align":"wide","style":{"spacing":{"blockGap":"50px"}},"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"center"}} -->
        <div class="wp-block-group alignwide"></div>
        <!-- /wp:group -->
    </section>
    <!-- /wp:group -->

    <!-- wp:group {"metadata":{"name":"Newsletter Section "},"align":"full","style":{"dimensions":{"minHeight":""}},"backgroundColor":"custom-white","layout":{"type":"constrained","justifyContent":"right","wideSize":"90%"}} -->
    <div class="wp-block-group alignfull has-custom-white-background-color has-background">
        <!-- wp:group {"metadata":{"name":"Newsletter Section Wrapper"},"align":"wide","style":{"spacing":{"padding":{"top":"50px","bottom":"50px","left":"0","right":"0"},"margin":{"top":"0","bottom":"0"},"blockGap":"0"},"dimensions":{"minHeight":"60vh"}},"backgroundColor":"custom-primary","layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"center"}} -->
        <div class="wp-block-group alignwide has-custom-primary-background-color has-background"
            style="min-height:60vh;margin-top:0;margin-bottom:0;padding-top:50px;padding-right:0;padding-bottom:50px;padding-left:0">
            <!-- wp:columns -->
            <div class="wp-block-columns"><!-- wp:column {"width":"20%"} -->
                <div class="wp-block-column" style="flex-basis:20%"></div>
                <!-- /wp:column -->

                <!-- wp:column {"width":"60%","style":{"spacing":{"blockGap":"50px"}}} -->
                <div class="wp-block-column" style="flex-basis:60%">
                    <!-- wp:group {"style":{"spacing":{"blockGap":"10px"}},"layout":{"type":"flex","orientation":"vertical"}} -->
                    <div class="wp-block-group">
                        <!-- wp:heading {"textAlign":"center","style":{"elements":{"link":{"color":{"text":"var:preset|color|custom-white"}}},"spacing":{"padding":{"right":"20px","left":"20px"}}},"textColor":"custom-white"} -->
                        <h2 class="wp-block-heading has-text-align-center has-custom-white-color has-text-color has-link-color"
                            style="padding-right:20px;padding-left:20px">Suscribe to our weekly newsletter</h2>
                        <!-- /wp:heading -->

                        <!-- wp:paragraph {"align":"center","style":{"elements":{"link":{"color":{"text":"var:preset|color|custom-white"}}},"typography":{"lineHeight":1.6000000000000001},"spacing":{"padding":{"right":"20px","left":"20px"}}},"textColor":"custom-white"} -->
                        <p class="has-text-align-center has-custom-white-color has-text-color has-link-color"
                            style="padding-right:20px;padding-left:20px;line-height:1.6">Lorem ipsum dolor sit amet
                            consectetur consectetur nisi semper magnis porta nibh in morbi sit magna ultrices porta
                            semper.</p>
                        <!-- /wp:paragraph -->
                    </div>
                    <!-- /wp:group -->

                    <!-- wp:html -->
                    <form class="newsletter-form">
                        <div class="input-group">
                            <input type="email" placeholder="Enter your email address" class="newsletter-input">
                            <button type="submit" class="newsletter-button">Subscribe</button>
                        </div>
                    </form>
                    <!-- /wp:html -->
                </div>
                <!-- /wp:column -->

                <!-- wp:column {"width":"20%"} -->
                <div class="wp-block-column" style="flex-basis:20%"></div>
                <!-- /wp:column -->
            </div>
            <!-- /wp:columns -->
        </div>
        <!-- /wp:group -->
    </div>
    <!-- /wp:group -->
</main>
<!-- /wp:group -->