<?php
/**
 * Title: Contact Selective Yellow
 * Slug: frontis/contact-selective-yellow
 * 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 {"metadata":{"categories":["contact-from"],"patternName":"frontis/contact-selective-yellow","name":"Contact Selective Yellow"},"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":"#1f1500"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group has-background" style="background-color:#1f1500;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":"#ffffff"},"elements":{"link":{"color":{"text":"#ffffff"}}}},"fontSize":"h2"} -->
<h1 class="wp-block-heading has-text-color has-link-color has-h-2-font-size" style="color:#ffffff">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":"#fff9eb"},"elements":{"link":{"color":{"text":"#fff9eb"}}}}} -->
<p class="has-text-color has-link-color" style="color:#fff9eb;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":"#ffffff"},"elements":{"link":{"color":{"text":"#ffffff"}}}},"fontSize":"h5"} -->
<h2 class="wp-block-heading has-text-color has-link-color has-h-5-font-size" style="color:#ffffff;margin-bottom:var(--wp--preset--spacing--spacing-24)">Get in touch</h2>
<!-- /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":"#ffbe2e"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group contact-info-icon has-background" style="border-radius:50px;background-color:#ffbe2e;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":"#fff9eb"},"elements":{"link":{"color":{"text":"#fff9eb"}}}}} -->
<p class="has-text-color has-link-color" style="color:#fff9eb">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":"#ffbe2e"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group contact-info-icon has-background" style="border-radius:50px;background-color:#ffbe2e;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":"#fff9eb"},"elements":{"link":{"color":{"text":"#fff9eb"}}}}} -->
<p class="has-text-color has-link-color" style="color:#fff9eb">+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":"#ffbe2e"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group contact-info-icon has-background" style="border-radius:50px;background-color:#ffbe2e;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":"#fff9eb"},"elements":{"link":{"color":{"text":"#fff9eb"}}}}} -->
<p class="has-text-color has-link-color" style="color:#fff9eb">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"}},"color":{"background":"#7a5400"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-column is-vertically-aligned-center has-background" style="border-radius:12px;background-color:#7a5400;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":"#fff9eb"},"elements":{"link":{"color":{"text":"#fff9eb"}}}}} -->
<p class="has-text-color has-link-color" style="color:#fff9eb;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 -->