@extends('layouts.app')
@section('content')
<!-- ======= Hero Section ======= -->
<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 banner-head">
        <h1 data-aos="fade-up" class="banner_bg01">Find Thousands of Probate  </br> 
        leads now</h1>
        <h2 class="why_pp" data-aos="fade-up" data-aos-delay="200">Why Probate Property ?</h2>
        <h2 data-aos="fade-up" data-aos-delay="200">
        </h2>
        <div class="row" data-aos="fade-up">

          <div class="col-lg-5 sub-line" data-aos="fade-up">
            <div class="box aos-init aos-animate banner-line" data-aos="fade-up" data-aos-delay="200">
              <li><img src="{!! asset('assets/img/tick.png') !!}" alt="" style="width: 38px;margin-top: -10px;"> <span class="low-text">Typically Below Market Value</span> </li>
            </div>
          </div>

          <div class="col-lg-2 mt-4 mt-lg-0" data-aos="fade-up">
            <div class="box aos-init aos-animate banner-line" data-aos="fade-up" data-aos-delay="200">
              <li><img src="{!! asset('assets/img/tick.png') !!}" alt="" style="width: 38px;margin-top: -10px;">  <span class="low-text">No Chains</span> </li>

            </div>
          </div>

          <div class="col-lg-5 mt- mt-lg-0 sub-line01" data-aos="fade-up">
            <div class="box aos-init aos-animate banner-line" data-aos="fade-up" data-aos-delay="200">
              <li><img src="{!! asset('assets/img/tick.png') !!}" alt="" style="width: 38px; margin-top: -10px;"> <span class="low-text">On Most Occasions No Stamp Duty</span> </li> 

            </div>
          </div>

        </div>
          <!--<ul class="sub_line_head" data-aos="fade-up" data-aos-delay="400">
            <li><img src="assets/img/tick.png" alt="" style="width: 38px;"> <span class="low-text">Typically below Market Value</span> </li>
            <li><img src="assets/img/tick.png" alt="" style="width: 38px;">  <span class="low-text">No Chains</span> </li>
            <li><img src="assets/img/tick.png" alt="" style="width: 38px;"> <span class="low-text">On Most occasions no Stamp Duty</span> </li> 
          </ul>-->

          <div data-aos="fade-up" data-aos-delay="600">
            <div class="text-center ">
              <a href="" class="btn-get-started scrollto d-inline-flex align-items-center justify-content-center align-self-center "data-toggle="modal" data-target="#exampleModal">
                <span>How it works</span>
                <i class="bi bi-arrow-right"></i>
              </a>
            </div>
          </div>
        </div>
       <!--<div class="col-lg-7 hero-img banner_img" data-aos="zoom-out" data-aos-delay="200">
          <img src="assets/img/hero-img.png" class="img-fluid" alt="">
        </div>-->
      </div>
    </div>
  </section><!-- End Hero -->

  <main id="main">
    <!-- ======= About Section ======= -->

    <!-- ======= Values Section ======= -->
    <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 -->
    <section id="about" class="about">    

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

          <div class="col-lg-10 d-flex flex-column justify-content-center about-pp" data-aos="fade-up" data-aos-delay="200">
            <div class="content">
              <h1>What is Probate Property and why do all Property investors want it </h1>
              <p>
                Probate properties are buildings left in wills that need to be sold to pay the relevant Taxes and distribute the remaining Cash to the beneficiaries so in most instances you have motivated sellers who want a quick sale 
              </p>
              <div class="text-center">
                <a href="#" class="btn-read-more d-inline-flex align-items-center justify-content-center align-self-center">
                  <span>Read More</span>
                  <i class="bi bi-arrow-right"></i>
                </a>
              </div>
            </div>
          </div>


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

    <!-- ======= Counts Section ======= -->

    <!-- ======= Features Section ======= -->
    <section id="features" class="features property-demo">

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

        <div class="row ">

          <div class="col-lg-6">
            <img src="{!! asset('assets/img/07.png') !!}" class="img-fluid" alt="">
          </div>

          <div class="col-lg-6 mt-5 mt-lg-0 d-flex find_text">
            <div class="row align-self-center gy-4">
              <h1>Find Thousands </br>
              of Probate leads now</h1>
              <p>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. </p>
              <p>The tool also lets you send letters to executors automatically, saving you time and helps you to win more. Choose a package that suits you to generate probate property leads in your desired post code. </p>

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

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


      <!-- Feature Icons -->

    </section><!-- End Features Section -->
  </section><!-- End Testimonials Section -->
  <section id="clients" class="clients client_bg" >
    <p style="text-align: center; text-decoration: underline;">Founders Featured In </p>
    <div class="container aos-init aos-animate" data-aos="fade-up">
      <div class="clients-slider swiper-container swiper-container-initialized swiper-container-horizontal swiper-container-pointer-events">
        <div class="swiper-wrapper box_brand align-items-center" id="swiper-wrapper-108d39ccfbf6ed71c" aria-live="off" style="transform: translate3d(-3304px, 0px, 0px); transition-duration: 400ms;"><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="2" role="group" aria-label="1 / 20" style="width: 300px; margin-right: 120px;"><img src="{!! asset('assets/img/clients/client-3.png') !!}" class="img-fluid" alt=""></div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="3" role="group" aria-label="2 / 20" style="width: 300px; margin-right: 120px;"><img src="{!! asset('assets/img/clients/client-4.png') !!}" class="img-fluid" alt=""></div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="4" role="group" aria-label="3 / 20" style="width: 300px; margin-right: 120px;"><img src="{!! asset('assets/img/clients/client-5.png') !!}" class="img-fluid" alt=""></div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="5" role="group" aria-label="4 / 20" style="width: 300px; margin-right: 120px;"><img src="{!! asset('assets/img/clients/client-6.png') !!}" class="img-fluid" alt=""></div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="6" role="group" aria-label="5 / 20" style="width: 300px; margin-right: 120px;"><img src="{!! asset('assets/img/clients/client-7.png') !!}" class="img-fluid" alt=""></div><div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-prev" data-swiper-slide-index="7" role="group" aria-label="6 / 20" style="width: 300px; margin-right: 120px;"><img src="{!! asset('assets/img/clients/client-8.png') !!}" class="img-fluid" alt=""></div>
        <div class="swiper-slide box_brand swiper-slide-duplicate-active" data-swiper-slide-index="0" role="group" aria-label="7 / 20" style="width: 300px; margin-right: 120px;"><img src="{!! asset('assets/img/clients/Br_01.png') !!}" class="img-fluid" alt=""></div>
        <div class="swiper-slide  box_brand swiper-slide-duplicate-next" data-swiper-slide-index="1" role="group" aria-label="8 / 20" style="width: 300px; margin-right: 120px;"><img src="{!! asset('assets/img/clients/Br_02.png') !!}" class="img-fluid" alt=""></div>
        <div class="swiper-slide box_brand" data-swiper-slide-index="2" role="group" aria-label="9 / 20" style="width: 116px; margin-right: 300px;"><img src="{!! asset('assets/img/clients/Br_03.png') !!}" class="img-fluid" alt=""></div>
        <div class="swiper-slide box_brand" data-swiper-slide-index="3" role="group" aria-label="10 / 20" style="width: 116px; margin-right: 300px;"><img src="{!! asset('assets/img/clients/Br_04.png') !!}" class="img-fluid" alt=""></div>
        <div class="swiper-slide box_brand" data-swiper-slide-index="4" role="group" aria-label="11 / 20" style="width: 116px; margin-right: 300px;"><img src="{!! asset('assets/img/clients/Br_05.png') !!}" class="img-fluid" alt=""></div>
        <div class="swiper-slide box_brand" data-swiper-slide-index="5" role="group" aria-label="12 / 20" style="width: 116px; margin-right: 300px;"><img src="{!! asset('assets/img/clients/Br_06.png') !!}" class="img-fluid" alt=""></div>
        <div class="swiper-slide box_brand" data-swiper-slide-index="6" role="group" aria-label="13 / 20" style="width: 116px; margin-right: 300px;"><img src="{!! asset('assets/img/clients/Br_07.png') !!}" class="img-fluid" alt=""></div>
        <div class="swiper-slide swiper-slide-duplicate swiper-slide-active" data-swiper-slide-index="0" role="group" aria-label="15 / 20" style="width: 300px; margin-right: 120px;"><img src="{!! asset('assets/img/clients/client-1.png') !!}" class="img-fluid" alt=""></div><div class="swiper-slide swiper-slide-duplicate swiper-slide-next" data-swiper-slide-index="1" role="group" aria-label="16 / 20" style="width: 300px; margin-right: 120px;"><img src="{!! asset('assets/img/clients/client-2.png') !!}" class="img-fluid" alt=""></div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="2" role="group" aria-label="17 / 20" style="width: 300px; margin-right: 120px;"><img src="{!! asset('assets/img/clients/client-3.png') !!}" class="img-fluid" alt=""></div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="3" role="group" aria-label="18 / 20" style="width: 300px; margin-right: 120px;"><img src="{!! asset('assets/img/clients/client-4.png') !!}" class="img-fluid" alt=""></div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="4" role="group" aria-label="19 / 20" style="width:300px; margin-right: 120px;"><img src="{!! asset('assets/img/clients/client-5.png') !!}" class="img-fluid" alt=""></div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="5" role="group" aria-label="20 / 20" style="width: 300px; margin-right: 120px;"><img src="{!! asset('assets/img/clients/client-6.png') !!}" class="img-fluid" alt=""></div></div>
        <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
      </div>
    </section>

    <section id="about" class="about sec_five">    

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

          <div class="col-lg-10 d-flex flex-column justify-content-center about-pp" data-aos="fade-up" data-aos-delay="200">
            <div class="content sec_five">
              <h1 style="font-size: 36px;">Get access to probate properties as soon as it hits the market </h1>
              <p>Select a postcode and see how many probate property leads are available in your post code</p>

            </div>
          </div>


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

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

  <!-- ======= Pricing Section ======= -->
  <section id="pricing" class="pricing pricing_bg">

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

      <header class="section-header pricing_head">
        <h1>Our Pricing plan</h1>
        <h5>Choose a plan based on the post codes you may need.  </h5>
      </header>

      <div class="row gy-4" data-aos="fade-left">



        <div class="col-lg-4 col-md-6" data-aos="zoom-in" data-aos-delay="200">
          <div class="box">
            <span class="featured  offer_01"><span style="font-weight: 600; font-size: 16px;">30%</span> off</span>
            <!--- <span class="featured">Featured</span>-->

            <div class="price"><sup></sup><img src="{!! asset('assets/img/pound.png') !!}" alt="">19.99 <span></span></div>
            <h3 style="color: #294DFF;">3 Outcodes </h3>
            <ul>
              <li>No Contract</li>
              <li>Rolling Monthly Contract</li>
              <li>Cancel At Any Time </li>

            </ul>
            <ul>


            </ul>
            <a href="#" class="btn-buy">Buy Now</a>

          </div>
        </div>
        <div class="col-lg-4 col-md-6" data-aos="zoom-in" data-aos-delay="200">
          <div class="box">
            <span class="featured offer_02"><span style="font-weight: 600; font-size: 16px;">30%</span> off</span>
            <!--- <span class="featured">Featured</span>-->

            <div class="price"><sup></sup><img src="{!! asset('assets/img/pound.png') !!}" alt="">39.99 <span></span></div>
            <h3 style="color: #294DFF;">10 Outcodes </h3>
            <ul>
              <li>No Contract</li>
              <li>Rolling Monthly Contract</li>
              <li>Cancel At Any Time </li>

            </ul>
            <ul>


            </ul>              <a href="#" class="btn-buy">Buy Now</a>
          </div>
        </div>
        <div class="col-lg-4 col-md-6" data-aos="zoom-in" data-aos-delay="200">
          <div class="box">
            <span class="featured offer_03"><span style="font-weight: 600; font-size: 16px;">30%</span> off</span>
            <!--- <span class="featured">Featured</span>-->

            <div class="price"><sup></sup><img src="{!! asset('assets/img/pound.png') !!}" alt="">59.99 <span></span></div>
            <h3 style="color: #294DFF;">20 Outcodes </h3>
            <ul>
              <li>No Contract</li>
              <li>Rolling Monthly Contract</li>
              <li>Cancel At Any Time </li>

            </ul>
            <ul>


            </ul>              <a href="#" class="btn-buy">Buy Now</a>
          </div>
        </div>
      </div>
    </div>

  </section><!-- End Pricing Section -->

  <!-- ======= F.A.Q Section ======= -->


  <!-- ======= Portfolio Section ======= -->


  <!-- ======= Testimonials Section ======= -->

  <section id="testimonials" class="testimonials">

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

      <header class="section-header">
        <h2>Testimonials</h2>
        <p style="font-size: 2.5rem;font-weight: 800;">What People Say</p>
      </header>

      <div class="testimonials-slider swiper-container" data-aos="fade-up" data-aos-delay="200">
        <div class="swiper-wrapper">

          <div class="swiper-slide">
            <div class="testimonial-item">

              <p>
                "Brilliant system it has saved me so much time it updates every day so I don’t miss out on any new leads and I can do what took me 7 hours before in 2 minutes now"
              </p>
              <div class="profile mt-auto">
                <img src="{!! asset('assets/img/testimonials/testimonials-5.png') !!}" class="testimonial-img" alt="">
                <div class="stars">
                  <i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
                </div>
                <h3>James North London </h3>
                
              </div>
            </div>
          </div><!-- End testimonial item -->

          <div class="swiper-slide">
            <div class="testimonial-item">
              <p>
              "After using the software I purchased a property direct from the executor and got a great deal"                </p>
              <div class="profile mt-auto">
                <img src="{!! asset('assets/img/testimonials/testimonials-5.png') !!}" class="testimonial-img" alt="">

                <h3>Chris Hertfordshire </h3>

              </div>
            </div>
          </div><!-- End testimonial item -->

          <div class="swiper-slide">
            <div class="testimonial-item">

              <p>
              "I didn’t know their was Nil Stamp duty on probate property I bought my family home after finding a property here direct from the agent and saved 20k "               </p>
              <div class="profile mt-auto">
                <img src="{!! asset('assets/img/testimonials/testimonials-5.png') !!}" class="testimonial-img" alt="">
                <div class="stars">
                  <i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
                </div>
                <h3>Luke Kent </h3>

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

          <div class="swiper-slide">
            <div class="testimonial-item">

              <p>
                "I am now on the exclusive list with agents for probate stock in my area after identifying the top 5 agents in the city
                who consistently are instructed for probate property "
                <div class="profile mt-auto">
                  <img src="{!! asset('assets/img/testimonials/testimonials-5.png') !!}" class="testimonial-img" alt="">
                  <div class="stars"> 
                    <i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
                  </div>
                  <h3>Jake Birmingham </h3>

                </div>
              </div>
            </div>
    
            <!-- End testimonial item -->
          </div>
          <div class="swiper-pagination"></div>
        </div>
      </div> 
      <!-- ======= Team Section ======= -->
      <!-- ======= Clients Section ======= -->
  <!-- ======= Recent Blog Posts Section ======= -->
      <!-- ======= Contact Section ======= -->
    </main><!-- End #main -->
      <!-- ======= modal-how it work ======= -->
      
    <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div style="max-width:1000px;" class="modal-dialog" role="document">
        <div class="modal-content " >
             <!-- <div class="modal-header">
          
              <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <i aria-hidden="true" class="ki ki-close"></i>
                </button>
            </div>-->
            <div class="modal-body">
            <div id="carouselExampleCaptions" class="carousel slide" data-bs-ride="carousel">
  <div class="carousel-indicators">
    <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
    <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="1" aria-label="Slide 2"></button>
    <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="2" aria-label="Slide 3"></button>
  </div> 
  <div class="carousel-inner">
    <div class="carousel-item active">
    <img src="{!! asset('assets/img/pop1.png') !!}" class="img-fluid" alt="">
      <div class="carousel-caption d-none d-md-block">
  
      </div>
    </div>
    <div class="carousel-item">
    <img src="{!! asset('assets/img/pop2.png') !!}" class="img-fluid" alt="">
      <div class="carousel-caption d-none d-md-block">
    
      </div>
    </div>
    <div class="carousel-item">
    <img src="{!! asset('assets/img/pop3.png') !!}" class="img-fluid" alt="">
      <div class="carousel-caption d-none d-md-block">
    
      </div>
    </div>
    <div class="carousel-item">
    <img src="{!! asset('assets/img/pop4.png') !!}" class="img-fluid" alt="">
      <div class="carousel-caption d-none d-md-block">
   
      </div>
    </div>
  </div>
  <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide="prev">
    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
    <span class="visually-hidden">Previous</span>
  </button>
  <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide="next">
    <span class="carousel-control-next-icon" aria-hidden="true"></span>
    <span class="visually-hidden">Next</span>
  </button>
</div>
            </div>
            <!---<div class="modal-footer">
                <button type="button" class="btn btn-light-primary font-weight-bold" data-dismiss="modal">Close</button>
               
            </div>-->
        </div>
    </div>
</div>

    @endsection 

    @section('additional_scripts')
    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js" integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" crossorigin="anonymous"></script>

    @endsection