<?php

/**
 * Title: Contact us
 * Slug: baty/contactus
 * Categories: featured
 */
?>
<!-- wp:group {"metadata":{"categories":["banner"],"patternName":"twentytwentyfour/cta-content-image-on-right","name":"Call to action with image on right"},"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50","left":"var:preset|spacing|50","right":"var:preset|spacing|50"},"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group alignfull" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)"><!-- wp:columns {"verticalAlignment":"center","align":"wide","className":"contact-form-rev","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|50","left":"var:preset|spacing|50"}}}} -->
<div class="wp-block-columns alignwide are-vertically-aligned-center contact-form-rev"><!-- wp:column {"verticalAlignment":"center","width":"50%"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:50%"><!-- wp:heading -->
<h2 class="wp-block-heading"> <?php echo esc_html__( 'Contact Us', 'baty' ); ?></h2>
<!-- /wp:heading -->

<!-- wp:shortcode -->
<!-- /wp:shortcode --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","width":"50%"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:50%"><!-- wp:paragraph {"fontSize":"medium"} -->
<p class="has-medium-font-size">
<?php echo esc_html__('We’d love to hear from you! Whether you have questions about our products, need help choosing the perfect piece, or want to inquire about custom orders, our team is ready to assist you every step of the way. Reach us by phone, email, or live chat.', 'baty'); ?>  
</p>
<!-- /wp:paragraph -->

<!-- wp:image {"id":117,"aspectRatio":"4/3","scale":"cover","sizeSlug":"full","linkDestination":"none","className":"is-style-default"} -->
<figure class="wp-block-image size-full is-style-default"><img src="<?php echo esc_url(get_template_directory_uri()); ?>/assets/images/contact-us.png" data-object-fit="cover"/></figure>
<!-- /wp:image --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->

<!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:columns {"verticalAlignment":"top"} -->
<div class="wp-block-columns are-vertically-aligned-top"><!-- wp:column {"verticalAlignment":"top"} -->
<div class="wp-block-column is-vertically-aligned-top"><!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:html -->
<div class="icon-wrapper">
 <svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewBox="0 0 35 35" fill="none">
<path d="M31.437 24.1765V28.4631C31.4386 28.861 31.3571 29.2549 31.1977 29.6195C31.0383 29.9842 30.8044 30.3115 30.5112 30.5805C30.218 30.8495 29.8718 31.0543 29.4948 31.1818C29.1178 31.3093 28.7184 31.3567 28.3221 31.3208C23.9252 30.8431 19.7017 29.3406 15.9909 26.9342C12.5386 24.7404 9.61154 21.8134 7.41775 18.361C5.00293 14.6334 3.50014 10.3894 3.03113 5.97273C2.99542 5.57761 3.04238 5.17937 3.16902 4.80338C3.29565 4.4274 3.49918 4.0819 3.76666 3.78888C4.03414 3.49587 4.3597 3.26176 4.72261 3.10146C5.08552 2.94116 5.47784 2.85818 5.87457 2.8578H10.1612C10.8546 2.85098 11.5269 3.09654 12.0527 3.54871C12.5784 4.00088 12.9219 4.62881 13.0189 5.31546C13.1998 6.68726 13.5354 8.0342 14.0191 9.33057C14.2114 9.842 14.253 10.3978 14.139 10.9322C14.025 11.4665 13.7603 11.957 13.3761 12.3455L11.5615 14.1601C13.5955 17.7374 16.5574 20.6993 20.1347 22.7333L21.9493 20.9187C22.3378 20.5345 22.8283 20.2698 23.3626 20.1558C23.897 20.0418 24.4528 20.0834 24.9642 20.2757C26.2606 20.7594 27.6075 21.095 28.9794 21.2759C29.6734 21.3738 30.3073 21.7234 30.7605 22.2582C31.2136 22.793 31.4544 23.4757 31.437 24.1765Z" stroke="#2D2424" stroke-width="2.85773" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</div>
<!-- /wp:html -->

<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center"> <?php echo esc_html__( 'Call & WhatsApp', 'baty' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"align":"center","style":{"elements":{"link":{"color":{"text":"var:preset|color|accent-5"}}}},"textColor":"accent-5","fontSize":"small"} -->
<p class="has-text-align-center has-accent-5-color has-text-color has-link-color has-small-font-size"> <?php echo esc_html__( '+966 55 123 4567', 'baty' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"align":"center","style":{"elements":{"link":{"color":{"text":"var:preset|color|accent-5"}}}},"textColor":"accent-5","fontSize":"small"} -->
<p class="has-text-align-center has-accent-5-color has-text-color has-link-color has-small-font-size"> <?php echo esc_html__( '+966 55 123 4567', 'baty' ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"top"} -->
<div class="wp-block-column is-vertically-aligned-top"><!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:html -->
<div class="icon-wrapper">
 <svg xmlns="http://www.w3.org/2000/svg" width="41" height="41" viewBox="0 0 41 41" fill="none">
<path d="M20.151 36.9428C29.4248 36.9428 36.9427 29.4247 36.9427 20.1507C36.9427 10.8766 29.4248 3.35852 20.151 3.35852C10.8773 3.35852 3.35938 10.8766 3.35938 20.1507C3.35938 29.4247 10.8773 36.9428 20.151 36.9428Z" stroke="#2D2424" stroke-width="3.35843" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M20.1484 10.0752V20.1505L26.8651 23.5089" stroke="#2D2424" stroke-width="3.35843" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</div>
<!-- /wp:html -->

<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center"> <?php echo esc_html__( 'Working Hours', 'baty' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"align":"center","style":{"elements":{"link":{"color":{"text":"var:preset|color|accent-5"}}}},"textColor":"accent-5","fontSize":"small"} -->
<p class="has-text-align-center has-accent-5-color has-text-color has-link-color has-small-font-size"> <?php echo esc_html__( 'Daily: 8am-8pm', 'baty' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"align":"center","style":{"elements":{"link":{"color":{"text":"var:preset|color|accent-5"}}}},"textColor":"accent-5","fontSize":"small"} -->
<p class="has-text-align-center has-accent-5-color has-text-color has-link-color has-small-font-size"> <?php echo esc_html__( 'Friday: Closed', 'baty' ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"top"} -->
<div class="wp-block-column is-vertically-aligned-top"><!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:html -->
<div class="icon-wrapper">
  <svg xmlns="http://www.w3.org/2000/svg" width="41" height="41" viewBox="0 0 41 41" fill="none">
    <path d="M33.5844 6.7168H6.71771C4.86295 6.7168 3.35938 8.22042 3.35938 10.0752V30.2258C3.35938 32.0806 4.86295 33.5842 6.71771 33.5842H33.5844C35.4391 33.5842 36.9427 32.0806 36.9427 30.2258V10.0752C36.9427 8.22042 35.4391 6.7168 33.5844 6.7168Z"
      stroke="#2D2424"
      stroke-width="3.3"
      stroke-linecap="round"
      stroke-linejoin="round"/>

    <path d="M36.9427 11.7545L21.8806 21.326C21.3622 21.6508 20.7628 21.8231 20.151 21.8231C19.5393 21.8231 18.9399 21.6508 18.4215 21.326L3.35938 11.7545"
      stroke="#2D2424"
      stroke-width="3.3"
      stroke-linecap="round"
      stroke-linejoin="round"/>
  </svg>
</div>
<!-- /wp:html -->

<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center"> <?php echo esc_html__( 'Write to Us', 'baty' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"align":"center","style":{"elements":{"link":{"color":{"text":"var:preset|color|accent-5"}}}},"textColor":"accent-5","fontSize":"small"} -->
<p class="has-text-align-center has-accent-5-color has-text-color has-link-color has-small-font-size"> <?php echo esc_html__( 'info@baty.com', 'baty' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"align":"center","style":{"elements":{"link":{"color":{"text":"var:preset|color|accent-5"}}}},"textColor":"accent-5","fontSize":"small"} -->
<p class="has-text-align-center has-accent-5-color has-text-color has-link-color has-small-font-size"> <?php echo esc_html__( 'booking@baty.com', 'baty' ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->