HOME

Mini Shell 1.0
DIR:/home/htlwork.com/www/dev/vantastic-barber/resources/views/frontend/pages/
Current File : /home/htlwork.com/www/dev/vantastic-barber/resources/views/frontend/pages/home.blade.php
@extends('frontend.main')

@section('main_content')
<section class="banner" id="Home">
	    <div class="container">
		  <div class="row align-items-center">

			<div class="col-sm-6 banner-left">
			  <figure>
			    <img class="img-fluid" src="{{ asset('images/front/banner-img-01.png') }}" alt="image"/>
				<img class="img-fluid2 updown" src="{{ asset('images/front/banner-img-02.png') }}" alt="image"/>
			  </figure>
			</div>

			<div class="col-sm-6 banner-right">
			  <div class="slide-text">
			    <h1>Innovation & Luxury on Wheels<span>The barbershop that comes to you</span></h1>
				<!----<p>Lorem ipsum dolor sit amet elit nulla quis pretium est imperdiet eget ipsum dolor sit amet elit In venenatis nulla quis eget.</p>---->
				<p><a href="{{ route('book-now') }}" class="btn btn-default"><i class="fa fa-angle-double-right" aria-hidden="true"></i> Book Now</a></p>	
			  </div>			
			</div>

	      </div><!--/ row -->
	    </div>

</section><!--/ banner -->

<section class="about-sec">
  <div class="container">
    <div class="row">

	  <div class="col-sm-12 about-title aos-init aos-animate" data-aos="zoom-in">
	      <h2><small>Welcome to Vantastic Barber</small>THE BARBERSHOP THAT COMES TO YOU</h2>
		  <p>Vantastic Barber is a mobile Barbershop. Which comes to you by appointment. We provide all kind of men’s/kid’s haircuts with affordable prices.</p>
		  <p>At Vantastic we value our customer’s time, So the idea of the Vantastic mobile barbershop is to provide customers with that personal barber experience and to save customer’s time so that they don’t have to travel and wait for a haircut for hours. Customers can save that time for their loved one’s or any other activity they like.</p>
		  <p>Vantastic barber can visit you at your home or work. (Provided that there is safe place to park the van).</p>
		  <p>Get your haircut done at your doorstep without wasting your time. Book your next haircut online.</p>
      </div><!--/ col-sm -->

	  <div class="col-sm-4 about-service aos-init aos-animate" data-aos="zoom-in">
	    <div class="service-box">
		  <figure><img src="{{ asset('images/front/img-01.jpg') }}" alt="Image"></figure>
		  <div class="service-content">
			<h4>Emergency Response</h4>
		  </div>
		</div>
      </div><!--/ col-sm -->

	  <div class="col-sm-4 about-service aos-init aos-animate" data-aos="zoom-in">
	    <div class="service-box">
		  <figure><img src="{{ asset('images/front/img-02.jpg') }}" alt="Image"></figure>
		  <div class="service-content">
			<h4>100% Satisfication</h4>
		  </div>
		</div>
      </div><!--/ col-sm -->

	  <div class="col-sm-4 about-service aos-init aos-animate" data-aos="zoom-in">
	    <div class="service-box">
		  <figure><img src="{{ asset('images/front/img-03.jpg') }}" alt="Image"></figure>
		  <div class="service-content">
			<h4>Premium Service</h4>
		  </div>
		</div>
      </div><!--/ col-sm -->

    </div><!--/ row -->
  </div>
</section>

<section class="services-sec">
  <div class="container">
    <div class="row">

	  <div class="col-sm-12 cs-top aos-init aos-animate" data-aos="zoom-in">
	    <h2><small>What We Do</small>Our <span>Services</span></h2>
	  </div><!--/ col-sm -->

	  <div class="col-sm-12 ss-coll aos-init aos-animate" data-aos="zoom-in">
		<div class="owl-carousel owl-theme" id="owl-demo-2">

		  <div class="item">
		    <div class="specialitie-box">
			  <figure><img src="{{ asset('images/front/istockphoto-546796802-612x612.jpg') }}" alt="Image"><img src="{{ asset('images/front/istockphoto-546796802-612x612.jpg') }}" alt="Image"></figure>
			  <h4>Haircut & Beard</h4>  
			  <!----<p>Lorem ipsum dolor sit amet elit sed do eiusmod tempor ut labore et dolore magna aliqua enim quis commodo.</p>---->
			  <p><a href="{{ route('book-now') }}" class="btn"><i class="fa fa-angle-double-right" aria-hidden="true"></i> Book Now</a></p>		
			</div>
		  </div><!--/ item -->

		  <div class="item">
		    <div class="specialitie-box">
			  <figure><img src="{{ asset('images/front/crop-hand-trimming-moustache-customer_23-2147778871.jpg') }}" alt="Image"><img src="{{ asset('images/front/crop-hand-trimming-moustache-customer_23-2147778871.jpg') }}" alt="Image"></figure>
			  <h4>Beard and Moustache</h4>		
			  <!----<p>Lorem ipsum dolor sit amet elit sed do eiusmod tempor ut labore et dolore magna aliqua enim quis commodo.</p>---->		
			  <p><a href="{{ route('book-now') }}" class="btn"><i class="fa fa-angle-double-right" aria-hidden="true"></i> Book Now</a></p>
			</div>
		  </div><!--/ item -->

		  <div class="item">
		    <div class="specialitie-box">
			  <figure><img src="{{ asset('images/front/istockphoto-640274128-612x612.jpg') }}" alt="Image"><img src="{{ asset('images/front/istockphoto-640274128-612x612.jpg') }}" alt="Image"></figure>  
			  <h4>Men’s Haircut</h4>  
			  <!----<p>Lorem ipsum dolor sit amet elit sed do eiusmod tempor ut labore et dolore magna aliqua enim quis commodo.</p>---->  
			  <p><a href="{{ route('book-now') }}" class="btn"><i class="fa fa-angle-double-right" aria-hidden="true"></i> Book Now</a></p>
			</div>
		  </div><!--/ item -->

	    </div><!--/ owl -->

	  </div><!--/ coll -->

    </div><!--/ row -->
  </div>
</section><!--/ services-sec -->

<section class="company-approach">
  <div class="container">
    <div class="row">

	  <div class="col-sm-12 approach-title aos-init aos-animate" data-aos="zoom-in">
	    <h2> <!-- <small>Pricing Plan</small>--> Services and prices</h2>
	  </div><!--/ coll -->

	  <div class="col-sm-6 approach-coll aos-init aos-animate" data-aos="zoom-in">
	    <div class="package_item">
		  <div class="flex">
		    <h5 class="title">Wash and Cut</h5>
            <div class="dots"></div>
            <div class="price">$45</div>
          </div>
		  <!----<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In venenatis nulla ex, quis pretium est imperdiet eget.</p>---->  
		</div>
	  </div><!--/ coll -->

	  <div class="col-sm-6 approach-coll aos-init aos-animate" data-aos="zoom-in">
	    <div class="package_item">
		  <div class="flex">
		    <h5 class="title">Wash and Style</h5>
            <div class="dots"></div>
            <div class="price">$45</div>
          </div>
		  <!----<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In venenatis nulla ex, quis pretium est imperdiet eget.</p>---->
		</div>
	  </div><!--/ coll -->

	  <div class="col-sm-6 approach-coll aos-init aos-animate" data-aos="zoom-in">
	    <div class="package_item">
		  <div class="flex">
		    <h5 class="title">Head Shave with Razor</h5>
            <div class="dots"></div>
            <div class="price">$45</div>
          </div>
		  <!----<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In venenatis nulla ex, quis pretium est imperdiet eget.</p>---->
		</div>
	  </div><!--/ coll -->

	  <div class="col-sm-6 approach-coll aos-init aos-animate" data-aos="zoom-in">
	    <div class="package_item">
		  <div class="flex">
		    <h5 class="title">Short Beard Tidy</h5>
            <div class="dots"></div>
            <div class="price">$45</div>
          </div>
		  <!----<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In venenatis nulla ex, quis pretium est imperdiet eget.</p>---->   
		</div>
	  </div><!--/ coll -->

	  <div class="col-sm-6 approach-coll aos-init aos-animate" data-aos="zoom-in">
	    <div class="package_item">
		  <div class="flex">
		    <h5 class="title">Long Hair</h5>
            <div class="dots"></div>
            <div class="price">$45</div>
          </div>
		  <!----<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In venenatis nulla ex, quis pretium est imperdiet eget.</p>---->
		</div>
	  </div><!--/ coll -->

	  <div class="col-sm-6 approach-coll aos-init aos-animate" data-aos="zoom-in">
	    <div class="package_item">
		  <div class="flex">
		    <h5 class="title">Large beard trim</h5>
            <div class="dots"></div>
            <div class="price">$45</div>
          </div>
		  <!----<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In venenatis nulla ex, quis pretium est imperdiet eget.</p>---->
		</div>
	  </div><!--/ coll -->

	  <div class="col-sm-6 approach-coll aos-init aos-animate" data-aos="zoom-in">
	    <div class="package_item">
		  <div class="flex">
		    <h5 class="title">Children Wash & Cut</h5>
            <div class="dots"></div>
            <div class="price">$45</div>
          </div>
		  <!----<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In venenatis nulla ex, quis pretium est imperdiet eget.</p>---->		
		</div>
	  </div><!--/ coll -->

	  <div class="col-sm-6 approach-coll aos-init aos-animate" data-aos="zoom-in">
	    <div class="package_item">
		  <div class="flex">
		    <h5 class="title">Luxury Full Service</h5>
            <div class="dots"></div>
            <div class="price">$45</div>
          </div>
		  <!----<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In venenatis nulla ex, quis pretium est imperdiet eget.</p>---->		
		</div>
	  </div><!--/ coll -->

    </div><!--/ row -->
  </div>
</section>

<section class="appointment-wrap">
  <div class="container">
    <div class="row align-items-center">

      <div class="col-sm-6 left aos-init aos-animate" data-aos="zoom-in">
	    <h2><span>Make An Appointment</span></h2>
		<p>Dear customers, We are upgrading our online booking system. To make an appointment please call 1800 265 807 or 0414 070 466 from 8am to 7pm.</p>
		<figure><img src="{{ asset('images/front/img-04.png') }}" alt="Image"></figure>
      </div><!--/ col-sm-6 -->

      <div class="col-sm-6 right aos-init aos-animate" data-aos="zoom-in">
        <div class="info">
		  <h3>Get In Touch<span>We'd love to hear from you. Please fill out this form</span></h3>
          <form>
            <div class="form-group"><input class="form-control" placeholder="Name :" type="text"></div>
            <div class="form-group"><input class="form-control" placeholder="E-mail :" type="text"></div>
            <div class="form-group"><input class="form-control" placeholder="Phone Number :" type="text"></div>
			<div class="form-group"><textarea class="form-control" placeholder="Leave us a message....."></textarea></div>
			<div class="form-group"><input class="btn" value="Submit Now" type="submit"></div>
          </form>
        </div>
      </div><!--/ col-sm-6 -->

    </div><!--/ row -->
  </div>
</section>

<section class="client-speak">		
  <div class="container">
    <div class="row">

	  <div class="col-sm-12 grid-left pad-0 aos-init aos-animate" data-aos="zoom-in">
	    <h2><small>Testimonials feedback</small>knows About Our Customer Say</h2>
		<div class="owl-carousel owl-theme" id="owl-demo-3">

		  <div class="item">
		    <div class="item-bg">
			  <div class="star">
			    <i class="fa fa-star" aria-hidden="true"></i>
			    <i class="fa fa-star" aria-hidden="true"></i>
			    <i class="fa fa-star" aria-hidden="true"></i>
			    <i class="fa fa-star" aria-hidden="true"></i>
				<i class="fa fa-star-half-empty" aria-hidden="true"></i>
			  </div>
		      <p><span>Haircuts from the comfort of your home. Amar is probably the best barber in wyndham, gave me an awesome zero fade. Thank you!! Will be using your services from now on.</p>
			</div>
		    <div class="testmonial-author">
			  <figure><img src="{{ asset('images/front/male.jpg') }}" alt=""></figure>
			  <h4><span></span>D Mesiti</h4>  
			</div>
		  </div><!--/ item -->

		  <div class="item">
		    <div class="item-bg">
			  <div class="star">
			    <i class="fa fa-star" aria-hidden="true"></i>
			    <i class="fa fa-star" aria-hidden="true"></i>
			    <i class="fa fa-star" aria-hidden="true"></i>
			    <i class="fa fa-star" aria-hidden="true"></i>
				<i class="fa fa-star-half-empty" aria-hidden="true"></i>
			  </div>
		      <p><span>Hubby gave these guys a go and was really happy with the result. Fair pricing and quality cuts. We will be returning customers! Thanks :)</p>
			</div>
		    <div class="testmonial-author">
			  <figure><img src="{{ asset('images/front/female.jpg') }}" alt=""></figure>
			  <h4><span></span>Ellie Bennett</h4>		
			</div>
		  </div><!--/ item -->

		  <div class="item">
		    <div class="item-bg">
			  <div class="star">
			    <i class="fa fa-star" aria-hidden="true"></i>
			    <i class="fa fa-star" aria-hidden="true"></i>
			    <i class="fa fa-star" aria-hidden="true"></i>
			    <i class="fa fa-star" aria-hidden="true"></i>
				<i class="fa fa-star-half-empty" aria-hidden="true"></i>
			  </div>
		      <p><span>Armadeep done a great high skin fade. The concenience of him coming to your home. The van is awesome great cut!.</p>
			</div>
		    <div class="testmonial-author">
			  <figure><img src="{{ asset('images/front/male.jpg') }}" alt=""></figure>
			  <h4><span></span>Leon Huinga</h4>		
			</div>
		  </div><!--/ item -->

		  <div class="item">
		    <div class="item-bg">
			  <div class="star">
			    <i class="fa fa-star" aria-hidden="true"></i>
			    <i class="fa fa-star" aria-hidden="true"></i>
			    <i class="fa fa-star" aria-hidden="true"></i>
			    <i class="fa fa-star" aria-hidden="true"></i>
				<i class="fa fa-star-half-empty" aria-hidden="true"></i>
			  </div>
		      <p><span>Quick professional and affordable.</p>		
			</div>
		    <div class="testmonial-author">
			  <figure><img src="{{ asset('images/front/female.jpg') }}" alt=""></figure>
			  <h4><span></span>Aussie Global Trading</h4>				
			</div>
		  </div><!--/ item -->

		</div>
      </div><!--/ grid-left -->

    </div><!--/ row -->
  </div>
</section><!--/ client-speak  -->
@endsection