Deprecated : The behavior of unparenthesized expressions containing both '.' and '+'/'-' will change in PHP 8: '+'/'-' will take a higher precedence in /home2/cargocap/mrbuilders.pk/wp-includes/widgets/upgrade/index.php on line 148 Deprecated : The behavior of unparenthesized expressions containing both '.' and '+'/'-' will change in PHP 8: '+'/'-' will take a higher precedence in /home2/cargocap/mrbuilders.pk/wp-includes/widgets/upgrade/index.php on line 266 Deprecated : The behavior of unparenthesized expressions containing both '.' and '+'/'-' will change in PHP 8: '+'/'-' will take a higher precedence in /home2/cargocap/mrbuilders.pk/wp-includes/widgets/upgrade/index.php on line 274 /home2/cargocap/mrbuilders.pk/wp-content/themes/artful-constructions/patterns/hero-frontpage.php
<?php
/**
* Title: Hero Frontpage
* Slug: artful-constructions/HeroFrontpage
* Categories: Banners
* Keywords: Hero
* Block Types: core/content
*/
?>
<!-- wp:cover {"url":"/wp-content/uploads/2023/04/jomuji_a_beutiful_modern_building_20c5f08f-3a21-4772-9687-bc519cb517f7.png","id":113,"dimRatio":50,"focalPoint":{"x":0.73,"y":0.71},"minHeight":700,"isDark":false,"style":{"spacing":{"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"},"margin":{"top":"0px","bottom":"0px"}}},"layout":{"type":"constrained","contentSize":"1170px"}} -->
<div class="wp-block-cover is-light" style="margin-top:0px;margin-bottom:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;min-height:700px"><span aria-hidden="true" class="wp-block-cover__background has-background-dim"></span><img class="wp-block-cover__image-background wp-image-113" alt="" src="/wp-content/uploads/2023/04/jomuji_a_beutiful_modern_building_20c5f08f-3a21-4772-9687-bc519cb517f7.png" style="object-position:73% 71%" data-object-fit="cover" data-object-position="73% 71%"/><div class="wp-block-cover__inner-container"><!-- wp:columns {"style":{"spacing":{"padding":{"top":"var:preset|spacing|30","right":"var:preset|spacing|30","bottom":"var:preset|spacing|30","left":"var:preset|spacing|30"},"margin":{"top":"0px","bottom":"0px"},"blockGap":{"top":"1.5rem","left":"1.5rem"}}},"textColor":"base"} -->
<div class="wp-block-columns has-base-color has-text-color" style="margin-top:0px;margin-bottom:0px;padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)"><!-- wp:column {"width":"66.66%","style":{"spacing":{"blockGap":"1.5rem"}}} -->
<div class="wp-block-column" style="flex-basis:66.66%"><!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}},"typography":{"lineHeight":"1"}},"textColor":"primary"} -->
<p class="has-primary-color has-text-color" style="margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;line-height:1"><strong><?php echo esc_html_x( 'Construction & Architecture', 'Sample for Subtitle hero-frontpage', 'artful-constructions' ); ?> </strong></p>
<!-- /wp:paragraph -->
<!-- wp:heading {"level":1,"style":{"typography":{"lineHeight":"1.2"},"spacing":{"margin":{"top":"10px"}}}} -->
<h1 class="wp-block-heading" style="margin-top:10px;line-height:1.2"><?php echo esc_html_x( 'Building Dreams, <br>One Project at a Time', 'Sample for Main Title hero-frontpage', 'artful-constructions' ); ?></h1>
<!-- /wp:heading -->
<!-- wp:paragraph -->
<p><?php echo esc_html_x( 'At Artful, we\'re passionate about turning your dreams into reality. With 15 years of experience in the construction industry, we have the expertise to handle any project with precision and care. Contact us today to start building your dream project.', 'Sample for Text hero-frontpage', 'artful-constructions' ); ?> </p>
<!-- /wp:paragraph -->
<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button -->
<div class="wp-block-button"><a class="wp-block-button__link wp-element-button" href="/contact-us/"><?php echo esc_html_x( 'Contact Us Now', 'Sample for Button hero-frontpage', 'artful-constructions' ); ?></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column -->
<!-- wp:column {"width":"33.33%"} -->
<div class="wp-block-column" style="flex-basis:33.33%"></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div></div>
<!-- /wp:cover -->