<?php

/**
 * Title: Topbar Default
 * Slug: spa-centric/topbar-default
 * Categories: spa-centric, topbar
 */

$SPA_CENTRIC_url = trailingslashit(get_template_directory_uri());
$SPA_CENTRIC_images = array(
    $SPA_CENTRIC_url . 'assets/images/call-us-icon.png',
    $SPA_CENTRIC_url . 'assets/images/mail-us-icon.png',
    $SPA_CENTRIC_url . 'assets/images/location-pin.png',
    $SPA_CENTRIC_url . 'assets/images/timer.png',
);

?>
<!-- wp:group {"backgroundColor":"blue","className":"spa-centric-topbar-group","layout":{"type":"constrained","contentSize":"1440px"}} -->
<div class="wp-block-group spa-centric-topbar-group has-blue-background-color has-background"><!-- wp:columns {"style":{"typography":{"lineHeight":"1"},"spacing":{"padding":{"top":"0","bottom":"0","left":"0","right":"0"}}},"backgroundColor":"blue","className":"innometrics-topbar"} -->
<div class="wp-block-columns innometrics-topbar has-blue-background-color has-background" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;line-height:1"><!-- wp:column {"verticalAlignment":"center","width":"18%","style":{"spacing":{"padding":{"top":"0","bottom":"0","left":"0","right":"0"},"blockGap":"0"}},"className":"innometrics-header-social","layout":{"type":"default"}} -->
<div class="wp-block-column is-vertically-aligned-center innometrics-header-social" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;flex-basis:18%"><!-- wp:group {"className":"innometrics-header-social","layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"left","orientation":"horizontal"}} -->
<div class="wp-block-group innometrics-header-social"><!-- wp:image {"id":28} -->
<figure class="wp-block-image"><img src="<?php echo esc_url($SPA_CENTRIC_images[2], 'spa-centric'); ?>" alt="" class="wp-image-28"/></figure>
<!-- /wp:image -->

<!-- wp:paragraph {"style":{"typography":{"fontSize":"12px","fontStyle":"normal","fontWeight":"400"},"elements":{"link":{"color":{"text":"var:preset|color|light-color"}}}},"textColor":"light-color","fontFamily":"libre-baskerville"} -->
<p class="has-light-color-color has-text-color has-link-color has-libre-baskerville-font-family" style="font-size:12px;font-style:normal;font-weight:400"><?php esc_html_e('Spa Centre, 12B Street, XYZ City', 'spa-centric'); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","width":"40%","style":{"spacing":{"padding":{"top":"var:preset|spacing|20","bottom":"var:preset|spacing|20"}}}} -->
<div class="wp-block-column is-vertically-aligned-center" style="padding-top:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);flex-basis:40%"><!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column {"verticalAlignment":"center","width":"55%"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:55%"><!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|20","bottom":"var:preset|spacing|20"}}},"className":"innometrics-header-callus","layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"right","verticalAlignment":"center","orientation":"horizontal"}} -->
<div class="wp-block-group innometrics-header-callus" style="padding-top:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20)"><!-- wp:image {"id":18,"sizeSlug":"full","linkDestination":"none","style":{"layout":{"selfStretch":"fit","flexSize":null}},"className":"is-style-default"} -->
<figure class="wp-block-image size-full is-style-default"><img src="<?php echo esc_url($SPA_CENTRIC_images[1], 'spa-centric'); ?>" alt="" class="wp-image-18"/></figure>
<!-- /wp:image -->

<!-- wp:paragraph {"style":{"layout":{"selfStretch":"fit","flexSize":null},"elements":{"link":{"color":{"text":"var:preset|color|orange"}}},"spacing":{"padding":{"top":"0px","bottom":"0px","right":"0px","left":"0px"}}},"textColor":"orange","fontSize":"x-small","fontFamily":"libre-baskerville"} -->
<p class="has-orange-color has-text-color has-link-color has-libre-baskerville-font-family has-x-small-font-size" style="padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px"><?php esc_html_e('Mail At:', 'spa-centric'); ?></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|light-color"}}}},"textColor":"light-color","fontSize":"x-small","fontFamily":"libre-baskerville"} -->
<p class="has-light-color-color has-text-color has-link-color has-libre-baskerville-font-family has-x-small-font-size"><a href="#"><?php esc_html_e('spacentreinfo@example.com', 'spa-centric'); ?></a></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","width":"45%"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:45%"><!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|20","bottom":"var:preset|spacing|20"}},"border":{"right":{"width":"0px","style":"none"},"top":[],"bottom":[],"left":[]}},"className":"innometrics-header-callus","layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"left","verticalAlignment":"center","orientation":"horizontal"}} -->
<div class="wp-block-group innometrics-header-callus" style="border-right-style:none;border-right-width:0px;padding-top:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20)"><!-- wp:image {"id":29,"sizeSlug":"full","linkDestination":"none","style":{"layout":{"selfStretch":"fit","flexSize":null}},"className":"is-style-default"} -->
<figure class="wp-block-image size-full is-style-default"><img src="<?php echo esc_url($SPA_CENTRIC_images[0], 'spa-centric'); ?>" alt="" class="wp-image-29"/></figure>
<!-- /wp:image -->

<!-- wp:paragraph {"style":{"layout":{"selfStretch":"fit","flexSize":null},"elements":{"link":{"color":{"text":"var:preset|color|orange"}}},"spacing":{"padding":{"top":"0px","bottom":"0px","right":"0px","left":"0px"}}},"textColor":"orange","fontSize":"x-small","fontFamily":"libre-baskerville"} -->
<p class="has-orange-color has-text-color has-link-color has-libre-baskerville-font-family has-x-small-font-size" style="padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px"><?php esc_html_e('Call At:', 'spa-centric'); ?></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|light-color"}}}},"textColor":"light-color","fontSize":"small","fontFamily":"libre-baskerville"} -->
<p class="has-light-color-color has-text-color has-link-color has-libre-baskerville-font-family has-small-font-size"><a href="#"><?php esc_html_e('123456789', 'spa-centric'); ?></a></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","width":"18%","style":{"spacing":{"padding":{"top":"0","bottom":"0","left":"0","right":"0"},"blockGap":"0"}},"className":"innometrics-header-social","layout":{"type":"default"}} -->
<div class="wp-block-column is-vertically-aligned-center innometrics-header-social" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;flex-basis:18%"><!-- wp:group {"className":"innometrics-header-social","layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"left","orientation":"horizontal"}} -->
<div class="wp-block-group innometrics-header-social"><!-- wp:image {"id":30,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="<?php echo esc_url($SPA_CENTRIC_images[3], 'spa-centric'); ?>" alt="" class="wp-image-30"/></figure>
<!-- /wp:image -->

<!-- wp:paragraph {"style":{"typography":{"fontSize":"11px","fontStyle":"normal","fontWeight":"400"},"elements":{"link":{"color":{"text":"var:preset|color|light-color"}}}},"textColor":"light-color","fontFamily":"libre-baskerville"} -->
<p class="has-light-color-color has-text-color has-link-color has-libre-baskerville-font-family" style="font-size:11px;font-style:normal;font-weight:400"><?php esc_html_e('Opening Hours : 10:00 am - 6:00 pm', 'spa-centric'); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","width":"19%","className":"topbar-follow-us-section","layout":{"type":"default"}} -->
<div class="wp-block-column is-vertically-aligned-center topbar-follow-us-section" style="flex-basis:19%"><!-- wp:group {"className":"innometrics-header-social","layout":{"type":"flex","flexWrap":"wrap","justifyContent":"right"}} -->
<div class="wp-block-group innometrics-header-social"><!-- wp:paragraph {"style":{"typography":{"fontStyle":"normal","fontWeight":"400"},"elements":{"link":{"color":{"text":"var:preset|color|light-color"}}}},"textColor":"light-color","fontSize":"x-small","fontFamily":"libre-baskerville"} -->
<p class="has-light-color-color has-text-color has-link-color has-libre-baskerville-font-family has-x-small-font-size" style="font-style:normal;font-weight:400"><?php esc_html_e('Follow Us on:', 'spa-centric'); ?></p>
<!-- /wp:paragraph -->

<!-- wp:social-links {"iconColor":"light-color","iconColorValue":"#FFFFFF","openInNewTab":true,"size":"has-small-icon-size","className":"is-style-logos-only","layout":{"type":"flex","justifyContent":"center","orientation":"horizontal","flexWrap":"nowrap"}} -->
<ul class="wp-block-social-links has-small-icon-size has-icon-color is-style-logos-only"><!-- wp:social-link {"url":"#","service":"facebook"} /-->

<!-- wp:social-link {"url":"#","service":"instagram"} /-->

<!-- wp:social-link {"url":"#","service":"twitter"} /-->

<!-- wp:social-link {"url":"#","service":"pinterest"} /--></ul>
<!-- /wp:social-links --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->