<?php
/**
 * Title: Header Top Icons
 * Slug: nutrawell/header-top-icons
 * Categories: nutrawell
 * Description: Header top bar contact icons with phone and email.
 * Inserter: no
 */
?>
<!-- wp:group {"className":"contact-info-wrapper","layout":{"type":"flex","flexWrap":"nowrap","alignItems":"center"}} -->
<div class="wp-block-group contact-info-wrapper">

	<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","alignItems":"center"}} -->
	<div class="wp-block-group">
		<!-- wp:image {"linkDestination":"none","className":"is-resized contact-icon"} -->
<figure class="wp-block-image is-resized contact-icon"><img src="<?php echo esc_url( get_template_directory_uri() . '/assets/img/call.svg' ); ?>" alt="<?php echo esc_attr__( 'Phone', 'nutrawell' ); ?>"/></figure>
<!-- /wp:image -->


		<!-- wp:paragraph {"className":"contact-info"} -->
		<p class="contact-info">
			<a href="tel:+12345678900"><?php echo esc_html__( '+1 (234) 567-8900', 'nutrawell' ); ?></a>
		</p>
		<!-- /wp:paragraph -->
	</div>
	<!-- /wp:group -->

	<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","alignItems":"center"}} -->
	<div class="wp-block-group">
		<!-- wp:image {"linkDestination":"none","className":"is-resized contact-icon"} -->
<figure class="wp-block-image is-resized contact-icon"><img src="<?php echo esc_url( get_template_directory_uri() . '/assets/img/mail.svg' ); ?>" alt="<?php echo esc_attr__( 'Email', 'nutrawell' ); ?>"/></figure>
<!-- /wp:image -->
		<!-- wp:paragraph {"className":"contact-info"} -->
		<p class="contact-info">
			<a href="mailto:info@example.com"><?php echo esc_html__( 'info@example.com', 'nutrawell' ); ?></a>
		</p>
		<!-- /wp:paragraph -->
	</div>
	<!-- /wp:group -->

</div>
<!-- /wp:group -->

