Server : Apache System : Linux 145.162.205.92.host.secureserver.net 5.14.0-611.45.1.el9_7.x86_64 #1 SMP PREEMPT_DYNAMIC Wed Apr 1 05:56:53 EDT 2026 x86_64 User : tradze ( 1001) PHP Version : 8.1.34 Disable Function : NONE Directory : /home/tradze/public_html/resources/views/membership_old/pages/ |
@extends("membership.layouts.membershipLayout")
@section('content')
<section class="salon-selection-bannre mebmebership_section_desktop">
<div class="slider_elements mebmebership-slider">
<div class="owl-carousel owl_elementBlock owl-theme ">
<div class="item owl_elementBlock__item">
<div class="Outer_sliderLayer">
<div class="innerSliderLayer">
<div class="layerImgFist layer_bLset">
<img style="max-width: 100%;" src="{{ asset('/themes/frontend_new/assets/img/salon_owner/1.jpg') }}" alt="slider-image">
</div>
</div>
</div>
</div>
<div class="item owl_elementBlock__item">
<div class="Outer_sliderLayer">
<div class="innerSliderLayer">
<div class="innerSliderLayer">
<video autoplay muted loop playsinline>
<source src="{{ asset('/themes/frontend_new/assets/img/mobile_services_images/1.mp4') }}" type="video/mp4">
Your browser does not support the video tag.
</video>
</div>
</div>
</div>
</div>
<div class="item owl_elementBlock__item">
<div class="Outer_sliderLayer">
<div class="innerSliderLayer">
<div class="layerImgFist layer_bLset last-slide">
<img style="max-width: 100%;" src="{{ asset('/themes/frontend_new/assets/img/salon_owner/3.jpg') }}" alt="slider-image">
</div>
</div>
</div>
</div>
<div class="item owl_elementBlock__item">
<div class="Outer_sliderLayer">
<div class="innerSliderLayer">
<div class="innerSliderLayer">
<video autoplay muted loop playsinline>
<source src="{{ asset('/themes/frontend_new/assets/img/mobile_services_images/4.mp4') }}" type="video/mp4">
Your browser does not support the video tag.
</video>
</div>
</div>
</div>
</div>
<div class="item owl_elementBlock__item">
<div class="Outer_sliderLayer">
<div class="innerSliderLayer">
<div class="layerImgFist layer_bLset last-slide">
<img style="max-width: 100%;" src="{{ asset('/themes/frontend_new/assets/img/salon_owner/5.jpg') }}" alt="slider-image">
</div>
</div>
</div>
</div>
<div class="item owl_elementBlock__item">
<div class="Outer_sliderLayer">
<div class="innerSliderLayer">
<div class="layerImgFist layer_bLset last-slide">
<img style="max-width: 100%;" src="{{ asset('/themes/frontend_new/assets/img/salon_owner/6.jpg') }}" alt="slider-image">
</div>
</div>
</div>
</div>
<div class="item owl_elementBlock__item">
<div class="Outer_sliderLayer">
<div class="innerSliderLayer">
<div class="layerImgFist layer_bLset last-slide">
<img style="max-width: 100%;" src="{{ asset('/themes/frontend_new/assets/img/salon_owner/7.jpg') }}" alt="slider-image">
</div>
</div>
</div>
</div>
<div class="item owl_elementBlock__item">
<div class="Outer_sliderLayer">
<div class="innerSliderLayer">
<div class="layerImgFist layer_bLset last-slide">
<img style="max-width: 100%;" src="{{ asset('/themes/frontend_new/assets/img/salon_owner/8.jpg') }}" alt="slider-image">
</div>
</div>
</div>
</div>
<div class="item owl_elementBlock__item">
<div class="Outer_sliderLayer">
<div class="innerSliderLayer">
<div class="layerImgFist layer_bLset last-slide">
<img style="max-width: 100%;" src="{{ asset('/themes/frontend_new/assets/img/salon_owner/9.jpg') }}" alt="slider-image">
</div>
</div>
</div>
</div>
<div class="item owl_elementBlock__item">
<div class="Outer_sliderLayer">
<div class="innerSliderLayer">
<div class="layerImgFist layer_bLset last-slide">
<img style="max-width: 100%;" src="{{ asset('/themes/frontend_new/assets/img/salon_owner/10.jpg') }}" alt="slider-image">
</div>
</div>
</div>
</div>
<div class="item owl_elementBlock__item">
<div class="Outer_sliderLayer">
<div class="innerSliderLayer">
<div class="innerSliderLayer">
<video autoplay muted loop playsinline>
<source src="{{ asset('/themes/frontend_new/assets/img/mobile_services_images/11.mp4') }}" type="video/mp4">
Your browser does not support the video tag.
</video>
</div>
</div>
</div>
</div>
<div class="item owl_elementBlock__item">
<div class="Outer_sliderLayer">
<div class="innerSliderLayer">
<video autoplay muted loop playsinline>
<source src="{{ asset('/themes/frontend_new/assets/img/mobile_services_images/13.mp4') }}" type="video/mp4">
Your browser does not support the video tag.
</video>
</div>
</div>
</div>
<div class="item owl_elementBlock__item">
<div class="item owl_elementBlock__item">
<div class="Outer_sliderLayer">
<div class="innerSliderLayer">
<!-- Subcription plans section -->
<section class="membership-price">
<div class="container">
<div class="row">
@if(isset($plans))
<?php
$i = 1;
?>
@foreach($plans as $key=>$plan)
<div class="col-md-4">
<div class="price-characters">
<div class="mobile-membership">
<div class="mobile-head">
<h3> {{$plan->name}}</h3>
<!-- <h3> MOBILE <br> MEMBERSHIP</h3> -->
</div>
<div class="star-img">
<img src="{{ asset('themes/frontend_new/assets/img/membership/Picture1.png')}}" alt="">
</div>
@if(isset($plan->prices))
@foreach($plan->prices as $price)
<div class="price-monthly">
<h3>£{{$price->amount}}(inc.VAT)</h3>
<!-- <p>monthly</p> -->
</div>
<div class="or">
<p>OR</p>
</div>
@endforeach
@endif
<!-- <div class="price-monthly single-payment">
<h3>£160(inc.VAT)</h3>
<p>single payment 6 month contact</p>
</div>
<div class="or">
<p>LIMITED OFFER</p>
</div>
<div class="price-monthly single-payment">
<h3>£299(inc.VAT)</h3>
<p>single payment 12 month contact</p>
</div> -->
<div class="price-moreInfo">
<a href="javascript:void(0)" class="moreInfoBtn" data-toggle="modal"
data-target="#price-modal">more info</a>
</div>
</div>
@if($i == 1)
<div class="mobile-character">
<img src="{{ asset('themes/frontend_new/assets/img/membership/img-'.$i.'.png')}}" alt="">
</div>
@elseif($i == 2)
<div class="mobile-character2">
<img src="{{ asset('themes/frontend_new/assets/img/membership/img-'.$i.'.png')}}" alt="">
</div>
@elseif($i == 3)
<div class="mobile-character3">
<img src="{{ asset('themes/frontend_new/assets/img/membership/img-'.$i.'.png')}}" alt="">
</div>
@else
<div class="mobile-character">
<img src="{{ asset('themes/frontend_new/assets/img/membership/img-'.$i.'.png')}}" alt="">
</div>
@endif
</div>
</div>
<?php
if($i == 3) {
$i = 0;
}
$i++;
?>
@endforeach
@endif
</div>
</div>
</section>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="modals-section">
<!--Price modal -->
<div class="modal fade" id="price-modal" role="dialog">
<div class="modal-dialog price-modal-width">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Plan Info</h4>
</div>
<div class="modal-body">
<div class="price-popup">
<div class="row popup-flex">
<div class="col-md-12 price-hover">
<div class="price-main">
<div class="price-listPopup">
<p>Benefits</p>
<ul>
<li><i class="fa fa-check" aria-hidden="true"></i>
Unlimited appointments</li>
<li><i class="fa fa-check" aria-hidden="true"></i>
Unlimited email confirmations push notifications</li>
<li><i class="fa fa-check" aria-hidden="true"></i>
Booking management software</li>
<li><i class="fa fa-check" aria-hidden="true"></i>
Featured online visibility</li>
<li><i class="fa fa-check" aria-hidden="true"></i>
Campaign management & marketing via google </li>
<li><i class="fa fa-check" aria-hidden="true"></i>
Promotion & branding </li>
<li><i class="fa fa-check" aria-hidden="true"></i>
Featured page listing </li>
<li><i class="fa fa-check" aria-hidden="true"></i>
Dedicated account manager </li>
<li><i class="fa fa-check" aria-hidden="true"></i>
Professional photoshoot(depending on your location) </li>
<li><i class="fa fa-check" aria-hidden="true"></i>
1h training</li>
</ul>
</div>
<div class="fee-list">
<p>Fess & Commission</p>
<ul>
<li>
<i class="fa fa-check" aria-hidden="true"></i>
0% commission on all bookings
</li>
<li>
<i class="fa fa-check" aria-hidden="true"></i>
One off yearly registration fee
</li>
<li>
<i class="fa fa-check" aria-hidden="true"></i>
0% card processing fee
</li>
<li>
<i class="fa fa-check" aria-hidden="true"></i>
Cancel anytime
</li>
</ul>
</div>
<div class="vat">
<p><small>*</small>inc VAT</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<!-- <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> -->
<div class="subscribeBtn">
<a href="javascript:(void)" class="subscribe subscribe_btn" data-toggle="modal"
data-target="#price-modalInner">ENQUIRE</a>
</div>
</div>
</div>
</div>
</div>
<!--Price modal -->
<!--Price Inner modal -->
<div class="modal fade" id="price-modalInner" data-backdrop="static">
<div class="modal-dialog ">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
</div>
<div class="modal-body">
<div class="contactForm-modal">
<div class="contat-formHead">
<h3>Enter your details to request a free <br> consultation and demo</h3>
<p>We endeavour to get back to you within 24 hours </p>
</div>
<div class="detail-form">
<form action="{{ route('plan.getcontactinformation') }}?_token={{ csrf_token() }}" method="POST">
<div class="full-row">
<div class="form-group">
<input type="text" class="form-control" placeholder="Venue name"
name="name" required>
</div>
</div>
<div class="full-row">
<div class="form-group">
<input type="text" class="form-control" placeholder="Venue type"
name="salon_type" required>
</div>
</div>
<div class="full-col">
<div class="first-col">
<div class="form-group">
<input type="email" class="form-control" placeholder="Email"
name="email" required>
</div>
</div>
<div class="first-col">
<div class="form-group">
<input type="text" class="form-control" placeholder="Phone Number"
name="number" required>
</div>
</div>
</div>
<div class="full-col">
<div class="first-col">
<div class="form-group">
<input type="text" class="form-control" placeholder="Address"
name="address" required>
</div>
</div>
<div class="first-col">
<div class="form-group">
<div class="salon-postalcode">
<input type="text" class="form-control" name="city" placeholder="City" required>
<input type="text" class="form-control" name="postcode" placeholder="Venue Postcode" name="pwd" required>
</div>
</div>
</div>
</div>
<div class="checkbox privacy">
<label>
<!-- <input type="checkbox" name="accept"> -->
You agree to the <span> <a target="_blank" href="{{ url('privacy-policy') }}">Privacy
Policy </a></span></label>
</div>
<div class="checkbox privacy">
<label>
<!-- <input type="checkbox" name="allow_communication"> -->
With this form you would
like to receive communication...</label>
</div>
<div class="find-address">
<button type="submit" class="btn btn-default addressBtn">SUBMIT</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<!--Price Inner modal -->
</section>
<section class="salon-selection-bannre mebmebership_section_mobile">
<div class="slider_elements mebmebership-slider">
<div class="owl-carousel owl_elementBlock owl-theme ">
<div class="item owl_elementBlock__item">
<div class="Outer_sliderLayer">
<div class="innerSliderLayer">
<div class="layerImgFist layer_bLset">
<img style="max-width: 100%;" src="{{ asset('/themes/frontend_new/assets/img/membership/responsive_venue_images/salon_1.jpg') }}" alt="slider-image">
</div>
</div>
</div>
</div>
<div class="item owl_elementBlock__item">
<div class="Outer_sliderLayer">
<div class="innerSliderLayer">
<div class="innerSliderLayer">
<video autoplay muted loop playsinline>
<source src="{{ asset('/themes/frontend_new/assets/img/mobile_services_images/1.mp4') }}" type="video/mp4">
Your browser does not support the video tag.
</video>
</div>
</div>
</div>
</div>
<div class="item owl_elementBlock__item">
<div class="Outer_sliderLayer">
<div class="innerSliderLayer">
<div class="layerImgFist layer_bLset last-slide">
<img style="max-width: 100%;" src="{{ asset('/themes/frontend_new/assets/img/membership/responsive_venue_images/salon_2.jpg') }}" alt="slider-image">
</div>
</div>
</div>
</div>
<div class="item owl_elementBlock__item">
<div class="Outer_sliderLayer">
<div class="innerSliderLayer">
<div class="innerSliderLayer">
<video autoplay muted loop playsinline>
<source src="{{ asset('/themes/frontend_new/assets/img/mobile_services_images/4.mp4') }}" type="video/mp4">
Your browser does not support the video tag.
</video>
</div>
</div>
</div>
</div>
<div class="item owl_elementBlock__item">
<div class="Outer_sliderLayer">
<div class="innerSliderLayer">
<div class="layerImgFist layer_bLset last-slide">
<img style="max-width: 100%;" src="{{ asset('/themes/frontend_new/assets/img/membership/responsive_venue_images/salon_3.jpg') }}" alt="slider-image">
</div>
</div>
</div>
</div>
<div class="item owl_elementBlock__item">
<div class="Outer_sliderLayer">
<div class="innerSliderLayer">
<div class="layerImgFist layer_bLset last-slide">
<img style="max-width: 100%;" src="{{ asset('/themes/frontend_new/assets/img/membership/responsive_venue_images/salon_4.jpg') }}" alt="slider-image">
</div>
</div>
</div>
</div>
<div class="item owl_elementBlock__item">
<div class="Outer_sliderLayer">
<div class="innerSliderLayer">
<div class="layerImgFist layer_bLset last-slide">
<img style="max-width: 100%;" src="{{ asset('/themes/frontend_new/assets/img/membership/responsive_venue_images/salon_5.jpg') }}" alt="slider-image">
</div>
</div>
</div>
</div>
<div class="item owl_elementBlock__item">
<div class="Outer_sliderLayer">
<div class="innerSliderLayer">
<div class="layerImgFist layer_bLset last-slide">
<img style="max-width: 100%;" src="{{ asset('/themes/frontend_new/assets/img/membership/responsive_venue_images/salon_6.jpg') }}" alt="slider-image">
</div>
</div>
</div>
</div>
<div class="item owl_elementBlock__item">
<div class="Outer_sliderLayer">
<div class="innerSliderLayer">
<div class="layerImgFist layer_bLset last-slide">
<img style="max-width: 100%;" src="{{ asset('/themes/frontend_new/assets/img/membership/responsive_venue_images/salon_7.jpg') }}" alt="slider-image">
</div>
</div>
</div>
</div>
<div class="item owl_elementBlock__item">
<div class="Outer_sliderLayer">
<div class="innerSliderLayer">
<div class="layerImgFist layer_bLset last-slide">
<img style="max-width: 100%;" src="{{ asset('/themes/frontend_new/assets/img/salon_owner/10.jpg') }}" alt="slider-image">
</div>
</div>
</div>
</div>
<div class="item owl_elementBlock__item">
<div class="Outer_sliderLayer">
<div class="innerSliderLayer">
<div class="innerSliderLayer">
<video autoplay muted loop playsinline>
<source src="{{ asset('/themes/frontend_new/assets/img/mobile_services_images/11.mp4') }}" type="video/mp4">
Your browser does not support the video tag.
</video>
</div>
</div>
</div>
</div>
<div class="item owl_elementBlock__item">
<div class="Outer_sliderLayer">
<div class="innerSliderLayer">
<video autoplay muted loop playsinline>
<source src="{{ asset('/themes/frontend_new/assets/img/mobile_services_images/13.mp4') }}" type="video/mp4">
Your browser does not support the video tag.
</video>
</div>
</div>
</div>
</div>
</div>
<div class="innerSliderLayer">
<!-- Subcription plans section -->
<section class="membership-price">
<div class="container">
<div class="row">
@if(isset($plans))
<?php
$i = 1;
?>
@foreach($plans as $key=>$plan)
<div class="col-md-4">
<div class="price-characters">
<div class="mobile-membership">
<div class="mobile-head">
<h3> {{$plan->name}}</h3>
<!-- <h3> MOBILE <br> MEMBERSHIP</h3> -->
</div>
<div class="star-img">
<img src="{{ asset('themes/frontend_new/assets/img/membership/Picture1.png')}}" alt="">
</div>
@if(isset($plan->prices))
@foreach($plan->prices as $price)
<div class="price-monthly">
<h3>£{{$price->amount}}(inc.VAT)</h3>
<!-- <p>monthly</p> -->
</div>
<div class="or">
<p>OR</p>
</div>
@endforeach
@endif
<div class="price-moreInfo">
<a href="javascript:void(0)" class="moreInfoBtn" data-toggle="modal"
data-target="#price-modal">more info</a>
</div>
</div>
@if($i == 1)
<div class="mobile-character">
<img src="{{ asset('themes/frontend_new/assets/img/membership/img-'.$i.'.png')}}" alt="">
</div>
@elseif($i == 2)
<div class="mobile-character2">
<img src="{{ asset('themes/frontend_new/assets/img/membership/img-'.$i.'.png')}}" alt="">
</div>
@elseif($i == 3)
<div class="mobile-character3">
<img src="{{ asset('themes/frontend_new/assets/img/membership/img-'.$i.'.png')}}" alt="">
</div>
@else
<div class="mobile-character">
<img src="{{ asset('themes/frontend_new/assets/img/membership/img-'.$i.'.png')}}" alt="">
</div>
@endif
</div>
</div>
<?php
if($i == 3) {
$i = 0;
}
$i++;
?>
@endforeach
@endif
</div>
</div>
</section>
</div>
</section>
@endsection