@extends('layout.master1')

      @section('title',$title)
      @section('description',$description)
      @section('og:locale',app()->getLocale())
      @section('og:type',$og_type)
      @section('og:title',$og_title)
      @section('og:description',$og_description)
      @section('og:url',$og_url)
      @section('og:site_name',$og_sitename)
      @section('twitter:title',$twitter_title)
      @section('twitter:description',$twitter_desc)

      @section('content')



      <section class="main-banner-wrap2">
                 <div class="container">
                     <div class="row">
                         <div class="col-lg-12">
                             <div class="main-banner-box2 wow slideInUp" data-wow-delay=".3s">
                               <div class="test-slider-wrapper--style-1">
                                   <div class="testimonial-layout1 swiper-container">
                                       <!-- Additional required wrapper -->
                                       <div class="swiper-wrapper">
                                           <!-- Slides -->
                                           <div class="swiper-slide">
                                               <div class="single-test">
                                                   <div class="container">
                                                       <div class="row align-items-center">
                                                           <div class="col-lg-5 col-md-12">
                                                               <div class="testimonial-img wow fadeInUp" data-wow-delay=".2s">
                                                                   <img src="https://api.lorem.space/image/house?w=500&h=321" alt="blog">
                                                               </div>
                                                           </div>
                                                           <div class="col-lg-7 col-md-12">
                                                               <div class="testimonial-box1 wow fadeInUp" data-wow-delay=".2s">
                                                                   <ul class="item-rating">
                                                                       <li><i class="fas fa-star"></i></li>
                                                                       <li><i class="fas fa-star"></i></li>
                                                                       <li><i class="fas fa-star"></i></li>
                                                                       <li><i class="fas fa-star"></i></li>
                                                                       <li><i class="fas fa-star"></i></li>
                                                                   </ul>
                                                                   <div class="item-quotation">Engage with
                                                                       our
                                                                       professional real estate agents sell Following
                                                                       buy or rent your home.Get emails directly to your area reach
                                                                       inbox and manage the lead with
                                                                   </div>
                                                                   <div class="item-title">
                                                                       <h3>Maria Zokatti </h3>
                                                                   </div>
                                                                   <div class="item-subtitle">
                                                                       <h4>CEO, PSDBOSS</h4>
                                                                   </div>
                                                               </div>
                                                           </div>
                                                       </div>
                                                   </div>

                                               </div>
                                           </div>
                                           <div class="swiper-slide">
                                               <div class="single-test">
                                                   <div class="container">
                                                       <div class="row align-items-center">
                                                           <div class="col-lg-5 col-md-12">
                                                               <div class="testimonial-img wow fadeInUp" data-wow-delay=".2s">
                                                                   <img src="https://api.lorem.space/image/house?w=500&h=321" alt="blog">
                                                               </div>
                                                           </div>
                                                           <div class="col-lg-7 col-md-12">
                                                               <div class="testimonial-box1 wow fadeInUp" data-wow-delay=".2s">
                                                                   <ul class="item-rating">
                                                                       <li><i class="fas fa-star"></i></li>
                                                                       <li><i class="fas fa-star"></i></li>
                                                                       <li><i class="fas fa-star"></i></li>
                                                                       <li><i class="fas fa-star"></i></li>
                                                                       <li><i class="fas fa-star"></i></li>
                                                                   </ul>
                                                                   <div class="item-quotation">Engage with
                                                                       our
                                                                       professional real estate agents sell Following
                                                                       buy or rent your home.Get emails directly to your area reach
                                                                       inbox and manage the lead with
                                                                   </div>
                                                                   <div class="item-title">
                                                                       <h3>Maria Zokatti </h3>
                                                                   </div>
                                                                   <div class="item-subtitle">
                                                                       <h4>CEO, PSDBOSS</h4>
                                                                   </div>
                                                               </div>
                                                           </div>
                                                       </div>
                                                   </div>

                                               </div>
                                           </div>
                                       </div>
                                   </div>
                                   <!-- navigation buttons -->
                                   <div class="swiper-button-prev testimonial-btn"></div>
                                   <div class="swiper-button-next testimonial-btn"></div>
                               </div>

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

         <section class="why-choose-wrap1">
           <div class="shape-img1 wow fadeInRight" data-wow-delay=".3s">
               <img src="img/figure/shape9.png" alt="shape" width="253" height="212">
           </div>
           <div class="container">
               <div class="item-heading-center mb-20">
                   <span class="section-subtitle">Sed ut perspiciatis unde omnis iste natus error sit voluptatem.</span>
                   <h2 class="section-title">THIS IS THE WORKING PROCESS</h2>
               </div>
               <div class="row">
                   <div class="col-lg-4">
                       <div class="choose-box1 wow fadeInUp" data-wow-delay=".2s">
                           <div class="choose-shape1">
                               <a href="index3.html"><img src="img/figure/Secure-Payment-1.svg" alt="shape" width="59" height="63"></a>
                           </div>
                           <h3 class="item-title"><a href="single-listing3.html">Property Management</a></h3>
                           <p>when an unknown printer took galley and scrambled itmakepe spear survived not five
                               centuries</p>
                       </div>
                   </div>
                   <div class="col-lg-4">
                       <div class="choose-box1 wow fadeInUp" data-wow-delay=".4s">
                           <div class="choose-shape1">
                               <a href="index3.html"><img src="img/figure/home_dollar-1.svg" alt="shape" width="59" height="63"></a>
                           </div>
                           <h3 class="item-title"><a href="single-listing3.html">Mortgage Services</a></h3>
                           <p>when an unknown printer took galley and scrambled itmakepe spear survived not five
                               centuries</p>
                       </div>
                   </div>
                   <div class="col-lg-4">
                       <div class="choose-box1 wow fadeInUp" data-wow-delay=".6s">
                           <div class="choose-shape1 choose-shape2">
                               <a href="index3.html"><img src="img/figure/home-calculator-1.svg" alt="shape" width="59" height="63"></a>
                           </div>
                           <h3 class="item-title"><a href="single-listing3.html">Transparentcy Tax Clearing</a></h3>
                           <p>when an unknown printer took galley and scrambled itmakepe spear survived not five
                               centuries</p>
                       </div>
                   </div>
               </div>
           </div>
       </section>
         <section class="location-wrap2">
          <div class="container-fluid px-0">
              <div class="rc-carousel nav-control-layout1" data-loop="true" data-items="10" data-margin="0"
                  data-autoplay="false" data-autoplay-timeout="3000" data-smart-speed="1000" data-dots="false"
                  data-nav="true" data-nav-speed="false" data-r-x-small="1" data-r-x-small-nav="true"
                  data-r-x-small-dots="false" data-r-x-medium="2" data-r-x-medium-nav="true"
                  data-r-x-medium-dots="false" data-r-small="2" data-r-small-nav="true" data-r-small-dots="false"
                  data-r-medium="3" data-r-medium-nav="true" data-r-medium-dots="false" data-r-large="3"
                  data-r-large-nav="true" data-r-large-dots="false" data-r-extra-large="5"
                  data-r-extra-large-nav="true" data-r-extra-large-dots="false">
                  <div class="location-box2 wow zoomIn" data-wow-delay=".2s">
                      <div class="item-img">
                          <a href="single-listing1.html"><img src="https://api.lorem.space/image/house?w=384&h=434" alt="location" width="384" height="434"></a>
                      </div>
                      <div class="location-content">
                          <h3 class="title-city"><a href="single-listing2.html">Kancas City</a></h3>
                          <div class="item-categoery">
                              <a href="single-listing3.html" class="categoery-btn">
                                  <span class="item-property">05 properties</span>
                              </a>
                          </div>
                      </div>
                  </div>
                  <div class="location-box2 wow zoomIn" data-wow-delay=".2s">
                      <div class="item-img">
                          <a href="single-listing1.html"><img src="https://api.lorem.space/image/house?w=384&h=434" alt="location" width="384" height="434"></a>
                      </div>
                      <div class="location-content">
                          <h3 class="title-city"><a href="single-listing2.html">Kancas City</a></h3>
                          <div class="item-categoery">
                              <a href="single-listing3.html" class="categoery-btn">
                                  <span class="item-property">05 properties</span>
                              </a>
                          </div>
                      </div>
                  </div>
                  <div class="location-box2 wow zoomIn" data-wow-delay=".2s">
                      <div class="item-img">
                          <a href="single-listing1.html"><img src="https://api.lorem.space/image/house?w=384&h=434" alt="location" width="384" height="434"></a>
                      </div>
                      <div class="location-content">
                          <h3 class="title-city"><a href="single-listing2.html">Kancas City</a></h3>
                          <div class="item-categoery">
                              <a href="single-listing3.html" class="categoery-btn">
                                  <span class="item-property">05 properties</span>
                              </a>
                          </div>
                      </div>
                  </div>
                  <div class="location-box2 wow zoomIn" data-wow-delay=".2s">
                      <div class="item-img">
                          <a href="single-listing1.html"><img src="https://api.lorem.space/image/house?w=384&h=434" alt="location" width="384" height="434"></a>
                      </div>
                      <div class="location-content">
                          <h3 class="title-city"><a href="single-listing2.html">Kancas City</a></h3>
                          <div class="item-categoery">
                              <a href="single-listing3.html" class="categoery-btn">
                                  <span class="item-property">05 properties</span>
                              </a>
                          </div>
                      </div>
                  </div>

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


       <section class="property-wrap2">
           <div class="container">
               <div class="item-heading-center mb-20">
                   <span class="section-subtitle">Our PROPERTIES</span>
                   <h2 class="section-title">Latest Properties</h2>
                   <div class="bg-title-wrap" style="display: block;">
                       <span class="background-title solid">Properties</span>
                   </div>
               </div>
               <div class="row">
                   <div class="col-lg-4 col-md-6">
                       <div class="property-box3 wow fadeInUp" data-wow-delay=".2s">
                           <div class="item-img">
                               <a href="single-listing2.html"><img src="img/blog/property5.jpg" alt="property" width="525" height="655"></a>
                               <div class="item-category-box1">
                                       <div class="item-category">For Rent</div>
                               </div>
                           </div>
                           <div class="property-content">
                               <div class="item-content">
                                   <div class="veryfy-area">
                                       <div class="item-price">$15,000<span>/mo</span></div>
                                   </div>
                                   <h3 class="item-title"><a href="single-listing1.html">Triple Story House for Rent </a></h3>
                                   <div class="item-categoery3">
                                       <ul>
                                           <li><i class="flaticon-bed"></i>03</li>
                                           <li><i class="flaticon-shower"></i>02</li>
                                           <li><i class="flaticon-two-overlapping-square"></i>931 Sqft</li>
                                       </ul>
                                   </div>
                               </div>
                           </div>
                       </div>
                   </div>
                   <div class="col-lg-4 col-md-6">
                       <div class="property-box3 wow fadeInUp" data-wow-delay=".4s">
                           <div class="item-img">
                               <a href="single-listing2.html"><img src="img/blog/property6.jpg" alt="property" width="525" height="655"></a>
                               <div class="item-category-box1">
                                   <div class="item-category">For Sell</div>
                               </div>
                           </div>
                           <div class="property-content">
                               <div class="item-content">
                                   <div class="veryfy-area">
                                       <div class="item-price">$300,000<span>/mo</span></div>
                                   </div>
                                   <h3 class="item-title"><a href="single-listing1.html">Brand New Shopping Mall for Sale</a></h3>
                                   <div class="item-categoery3">
                                       <ul>
                                           <li><i class="flaticon-bed"></i>03</li>
                                           <li><i class="flaticon-shower"></i>02</li>
                                           <li><i class="flaticon-two-overlapping-square"></i>931 Sqft</li>
                                       </ul>
                                   </div>
                               </div>
                           </div>
                       </div>
                   </div>
                   <div class="col-lg-4 col-md-6">
                       <div class="property-box3 wow fadeInUp" data-wow-delay=".6s">
                           <div class="item-img">
                               <a href="single-listing2.html"><img src="img/blog/property7.jpg" alt="property" width="525" height="655"></a>
                               <div class="item-category-box1">
                                   <div class="item-category">For Buy</div>
                               </div>
                           </div>
                           <div class="property-content">
                               <div class="item-content">
                                   <div class="veryfy-area">
                                       <div class="item-price">$10,200<span>/mo</span></div>
                                       <span class="item-veryfy"><i class="fas fa-check"></i></span>
                                   </div>
                                   <h3 class="item-title"><a href="single-listing1.html">Northwest Office Space</a></h3>
                                   <div class="item-categoery3">
                                       <ul>
                                           <li><i class="flaticon-bed"></i>03</li>
                                           <li><i class="flaticon-shower"></i>02</li>
                                           <li><i class="flaticon-two-overlapping-square"></i>931 Sqft</li>
                                       </ul>
                                   </div>
                               </div>
                           </div>
                       </div>
                   </div>
                   <div class="col-lg-4 col-md-6">
                       <div class="property-box3 wow fadeInUp" data-wow-delay=".8s">
                           <div class="item-img">
                               <a href="single-listing2.html"><img src="img/blog/property8.jpg" alt="property" width="525" height="655"></a>
                               <div class="item-category-box1">
                                   <div class="item-category">For Rent</div>
                               </div>
                           </div>
                           <div class="property-content">
                               <div class="item-content">
                                   <div class="veryfy-area">
                                       <div class="item-price">$250,000<span>/mo</span></div>
                                   </div>
                                   <h3 class="item-title"><a href="single-listing1.html">Diamond Manco Apartment</a></h3>
                                   <div class="item-categoery3">
                                       <ul>
                                           <li><i class="flaticon-bed"></i>03</li>
                                           <li><i class="flaticon-shower"></i>02</li>
                                           <li><i class="flaticon-two-overlapping-square"></i>931 Sqft</li>
                                       </ul>
                                   </div>
                               </div>
                           </div>
                       </div>
                   </div>
                   <div class="col-lg-4 col-md-6">
                       <div class="property-box3 wow fadeInUp" data-wow-delay=".2s">
                           <div class="item-img">
                               <a href="single-listing2.html"><img src="img/blog/property9.jpg" alt="property" width="525" height="655"></a>
                               <div class="item-category-box1">
                                   <div class="item-category">For Sell</div>
                               </div>
                           </div>
                           <div class="property-content">
                               <div class="item-content">
                                   <div class="veryfy-area">
                                       <div class="item-price">$8,000<span>/mo</span></div>
                                   </div>
                                   <h3 class="item-title"><a href="single-listing1.html">Affordable Green Villa House</a></h3>
                                   <div class="item-categoery3">
                                       <ul>
                                           <li><i class="flaticon-bed"></i>03</li>
                                           <li><i class="flaticon-shower"></i>02</li>
                                           <li><i class="flaticon-two-overlapping-square"></i>931 Sqft</li>
                                       </ul>
                                   </div>
                               </div>
                           </div>
                       </div>
                   </div>
                   <div class="col-lg-4 col-md-6">
                       <div class="property-box3 wow fadeInUp" data-wow-delay=".4s">
                           <div class="item-img">
                               <a href="single-listing2.html"><img src="img/blog/property10.jpg" alt="property" width="525" height="655"></a>
                               <div class="item-category-box1">
                                   <div class="item-category">For Buy</div>
                               </div>
                           </div>
                           <div class="property-content">
                               <div class="item-content">
                                   <div class="veryfy-area">
                                       <div class="item-price">$9,000<span>/mo</span></div>
                                   </div>
                                   <h3 class="item-title"><a href="single-listing1.html">Countryside Modern Lake View</a></h3>
                                   <div class="item-categoery3">
                                       <ul>
                                           <li><i class="flaticon-bed"></i>03</li>
                                           <li><i class="flaticon-shower"></i>02</li>
                                           <li><i class="flaticon-two-overlapping-square"></i>931 Sqft</li>
                                       </ul>
                                   </div>
                               </div>
                           </div>
                       </div>
                   </div>
               </div>
               <div class="property-button">
                   <a href="single-listing2.html" class="item-btn">View All Properties</a>
               </div>
           </div>
       </section>


       <section class="why-choose-wrap1">
           <div class="shape-img1 wow fadeInRight" data-wow-delay=".3s">
               <img src="img/figure/shape9.png" alt="shape" width="253" height="212">
           </div>
           <div class="container">
               <div class="item-heading-center mb-20">
                   <span class="section-subtitle">People Like Us</span>
                   <h2 class="section-title">Why Choose Us</h2>
                   <div class="bg-title-wrap" style="display: block;">
                       <span class="background-title solid">Choose</span>
                   </div>
               </div>
               <div class="row">
                   <div class="col-lg-4">
                       <div class="choose-box1 wow fadeInUp" data-wow-delay=".2s">
                           <div class="choose-shape1">
                               <a href="index3.html"><img src="img/figure/Secure-Payment-1.svg" alt="shape" width="59" height="63"></a>
                           </div>
                           <h3 class="item-title"><a href="single-listing3.html">Property Management</a></h3>
                           <p>when an unknown printer took galley and scrambled itmakepe spear survived not five
                               centuries</p>
                       </div>
                   </div>
                   <div class="col-lg-4">
                       <div class="choose-box1 wow fadeInUp" data-wow-delay=".4s">
                           <div class="choose-shape1">
                               <a href="index3.html"><img src="img/figure/home_dollar-1.svg" alt="shape" width="59" height="63"></a>
                           </div>
                           <h3 class="item-title"><a href="single-listing3.html">Mortgage Services</a></h3>
                           <p>when an unknown printer took galley and scrambled itmakepe spear survived not five
                               centuries</p>
                       </div>
                   </div>
                   <div class="col-lg-4">
                       <div class="choose-box1 wow fadeInUp" data-wow-delay=".6s">
                           <div class="choose-shape1 choose-shape2">
                               <a href="index3.html"><img src="img/figure/home-calculator-1.svg" alt="shape" width="59" height="63"></a>
                           </div>
                           <h3 class="item-title"><a href="single-listing3.html">Transparentcy Tax Clearing</a></h3>
                           <p>when an unknown printer took galley and scrambled itmakepe spear survived not five
                               centuries</p>
                       </div>
                   </div>
               </div>
           </div>
       </section>


       <section class="feature-rent-wrap1">
           <div class="container">
               <div class="row align-items-center">
                   <div class="col-lg-6 col-md-7 col-sm-12">
                       <div class="item-heading-left">
                           <span class="section-subtitle">Latest Listings</span>
                           <h2 class="section-title">Properties For Rent</h2>
                           <div class="bg-title-wrap" style="display: block;">
                               <span class="background-title solid">properties</span>
                           </div>
                       </div>
                   </div>
                   <div class="col-lg-6 col-md-5 col-sm-12">
                       <div class="heading-button">
                           <a href="with-sidebar.html" class="heading-btn">View All Properties</a>
                       </div>
                   </div>
               </div>
               <div class="row">
                   <div class="col-xl-6 col-lg-5">
                       <div class="rent-box1 wow fadeInUp" data-wow-delay=".2s">
                           <div class="item-img">
                               <a href="single-listing1.html"><img src="img/blog/property1.jpg" alt="property" width="630" height="430"></a>
                               <div class="item-category-box1">
                                   <div class="item-category">For Rent</div>
                               </div>
                           </div>
                           <div class="item-content">
                               <h3 class="item-title"><a href="single-listing1.html">Triple Story House for Rent</a></h3>
                               <div class="location-area"><i class="flaticon-maps-and-flags"></i>Downey, California</div>
                               <p>
                                   Massa tempor nec feugiat nisl pretium. Egestas fringilla phasellus faucibus scelerisque eleifend donec. Porta nibh venenatis cras sed felis eget velit aliquet. Neque volutpat ac tincidunt vitae semper quis lectus.
                               </p>
                               <div class="item-categoery3">
                                   <ul>
                                       <li><i class="flaticon-bed"></i>Beds: 03</li>
                                       <li><i class="flaticon-shower"></i>Baths: 02</li>
                                       <li><i class="flaticon-two-overlapping-square"></i>931 Sqft</li>
                                   </ul>
                               </div>
                           </div>
                       </div>
                   </div>
                   <div class="col-xl-6 col-lg-7 wow fadeInUp" data-wow-delay=".4s">
                       <div class="rent-feature1">
                           <div class="row">
                               <div class="col-lg-12">
                                   <div class="rent-box2">
                                       <div class="item-img">
                                           <a href="with-sidebar.html"><img src="img/blog/property2.jpg" alt="property" height="170" width="220"></a>
                                           <div class="item-category">
                                               <a href="single-listing1.html">For Rent</a>
                                           </div>
                                       </div>
                                       <div class="item-content">
                                           <h3 class="item-title"><a href="single-listing1.html">
                                               Brand New Shopping Mall for Sale </a></h3>
                                           <div class="location-area"><i class="flaticon-maps-and-flags"></i>Downey, California</div>
                                           <div class="item-categoery3">
                                               <ul>
                                                   <li><i class="flaticon-bed"></i>Beds: 03</li>
                                                   <li><i class="flaticon-shower"></i>Baths: 02</li>
                                                   <li><i class="flaticon-two-overlapping-square"></i>931 Sqft</li>
                                               </ul>
                                           </div>
                                           <div class="rent-price">
                                               <div class="item-price">$15,000<span><i>/</i>mo</span></div>
                                           </div>
                                       </div>
                                   </div>
                               </div>
                           </div>
                       </div>
                       <div class="rent-feature1">
                           <div class="row">
                               <div class="col-lg-12">
                                   <div class="rent-box2">
                                       <div class="item-img">
                                           <a href="with-sidebar.html"><img src="img/blog/property3.jpg" alt="property" height="170" width="220"></a>
                                           <div class="item-category">
                                               <a href="single-listing1.html">For Rent</a>
                                           </div>
                                       </div>
                                       <div class="item-content">
                                           <h3 class="item-title"><a href="single-listing1.html">Northwest Office Space</a></h3>
                                           <div class="location-area"><i class="flaticon-maps-and-flags"></i>Downey, California</div>
                                           <div class="item-categoery3">
                                               <ul>
                                                   <li><i class="flaticon-bed"></i>Beds: 03</li>
                                                   <li><i class="flaticon-shower"></i>Baths: 02</li>
                                                   <li><i class="flaticon-two-overlapping-square"></i>931 Sqft</li>
                                               </ul>
                                           </div>
                                           <div class="rent-price">
                                               <div class="item-price">$15,000<span><i>/</i>mo</span></div>
                                           </div>
                                       </div>
                                   </div>
                               </div>
                           </div>
                       </div>
                       <div class="rent-feature1">
                           <div class="row">
                               <div class="col-lg-12">
                                   <div class="rent-box2">
                                       <div class="item-img">
                                           <a href="with-sidebar.html"><img src="img/blog/property4.jpg" alt="property" height="170" width="220"></a>
                                           <div class="item-category">
                                               <a href="single-listing1.html">For Rent</a>
                                           </div>
                                       </div>
                                       <div class="item-content">
                                           <h3 class="item-title"><a href="single-listing1.html">Diamond Manco Apartment</a></h3>
                                           <div class="location-area"><i class="flaticon-maps-and-flags"></i>Downey, California</div>
                                           <div class="item-categoery3">
                                               <ul>
                                                   <li><i class="flaticon-bed"></i>Beds: 03</li>
                                                   <li><i class="flaticon-shower"></i>Baths: 02</li>
                                                   <li><i class="flaticon-two-overlapping-square"></i>931 Sqft</li>
                                               </ul>
                                           </div>
                                           <div class="rent-price">
                                               <div class="item-price">$15,000<span><i>/</i>mo</span></div>
                                           </div>
                                       </div>
                                   </div>
                               </div>
                           </div>
                       </div>
                   </div>
               </div>
           </div>
       </section>


       <section class="feature-wrap1">
           <div class="container">
               <div class="row align-items-center">
                   <div class="col-xl-6 col-lg-6">
                       <div class="feature-box1 wow fadeInLeft" data-wow-delay=".2s">
                           <div class="item-categoery">
                               <a href="single-listing2.html">For sell</a>
                           </div>
                           <div class="heading-title">
                               <h2>Brand New Shopping Mall for Sale</h2>
                           </div>
                           <div class="location-area"><i class="flaticon-maps-and-flags"></i>Downey, California</div>
                           <p>
                               Massa tempor nec feugiat nisl pretium. Egestas fringilla phasellus faucibus scelerisque eleifend donec. Porta nibh venenatis cras sed felis eget velit aliquet. Neque volutpat ac tincidunt vitae semper quis lectus.
                           </p>
                           <div class="item-categoery3">
                               <ul>
                                   <li><i class="flaticon-bed"></i>Beds: 03</li>
                                   <li><i class="flaticon-shower"></i>Baths: 02</li>
                                   <li><i class="flaticon-two-overlapping-square"></i>931 Sqft</li>
                               </ul>
                           </div>
                           <div class="price-area-style-1">
                               <div class="item-price">$19,000</div>
                               <div class="details-button">
                                   <a href="single-listing1.html" class="item-btn">See Details</a>
                               </div>
                           </div>
                       </div>
                   </div>
                   <div class="col-xl-6 col-lg-6">
                       <div class="featured-thumb-slider-area">
                           <div class="inner-box-1">
                               <div class="feature-box2 swiper-container wow fadeInRight" data-wow-delay=".3s">
                                   <div class="swiper-wrapper">
                                       <div class="swiper-slide">
                                           <div class="feature-img1">
                                               <img src="img/blog/about2.jpg" alt="feature" width="690" height="765">
                                           </div>
                                       </div>
                                       <div class="swiper-slide">
                                           <div class="feature-img1">
                                               <img src="img/blog/about3.jpg" alt="feature" width="690" height="765">
                                           </div>
                                       </div>

                                       <div class="swiper-slide">
                                           <div class="feature-img1">
                                               <img src="img/blog/about4.jpg" alt="feature" width="690" height="765">
                                           </div>
                                       </div>

                                       <div class="swiper-slide">
                                           <div class="feature-img1">
                                               <img src="img/blog/about2.jpg" alt="feature" width="690" height="765">
                                           </div>
                                       </div>

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

                           <div class="inner-box-2">

                                   <div class="featured-thum-slider swiper-container">
                                       <div class="swiper-wrapper">
                                           <div class="swiper-slide">
                                               <div class="item-img">
                                                   <img src="img/blog/about5.jpg" alt="feature" width="320" height="247">
                                               </div>
                                           </div>
                                           <div class="swiper-slide">
                                               <div class="item-img">
                                                   <img src="img/blog/about6.jpg" alt="feature" width="320" height="247">
                                               </div>
                                           </div>
                                           <div class="swiper-slide">
                                               <div class="item-img">
                                                   <img src="img/blog/about7.jpg" alt="feature" width="320" height="247">
                                               </div>
                                           </div>

                                       </div>
                                   </div>

                           </div>

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

      @endsection



      @section('javascript')
      <script type="text/javascript">

      function addSubscriber(){
    			var subscriber_email = $("#subscriber_email").val();
          var _token = $('meta[name="csrf-token"]').attr('content');
          var regex = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/;
          if (regex.test(subscriber_email) ==false) {
            alert("Uygun email adresi girmeniz gerekmektedir!");
            return false;
          }
    			$.ajax({
    				type:'post',
    				url:'{{ route('addSub') }}',
    				data:{subscriber_email:subscriber_email, _token:_token},
    				success:function(resp){
    					if(resp=="subMevcut")
              {
    						alert("Bülten aboneliğiniz bulunmaktadır!");
    					}
              else if(resp=="subEklendi")
              {
                alert("Bülten aboneliğiniz gerçekleşti");
              }
    				}
    			});
    		}
      </script>

<!--  <script>
      const allStories = [
        {
          thumbUrl: "https://raw.githubusercontent.com/livebloggerofficial/Stories/main/images/1-thumb.png",
          imageUrl: "https://raw.githubusercontent.com/livebloggerofficial/Stories/main/images/1.png",
          title: "mobilya",
        },

        {
          thumbUrl: "https://raw.githubusercontent.com/livebloggerofficial/Stories/main/images/2-thumb.png",
          imageUrl: "https://raw.githubusercontent.com/livebloggerofficial/Stories/main/images/2.png",
          title: "Title No. 2",
        },

        {
          thumbUrl: "https://raw.githubusercontent.com/livebloggerofficial/Stories/main/images/1-thumb.png",
          imageUrl: "https://raw.githubusercontent.com/livebloggerofficial/Stories/main/images/1.png",
          title: "Title No. 3",
        },
        {
          thumbUrl: "https://raw.githubusercontent.com/livebloggerofficial/Stories/main/images/1-thumb.png",
          imageUrl: "https://raw.githubusercontent.com/livebloggerofficial/Stories/main/images/1.png",
          title: "Title No. 3",
        },
        {
          thumbUrl: "https://raw.githubusercontent.com/livebloggerofficial/Stories/main/images/1-thumb.png",
          imageUrl: "https://raw.githubusercontent.com/livebloggerofficial/Stories/main/images/1.png",
          title: "Title No. 3",
        },
        {
          thumbUrl: "https://raw.githubusercontent.com/livebloggerofficial/Stories/main/images/1-thumb.png",
          imageUrl: "https://raw.githubusercontent.com/livebloggerofficial/Stories/main/images/1.png",
          title: "Title No. 3",
        },

      ];

  const storiesContainer = document.querySelector(".stories-container");
  const storyFull = document.querySelector(".story-full");
  const storyFullImage = document.querySelector(".story-full img");
  const storyFullTitle = document.querySelector(".story-full .title");
  const closeBtn = document.querySelector(".story-full .close-btn");
  const leftArrow = document.querySelector(".story-full .left-arrow");
  const rightArrow = document.querySelector(".story-full .right-arrow");

  let currentIndex = 0;
  let timer;

  allStories.forEach((s, i) => {
    const content = document.createElement("div");
    content.classList.add("content");

    const img = document.createElement("img");
    img.setAttribute("src", s.thumbUrl);

    storiesContainer.appendChild(content);
    content.appendChild(img);

    content.addEventListener("click", () => {
      currentIndex = i;
      storyFull.classList.add("active");
      storyFullImage.setAttribute("src", s.imageUrl);

      if (!s.title) {
        storyFullTitle.style.display = "none";
      } else {
        storyFullTitle.style.display = "block";
        storyFullTitle.innerHTML = s.title;
      }

      clearInterval(timer);
      timer = setInterval(nextStory, 5000);
    });
  });

  closeBtn.addEventListener("click", () => {
    storyFull.classList.remove("active");
  });

  leftArrow.addEventListener("click", () => {
    if (currentIndex > 0) {
      currentIndex -= 1;

      storyFullImage.setAttribute("src", allStories[currentIndex].imageUrl);

      if (!allStories[currentIndex].title) {
        storyFullTitle.style.display = "none";
      } else {
        storyFullTitle.style.display = "block";
        storyFullTitle.innerHTML = allStories[currentIndex].title;
      }

      clearInterval(timer);
      timer = setInterval(nextStory, 5000);
    }
  });

  const nextStory = () => {
    if (currentIndex < allStories.length - 1) {
      currentIndex += 1;

      storyFullImage.setAttribute("src", allStories[currentIndex].imageUrl);

      if (!allStories[currentIndex].title) {
        storyFullTitle.style.display = "none";
      } else {
        storyFullTitle.style.display = "block";
        storyFullTitle.innerHTML = allStories[currentIndex].title;
      }
    }
  };

  rightArrow.addEventListener("click", () => {
    nextStory();
    clearInterval(timer);
    timer = setInterval(nextStory, 5000);
  });

</script>-->
      @endsection

      @section('css')
  <!--<style>

  .stories-container {
  display: flex;
  background: #fff;
  box-shadow: 0 3px 24px -8px rgba(0, 0, 0, 0.3);
  width: 1040px;
  margin: 0 auto;
  padding: 20px 36px;
  border-radius: 8px;
  gap: 80px;
  overflow: hidden;
  overflow-x: scroll;
  box-sizing: border-box;
}

.stories-container .content img {
  height: 90px;
  width: 90px;
  border-radius: 50%;
  object-fit: cover;
  z-index: 300;
  position: relative;
  vertical-align: middle;
}

.stories-container .content {
  position: relative;
  cursor: pointer;
}

.stories-container .content::before {
  content: "";
  height: 98px;
  width: 98px;
  background: #fff;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 101;
}

.stories-container .content::after {
  content: "";
  height: 106px;
  width: 106px;
  background: linear-gradient(#dd2a7b, #f58529);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 100;
}

.story-full {
  background: #222;
  position: fixed;
  left: 0;
  top: 0;
  height: 100vh;
  width: 100%;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  transition: all 100ms ease;
}

.story-full.active {
  opacity: 1;
  pointer-events: auto;
}

.story-full .close-btn {
  position: fixed;
  right: 32px;
  top: 32px;
  width: 32px;
  cursor: pointer;
}

.story-full .content .left-arrow,
.story-full .content .right-arrow {
  width: 60px;
  cursor: pointer;
}

.story-full .content {
  height: 100%;
  display: flex;
  align-items: center;
  position: relative;
}

.story-full img {
  height: 90%;
}

.story-full .content .title {
  position: absolute;
  bottom: 82px;
  left: 50%;
  transform: translateX(-50%);
  background: #fff;
  font-family: "Roboto", sans-serif;
  line-height: 2;
  padding: 8px 32px;
  border-radius: 15px;
}

@media (max-width: 700px) {
  .stories-container {
    width: 100%;
  }

  .stories-container .content img {
    width: 60px;
    height: 60px;
  }

  .stories-container .content::before {
    height: 70px;
    width: 70px;
  }

  .stories-container .content::after {
    width: 80px;
    height: 80px;
  }

  .story-full .content img {
    height: 65%;
  }
}
</style>-->
      @endsection