@extends('layouts.main')
@section('title', 'Pricing')
@section('content')
  <style>
    a{
      color: #444444;
    }  
  </style>
	<section class="breadcrumbs">
      <div class="container" style="padding-top: 1rem;">

        <h1>Videos and Tutorials</h1>

      </div>
    </section><!-- End Breadcrumbs -->

    <section id="services" class="services">

      <div class="container" data-aos="fade-up">

        <div class="row gy-4">

          <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="200">
            <a href="#">
              <div class="service-box blue">
                <i class="ri-grid-fill icon"></i>
                <h3>For Administrators</h3>
                <p>Manage your business, service techs, customers, routes, and invoicing.</p>
                <p>30 Videos</p>
              </div>
            </a>
          </div>

          <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="300">
            <a href="#">
              <div class="service-box orange">
                <i class="ri-shield-user-fill icon"></i>
                <h3>For Service Techs</h3>
                <p>Everything you need to perform tasks and service customers in the field.</p>
                <p>5 Videos</p>
              </div>
            </a>
          </div>

          <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="400">
            <a href="#">
              <div class="service-box green">
                <i class="ri-team-fill icon"></i>
                <h3>Manage Customers</h3>
                <p>Add and update customer info, pools, equipment, route assignments and more.</p>
                <p>22 Videos</p>
              </div>
            </a>
          </div>

          <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="500">
            <a href="#">
              <div class="service-box red">
                <i class="ri-map-pin-line icon"></i>
                <h3>Manage Routes</h3>
                <p>Manage route assignments and locations, and track route stop information.</p>
                <p>15 Videos</p>
              </div>
            </a>
          </div>

          <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="600">
            <a href="#">
              <div class="service-box purple">
                <i class="ri-tools-fill icon"></i>
                <h3>Work Orders</h3>
                <p>Setting up work orders, repairs, recurring work, one-time stops, etc.</p>
                <p>15 Videos</p>
              </div>
            </a>
          </div>

          <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="700">
            <a href="#">
              <div class="service-box pink">
                <i class="ri-printer-line icon"></i>
                <h3>Invoicing</h3>
                <p>Learn how to generate invoices in your QuickBooks Online account.</p>
                <p>2 Videos</p>
              </div>
            </a>
          </div>

          <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="500">
            <a href="#">
              <div class="service-box purple">
                <i class="ri-shopping-cart-line icon"></i>
                <h3>Shopping List</h3>
                <p>Everything you need to know about working with the Shopping List in Skimmer.</p>
                <p>8 Videos</p>
              </div>
            </a>
          </div>

          <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="600">
            <a href="#">
              <div class="service-box blue">
                <i class="ri-settings-fill icon"></i>
                <h3>Customize Settings</h3>
                <p>Configure emails, checklists, readings and dosages, and other app settings.</p>
                <p>10 Videos</p>
              </div>
            </a>
          </div>

          <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="700">
            <a href="#">
              <div class="service-box orange">
                <i class="ri-star-fill icon"></i>
                <h3>Cool Features</h3>
                <p>See how Skimmer makes it easy to run your pool business.</p>
                <p>9 Videos</p>
              </div>
            </a>
          </div>

        </div>

      </div>

    </section><!-- End Services Section -->
    
@endsection