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

<section id="hero" class="hero d-flex align-items-center banner_bg" >
    <div class="container">
      <div class="row">
        <div class="col-lg-12 d-flex flex-column justify-content-center how-it">
          <h1 data-aos="fade-up" class="banner_bg01">Find Thousands</br> 
            of Probate leads now</h1>

           <h4 class="how_it_work02" data-aos="fade-up">Find out about all the potential probate properties before it hits the market with our new automated tool. We helps you to get the best property deals by giving you probate leads going back 6 months. This tool will help you buy directly from executors as the tool generates executors’ details as well.</h4>
      
        </div>
        <!--<div class="col-lg-7 hero-img banner_img" data-aos="zoom-out" data-aos-delay="200">
          <img src="assets/img/how it work.png" class="img-fluid" alt="">
          <h5>Watch The Video</h5>
         
        </div>--> 
      </div>
    </div>
  </section>
  <main id="main">
    <!-- ======= Breadcrumbs ======= -->
   <!---- <section class="breadcrumbs">
      <div class="container">
        <h2>About us</h2>

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

    <section id="values" class="values how_it">

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

        <header class="section-header demo_code">
          <div class="row out-code-box">

            <div class="col-lg-12">
              <div class="box"  >
                <h1> See A Demo Outcode</h1>
                <h5 >click on search to see how it works</h5>
              </div>
            </div>

            <div class="col-lg-12 mt-4 mt-lg-0">
              <div class="box_drop"  >

                <h3 >Select An Outcode</h3>
                <select class="form-select out-code-search" id="outcode" aria-label="Default select example">
                 {{--  <option value="1" selected>CM14</option> --}}
                  <option value="3682">CM17</option>
                 {{--  <option value="3">CR0</option> --}}
                  <option value="4258">HA1</option>
                </select>

                <div class="out-code-search01"  >
                  <div class="text-center ">
                    <a href="#!"  data-toggle="modal" class="demopopupbutton" id="" data-target="#demopopup">
                      <span style="color: #fff; padding-left: 12px;font-weight: 600;">Search</span>

                    </a>

                    {{--  <a href="#!" data-toggle="modal" id="registerpopupbutton" data-target="#registerpopup">Register</a> --}}
                  </div>
                </div>


              </div>
            </div>

          </div>

        </header>

        <div class="row">
          <div class="box how_it_text" data-aos="fade-up" data-aos-delay="200">
            <h1 style="text-align: center !important;"> How it Works</h1>

          </div>
          <div class="col-lg-3">
            <div class="box step-box" data-aos="fade-up" data-aos-delay="200">
              <h1 class="how-it-options">1</h1>              <h3>Enter outcode</h3>
              <p>Select your postcodes and we will give you probate leads going back 6 months</p>
            </div>
          </div>

          <div class="col-lg-3 mt-4 mt-lg-0">
            <div class="box step-box" data-aos="fade-up" data-aos-delay="400">
              <h1 class="how-it-options">2</h1>              <h3>Find properties</h3>
              <p>Get full addresses of deceased properties with details of their executors. We update the details daily, for you to get the most recent data.</p>
            </div>
          </div>

          <div class="col-lg-3 mt-4 mt-lg-0">
            <div class="box step-box" data-aos="fade-up" data-aos-delay="600">
              <h1 class="how-it-options">3</h1>              <h3>Send letters to executors</h3>
              <p>Contact the executors directly and register your interest or even make an offer to them</p>
            </div>
          </div>

          <div class="col-lg-3 mt-4 mt-lg-0">
            <div class="box step-box" data-aos="fade-up" data-aos-delay="600">
              <h1 class="how-it-options">4</h1>
              
              <h3>Get the best deal</h3>
              <p>Get the best probate property deals, as most of the probate properties do not even hit the market as Estate agents sell them very quickly to existing investors in their books.</p>
            </div>
          </div>

        </div>

      </div>

    </section><!-- End Values Section -->
      </div>
      

    
    

  </main><!-- End #main -->

<!--end::Main-->
 @endsection 

@section('additional_scripts')
        {{-- Global Config (global config for global JS scripts) --}}

 @endsection