<?php
/**
 * Title: Contact Blue
 * Slug: frontis/contact-blue
 * Categories: contact-from
 */
$image_url = trailingslashit(get_template_directory_uri());

$images = [
    $image_url . "assets/image/location-marker.webp",
    $image_url . "assets/image/phone-incoming.webp",
    $image_url . "assets/image/mail-open.webp",
];
?>
<!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|spacing-64","bottom":"var:preset|spacing|spacing-120","right":"var:preset|spacing|spacing-32","left":"var:preset|spacing|spacing-32"},"margin":{"top":"0","bottom":"0"}},"color":{"background":"#ffffff"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group has-background" style="background-color:#ffffff;margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--spacing-64);padding-right:var(--wp--preset--spacing--spacing-32);padding-bottom:var(--wp--preset--spacing--spacing-120);padding-left:var(--wp--preset--spacing--spacing-32)"><!-- wp:columns {"align":"wide","style":{"spacing":{"blockGap":{"left":"var:preset|spacing|spacing-32"}}}} -->
<div class="wp-block-columns alignwide"><!-- wp:column {"verticalAlignment":"center","layout":{"type":"constrained"}} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:heading {"level":1,"style":{"color":{"text":"#0b2640"},"elements":{"link":{"color":{"text":"#0b2640"}}}},"fontSize":"h2"} -->
<h1 class="wp-block-heading has-text-color has-link-color has-h-2-font-size" style="color:#0b2640">How Can We Assist<br>You?</h1>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"var:preset|spacing|spacing-16","bottom":"var:preset|spacing|spacing-40"}},"color":{"text":"#555e72"},"elements":{"link":{"color":{"text":"#555e72"}}}}} -->
<p class="has-text-color has-link-color" style="color:#555e72;margin-top:var(--wp--preset--spacing--spacing-16);margin-bottom:var(--wp--preset--spacing--spacing-40)">Mental models are simple expressions of complex processes or straightforward relationships.</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"style":{"spacing":{"margin":{"bottom":"var:preset|spacing|spacing-24"}},"color":{"text":"#0b2640"},"elements":{"link":{"color":{"text":"#0b2640"}}}},"fontSize":"h5"} -->
<h3 class="wp-block-heading has-text-color has-link-color has-h-5-font-size" style="color:#0b2640;margin-bottom:var(--wp--preset--spacing--spacing-24)">Get in touch</h3>
<!-- /wp:heading -->

<!-- wp:group {"style":{"spacing":{"margin":{"top":"var:preset|spacing|spacing-24","bottom":"var:preset|spacing|spacing-16"},"blockGap":"var:preset|spacing|spacing-16"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group" style="margin-top:var(--wp--preset--spacing--spacing-24);margin-bottom:var(--wp--preset--spacing--spacing-16)"><!-- wp:group {"className":"contact-info-icon","style":{"spacing":{"padding":{"top":"var:preset|spacing|spacing-16","bottom":"var:preset|spacing|spacing-16","left":"var:preset|spacing|spacing-16","right":"var:preset|spacing|spacing-16"},"margin":{"top":"0","bottom":"0"},"blockGap":"0"},"border":{"radius":"50px"},"layout":{"selfStretch":"fit","flexSize":null},"dimensions":{"minHeight":""},"color":{"background":"#399cff"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group contact-info-icon has-background" style="border-radius:50px;background-color:#399cff;margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--spacing-16);padding-right:var(--wp--preset--spacing--spacing-16);padding-bottom:var(--wp--preset--spacing--spacing-16);padding-left:var(--wp--preset--spacing--spacing-16)"><!-- wp:image {"id":350,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="<?php echo esc_url($images[0]); ?>" alt="" class="wp-image-350"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group -->

<!-- wp:paragraph {"style":{"color":{"text":"#555e72"},"elements":{"link":{"color":{"text":"#555e72"}}}}} -->
<p class="has-text-color has-link-color" style="color:#555e72">832 Thompson Drive, San Fransisco CA 94107, United States</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"style":{"spacing":{"margin":{"top":"var:preset|spacing|spacing-16","bottom":"var:preset|spacing|spacing-16"},"blockGap":"var:preset|spacing|spacing-16"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group" style="margin-top:var(--wp--preset--spacing--spacing-16);margin-bottom:var(--wp--preset--spacing--spacing-16)"><!-- wp:group {"className":"contact-info-icon","style":{"spacing":{"padding":{"top":"var:preset|spacing|spacing-16","bottom":"var:preset|spacing|spacing-16","left":"var:preset|spacing|spacing-16","right":"var:preset|spacing|spacing-16"},"margin":{"top":"0","bottom":"0"},"blockGap":"0"},"border":{"radius":"50px"},"color":{"background":"#399cff"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group contact-info-icon has-background" style="border-radius:50px;background-color:#399cff;margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--spacing-16);padding-right:var(--wp--preset--spacing--spacing-16);padding-bottom:var(--wp--preset--spacing--spacing-16);padding-left:var(--wp--preset--spacing--spacing-16)"><!-- wp:image {"id":353,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="<?php echo esc_url($images[1]); ?>" alt="" class="wp-image-353"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group -->

<!-- wp:paragraph {"style":{"color":{"text":"#555e72"},"elements":{"link":{"color":{"text":"#555e72"}}}}} -->
<p class="has-text-color has-link-color" style="color:#555e72">+123 345123 556</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"style":{"spacing":{"margin":{"top":"var:preset|spacing|spacing-16","bottom":"var:preset|spacing|spacing-16"},"blockGap":"var:preset|spacing|spacing-16"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group" style="margin-top:var(--wp--preset--spacing--spacing-16);margin-bottom:var(--wp--preset--spacing--spacing-16)"><!-- wp:group {"className":"contact-info-icon","style":{"spacing":{"padding":{"top":"var:preset|spacing|spacing-16","bottom":"var:preset|spacing|spacing-16","left":"var:preset|spacing|spacing-16","right":"var:preset|spacing|spacing-16"},"margin":{"top":"0","bottom":"0"},"blockGap":"0"},"border":{"radius":"50px"},"color":{"background":"#399cff"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group contact-info-icon has-background" style="border-radius:50px;background-color:#399cff;margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--spacing-16);padding-right:var(--wp--preset--spacing--spacing-16);padding-bottom:var(--wp--preset--spacing--spacing-16);padding-left:var(--wp--preset--spacing--spacing-16)"><!-- wp:image {"id":354,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="<?php echo esc_url($images[2]); ?>" alt="" class="wp-image-354"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group -->

<!-- wp:paragraph {"style":{"color":{"text":"#555e72"},"elements":{"link":{"color":{"text":"#555e72"}}}}} -->
<p class="has-text-color has-link-color" style="color:#555e72">support@frontis.com</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","style":{"border":{"radius":"12px"},"spacing":{"padding":{"top":"var:preset|spacing|spacing-32","bottom":"var:preset|spacing|spacing-32","left":"var:preset|spacing|spacing-32","right":"var:preset|spacing|spacing-32"}}},"backgroundColor":"primary-800","layout":{"type":"constrained"}} -->
<div class="wp-block-column is-vertically-aligned-center has-primary-800-background-color has-background" style="border-radius:12px;padding-top:var(--wp--preset--spacing--spacing-32);padding-right:var(--wp--preset--spacing--spacing-32);padding-bottom:var(--wp--preset--spacing--spacing-32);padding-left:var(--wp--preset--spacing--spacing-32)"><!-- wp:heading {"level":3,"style":{"color":{"text":"#ffffff"},"elements":{"link":{"color":{"text":"#ffffff"}}}},"fontSize":"h5"} -->
<h3 class="wp-block-heading has-text-color has-link-color has-h-5-font-size" style="color:#ffffff">We’d love to help</h3>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"var:preset|spacing|spacing-16","bottom":"var:preset|spacing|spacing-32"}},"color":{"text":"#d7ebff"},"elements":{"link":{"color":{"text":"#d7ebff"}}}}} -->
<p class="has-text-color has-link-color" style="color:#d7ebff;margin-top:var(--wp--preset--spacing--spacing-16);margin-bottom:var(--wp--preset--spacing--spacing-32)">Interactive design tools and its many customization to customize anything functional dreams.</p>
<!-- /wp:paragraph -->

<!-- wp:contact-form-7/contact-form-selector {"id":337,"hash":"127772d","title":"Contact form 1","htmlName":"","htmlTitle":"","htmlClass":"","className":"frontis-contact-from"} -->
<div class="wp-block-contact-form-7-contact-form-selector frontis-contact-from">[contact-form-7 id="127772d" title="Contact form 1"]</div>
<!-- /wp:contact-form-7/contact-form-selector --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->