<?php
/**
 * Title: Front 2
 * Slug: barbel/front-2
 * Categories: featured
 */
?>
<!-- wp:group {"style":{"spacing":{"padding":{"top":"4vw","bottom":"4vw","left":"2vw","right":"2vw"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group" style="padding-top:4vw;padding-right:2vw;padding-bottom:4vw;padding-left:2vw"><!-- wp:columns {"style":{"spacing":{"blockGap":{"left":"4vw"},"padding":{"bottom":"4vw"}},"border":{"bottom":{"color":"var:preset|color|one","style":"solid","width":"1px"},"top":[],"right":[],"left":[]}}} -->
<div class="wp-block-columns" style="border-bottom-color:var(--wp--preset--color--one);border-bottom-style:solid;border-bottom-width:1px;padding-bottom:4vw"><!-- wp:column {"width":"33.33%"} -->
<div class="wp-block-column" style="flex-basis:33.33%"><!-- wp:image {"lightbox":{"enabled":true},"id":77,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/barbel-3.webp" alt="" class="wp-image-77"/></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"66.66%","style":{"spacing":{"padding":{"top":"0px","bottom":"0px"},"blockGap":"0px"}}} -->
<div class="wp-block-column" style="padding-top:0px;padding-bottom:0px;flex-basis:66.66%"><!-- wp:heading {"textAlign":"left","level":3,"style":{"typography":{"fontStyle":"normal","fontWeight":"300","textTransform":"uppercase"},"spacing":{"padding":{"right":"0vw","left":"0vw"}}},"fontSize":"big"} -->
<h3 class="wp-block-heading has-text-align-left has-big-font-size" style="padding-right:0vw;padding-left:0vw;font-style:normal;font-weight:300;text-transform:uppercase"><?php esc_html_e( 'New solution', 'barbel' ); ?></h3>
<!-- /wp:heading -->

<!-- wp:heading {"textAlign":"left","level":3,"style":{"typography":{"fontStyle":"normal","fontWeight":"700","lineHeight":"1.2","textTransform":"uppercase"},"spacing":{"margin":{"bottom":"2vw"}}},"fontSize":"large"} -->
<h3 class="wp-block-heading has-text-align-left has-large-font-size" style="margin-bottom:2vw;font-style:normal;font-weight:700;line-height:1.2;text-transform:uppercase"><?php esc_html_e( 'How we work', 'barbel' ); ?></h3>
<!-- /wp:heading -->

<!-- wp:heading {"level":4,"style":{"typography":{"fontStyle":"normal","fontWeight":"300","textTransform":"uppercase","lineHeight":"1.1"}},"fontSize":"medium"} -->
<h4 class="wp-block-heading has-medium-font-size" style="font-style:normal;font-weight:300;line-height:1.1;text-transform:uppercase"><?php esc_html_e( 'Proin purus dui, varius sit amet est at, luctus placerat velit. Integer aliquet convallis ante, sed viverra nibh imperdiet ut. Nulla quis tellus sit amet metus.', 'barbel' ); ?></h4>
<!-- /wp:heading -->

<!-- wp:columns {"isStackedOnMobile":false,"style":{"spacing":{"padding":{"top":"6vw"}}}} -->
<div class="wp-block-columns is-not-stacked-on-mobile" style="padding-top:6vw"><!-- wp:column {"width":"70%"} -->
<div class="wp-block-column" style="flex-basis:70%"><!-- wp:heading {"level":4,"style":{"typography":{"fontStyle":"normal","fontWeight":"300","textTransform":"uppercase","lineHeight":"1.1"}},"fontSize":"medium"} -->
<h4 class="wp-block-heading has-medium-font-size" style="font-style:normal;font-weight:300;line-height:1.1;text-transform:uppercase"><?php esc_html_e( 'Quality studio', 'barbel' ); ?><br><?php esc_html_e( '© 2023 Example company', 'barbel' ); ?></h4>
<!-- /wp:heading --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"30%"} -->
<div class="wp-block-column" style="flex-basis:30%"><!-- wp:heading {"textAlign":"right","level":4,"style":{"typography":{"fontStyle":"normal","fontWeight":"300","textTransform":"uppercase","lineHeight":"1.1"}},"fontSize":"medium"} -->
<h4 class="wp-block-heading has-text-align-right has-medium-font-size" style="font-style:normal;font-weight:300;line-height:1.1;text-transform:uppercase"><a href="#"><?php esc_html_e( 'Facebook', 'barbel' ); ?></a><br><a href="#"><?php esc_html_e( 'TikTok', 'barbel' ); ?></a></h4>
<!-- /wp:heading --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->