<?php

/**
 * Title: Contact Info
 * Slug: elara-nails-and-beauty/contact-info-001
 * Categories: content
 */
?>

<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|superbspacing-xlarge","bottom":"var:preset|spacing|superbspacing-xlarge","left":"var:preset|spacing|superbspacing-small","right":"var:preset|spacing|superbspacing-small"},"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained","contentSize":""}} -->
<div class="wp-block-group alignfull" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--superbspacing-xlarge);padding-right:var(--wp--preset--spacing--superbspacing-small);padding-bottom:var(--wp--preset--spacing--superbspacing-xlarge);padding-left:var(--wp--preset--spacing--superbspacing-small)"><!-- wp:columns {"style":{"spacing":{"blockGap":{"top":"var:preset|spacing|superbspacing-medium","left":"var:preset|spacing|superbspacing-large"}}}} -->
  <div class="wp-block-columns"><!-- wp:column {"width":"40%"} -->
    <div class="wp-block-column" style="flex-basis:40%"><!-- wp:paragraph {"style":{"typography":{"fontSize":"14px","letterSpacing":"3px","textTransform":"uppercase"}},"textColor":"primary"} -->
      <p class="has-primary-color has-text-color" style="font-size:14px;letter-spacing:3px;text-transform:uppercase"><?php esc_html_e('Visit Us', 'elara-nails-and-beauty'); ?></p>
      <!-- /wp:paragraph -->

      <!-- wp:heading {"style":{"spacing":{"margin":{"top":"16px","bottom":"24px"}}},"fontSize":"superbfont-xlarge"} -->
      <h2 class="wp-block-heading has-superbfont-xlarge-font-size" style="margin-top:16px;margin-bottom:24px"><?php esc_html_e('Get In Touch', 'elara-nails-and-beauty'); ?></h2>
      <!-- /wp:heading -->

      <!-- wp:paragraph {"style":{"typography":{"fontSize":"16px"}},"textColor":"mono-2"} -->
      <p class="has-mono-2-color has-text-color" style="font-size:16px"><?php esc_html_e('Whether you want to book, have a question about a treatment, or just want to know what\'s right for you — we\'re here and happy to help. No question is too small.', 'elara-nails-and-beauty'); ?></p>
      <!-- /wp:paragraph -->

      <!-- wp:group {"style":{"spacing":{"margin":{"top":"40px"},"blockGap":"28px"}},"layout":{"type":"flex","orientation":"vertical"}} -->
      <div class="wp-block-group" style="margin-top:40px"><!-- wp:group {"style":{"spacing":{"blockGap":"16px"},"border":{"left":{"color":"var:preset|color|primary","width":"3px"},"top":{},"right":{},"bottom":{}}},"layout":{"type":"constrained"}} -->
        <div class="wp-block-group" style="border-left-color:var(--wp--preset--color--primary);border-left-width:3px"><!-- wp:group {"style":{"spacing":{"padding":{"left":"20px"},"blockGap":"4px"}},"layout":{"type":"constrained"}} -->
          <div class="wp-block-group" style="padding-left:20px"><!-- wp:heading {"level":4,"style":{"typography":{"fontSize":"18px","fontStyle":"normal"}}} -->
            <h4 class="wp-block-heading" style="font-size:18px;font-style:normal"><?php esc_html_e('Address', 'elara-nails-and-beauty'); ?></h4>
            <!-- /wp:heading -->

            <!-- wp:paragraph {"textColor":"mono-2","fontSize":"superbfont-xsmall"} -->
            <p class="has-mono-2-color has-text-color has-superbfont-xsmall-font-size"><?php esc_html_e('14 Studio Lane, Merchant Quarter', 'elara-nails-and-beauty'); ?><br><?php esc_html_e('Manchester, M2 4WY', 'elara-nails-and-beauty'); ?></p>
            <!-- /wp:paragraph -->
          </div>
          <!-- /wp:group -->
        </div>
        <!-- /wp:group -->

        <!-- wp:group {"style":{"spacing":{"blockGap":"16px"},"border":{"left":{"color":"var:preset|color|primary","width":"3px"},"top":{},"right":{},"bottom":{}}},"layout":{"type":"constrained"}} -->
        <div class="wp-block-group" style="border-left-color:var(--wp--preset--color--primary);border-left-width:3px"><!-- wp:group {"style":{"spacing":{"padding":{"left":"20px"},"blockGap":"4px"}},"layout":{"type":"constrained"}} -->
          <div class="wp-block-group" style="padding-left:20px"><!-- wp:heading {"level":4,"style":{"typography":{"fontSize":"18px","fontStyle":"normal"}}} -->
            <h4 class="wp-block-heading" style="font-size:18px;font-style:normal"><?php esc_html_e('Phone', 'elara-nails-and-beauty'); ?></h4>
            <!-- /wp:heading -->

            <!-- wp:paragraph {"textColor":"mono-2","fontSize":"superbfont-xsmall"} -->
            <p class="has-mono-2-color has-text-color has-superbfont-xsmall-font-size"><?php esc_html_e('0161 555 0199', 'elara-nails-and-beauty'); ?></p>
            <!-- /wp:paragraph -->
          </div>
          <!-- /wp:group -->
        </div>
        <!-- /wp:group -->

        <!-- wp:group {"style":{"spacing":{"blockGap":"16px"},"border":{"left":{"color":"var:preset|color|primary","width":"3px"},"top":{},"right":{},"bottom":{}}},"layout":{"type":"constrained"}} -->
        <div class="wp-block-group" style="border-left-color:var(--wp--preset--color--primary);border-left-width:3px"><!-- wp:group {"style":{"spacing":{"padding":{"left":"20px"},"blockGap":"4px"}},"layout":{"type":"constrained"}} -->
          <div class="wp-block-group" style="padding-left:20px"><!-- wp:heading {"level":4,"style":{"typography":{"fontSize":"18px","fontStyle":"normal"}}} -->
            <h4 class="wp-block-heading" style="font-size:18px;font-style:normal"><?php esc_html_e('Email', 'elara-nails-and-beauty'); ?></h4>
            <!-- /wp:heading -->

            <!-- wp:paragraph {"textColor":"mono-2","fontSize":"superbfont-xsmall"} -->
            <p class="has-mono-2-color has-text-color has-superbfont-xsmall-font-size"><?php esc_html_e('hello@example.com', 'elara-nails-and-beauty'); ?></p>
            <!-- /wp:paragraph -->
          </div>
          <!-- /wp:group -->
        </div>
        <!-- /wp:group -->

        <!-- wp:group {"style":{"spacing":{"blockGap":"16px"},"border":{"left":{"color":"var:preset|color|primary","width":"3px"},"top":{},"right":{},"bottom":{}}},"layout":{"type":"constrained"}} -->
        <div class="wp-block-group" style="border-left-color:var(--wp--preset--color--primary);border-left-width:3px"><!-- wp:group {"style":{"spacing":{"padding":{"left":"20px"},"blockGap":"4px"}},"layout":{"type":"constrained"}} -->
          <div class="wp-block-group" style="padding-left:20px"><!-- wp:heading {"level":4,"style":{"typography":{"fontSize":"18px","fontStyle":"normal"}}} -->
            <h4 class="wp-block-heading" style="font-size:18px;font-style:normal"><?php esc_html_e('Hours', 'elara-nails-and-beauty'); ?></h4>
            <!-- /wp:heading -->

            <!-- wp:paragraph {"textColor":"mono-2","fontSize":"superbfont-xsmall"} -->
            <p class="has-mono-2-color has-text-color has-superbfont-xsmall-font-size"><?php esc_html_e('Monday - Saturday: 9am - 7pm', 'elara-nails-and-beauty'); ?><br><?php esc_html_e('Sunday: 10am - 5pm', 'elara-nails-and-beauty'); ?></p>
            <!-- /wp:paragraph -->
          </div>
          <!-- /wp:group -->
        </div>
        <!-- /wp:group -->
      </div>
      <!-- /wp:group -->
    </div>
    <!-- /wp:column -->

    <!-- wp:column {"width":"60%","style":{"spacing":{"padding":{"top":"40px","bottom":"40px","left":"40px","right":"40px"}},"border":{"radius":"8px"}},"backgroundColor":"mono-4"} -->
    <div class="wp-block-column has-mono-4-background-color has-background" style="border-radius:8px;padding-top:40px;padding-right:40px;padding-bottom:40px;padding-left:40px;flex-basis:60%"><!-- wp:heading {"level":3,"style":{"spacing":{"margin":{"bottom":"8px"}}},"fontSize":"superbfont-large"} -->
      <h3 class="wp-block-heading has-superbfont-large-font-size" style="margin-bottom:8px"><?php esc_html_e('Drop Us a Message', 'elara-nails-and-beauty'); ?></h3>
      <!-- /wp:heading -->

      <!-- wp:paragraph {"style":{"spacing":{"margin":{"bottom":"30px"}}},"textColor":"mono-2","fontSize":"superbfont-xsmall"} -->
      <p class="has-mono-2-color has-text-color has-superbfont-xsmall-font-size" style="margin-bottom:30px"><?php esc_html_e('Fill in the form and we\'ll reply within a few hours during business hours.', 'elara-nails-and-beauty'); ?></p>
      <!-- /wp:paragraph -->

      <!-- wp:paragraph {"textColor":"mono-2","fontSize":"superbfont-xsmall"} -->
      <p class="has-mono-2-color has-text-color has-superbfont-xsmall-font-size"><em><?php esc_html_e('Add your contact form here using a plugin such as WPForms, Contact Form 7, or Gravity Forms.', 'elara-nails-and-beauty'); ?></em></p>
      <!-- /wp:paragraph -->

      <!-- wp:buttons {"style":{"spacing":{"margin":{"top":"30px"}}},"layout":{"type":"flex","justifyContent":"left"}} -->
      <div class="wp-block-buttons" style="margin-top:30px"><!-- wp:button {"width":50,"style":{"typography":{"letterSpacing":"2px","textTransform":"uppercase"},"spacing":{"padding":{"top":"18px","bottom":"18px"}},"border":{"radius":"4px"}},"fontSize":"superbfont-xsmall"} -->
        <div class="wp-block-button has-custom-width wp-block-button__width-50"><a class="wp-block-button__link has-superbfont-xsmall-font-size has-custom-font-size wp-element-button" href="#" style="border-radius:4px;padding-top:18px;padding-bottom:18px;letter-spacing:2px;text-transform:uppercase"><?php esc_html_e('Send Message', 'elara-nails-and-beauty'); ?></a></div>
        <!-- /wp:button -->
      </div>
      <!-- /wp:buttons -->
    </div>
    <!-- /wp:column -->
  </div>
  <!-- /wp:columns -->
</div>
<!-- /wp:group -->
