<?php
/**
 * Title: Hero Section
 * Slug: virza/virza-hero
 * Categories: virza
 * Description: Services with icons and descriptions.
 * Keywords: hero, grid, features
 */
?>
<!-- wp:group {"metadata":{"name":"Services Hero","categories":["virza"],"patternName":"virza/virza-hero"},"align":"full","className":"tse-section","style":{"color":{"background":"#f8fafc"},"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50","left":"var:preset|spacing|30","right":"var:preset|spacing|30"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group alignfull tse-section has-background" style="background-color:#f8fafc;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--30)"><!-- wp:columns {"verticalAlignment":"center","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|0","left":"var:preset|spacing|30"}}}} -->
<div class="wp-block-columns are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:paragraph {"metadata":{"name":"tse-sub-title"},"className":"tse-sub-title","style":{"color":{"text":"#0086f4"},"elements":{"link":{"color":{"text":"#0086f4"}}},"typography":{"fontStyle":"normal","fontWeight":"500"}},"fontSize":"small"} -->
<p class="tse-sub-title has-text-color has-link-color has-small-font-size" style="color:#0086f4;font-style:normal;font-weight:500"><?php esc_html_e( 'Services London', 'virza' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:group {"metadata":{"name":"Services Title"},"className":"tse-title","layout":{"type":"constrained"}} -->
<div class="wp-block-group tse-title"><!-- wp:heading {"style":{"typography":{"fontStyle":"normal","fontWeight":"600","textTransform":"capitalize","lineHeight":"1.4"},"elements":{"link":{"color":{"text":"#0f172a"}}},"color":{"text":"#0f172a"},"spacing":{"padding":{"bottom":"0"}}},"fontSize":"x-large"} -->
<h2 class="wp-block-heading has-text-color has-link-color has-x-large-font-size" style="color:#0f172a;padding-bottom:0;font-style:normal;font-weight:600;line-height:1.4;text-transform:capitalize"><?php esc_html_e( 'Power Out? Wiring Problem', 'virza' ); ?><br><mark style="background-color:rgba(0, 0, 0, 0);color:#0086f4" class="has-inline-color"><?php esc_html_e( 'We Can Help.', 'virza' ); ?></mark></h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"typography":{"fontStyle":"normal","fontWeight":"400"}},"fontSize":"small","fontFamily":"montserrat"} -->
<p class="has-montserrat-font-family has-small-font-size" style="font-style:normal;font-weight:400"><?php esc_html_e( 'Power outages, wiring issues, urgent repairs – we fix it fast.', 'virza' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"style":{"spacing":{"padding":{"top":"var:preset|spacing|40"}}}} -->
<div class="wp-block-buttons" style="padding-top:var(--wp--preset--spacing--40)"><!-- wp:button {"style":{"spacing":{"padding":{"top":"var:preset|spacing|20","bottom":"var:preset|spacing|20"}}}} -->
<div class="wp-block-button"><a class="wp-block-button__link wp-element-button" href="#" style="padding-top:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20)"><?php esc_html_e( 'Call Now', 'virza' ); ?></a></div>
<!-- /wp:button -->

<!-- wp:button {"className":"is-style-outline","style":{"spacing":{"padding":{"top":"var:preset|spacing|20","bottom":"var:preset|spacing|20"}}}} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link wp-element-button" href="#" style="padding-top:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20)"><?php esc_html_e( 'Read More', 'virza' ); ?></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:image {"id":172,"width":"350px","aspectRatio":"1","scale":"cover","sizeSlug":"full","linkDestination":"none","align":"center","className":"tse-hero-img"} -->
<figure class="wp-block-image aligncenter size-full is-resized tse-hero-img"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/tse-hero.webp" alt="Power Out? Wiring Problem, We Can Help." class="wp-image-172" style="aspect-ratio:1;object-fit:cover;width:350px"/></figure>
<!-- /wp:image --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->

