<?php
/**
 * Title: front-page
 * Slug: dastrong/front-page
 * Inserter: no
 */
?>
<!-- wp:group {"tagName":"main","metadata":{"name":"main"},"style":{"spacing":{"padding":{"top":"0"},"blockGap":"0"},"color":{"background":"#381e11"}},"layout":{"type":"constrained"}} -->
<main class="wp-block-group has-background" style="background-color:#381e11;padding-top:0"><!-- wp:group {"metadata":{"name":"hero-section"},"align":"full","style":{"spacing":{"blockGap":"0","padding":{"top":"var:preset|spacing|60"},"margin":{"top":"0"}},"position":{"type":""},"background":{"backgroundImage":{"url":"<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/light-city-escalator-transport-line-modern-813930-pxhere.com_.jpg","id":287,"source":"file","title":"light-city-escalator-transport-line-modern-813930-pxhere.com"},"backgroundSize":"cover","backgroundPosition":"62% 42%"},"dimensions":{"minHeight":"80vh"}},"backgroundColor":"background-primary","layout":{"type":"constrained","contentSize":"80%"}} -->
<div class="wp-block-group alignfull has-background-primary-background-color has-background" style="min-height:80vh;margin-top:0;padding-top:var(--wp--preset--spacing--60)"><!-- wp:group {"style":{"spacing":{"margin":{"bottom":"var:preset|spacing|80"}}},"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"}} -->
<div class="wp-block-group" style="margin-bottom:var(--wp--preset--spacing--80)"><!-- wp:template-part {"slug":"header","tagName":"header","align":"wide"} /--></div>
<!-- /wp:group -->

<!-- wp:group {"style":{"spacing":{"padding":{"top":"7.06rem","right":"var:preset|spacing|60"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group" style="padding-top:7.06rem;padding-right:var(--wp--preset--spacing--60)"><!-- wp:heading {"textAlign":"center","align":"wide","className":"text_mobile","style":{"typography":{"fontStyle":"normal","fontWeight":"500","fontSize":"100px"}}} -->
<h2 class="wp-block-heading alignwide has-text-align-center text_mobile" style="font-size:100px;font-style:normal;font-weight:500"><?php esc_html_e('Make tour bussines more strong with us', 'dastrong');?></h2>
<!-- /wp:heading -->

<!-- wp:buttons {"style":{"spacing":{"padding":{"bottom":"var:preset|spacing|70"}}},"layout":{"type":"flex","justifyContent":"center"}} -->
<div class="wp-block-buttons" style="padding-bottom:var(--wp--preset--spacing--70)"><!-- wp:button {"backgroundColor":"color","style":{"border":{"width":"2px"}},"borderColor":"color"} -->
<div class="wp-block-button"><a class="wp-block-button__link has-color-background-color has-background has-border-color has-color-border-color wp-element-button" style="border-width:2px"><?php esc_html_e('About the Dastrong', 'dastrong');?></a></div>
<!-- /wp:button -->

<!-- wp:button {"backgroundColor":"color","style":{"border":{"width":"2px"}},"borderColor":"color"} -->
<div class="wp-block-button"><a class="wp-block-button__link has-color-background-color has-background has-border-color has-color-border-color wp-element-button" style="border-width:2px"><?php esc_html_e('The Team', 'dastrong');?></a></div>
<!-- /wp:button -->

<!-- wp:button {"backgroundColor":"color","style":{"border":{"width":"2px"}},"borderColor":"color"} -->
<div class="wp-block-button"><a class="wp-block-button__link has-color-background-color has-background has-border-color has-color-border-color wp-element-button" style="border-width:2px"><?php esc_html_e('Our Goals', 'dastrong');?></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->

<!-- wp:group {"metadata":{"name":"about-section"},"align":"full","style":{"spacing":{"padding":{"right":"0","left":"0","top":"var:preset|spacing|60","bottom":"var:preset|spacing|60"}},"color":{"background":"#e4e4e4"}},"layout":{"type":"constrained","contentSize":"80%"}} -->
<div class="wp-block-group alignfull has-background" id="about" style="background-color:#e4e4e4;padding-top:var(--wp--preset--spacing--60);padding-right:0;padding-bottom:var(--wp--preset--spacing--60);padding-left:0"><!-- wp:group {"style":{"spacing":{"margin":{"top":"-90px"}}},"layout":{"type":"constrained","contentSize":"800px"}} -->
<div class="wp-block-group" style="margin-top:-90px"><!-- wp:group {"className":"padding-line ","style":{"spacing":{"padding":{"left":"var:preset|spacing|60","top":"var:preset|spacing|70","right":"var:preset|spacing|60","bottom":"var:preset|spacing|70"},"blockGap":"0"},"border":{"radius":"0px"}},"backgroundColor":"text-color","layout":{"type":"constrained","contentSize":"1000px"}} -->
<div class="wp-block-group padding-line has-text-color-background-color has-background" style="border-radius:0px;padding-top:var(--wp--preset--spacing--70);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--70);padding-left:var(--wp--preset--spacing--60)"><!-- wp:heading {"textAlign":"center","className":"text_mobile","style":{"typography":{"fontStyle":"normal","fontWeight":"600","textTransform":"none","fontSize":"25px"},"elements":{"link":{"color":{"text":"var:preset|color|color"}}}},"textColor":"color"} -->
<h2 class="wp-block-heading has-text-align-center text_mobile has-color-color has-text-color has-link-color" style="font-size:25px;font-style:normal;font-weight:600;text-transform:none"><?php esc_html_e('Be better with our unique aproach', 'dastrong');?></h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","style":{"spacing":{"padding":{"top":"var:preset|spacing|40"}},"elements":{"link":{"color":{"text":"var:preset|color|background-secundary"}}},"typography":{"fontStyle":"normal","fontWeight":"300"}},"textColor":"background-secundary","fontSize":"medium"} -->
<p class="has-text-align-center has-background-secundary-color has-text-color has-link-color has-medium-font-size" style="padding-top:var(--wp--preset--spacing--40);font-style:normal;font-weight:300"><?php esc_html_e('"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eget vulputate tellus. Aenean auctor non leo eu dignissim. Nullam eu congue leo, et rutrum nunc. Aliquam vel nisl eu ante sollicitudin fermentum."', 'dastrong');?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->

<!-- wp:group {"className":"padding-line ","style":{"spacing":{"padding":{"left":"var:preset|spacing|30","top":"var:preset|spacing|80","right":"var:preset|spacing|30","bottom":"var:preset|spacing|80"}}},"layout":{"type":"default"}} -->
<div class="wp-block-group padding-line" style="padding-top:var(--wp--preset--spacing--80);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--80);padding-left:var(--wp--preset--spacing--30)"><!-- wp:heading {"textAlign":"center","style":{"elements":{"link":{"color":{"text":"var:preset|color|background-secundary"}}},"spacing":{"padding":{"top":"0","bottom":"0"}}},"textColor":"background-secundary","fontSize":"x-large"} -->
<h2 class="wp-block-heading has-text-align-center has-background-secundary-color has-text-color has-link-color has-x-large-font-size" style="padding-top:0;padding-bottom:0"><?php esc_html_e('What expect from us:', 'dastrong');?></h2>
<!-- /wp:heading -->

<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column {"verticalAlignment":"center","style":{"spacing":{"padding":{"right":"var:preset|spacing|50","top":"var:preset|spacing|50","bottom":"var:preset|spacing|50","left":"var:preset|spacing|50"},"blockGap":"var:preset|spacing|30"}},"backgroundColor":"text-color"} -->
<div class="wp-block-column is-vertically-aligned-center has-text-color-background-color has-background" style="padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)"><!-- wp:image {"sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":"18px"}}} -->
<figure class="wp-block-image size-full has-custom-border"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/american-boss-brainstorming-business-businessman-busy-1448369-pxhere.com_.jpg" alt="" class="" style="border-radius:18px"/></figure>
<!-- /wp:image -->

<!-- wp:heading {"className":"text_mobile","style":{"typography":{"fontStyle":"normal","fontWeight":"600","textTransform":"none"},"elements":{"link":{"color":{"text":"var:preset|color|background-secundary"}}}},"textColor":"background-secundary","fontSize":"large"} -->
<h2 class="wp-block-heading text_mobile has-background-secundary-color has-text-color has-link-color has-large-font-size" style="font-style:normal;font-weight:600;text-transform:none"><?php esc_html_e('Planning', 'dastrong');?></h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"left","style":{"spacing":{"padding":{"top":"var:preset|spacing|40"}},"elements":{"link":{"color":{"text":"var:preset|color|background-secundary"}}},"typography":{"fontStyle":"normal","fontWeight":"300"}},"textColor":"background-secundary"} -->
<p class="has-text-align-left has-background-secundary-color has-text-color has-link-color" style="padding-top:var(--wp--preset--spacing--40);font-style:normal;font-weight:300"><?php esc_html_e('Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eget vulputate tellus. Aenean auctor non leo eu dignissim. ', 'dastrong');?></p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"left"}} -->
<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"color","textColor":"text-color","style":{"border":{"radius":"53px"},"typography":{"fontStyle":"normal","fontWeight":"600"},"elements":{"link":{"color":{"text":"var:preset|color|text-color"}}}}} -->
<div class="wp-block-button"><a class="wp-block-button__link has-text-color-color has-color-background-color has-text-color has-background has-link-color wp-element-button" style="border-radius:53px;font-style:normal;font-weight:600"><?php esc_html_e('Know more', 'dastrong');?></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","style":{"spacing":{"padding":{"right":"var:preset|spacing|50","top":"var:preset|spacing|50","bottom":"var:preset|spacing|50","left":"var:preset|spacing|50"},"blockGap":"var:preset|spacing|30"}},"backgroundColor":"text-color"} -->
<div class="wp-block-column is-vertically-aligned-center has-text-color-background-color has-background" style="padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)"><!-- wp:image {"sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":"18px"}}} -->
<figure class="wp-block-image size-full has-custom-border"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/action-african-american-african-descent-agreement-american-black-1452903-pxhere.com_.jpg" alt="" class="" style="border-radius:18px"/></figure>
<!-- /wp:image -->

<!-- wp:heading {"className":"text_mobile","style":{"typography":{"fontStyle":"normal","fontWeight":"600","textTransform":"none"},"elements":{"link":{"color":{"text":"var:preset|color|background-secundary"}}}},"textColor":"background-secundary","fontSize":"large"} -->
<h2 class="wp-block-heading text_mobile has-background-secundary-color has-text-color has-link-color has-large-font-size" style="font-style:normal;font-weight:600;text-transform:none"><?php esc_html_e('Execute', 'dastrong');?></h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"left","style":{"spacing":{"padding":{"top":"var:preset|spacing|40"}},"elements":{"link":{"color":{"text":"var:preset|color|background-secundary"}}},"typography":{"fontStyle":"normal","fontWeight":"300"}},"textColor":"background-secundary"} -->
<p class="has-text-align-left has-background-secundary-color has-text-color has-link-color" style="padding-top:var(--wp--preset--spacing--40);font-style:normal;font-weight:300"><?php esc_html_e('Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eget vulputate tellus. Aenean auctor non leo eu dignissim. ', 'dastrong');?></p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"left"}} -->
<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"color","textColor":"text-color","style":{"border":{"radius":"53px"},"typography":{"fontStyle":"normal","fontWeight":"600"},"elements":{"link":{"color":{"text":"var:preset|color|text-color"}}}}} -->
<div class="wp-block-button"><a class="wp-block-button__link has-text-color-color has-color-background-color has-text-color has-background has-link-color wp-element-button" style="border-radius:53px;font-style:normal;font-weight:600"><?php esc_html_e('Know more', 'dastrong');?></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","style":{"spacing":{"padding":{"right":"var:preset|spacing|50","top":"var:preset|spacing|50","bottom":"var:preset|spacing|50","left":"var:preset|spacing|50"},"blockGap":"var:preset|spacing|30"}},"backgroundColor":"text-color"} -->
<div class="wp-block-column is-vertically-aligned-center has-text-color-background-color has-background" style="padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)"><!-- wp:image {"sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":"18px"}}} -->
<figure class="wp-block-image size-full has-custom-border"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/achievement-agreement-arms-asian-caucasian-cheerful-1445813-pxhere.com-1.jpg" alt="" class="" style="border-radius:18px"/></figure>
<!-- /wp:image -->

<!-- wp:heading {"className":"text_mobile","style":{"typography":{"fontStyle":"normal","fontWeight":"600","textTransform":"none"},"elements":{"link":{"color":{"text":"var:preset|color|background-secundary"}}}},"textColor":"background-secundary","fontSize":"large"} -->
<h2 class="wp-block-heading text_mobile has-background-secundary-color has-text-color has-link-color has-large-font-size" style="font-style:normal;font-weight:600;text-transform:none"><?php esc_html_e('Result', 'dastrong');?></h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"left","style":{"spacing":{"padding":{"top":"var:preset|spacing|40"}},"elements":{"link":{"color":{"text":"var:preset|color|background-secundary"}}},"typography":{"fontStyle":"normal","fontWeight":"300"}},"textColor":"background-secundary"} -->
<p class="has-text-align-left has-background-secundary-color has-text-color has-link-color" style="padding-top:var(--wp--preset--spacing--40);font-style:normal;font-weight:300"><?php esc_html_e('Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eget vulputate tellus. Aenean auctor non leo eu dignissim.', 'dastrong');?></p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"left"}} -->
<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"color","textColor":"text-color","style":{"border":{"radius":"53px"},"typography":{"fontStyle":"normal","fontWeight":"600"},"elements":{"link":{"color":{"text":"var:preset|color|text-color"}}}}} -->
<div class="wp-block-button"><a class="wp-block-button__link has-text-color-color has-color-background-color has-text-color has-background has-link-color wp-element-button" style="border-radius:53px;font-style:normal;font-weight:600"><?php esc_html_e('Know more', 'dastrong');?></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->

<!-- wp:group {"metadata":{"name":"blog-section"},"align":"full","className":"padding-line","style":{"spacing":{"margin":{"top":"10vh","bottom":"10vh"},"padding":{"right":"15%","left":"15%"}}},"layout":{"type":"default"}} -->
<div class="wp-block-group alignfull padding-line" id="blog" style="margin-top:10vh;margin-bottom:10vh;padding-right:15%;padding-left:15%"><!-- wp:group {"layout":{"type":"flex","orientation":"vertical","justifyContent":"left"}} -->
<div class="wp-block-group"><!-- wp:paragraph {"style":{"typography":{"fontStyle":"normal","fontWeight":"700"},"elements":{"link":{"color":{"text":"var:preset|color|text-color"}}}},"textColor":"text-color","fontSize":"medium"} -->
<p class="has-text-color-color has-text-color has-link-color has-medium-font-size" style="font-style:normal;font-weight:700"><?php esc_html_e('BLOG', 'dastrong');?></p>
<!-- /wp:paragraph -->

<!-- wp:heading {"textAlign":"left","style":{"typography":{"fontSize":"60px","fontStyle":"normal","fontWeight":"400"},"elements":{"link":{"color":{"text":"var:preset|color|color"}}}},"textColor":"color"} -->
<h2 class="wp-block-heading has-text-align-left has-color-color has-text-color has-link-color" style="font-size:60px;font-style:normal;font-weight:400">
<?php esc_html_e('Our articles and news', 'dastrong');?>    
</h2>
<!-- /wp:heading --></div>
<!-- /wp:group -->

<!-- wp:query {"queryId":37,"query":{"perPage":3,"pages":0,"offset":0,"postType":"post","order":"asc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"exclude","inherit":false,"parents":[],"format":[]},"className":"containers-ims"} -->
<div class="wp-block-query containers-ims"><!-- wp:post-template {"className":"image-span","layout":{"type":"grid","columnCount":3}} -->
<!-- wp:group {"className":"ajust","layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group ajust"><!-- wp:post-featured-image {"isLink":true} /--></div>
<!-- /wp:group -->

<!-- wp:post-title {"style":{"typography":{"fontSize":"29px","fontStyle":"normal","fontWeight":"400"}}} /-->

<!-- wp:post-date /-->
<!-- /wp:post-template --></div>
<!-- /wp:query --></div>
<!-- /wp:group -->

<!-- wp:group {"metadata":{"name":"contacts-section"},"align":"full","className":"padding-line background-white","style":{"spacing":{"padding":{"top":"10vh","bottom":"10vh","left":"15%","right":"15%"}}},"backgroundColor":"text-color","layout":{"type":"constrained"}} -->
<div class="wp-block-group alignfull padding-line background-white has-text-color-background-color has-background" id="contact" style="padding-top:10vh;padding-right:15%;padding-bottom:10vh;padding-left:15%"><!-- wp:html -->
<div class="left-block-projects "> </div>
<div class="right-block-projects "> </div>
<!-- /wp:html -->

<!-- wp:group {"align":"full","layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch"}} -->
<div class="wp-block-group alignfull"><!-- wp:paragraph {"style":{"typography":{"fontSize":"20px","fontStyle":"normal","fontWeight":"700"},"elements":{"link":{"color":{"text":"var:preset|color|background-secundary"}}}},"textColor":"background-secundary"} -->
<p class="has-background-secundary-color has-text-color has-link-color" style="font-size:20px;font-style:normal;font-weight:700">
    CONTACT</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"textAlign":"center","style":{"typography":{"fontSize":"33px","fontStyle":"normal","fontWeight":"400"},"elements":{"link":{"color":{"text":"var:preset|color|background-primary"}}}},"textColor":"background-primary"} -->
<h2 class="wp-block-heading has-text-align-center has-background-primary-color has-text-color has-link-color" style="font-size:33px;font-style:normal;font-weight:400"><?php esc_html_e('Get in touch with us', 'dastrong');?></h2>
<!-- /wp:heading -->

<!-- wp:html -->
<style>
.form-container {
    width: 100%;
    margin: 0 auto;
    padding: 30px;
    background-color: #f6f6f6;
    box-sizing: border-box;
    border-radius: 16px;
}

.form-field {
    margin-bottom: 30px;
}

.form-field label {
    display: block;
    font-size: 16px;
    margin-bottom: 8px;
    color: #000;
    font-weight: 500;
}

.form-field input,
.form-field textarea {
    width: 100%;
    background-color: #ffffff;
    border: 2px solid #ccc;
    border-radius: 20px;
    color: #1a1a1a;
    font-size: 16px;
    padding: 14px 16px;
    outline: none;
    box-sizing: border-box;
    transition: border-color 0.3s, box-shadow 0.3s;
}

.form-field input:focus,
.form-field textarea:focus {
    border-color: #888;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.form-field textarea {
    height: 120px;
    resize: none;
}

.submit-btn {
    background-color: #ffffff;
    color: #1a1a1a;
    border: 2px solid #ccc;
    padding: 14px 30px;
    font-size: 16px;
    cursor: pointer;
    border-radius: 20px;
    transition: background-color 0.3s, transform 0.2s, border-color 0.3s;
}

.submit-btn:hover {
    background-color: #f0f0f0;
    border-color: #888;
    transform: translateY(-2px);
}
</style>

<div class="form-container">
    <form id="contactForm">
        <div class="form-field">
            <label for="name"><?php esc_html_e('Name', 'dastrong');?></label>
            <input type="text" id="name" required>
        </div>
        
        <div class="form-field">
            <label for="email"><?php esc_html_e('Email Address', 'dastrong');?></label>
            <input type="email" id="email" required>
        </div>
        
        <div class="form-field">
            <label for="message"><?php esc_html_e('Message', 'dastrong');?></label>
            <textarea id="message" required></textarea>
        </div>
        
        <button type="submit" class="submit-btn"><?php esc_html_e('SUBMIT', 'dastrong');?></button>
    </form>
</div>
<!-- /wp:html --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></main>
<!-- /wp:group -->

<!-- wp:template-part {"slug":"footer","tagName":"footer"} /-->