<?php

/**
 * Title: Hero
 * Slug: strativo/hero
 * Categories: strativo-hero
 */
$strativo_url    = trailingslashit( get_template_directory_uri() );
$strativo_images = array(
	$strativo_url . 'assets/images/profile_icons.png',
	$strativo_url . 'assets/images/hero_image.jpg',
);
?>
<!-- wp:group {"className":"is-style-default","style":{"spacing":{"padding":{"top":"var:preset|spacing|80","bottom":"var:preset|spacing|70","left":"var:preset|spacing|40","right":"var:preset|spacing|40"}}},"layout":{"type":"constrained","contentSize":"1380px"}} -->
<div class="wp-block-group is-style-default"
	style="padding-top:var(--wp--preset--spacing--80);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--70);padding-left:var(--wp--preset--spacing--40)">
	<!-- wp:group {"style":{"spacing":{"margin":{"bottom":"4rem"}}},"layout":{"type":"constrained","contentSize":"680px"}} -->
	<div class="wp-block-group" style="margin-bottom:4rem">
	<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"center"}} -->
	<div class="wp-block-group">
		<!-- wp:group {"style":{"border":{"radius":{"topLeft":"60px","topRight":"60px","bottomLeft":"60px","bottomRight":"60px"},"width":"1px"},"spacing":{"padding":{"top":"var:preset|spacing|20","bottom":"var:preset|spacing|20","left":"var:preset|spacing|30","right":"var:preset|spacing|30"},"blockGap":"var:preset|spacing|30"}},"borderColor":"border-color","layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"center"}} -->
		<div class="wp-block-group has-border-color has-border-color-border-color"
		style="border-width:1px;border-top-left-radius:60px;border-top-right-radius:60px;border-bottom-left-radius:60px;border-bottom-right-radius:60px;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--30)">
		<!-- wp:image {"id":44,"sizeSlug":"full","linkDestination":"none","style":{"layout":{"selfStretch":"fixed","flexSize":"80px"}}} -->
		<figure class="wp-block-image size-full"><img src="<?php echo esc_url( $strativo_images[0] ); ?>" alt=""
			class="wp-image-44" /></figure>
		<!-- /wp:image -->

		<!-- wp:paragraph {"style":{"typography":{"fontSize":"14px"}}} -->
		<p style="font-size:14px">
			<?php esc_html_e( 'Join the brands already growing with us!', 'strativo' ); ?>
		</p>
		<!-- /wp:paragraph -->
		</div>
		<!-- /wp:group -->
	</div>
	<!-- /wp:group -->

	<!-- wp:heading {"textAlign":"center","level":1,"style":{"typography":{"lineHeight":"1.2","letterSpacing":"-2px"}},"fontSize":"giga"} -->
	<h1 class="wp-block-heading has-text-align-center has-giga-font-size" style="letter-spacing:-2px;line-height:1.2">
		<?php esc_html_e( 'Build what you truly believe in with Strativo', 'strativo' ); ?>
	</h1>
	<!-- /wp:heading -->

	<!-- wp:group {"layout":{"type":"constrained","contentSize":"580px"}} -->
	<div class="wp-block-group"><!-- wp:paragraph {"align":"center","style":{"typography":{"fontSize":"18px"}}} -->
		<p class="has-text-align-center" style="font-size:18px">
		<?php
		esc_html_e(
			'A modern, high-impact template built for fast launches,
        service showcases, and higher client conversions',
			'strativo'
		);
		?>
		</p>
		<!-- /wp:paragraph -->
	</div>
	<!-- /wp:group -->

	<!-- wp:buttons {"className":"is-style-button-transofom-on-hover","style":{"spacing":{"blockGap":{"left":"var:preset|spacing|30"},"margin":{"top":"var:preset|spacing|60"}}},"layout":{"type":"flex","justifyContent":"center"}} -->
<div class="wp-block-buttons is-style-button-transofom-on-hover" style="margin-top:var(--wp--preset--spacing--60)"><!-- wp:button {"backgroundColor":"primary","className":"is-style-button-with-uparrow-icon","style":{"border":{"radius":{"topLeft":"90px","topRight":"90px","bottomLeft":"90px","bottomRight":"90px"}},"spacing":{"padding":{"left":"var:preset|spacing|50","right":"var:preset|spacing|50","top":"var:preset|spacing|40","bottom":"var:preset|spacing|40"}}},"fontSize":"normal"} -->
<div class="wp-block-button is-style-button-with-uparrow-icon"><a class="wp-block-button__link has-primary-background-color has-background has-normal-font-size has-custom-font-size wp-element-button" href="#" style="border-top-left-radius:90px;border-top-right-radius:90px;border-bottom-left-radius:90px;border-bottom-right-radius:90px;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--50)">
<?php
	esc_html_e( 'Get Started Free', 'strativo' );
?>
</a></div>
<!-- /wp:button -->

<!-- wp:button {"backgroundColor":"background-alt","textColor":"primary","className":"is-style-fill","style":{"border":{"radius":{"topLeft":"90px","topRight":"90px","bottomLeft":"90px","bottomRight":"90px"}},"spacing":{"padding":{"left":"var:preset|spacing|60","right":"var:preset|spacing|60","top":"var:preset|spacing|40","bottom":"var:preset|spacing|40"}},"elements":{"link":{"color":{"text":"var:preset|color|primary"}}}},"fontSize":"normal"} -->
<div class="wp-block-button is-style-fill"><a class="wp-block-button__link has-primary-color has-background-alt-background-color has-text-color has-background has-link-color has-normal-font-size has-custom-font-size wp-element-button" href="#" style="border-top-left-radius:90px;border-top-right-radius:90px;border-bottom-left-radius:90px;border-bottom-right-radius:90px;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--60)">
<?php
	esc_html_e( 'See Pricing', 'strativo' );
?>
</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->
	</div>
	<!-- /wp:group -->

	<!-- wp:image {"id":56,"sizeSlug":"large","linkDestination":"none","align":"wide","style":{"border":{"radius":{"topLeft":"24px","topRight":"24px","bottomLeft":"24px","bottomRight":"24px"}},"color":{"duotone":"var:preset|duotone|mixed-tone"}}} -->
	<figure class="wp-block-image alignwide size-large has-custom-border"><img
		src="<?php echo esc_url( $strativo_images[1] ); ?>" alt="" class="wp-image-56"
		style="border-top-left-radius:24px;border-top-right-radius:24px;border-bottom-left-radius:24px;border-bottom-right-radius:24px" />
	</figure>
	<!-- /wp:image -->
</div>
<!-- /wp:group -->
