@extends('layout.layout')

 @section('content')
 <div class="hero-section">
     <div class="wave">

         <svg width="100%" height="355px" viewBox="0 0 1920 355" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
             <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                 <g id="Apple-TV" transform="translate(0.000000, -402.000000)" fill="#FFFFFF">
                     <path d="M0,439.134243 C175.04074,464.89273 327.944386,477.771974 458.710937,477.771974 C654.860765,477.771974 870.645295,442.632362 1205.9828,410.192501 C1429.54114,388.565926 1667.54687,411.092417 1920,477.771974 L1920,757 L1017.15166,757 L0,757 L0,439.134243 Z" id="Path"></path>
                 </g>
             </g>
         </svg>

     </div>

     <div class="container">
         <div class="row align-items-center">
             <div class="col-12 hero-text-image">
                 <div class="row">
                     <div class="col-lg-7 text-center text-lg-left">
                         <h1 data-aos="fade-right">LytSoft Mobile<br> Your store in your Pocket</h1>

                         <p class="text-success text-center" data-aos="fade-right" data-aos-delay="200" data-aos-offset="-500">
                             <a href="https://play.google.com/store/apps/details?id=com.chrilantech.lytsoft_Mobile&hl=en" class="btn btn-outline-white"><i class="icon icofont-brand-android-robot"> </i>download</a>
                             <a class="d-none btn btn-outline-white"><i class="icon fab fa-apple"> </i>Apple</a>
                         </p>
                     </div>
                     <div class="col-lg-5 iphone-wrap">
                         <img src="{{ asset('img/pngwave (9).png') }}" alt="Image" class="phone-1 img-fluid" data-aos="fade-right">
                         <img src="{{ asset('img/pngwave (8).png') }}" alt="Image" class="phone-2 img-fluid" data-aos="fade-right" data-aos-delay="200">
                     </div>
                 </div>
             </div>
         </div>
     </div>

 </div>

 <div class="site-section">
     <div class="container">

         <div class="row justify-content-center text-center mb-5">
             <div class="col-md-7" data-aos="fade-up">
                 <h2 class="section-heading">
                     LytSoft Mobile gives you the complete control of all you stores, monitoring and reviewing all you data
                 </h2>
             </div>
         </div>
     </div>
 </div> <!-- .site-section -->

 <div class="site-section">
     <div class="container">
         <div class="row">
             <div class="col-md-4">
                 <div class="step">
                     <span class="number">01</span>
                     <h3>Automated Warning</h3>
                     <p>With automated Warning coming from your system you will immediatly pick up if there is a problem<br>
                         warnings include too many voids ,refunds ,discounts ,CashUp problems and incorrect Stock level
                     </p>
                 </div>
             </div>
             <div class="col-md-4">
                 <div class="step">
                     <span class="number">02</span>
                     <h3>Profit Monitoring</h3>
                     <p>With our profit Monitoring System you'll be able ,at a click of a button see your current profit at each store</p>
                 </div>
             </div>
             <div class="col-md-4">
                 <div class="step">
                     <span class="number">03</span>
                     <h3>Monitor your Cash Flow</h3>
                     <p>LytSoft mobile Cash flow monitoring capabilities you'll be able to monitor you current income and expenses of your business</p>
                 </div>
             </div>
         </div>
     </div>
 </div> <!-- .site-section -->

 <div class="site-section pb-0">
     <div class="container">
         <div class="row cardi align-items-center">
             <div class="col-md-4 mr-auto">
                 <h2 class="mb-4">Multi Store Monitoring</h2>
                 <p class="mb-4">
                     With the Functionality of LytSoft Mobile you'll be able to Monitor Your Daily Sales,
                     Monthly Overview and Current Stock Levels.
                     You also have access to your store's Audits, Finance reports, Stock Reports, current Balances, transactions and Overview.<br>
                     Monitor your Best and worst Products and employees.
                 </p>
                 <a href="https://play.google.com/store/apps/details?id=com.chrilantech.lytsoft_Mobile&hl=en" class="btn btn-info"><i class="icon icofont-brand-android-robot"> </i>Download</a>
             </div>
             <div class="col-md-6" data-aos="fade-left">
                 <img src="{{ asset('img/pngwave (8).png') }}" height="auto" width="600" alt="Image" class="img-fluid">
             </div>
         </div>
     </div>
 </div>

 <!-- .site-section -->
 <div class="site-section cta-section">
     <div class="container">
         <div class="row align-items-center">
             <div class="col-md-6 mr-auto text-center text-md-left mb-5 mb-md-0">
                 <h3 class="text-white">What more could you ask for, get started now</h3>
                 <a href="{{ url('./price') }}" class="btn btn-outline-white">Contact Us</a>
             </div>
         </div>
     </div>
 </div>
 @endsection