<?php
/**
 * Title: Home Banner
 * Slug: hair-dresser-and-salon/home-banner
 * Categories: template
 */

?>

<!-- wp:group {"tagName":"main","className":"main-slides","layout":{"type":"constrained"}} -->
<main class="wp-block-group main-slides"><!-- wp:group {"className":"main-banner-sec","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group main-banner-sec" style="margin-top:0;margin-bottom:0"><!-- wp:group {"className":"owl-carousel","style":{"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"top":"0","bottom":"0","left":"0","right":"0"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group owl-carousel" style="margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:cover {"overlayColor":"third-color","isUserOverlayColor":true,"minHeight":650,"className":"slider-cover","layout":{"type":"constrained","contentSize":"80%"}} -->
<div class="wp-block-cover slider-cover" style="min-height:650px"><span aria-hidden="true" class="wp-block-cover__background has-third-color-background-color has-background-dim-100 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:columns {"className":"slider-main-col"} -->
<div class="wp-block-columns slider-main-col"><!-- wp:column {"verticalAlignment":"center","width":"30%","className":"slider-content-col"} -->
<div class="wp-block-column is-vertically-aligned-center slider-content-col" style="flex-basis:30%"><!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|primary"}}},"typography":{"fontSize":"24px","fontStyle":"Regular","fontWeight":"400","letterSpacing":"1px"}},"textColor":"primary","fontFamily":"Dancing Script"} -->
<p class="has-primary-color has-text-color has-link-color has-dancing-script-font-family" style="font-size:24px;font-style:Regular;font-weight:400;letter-spacing:1px"><?php esc_html_e('Veloura Salon Studio','hair-dresser-and-salon'); ?></p>
<!-- /wp:paragraph -->

<!-- wp:heading {"style":{"typography":{"fontSize":"62px","textTransform":"capitalize"},"elements":{"link":{"color":{"text":"var:preset|color|secondary"}}},"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"top":"0","bottom":"0"}}},"textColor":"secondary","fontFamily":"Reddit Sans"} -->
<h2 class="wp-block-heading has-secondary-color has-text-color has-link-color has-reddit-sans-font-family" style="margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0;font-size:62px;text-transform:capitalize"><?php esc_html_e('Create Styles That Define','hair-dresser-and-salon'); ?></h2>
<!-- /wp:heading -->

<!-- wp:group {"className":"slider-title","style":{"spacing":{"margin":{"top":"0","bottom":"0"},"blockGap":"20px"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group slider-title" style="margin-top:0;margin-bottom:0"><!-- wp:heading {"style":{"typography":{"fontSize":"62px","textTransform":"capitalize"},"elements":{"link":{"color":{"text":"var:preset|color|secondary"}}}},"textColor":"secondary","fontFamily":"Reddit Sans"} -->
<h2 class="wp-block-heading has-secondary-color has-text-color has-link-color has-reddit-sans-font-family" style="font-size:62px;text-transform:capitalize"><?php esc_html_e('you','hair-dresser-and-salon'); ?></h2>
<!-- /wp:heading -->

<!-- wp:image {"id":1687,"width":"50px","height":"50px","scale":"cover","sizeSlug":"full","linkDestination":"none","className":"is-style-rounded slider-title-img","style":{"layout":{"selfStretch":"fit","flexSize":null},"spacing":{"margin":{"top":"0","bottom":"0","left":"0","right":"0"}}}} -->
<figure class="wp-block-image size-full is-resized is-style-rounded slider-title-img" style="margin-top:0;margin-right:0;margin-bottom:0;margin-left:0"><img src="<?php echo esc_url( get_template_directory_uri() . '/images/slider-title-img.png'); ?>" alt="" class="wp-image-1687" style="object-fit:cover;width:50px;height:50px"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"textColor":"primary","className":"slider-btn","style":{"elements":{"link":{"color":{"text":"var:preset|color|primary"}}},"border":{"radius":{"topLeft":"0px","topRight":"0px","bottomLeft":"0px","bottomRight":"0px"}}}} -->
<div class="wp-block-button slider-btn"><a href="#" class="wp-block-button__link has-primary-color has-text-color has-link-color wp-element-button" style="border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-left-radius:0px;border-bottom-right-radius:0px"><?php esc_html_e('Explore Services','hair-dresser-and-salon'); ?></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"bottom","className":"slider-img-col"} -->
<div class="wp-block-column is-vertically-aligned-bottom slider-img-col"><!-- wp:group {"className":"slider-img","layout":{"type":"constrained"}} -->
<div class="wp-block-group slider-img"><!-- wp:image {"id":1862,"sizeSlug":"full","linkDestination":"none","align":"right"} -->
<figure class="wp-block-image alignright size-full"><img src="<?php echo esc_url( get_template_directory_uri() . '/images/slider-img1.png'); ?>" alt="" class="wp-image-1862"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:html -->
<div class="custom-pagination">
    <span class="pagination-item active" data-slide="0">
        <?php esc_html_e('01','hair-dresser-and-salon'); ?></span>
    <span class="pagination-item" data-slide="1">
        <?php esc_html_e('02','hair-dresser-and-salon'); ?></span>
    <span class="pagination-item" data-slide="2">
        <?php esc_html_e('03','hair-dresser-and-salon'); ?></span>
<span class="pagination-item" data-slide="3">
        <?php esc_html_e('04','hair-dresser-and-salon'); ?></span>

</div>
<!-- /wp:html --></div></div>
<!-- /wp:cover -->
<!-- wp:cover {"overlayColor":"third-color","isUserOverlayColor":true,"minHeight":650,"className":"slider-cover","layout":{"type":"constrained","contentSize":"80%"}} -->
<div class="wp-block-cover slider-cover" style="min-height:650px"><span aria-hidden="true" class="wp-block-cover__background has-third-color-background-color has-background-dim-100 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:columns {"className":"slider-main-col"} -->
<div class="wp-block-columns slider-main-col"><!-- wp:column {"verticalAlignment":"center","width":"30%","className":"slider-content-col"} -->
<div class="wp-block-column is-vertically-aligned-center slider-content-col" style="flex-basis:30%"><!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|primary"}}},"typography":{"fontSize":"24px","fontStyle":"Regular","fontWeight":"400","letterSpacing":"1px"}},"textColor":"primary","fontFamily":"Dancing Script"} -->
<p class="has-primary-color has-text-color has-link-color has-dancing-script-font-family" style="font-size:24px;font-style:Regular;font-weight:400;letter-spacing:1px"><?php esc_html_e('Veloura Salon Studio','hair-dresser-and-salon'); ?></p>
<!-- /wp:paragraph -->

<!-- wp:heading {"style":{"typography":{"fontSize":"62px","textTransform":"capitalize"},"elements":{"link":{"color":{"text":"var:preset|color|secondary"}}},"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"top":"0","bottom":"0"}}},"textColor":"secondary","fontFamily":"Reddit Sans"} -->
<h2 class="wp-block-heading has-secondary-color has-text-color has-link-color has-reddit-sans-font-family" style="margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0;font-size:62px;text-transform:capitalize"><?php esc_html_e('Discover Looks That Define','hair-dresser-and-salon'); ?></h2>
<!-- /wp:heading -->

<!-- wp:group {"className":"slider-title","style":{"spacing":{"margin":{"top":"0","bottom":"0"},"blockGap":"20px"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group slider-title" style="margin-top:0;margin-bottom:0"><!-- wp:heading {"style":{"typography":{"fontSize":"62px","textTransform":"capitalize"},"elements":{"link":{"color":{"text":"var:preset|color|secondary"}}}},"textColor":"secondary","fontFamily":"Reddit Sans"} -->
<h2 class="wp-block-heading has-secondary-color has-text-color has-link-color has-reddit-sans-font-family" style="font-size:62px;text-transform:capitalize"><?php esc_html_e('you','hair-dresser-and-salon'); ?></h2>
<!-- /wp:heading -->

<!-- wp:image {"id":1687,"width":"50px","height":"50px","scale":"cover","sizeSlug":"full","linkDestination":"none","className":"is-style-rounded slider-title-img","style":{"layout":{"selfStretch":"fit","flexSize":null},"spacing":{"margin":{"top":"0","bottom":"0","left":"0","right":"0"}}}} -->
<figure class="wp-block-image size-full is-resized is-style-rounded slider-title-img" style="margin-top:0;margin-right:0;margin-bottom:0;margin-left:0"><img src="<?php echo esc_url( get_template_directory_uri() . '/images/slider-title-img.png'); ?>" alt="" class="wp-image-1687" style="object-fit:cover;width:50px;height:50px"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"textColor":"primary","className":"slider-btn","style":{"elements":{"link":{"color":{"text":"var:preset|color|primary"}}},"border":{"radius":{"topLeft":"0px","topRight":"0px","bottomLeft":"0px","bottomRight":"0px"}}}} -->
<div class="wp-block-button slider-btn"><a href="#" class="wp-block-button__link has-primary-color has-text-color has-link-color wp-element-button" style="border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-left-radius:0px;border-bottom-right-radius:0px"><?php esc_html_e('Explore Services','hair-dresser-and-salon'); ?></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"bottom","className":"slider-img-col"} -->
<div class="wp-block-column is-vertically-aligned-bottom slider-img-col"><!-- wp:group {"className":"slider-img","layout":{"type":"constrained"}} -->
<div class="wp-block-group slider-img"><!-- wp:image {"id":1862,"sizeSlug":"full","linkDestination":"none","align":"right"} -->
<figure class="wp-block-image alignright size-full"><img src="<?php echo esc_url( get_template_directory_uri() . '/images/slider-img2.png'); ?>" alt="" class="wp-image-1862"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:html -->
<div class="custom-pagination">
    <span class="pagination-item active" data-slide="0">
        <?php esc_html_e('01','hair-dresser-and-salon'); ?></span>
    <span class="pagination-item" data-slide="1">
        <?php esc_html_e('02','hair-dresser-and-salon'); ?></span>
    <span class="pagination-item" data-slide="2">
        <?php esc_html_e('03','hair-dresser-and-salon'); ?></span>
<span class="pagination-item" data-slide="3">
        <?php esc_html_e('04','hair-dresser-and-salon'); ?></span>

</div>
<!-- /wp:html --></div></div>
<!-- /wp:cover -->

<!-- wp:cover {"overlayColor":"third-color","isUserOverlayColor":true,"minHeight":650,"className":"slider-cover","layout":{"type":"constrained","contentSize":"80%"}} -->
<div class="wp-block-cover slider-cover" style="min-height:650px"><span aria-hidden="true" class="wp-block-cover__background has-third-color-background-color has-background-dim-100 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:columns {"className":"slider-main-col"} -->
<div class="wp-block-columns slider-main-col"><!-- wp:column {"verticalAlignment":"center","width":"30%","className":"slider-content-col"} -->
<div class="wp-block-column is-vertically-aligned-center slider-content-col" style="flex-basis:30%"><!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|primary"}}},"typography":{"fontSize":"24px","fontStyle":"Regular","fontWeight":"400","letterSpacing":"1px"}},"textColor":"primary","fontFamily":"Dancing Script"} -->
<p class="has-primary-color has-text-color has-link-color has-dancing-script-font-family" style="font-size:24px;font-style:Regular;font-weight:400;letter-spacing:1px"><?php esc_html_e('Elysia Beauty Lounge','hair-dresser-and-salon'); ?></p>
<!-- /wp:paragraph -->

<!-- wp:heading {"style":{"typography":{"fontSize":"62px","textTransform":"capitalize"},"elements":{"link":{"color":{"text":"var:preset|color|secondary"}}},"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"top":"0","bottom":"0"}}},"textColor":"secondary","fontFamily":"Reddit Sans"} -->
<h2 class="wp-block-heading has-secondary-color has-text-color has-link-color has-reddit-sans-font-family" style="margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0;font-size:62px;text-transform:capitalize"><?php esc_html_e('Build Wardrobes That Define','hair-dresser-and-salon'); ?></h2>
<!-- /wp:heading -->

<!-- wp:group {"className":"slider-title","style":{"spacing":{"margin":{"top":"0","bottom":"0"},"blockGap":"20px"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group slider-title" style="margin-top:0;margin-bottom:0"><!-- wp:heading {"style":{"typography":{"fontSize":"62px","textTransform":"capitalize"},"elements":{"link":{"color":{"text":"var:preset|color|secondary"}}}},"textColor":"secondary","fontFamily":"Reddit Sans"} -->
<h2 class="wp-block-heading has-secondary-color has-text-color has-link-color has-reddit-sans-font-family" style="font-size:62px;text-transform:capitalize"><?php esc_html_e('you','hair-dresser-and-salon'); ?></h2>
<!-- /wp:heading -->

<!-- wp:image {"id":1687,"width":"50px","height":"50px","scale":"cover","sizeSlug":"full","linkDestination":"none","className":"is-style-rounded slider-title-img","style":{"layout":{"selfStretch":"fit","flexSize":null},"spacing":{"margin":{"top":"0","bottom":"0","left":"0","right":"0"}}}} -->
<figure class="wp-block-image size-full is-resized is-style-rounded slider-title-img" style="margin-top:0;margin-right:0;margin-bottom:0;margin-left:0"><img src="<?php echo esc_url( get_template_directory_uri() . '/images/slider-title-img.png'); ?>" alt="" class="wp-image-1687" style="object-fit:cover;width:50px;height:50px"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"textColor":"primary","className":"slider-btn","style":{"elements":{"link":{"color":{"text":"var:preset|color|primary"}}},"border":{"radius":{"topLeft":"0px","topRight":"0px","bottomLeft":"0px","bottomRight":"0px"}}}} -->
<div class="wp-block-button slider-btn"><a href="#" class="wp-block-button__link has-primary-color has-text-color has-link-color wp-element-button" style="border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-left-radius:0px;border-bottom-right-radius:0px"><?php esc_html_e('Explore Services','hair-dresser-and-salon'); ?></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"bottom","className":"slider-img-col"} -->
<div class="wp-block-column is-vertically-aligned-bottom slider-img-col"><!-- wp:group {"className":"slider-img","layout":{"type":"constrained"}} -->
<div class="wp-block-group slider-img"><!-- wp:image {"id":1862,"sizeSlug":"full","linkDestination":"none","align":"right"} -->
<figure class="wp-block-image alignright size-full"><img src="<?php echo esc_url( get_template_directory_uri() . '/images/slider-img3.png'); ?>" alt="" class="wp-image-1862"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:html -->
<div class="custom-pagination">
    <span class="pagination-item active" data-slide="0">
        <?php esc_html_e('01','hair-dresser-and-salon'); ?></span>
    <span class="pagination-item" data-slide="1">
        <?php esc_html_e('02','hair-dresser-and-salon'); ?></span>
    <span class="pagination-item" data-slide="2">
        <?php esc_html_e('03','hair-dresser-and-salon'); ?></span>
<span class="pagination-item" data-slide="3">
        <?php esc_html_e('04','hair-dresser-and-salon'); ?></span>

</div>
<!-- /wp:html --></div></div>
<!-- /wp:cover -->

<!-- wp:cover {"overlayColor":"third-color","isUserOverlayColor":true,"minHeight":650,"className":"slider-cover","layout":{"type":"constrained","contentSize":"80%"}} -->
<div class="wp-block-cover slider-cover" style="min-height:650px"><span aria-hidden="true" class="wp-block-cover__background has-third-color-background-color has-background-dim-100 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:columns {"className":"slider-main-col"} -->
<div class="wp-block-columns slider-main-col"><!-- wp:column {"verticalAlignment":"center","width":"30%","className":"slider-content-col"} -->
<div class="wp-block-column is-vertically-aligned-center slider-content-col" style="flex-basis:30%"><!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|primary"}}},"typography":{"fontSize":"24px","fontStyle":"Regular","fontWeight":"400","letterSpacing":"1px"}},"textColor":"primary","fontFamily":"Dancing Script"} -->
<p class="has-primary-color has-text-color has-link-color has-dancing-script-font-family" style="font-size:24px;font-style:Regular;font-weight:400;letter-spacing:1px"><?php esc_html_e('Lumina Hair Haven','hair-dresser-and-salon'); ?></p>
<!-- /wp:paragraph -->

<!-- wp:heading {"style":{"typography":{"fontSize":"62px","textTransform":"capitalize"},"elements":{"link":{"color":{"text":"var:preset|color|secondary"}}},"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"top":"0","bottom":"0"}}},"textColor":"secondary","fontFamily":"Reddit Sans"} -->
<h2 class="wp-block-heading has-secondary-color has-text-color has-link-color has-reddit-sans-font-family" style="margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0;font-size:62px;text-transform:capitalize"><?php esc_html_e('Create Styles That Define','hair-dresser-and-salon'); ?></h2>
<!-- /wp:heading -->

<!-- wp:group {"className":"slider-title","style":{"spacing":{"margin":{"top":"0","bottom":"0"},"blockGap":"20px"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group slider-title" style="margin-top:0;margin-bottom:0"><!-- wp:heading {"style":{"typography":{"fontSize":"62px","textTransform":"capitalize"},"elements":{"link":{"color":{"text":"var:preset|color|secondary"}}}},"textColor":"secondary","fontFamily":"Reddit Sans"} -->
<h2 class="wp-block-heading has-secondary-color has-text-color has-link-color has-reddit-sans-font-family" style="font-size:62px;text-transform:capitalize"><?php esc_html_e('you','hair-dresser-and-salon'); ?></h2>
<!-- /wp:heading -->

<!-- wp:image {"id":1687,"width":"50px","height":"50px","scale":"cover","sizeSlug":"full","linkDestination":"none","className":"is-style-rounded slider-title-img","style":{"layout":{"selfStretch":"fit","flexSize":null},"spacing":{"margin":{"top":"0","bottom":"0","left":"0","right":"0"}}}} -->
<figure class="wp-block-image size-full is-resized is-style-rounded slider-title-img" style="margin-top:0;margin-right:0;margin-bottom:0;margin-left:0"><img src="<?php echo esc_url( get_template_directory_uri() . '/images/slider-title-img.png'); ?>" alt="" class="wp-image-1687" style="object-fit:cover;width:50px;height:50px"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"textColor":"primary","className":"slider-btn","style":{"elements":{"link":{"color":{"text":"var:preset|color|primary"}}},"border":{"radius":{"topLeft":"0px","topRight":"0px","bottomLeft":"0px","bottomRight":"0px"}}}} -->
<div class="wp-block-button slider-btn"><a href="#" class="wp-block-button__link has-primary-color has-text-color has-link-color wp-element-button" style="border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-left-radius:0px;border-bottom-right-radius:0px"><?php esc_html_e('Explore Services','hair-dresser-and-salon'); ?></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"bottom","className":"slider-img-col"} -->
<div class="wp-block-column is-vertically-aligned-bottom slider-img-col"><!-- wp:group {"className":"slider-img","layout":{"type":"constrained"}} -->
<div class="wp-block-group slider-img"><!-- wp:image {"id":1862,"sizeSlug":"full","linkDestination":"none","align":"right"} -->
<figure class="wp-block-image alignright size-full"><img src="<?php echo esc_url( get_template_directory_uri() . '/images/slider-img4.png'); ?>" alt="" class="wp-image-1862"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:html -->
<div class="custom-pagination">
    <span class="pagination-item active" data-slide="0">
        <?php esc_html_e('01','hair-dresser-and-salon'); ?></span>
    <span class="pagination-item" data-slide="1">
        <?php esc_html_e('02','hair-dresser-and-salon'); ?></span>
    <span class="pagination-item" data-slide="2">
        <?php esc_html_e('03','hair-dresser-and-salon'); ?></span>
<span class="pagination-item" data-slide="3">
        <?php esc_html_e('04','hair-dresser-and-salon'); ?></span>

</div>
<!-- /wp:html --></div></div>
<!-- /wp:cover --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></main>
<!-- /wp:group -->