@extends('user_layout.app')
   
@section('content')

    <div class="hero-wrap js-fullheight" style="background-image: url('{{asset('user_assets/images/bannerslide1.jpeg')}}');" data-stellar-background-ratio="0.5">
      <div class="overlay"></div>
      <div class="container">
        <div class="row no-gutters slider-text js-fullheight align-items-center justify-content-start" data-scrollax-parent="true">
          <div class="col-md-8 ftco-animate">
          	<!-- <h2 class="subheading">Leave the house cleaning chores to us</h2> -->
          	<h1 class="mb-4">WELCOME TO SMART CONNECTED AND NEXTGEN FACILITY MANAGEMENT SOLUTION</h1>
			<p>MFMS is here to create new values, envisioning and realising transformation in the facility management space. We are
			here to delight the users with a high tech solution in the facility management space.</p>
            <p><a href="#" class="btn btn-primary mr-md-4 py-2 px-4">Explore <span class="ion-ios-arrow-forward"></span></a></p>
          </div>
        </div>
      </div>
    </div>



    <section class="ftco-section ftco-no-pt ftco-no-pb">
    	<div class="container">
    		<div class="row d-flex no-gutters">
    			<div class="col-md-6 d-flex">
    				<div class="img d-flex align-items-center justify-content-center py-5 py-md-0"
                         style="background-image: url('{{ asset('user_assets/images/about.jpg') }}');">
                    </div>

    			</div>
    			<div class="col-md-6 pl-md-5 pt-md-5">
    				<div class="row justify-content-start py-5">
		          <div class="col-md-12 heading-section ftco-animate">
		          	<span class="subheading">Welcome to Cleaning Company</span>
		            <h2 class="mb-4">SMART. CONVENIENT.</h2>
		            <p>MFMS is a genie in your smartphone that takes a smart approach to tackle your day to day issues from lifting your
					garbage to taking care of your AC, from Pest Control to cleaning. We are a one-stop, oh oh, one-tap solution for your
					facility management.<br>
					The technology helps our technicians to be on top of their tasks, it helps our customers to track and measure.
					We believe that what is not recorded cant be measured and what can’t be measured, can’t be improved. So here we are with
					a modern approach to facility management. Say Hi to MFMS Today!</p>
		          </div>
		        </div>
						<div class="row ftco-counter py-5" id="section-counter">
		          <div class="col-md-6 col-lg-4 d-flex justify-content-center counter-wrap ftco-animate">
		            <div class="block-18">
		              <div class="text">
		                <strong class="number" data-number="45">0</strong>
		              </div>
		              <div class="text">
		              	<span>Years of <br>Experienced</span>
		              </div>
		            </div>
		          </div>
		          <div class="col-md-6 col-lg-4 d-flex justify-content-center counter-wrap ftco-animate">
		            <div class="block-18">
		              <div class="text">
		                <strong class="number" data-number="2342">0</strong>
		              </div>
		              <div class="text">
		              	<span>Happy <br>Customers</span>
		              </div>
		            </div>
		          </div>
		          <div class="col-md-6 col-lg-4 d-flex justify-content-center counter-wrap ftco-animate">
		            <div class="block-18">
		              <div class="text">
		                <strong class="number" data-number="30">0</strong>
		              </div>
		              <div class="text">
		              	<span>Building <br>Cleaned</span>
		              </div>
		            </div>
		          </div>
		        </div>
	        </div>
        </div>
    	</div>
    </section>

    <section class="ftco-section top-space">
    	<div class="container">
    		<div class="row justify-content-center pb-5 mb-3">
          <div class="col-md-7 heading-section text-center ftco-animate">
          	<span class="subheading">Our Services</span>
            <h2>YOUR FINGERTIPS</h2>
          </div>
        </div>
    		<div class="row ">
          <div class="col-md-6 col-lg-4 services ftco-animate">
            <div class="d-block d-flex">
              <div class="icon d-flex justify-content-center align-items-center">
            		<span class="flaticon-workplace"></span>
              </div>
              <div class="media-body pl-3">
                <h3 class="heading">Cleaning Service</h3>
                <p>Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic.</p>
                <p><a href="#" class="btn-custom">Read more</a></p>
              </div>
            </div>
          </div>
          <div class="col-md-6 col-lg-4 services ftco-animate">
          	<div class="d-block d-flex">
              <div class="icon d-flex justify-content-center align-items-center">
            		<span class="flaticon-pool"></span>
              </div>
              <div class="media-body pl-3">
                <h3 class="heading">Pest Control Service</h3>
                <p>Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic.</p>
                <p><a href="#" class="btn-custom">Read more</a></p>
              </div>
            </div>
          </div>
          <div class="col-md-6 col-lg-4 services ftco-animate">
            <div class="d-block d-flex">
              <div class="icon d-flex justify-content-center align-items-center">
            		<span class="flaticon-rug"></span>
              </div>
              <div class="media-body pl-3">
                <h3 class="heading">Waste Management Service</h3>
                <p>Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic.</p>
                <p><a href="#" class="btn-custom">Read more</a></p>
              </div>
            </div> 
          </div>

          <div class="col-md-6 col-lg-4 services ftco-animate">
          	<div class="d-block d-flex">
              <div class="icon d-flex justify-content-center align-items-center">
            		<span class="flaticon-kitchen"></span>
              </div>
              <div class="media-body pl-3">
                <h3 class="heading">Building Maintainance &
				AC Repair Service</h3>
                <p>Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic.</p>
                <p><a href="#" class="btn-custom">Read more</a></p>
              </div>
            </div> 
          </div>

    
     
        </div>
    	</div>
    </section>


    
    <section class="support-section">
    	<div class="container-fluid">
    		<div class="row no-gutters align-items-center">
    
    			<!-- Left Content -->
    			<div class="col-lg-6 text-white support-left">
    				<h1 class="mb-5">24x7 RESPONSE</h1>
    
    				<div class="media mb-4">
    					<div class="icon-circle mr-3">
    						<span>🎧</span>
    					</div>
    					<div class="media-body">
    						<h5>Best Support</h5>
    						<p>We're always happy to talk, so please get in touch if you have any queries regarding our
    							services.</p>
    					</div>
    				</div>
    
    				<div class="media mb-4">
    					<div class="icon-circle mr-3">
    						<span>📍</span>
    					</div>
    					<div class="media-body">
    						<h5>Track Technician</h5>
    						<p>You can easily track the status of the service and once approved, the status will be
    							highlighted.</p>
    					</div>
    				</div>
    
    				<div class="media mb-5">
    					<div class="icon-circle mr-3">
    						<span>⭐</span>
    					</div>
    					<div class="media-body">
    						<h5>Rate and Review Service</h5>
    						<p>We value your feedback for improving services and incentivising technicians.</p>
    					</div>
    				</div>
    
    				<a href="#" class="btn btn-primary px-5 py-2">EXPLORE</a>
    			</div>
    
    			<!-- Right Image -->
    			<!--<div class="col-lg-6 support-right">-->
    			<!--</div>-->
    			<div class="col-lg-6 support-right"
                     style="background: url('{{ asset('user_assets/images/house.jpeg') }}') center/cover no-repeat;
                            min-height: 100vh;">
                </div>

    
    		</div>
    	</div>
    </section>
    
    
    
    <section class="quote-section py-5">
    	<div class="container">
    		<div class="row align-items-center">
    
    			<!-- LEFT CONTENT -->
    			<div class="col-md-6">
    				<h1 class="font-weight-bold text-uppercase">
    					We Are Happy<br>To Send You A<br>Quote.
    				</h1>
    
    				<p class="text-muted mt-3">
    					Please fill the form below to start a journey to hassle-free services in your day to day activities
    				</p>
    
    				<form class="mt-4">
    					<div class="form-group">
    						<input type="text" class="form-control" placeholder="Name">
    					</div>
    
    					<div class="form-group">
    						<input type="email" class="form-control" placeholder="Email">
    					</div>
    
    					<div class="form-group">
    						<input type="text" class="form-control" placeholder="Phone Number">
    					</div>
    
    					<div class="form-group">
    						<textarea class="form-control" rows="4" placeholder="Comments"></textarea>
    					</div>
    
    					<button type="submit" class="btn btn-primary px-5 rounded-pill">
                GET QUOTE
              </button>
    				</form>
    			</div>
    
    			<!-- RIGHT IMAGE -->
    			<!--<div class="col-md-6 text-right d-none d-md-block bg-qoute">-->
    			<!--</div>-->
    			
    			<div class="col-md-6 text-right d-none d-md-block"
                     style="background: url('{{ asset('user_assets/images/bg_01-2.jpg') }}') center/cover no-repeat;
                            min-height: 100vh;">
                </div>

    
    		</div>
    	</div>
    </section>
    
    
    
    
    
    <section class="about-section"  style="background: url('{{ asset('user_assets/images/S1-1.png') }}') center/cover no-repeat;
                        min-height: 500px; ">
    	<div class="container-fluid">
    		<div class="row no-gutters">
    
    			<!-- Left Image -->
    			<!--<div class="col-lg-6 about-image">-->
    			    
    			<!--</div>-->
    			<div class="col-md-6  "
                >
            </div>

    
    			<!-- Right Content -->
    			<div class="col-lg-6 about-content d-flex align-items-center">
    				<div class="content-wrapper">
    					<h2>ABOUT US</h2>
    					<p>
    						Marhaba Facility Management Services Company is founded by domain experts in the Facility Management System. Our
    						Management has over 3 decades of experience in facility management. This experience led us in identifying the core
    						problems that the end-users, customers face. We took the help of technology to solve these problems.
    					</p>
    					<p>
    						We understand that technology alone is not sufficient. We have highly professional, polite and skilled labours that are
    						able and capable of handling facilities from villas to malls, from airports to shipyards, from normal waste to bio
    						hazards.
    						We save time on paperwork, we track the progress and we take your feedback seriously to improve our services.
    						Our approaches are highly environmental friendly leaving a very low carbon footprint.
    					</p>
    					<a href="#" class="btn btn-primary">READ MORE</a>
    				</div>
    			</div>
    
    		</div>
    	</div>
    </section>
@endsection