@extends('partials.main')
@section('title')
{{ 'Home Page' }}
@endsection
@section('content')
<style>
.tg-homeslidervtwo .tg-slidercontent,
.tg-homeslidervtwo .tg-slidercontent h1,
.tg-homeslidervtwo .tg-slidercontent h2 {
    text-align: center;
}

.tg-populartourtitle {
    width: 100%;
    float: left;
    height: 48px;
    padding: 0 0 20px;
}

/* 
.tg-homeslidervtwo .item figcaption {
            padding: 55px 0;
        } */


.tg-slidercontent h1 {
    color: #fff;
    margin: 0 0 20px;
    font-size: 57px;
    font-weight: bold;
    line-height: 55px;
    text-align: center;
    font-family: serif;

}

img.des-first {
    height: 480px !important;
    width: 370px !important;
    object-fit: cover;
}

img.des-second {
    width: 400px !important;
    height: 225px !important;
    object-fit: cover;
}

img.des-third {
    width: 400px !important;
    height: 225px !important;
    object-fit: cover;
}

img.des-fourth {
    height: 480px !important;
    width: 370px !important;
    object-fit: cover;
}
</style>
<!--************************************
                Home Slider Start
              *************************************-->
<style>
#tg-homebannerslider .owl-stage-outer {
    height: 60vh;
}
</style>
<div id="tg-homebannerslider" class="tg-homebannerslider tg-haslayout">
    <div id="tg-homeslider" class="tg-homeslider tg-homeslidervtwo owl-carousel tg-haslayout">
        <figure class="item" data-vide-bg="poster: images/jpg.jpg" data-vide-options="position: 0% 50%">
            <figcaption>
                <div class="container">
                    <div class="row">
                        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                            <div class="tg-slidercontent">
                                <h1>RENT A CAR WITH DRIVER IN <br> SRI LANKA</h1>
                                <h2>Travel around the beautiful paradise at your own comfort using our well trained and
                                    licensed chauffeur service.</h2>
                                {{-- <a class="tg-btn" href="/quote"><span>REQUEST QUOTE</span></a> --}}
                            </div>
                        </div>
                    </div>
                </div>
            </figcaption>
        </figure>
        <figure class="item" data-vide-bg="poster: images/b130508009-banner-size.jpg"
            data-vide-options="position: 0% 50%">
            <figcaption>
                <div class="container">
                    <div class="row">
                        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                            <div style="padding-top: 110px" class="tg-slidercontent">
                                <h1>Planning a Trip to Sri lanaka?</h1>
                                <h2> We organize and arrange hotel accomodation, wildlife safaris and many more. </h2>
                                {{-- <a class="tg-btn" href="javascript:void(0);"><span>REQUEST QUOTE</span></a> --}}
                            </div>
                        </div>
                    </div>
                </div>
            </figcaption>
        </figure>
        <figure class="item" data-vide-bg="poster: images/slider3.jpg" data-vide-options="position: 0% 50%">
            <figcaption>
                <div class="container">
                    <div class="row">
                        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                            <div style="padding-top: 110px" class="tg-slidercontent">
                                <h1>Planning a Trip to Sri lanaka?</h1>
                                <h2>You Choose the Adventure We make it happen</h2>
                                {{-- <a class="tg-btn" href="javascript:void(0);"><span>REQUEST QUOTE</span></a> --}}
                            </div>
                        </div>
                    </div>
                </div>
            </figcaption>
        </figure>
    </div>
    <!-- <div class="tg-findtour">
                <div class="container">
                 <div class="row">
                  <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                   <form class="tg-formtheme tg-formtrip">
                      <fieldset>
                       <div class="form-group">
                        <div class="tg-select">
                         <select class="selectpicker" data-live-search="true" data-width="100%">
                          <option data-tokens="Destinations">Destinations</option>
                          <option data-tokens="All Areas">All Areas</option>
                          <option data-tokens="Bayonne">Bayonne</option>
                          <option data-tokens="Greenville">Greenville</option>
                          <option data-tokens="Manhattan">Manhattan</option>
                          <option data-tokens="Queens">Queens</option>
                          <option data-tokens="The Heights">The Heights</option>
                         </select>
                        </div>
                       </div>
                       <div class="form-group">
                        <div class="tg-select">
                         <select class="selectpicker" data-live-search="true" data-width="100%">
                          <option data-tokens="Adventure Type">Adventure Type</option>
                          <option data-tokens="Ice Adventure Vacations">Ice Adventure Vacations</option>
                          <option data-tokens="National Park">National Park</option>
                          <option data-tokens="Adult Vacations">Adult Vacations</option>
                         </select>
                        </div>
                       </div>
                       <div class="form-group">
                        <div class="tg-select">
                         <select class="selectpicker" data-live-search="true" data-width="100%">
                          <option data-tokens="Travel Month">Travel Month</option>
                          <option data-tokens="January">January</option>
                          <option data-tokens="February">February</option>
                          <option data-tokens="March">March</option>
                          <option data-tokens="April">April</option>
                          <option data-tokens="May">May</option>
                          <option data-tokens="June">June</option>
                          <option data-tokens="July">July</option>
                          <option data-tokens="August">August</option>
                          <option data-tokens="September">September</option>
                          <option data-tokens="October">October</option>
                          <option data-tokens="November">November</option>
                          <option data-tokens="December">December</option>
                         </select>
                        </div>
                       </div>
                       <div class="form-group">
                        <div class="tg-select">
                         <select class="selectpicker" data-live-search="true" data-width="100%">
                          <option data-tokens="Duration">Duration</option>
                          <option data-tokens="2 weeks">2 weeks</option>
                          <option data-tokens="3 weeks">3 weeks</option>
                          <option data-tokens="4 weeks">4 weeks</option>
                          <option data-tokens="5 weeks">5 weeks</option>
                          <option data-tokens="6 weeks">6 weeks</option>
                          <option data-tokens="7 weeks">7 weeks</option>
                          <option data-tokens="8 weeks">8 weeks</option>
                          <option data-tokens="9 weeks">9 weeks</option>
                          <option data-tokens="10 weeks">10 weeks</option>
                         </select>
                        </div>
                       </div>
                       <div class="form-group">
                        <button class="tg-btn" type="submit"><span>find tours</span></button>
                       </div>
                      </fieldset>
                     </form>
                  </div>
                 </div>
                </div>
               </div> -->
</div>
<!--************************************
                Home Slider End
              *************************************-->
<!--************************************
                Main Start
              *************************************-->
<main id="tg-main" class="tg-main tg-haslayout">
    <!--************************************
                 Our Guides Start
               *************************************-->
    <section style="padding-top:40px;" class="tg-sectionspace tg-toppadding tg-haslayout">
        <div class="container">
            <div class="row">
                <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                    <div class="tg-sectionhead tg-sectionheadvtwo">
                        <div class="tg-sectiontitle">
                            <h2>Rent a Vehicle with Driver</h2>
                        </div>
                        <div class="tg-description">
                            <p>Unlock Your Adventure: Explore, Discover, and Drive with Us!
                            </p>
                        </div>
                    </div>
                    <div id="tg-populartoursslider"
                        class="tg-populartoursslider tg-populartours tg-populartoursvtwo owl-carousel">
                        <div class="item tg-populartour">
                            <figure>
                                <a href="javascript:void(0);"> <img src="{{ asset('images/alion.webp') }}"
                                        alt="image destinations"></a>
                                <span class="tg-descount">25% Off</span>
                            </figure>
                            <div class="tg-populartourcontent">
                                <div class="tg-populartourtitle">
                                    <h3><a href="javascript:void(0);">Toyota Allion</a></h3>
                                </div>
                                <div class="tg-description">
                                    <p>(1 - 3 Pax with Baggage)</p>
                                </div>
                                <div class="tg-populartourfoot">
                                    <a class="tg-btnaddtocart" href="javascript:void(0);">
                                        <i class="icon-icons240"></i>
                                        <span>Request Quote </span>
                                    </a>
                                </div>
                            </div>
                        </div>
                        <div class="item tg-populartour">
                            <figure><a href="javascript:void(0);"> <img src="{{ asset('images/kdh.jpg') }}"
                                        alt="image destinations" class="advance-btn"></a>
                                <span class="tg-descount">25% Off</span>
                            </figure>
                            <div class="tg-populartourcontent">
                                <div class="tg-populartourtitle">
                                    <h3><a href="javascript:void(0);"> Toyota Hiace KDH Super GL</a></h3>
                                </div>
                                <div class="tg-description">
                                    <p>(4 - 6 Pax with Baggage)</p>
                                </div>
                                <div class="tg-populartourfoot">
                                    <a class="tg-btnaddtocart" href="/payment">
                                        <i class="icon-icons240"></i>
                                        <span>Request Quote </span>
                                    </a>
                                </div>
                            </div>
                        </div>
                        <div class="item tg-populartour">
                            <figure><a href="javascript:void(0);"> <img src="{{ asset('images/sva5i4a_1521691.webp') }}"
                                        alt="image destinations" class="advance-btn"></a>
                                <span class="tg-descount">25% Off</span>
                            </figure>
                            <div class="tg-populartourcontent">
                                <div class="tg-populartourtitle">
                                    <h3><a href="javascript:void(0);">BMW 530d</a></h3>
                                </div>
                                <div class="tg-description">
                                    <p>(1 - 3 Pax with Baggage)</p>
                                </div>
                                <div class="tg-populartourfoot">
                                    <a class="tg-btnaddtocart" href="javascript:void(0);">
                                        <i class="icon-icons240"></i>
                                        <span>Request Quote </span>
                                    </a>
                                </div>
                            </div>
                        </div>
                        <div class="item tg-populartour">
                            <figure><a href="javascript:void(0);"> <img src="{{ asset('images/newcost.jpg') }}"
                                        alt="image destinations" class="advance-btn"></a>
                                <span class="tg-descount">25% Off</span>
                            </figure>
                            <div class="tg-populartourcontent">
                                <div class="tg-populartourtitle">
                                    <h3><a href="javascript:void(0);">Toyota Coaster</a></h3>
                                </div>
                                <div class="tg-description">
                                    <p> (10 - 15 Pax with Baggage)</p>
                                </div>
                                <div class="tg-populartourfoot">
                                    <a class="tg-btnaddtocart" href="javascript:void(0);">
                                        <i class="icon-icons240"></i>
                                        <span>Request Quote </span>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--************************************
         Our Guides End
           *************************************-->
    <!--************************************
                 Popular Destination Start
               *************************************-->
    <section class="tg-parallax" data-appear-top-offset="600" data-parallax="scroll"
        data-image-src="{{ asset('images/Is-Sri-Lanka-worth-visiting.jpg') }}">
        <div class="tg-sectionspace tg-haslayout">
            <div class="container">
                <div class="row">
                    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-9">
                        <div class="tg-sectionhead">
                            <div class="tg-sectiontitle">
                                <h2>Plan Your Dream Holiday</h2>
                            </div>
                            <div class="tg-description">
                                <p>Unleash Your Wanderlust: Design the Blueprint for Your Dream Holiday!</p>
                            </div>
                        </div>
                        <div id="tg-populardestinationslider"
                            class="tg-populardestinationslider tg-populardestinations owl-carousel">
                            <div class="item tg-populardestination">
                                <figure>
                                    <a href="javascript:void(0);"> <img
                                            src="{{ asset('images/Safari-in-Sri-Lanka.jpg') }}"
                                            alt="image destinations"></a>
                                    <figcaption>
                                        <h3><a href="javascript:void(0);">Safari</a></h3>
                                        <div class="tg-description">
                                            <p>Beautiful Safari In National Park</p>
                                        </div>
                                    </figcaption>
                                </figure>
                            </div>
                            <div class="item tg-populardestination">
                                <figure>
                                    <a href="javascript:void(0);"> <img src="{{ asset('images/Banner-800-520.jpg') }}"
                                            alt="image destinations"></a>
                                    <figcaption>
                                        <h3><a href="javascript:void(0);">Hiking</a></h3>
                                        <div class="tg-description">
                                            <p>Beautiful Mountain Hiking</p>
                                        </div>
                                    </figcaption>
                                </figure>
                            </div>
                            <div class="item tg-populardestination">
                                <figure>
                                    <a href="javascript:void(0);"> <img src="{{ asset('images/img-13.jpg') }}"
                                            alt="image destinations"></a>
                                    <figcaption>
                                        <h3><a href="javascript:void(0);">Istanbul</a></h3>
                                        <div class="tg-description">
                                            <p>in the streets of Sri lanaka</p>
                                        </div>
                                    </figcaption>
                                </figure>
                            </div>
                            <div class="item tg-populardestination">
                                <figure>
                                    <a href="javascript:void(0);"> <img src="{{ asset('images/img-14.jpg') }}"
                                            alt="image destinations"></a>
                                    <figcaption>
                                        <h3><a href="javascript:void(0);">Sri lanaka</a></h3>
                                        <div class="tg-description">
                                            <p>in the streets of Sri lanaka</p>
                                        </div>
                                    </figcaption>
                                </figure>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--************************************
                 Popular Tour End
               *************************************-->


    <!--************************************
                 Tranding Trips Start
               *************************************-->
    <section class="tg-sectionspace tg-haslayout">
        <div class="container">
            <div class="row">
                <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                    <div class="tg-sectionhead tg-sectionheadvtwo">
                        <div class="tg-sectiontitle">
                            <h2>Popular Itinerary</h2>
                        </div>
                        <div class="tg-description">
                            <p>Unlock Adventure: Discover the World on Wheels!
                            </p>
                        </div>
                    </div>
                </div>
                <div class="tg-trendingtrips">


                    <div class="col-xs-6 col-sm-4 col-md-4 col-lg-4">
                        <div class="tg-trendingtrip">
                            <figure>
                                <a href="/aliya">
                                    <img src="{{ asset('images/i (1).jpg') }}" class="Itinerary-gat"
                                        alt="image destinations">
                                    <div class="tg-hover">
                                        <span class="tg-stars"><span></span></span>
                                        <span class="tg-tourduration">4 Days</span>
                                        <span style="display: " class="tg-locationname">4D/3N</span>
                                        <div class="tg-pricearea">
                                            <span>from</span>
                                            <div class="tg-price">
                                                <del>$250</del>
                                                <h4>$240</h4>
                                            </div>
                                        </div>
                                    </div>
                                </a>
                            </figure>
                            <div class="tg-populartourcontent">
                                <div class="tg-populartourtitle">
                                    <h3><a href="/aliya">ALIYA

                                            3 NIGHTS AND 4 DAYS</a></h3>
                                </div>
                                <div class="tg-description">
                                    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
                                        nibh...</p>
                                </div>
                            </div>
                        </div>
                        <div class="tg-populartourfoot">
                            <a class="tg-btnaddtocart" href="javascript:void(0);">
                                <i class="icon-icons240"></i>
                                <span>Request Quote </span>
                            </a>
                        </div>
                    </div>
                    <div class="col-xs-6 col-sm-4 col-md-4 col-lg-4">
                        <div class="tg-trendingtrip">
                            <figure>
                                <a href="araliya">
                                    <img src="{{ asset('images/i (3).jpg') }}" class="Itinerary-gat"
                                        alt="image destinations">
                                    <div class="tg-hover">
                                        <span class="tg-stars"><span></span></span>
                                        <span class="tg-tourduration">4 Days</span>
                                        <span style="display: " class="tg-locationname">3D/3N</span>
                                        <div class="tg-pricearea">
                                            <span>from</span>
                                            <h4>$255</h4>
                                        </div>
                                    </div>
                                </a>
                            </figure>
                            <div class="tg-populartourcontent">
                                <div class="tg-populartourtitle">
                                    <h3><a href="araliya">ARALIYA

                                            2 NIGHTS AND 3 DAYS</a></h3>
                                </div>
                                <div class="tg-description">
                                    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
                                        nibh...</p>
                                </div>
                            </div>
                        </div>
                        <div class="tg-populartourfoot">
                            <a class="tg-btnaddtocart" href="javascript:void(0);">
                                <i class="icon-icons240"></i>
                                <span>Request Quote </span>
                            </a>
                        </div>
                    </div>
                    <div class="col-xs-6 col-sm-4 col-md-4 col-lg-4">
                        <div class="tg-trendingtrip">
                            <figure>
                                <a href="/green-escapes">
                                    <img src="{{ asset('images/i (5).jpg') }}" class="Itinerary-gat"
                                        alt="image destinations">
                                    <div class="tg-hover">
                                        <span class="tg-stars"><span></span></span>
                                        <span class="tg-tourduration">8 Days</span>
                                        <span style="" class="tg-locationname">8D/7N</span>
                                        <div class="tg-pricearea">
                                            <span>from</span>
                                            <h4>$480</h4>
                                        </div>
                                    </div>
                                </a>
                            </figure>
                            <div class="tg-populartourcontent">
                                <div class="tg-populartourtitle">
                                    <h3><a href="/green-escapes">GREEN ESCAPES

                                            7 NIGHTS AND 8 DAYS

                                        </a></h3>
                                </div>
                                <div class="tg-description">
                                    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
                                        nibh...</p>
                                </div>
                            </div>
                        </div>
                        <div class="tg-populartourfoot">
                            <a class="tg-btnaddtocart" href="javascript:void(0);">
                                <i class="icon-icons240"></i>
                                <span>Request Quote </span>
                            </a>
                        </div>
                    </div>
                    <div class="col-xs-6 col-sm-4 col-md-4 col-lg-4">
                        <div class="tg-trendingtrip">
                            <figure>
                                <a href="/hop-on">
                                    <img src="{{ asset('images/i (2).jpg') }}" class="Itinerary-gat"
                                        alt="image destinations">
                                    <div class="tg-hover">
                                        <span class="tg-stars"><span></span></span>
                                        <span class="tg-tourduration">6 Days</span>
                                        <span style="display: " class="tg-locationname">6D/5N</span>
                                        <div class="tg-pricearea">
                                            <span>from</span>
                                            <h4>$360</h4>
                                        </div>
                                    </div>
                                </a>
                            </figure>
                            <div class="tg-populartourcontent">
                                <div class="tg-populartourtitle">
                                    <h3><a href="/hop-on">HOP ON

                                            5 NIGHTS AND 6 DAYS</a></h3>
                                </div>
                                <div class="tg-description">
                                    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
                                        nibh...</p>
                                </div>
                            </div>
                        </div>
                        <div class="tg-populartourfoot">
                            <a class="tg-btnaddtocart" href="javascript:void(0);">
                                <i class="icon-icons240"></i>
                                <span>Request Quote </span>
                            </a>
                        </div>
                    </div>
                    <div class="col-xs-6 col-sm-4 col-md-4 col-lg-4">
                        <div class="tg-trendingtrip">
                            <figure>
                                <a href="/luxe-looks">
                                    <img src="{{ asset('images/i1.jpg') }}" class="Itinerary-gat"
                                        alt="image destinations">
                                    <div class="tg-hover">
                                        <span class="tg-stars"><span></span></span>
                                        <span class="tg-tourduration">12 Days</span>
                                        <span style="display: " class="tg-locationname">12D/11N</span>
                                        <div class="tg-pricearea">
                                            <span>from</span>
                                            <h4>$720</h4>
                                        </div>
                                    </div>
                                </a>
                            </figure>
                            <div class="tg-populartourcontent">
                                <div class="tg-populartourtitle">
                                    <h3><a href="/luxe-looks">LUXE LOOKS

                                            11 NIGHTS AND 12

                                            DAYS</a></h3>
                                </div>
                                <div class="tg-description">
                                    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
                                        nibh...</p>
                                </div>
                            </div>
                        </div>
                        <div class="tg-populartourfoot">
                            <a class="tg-btnaddtocart" href="javascript:void(0);">
                                <i class="icon-icons240"></i>
                                <span>Request Quote </span>
                            </a>
                        </div>
                    </div>
                    <div class="col-xs-6 col-sm-4 col-md-4 col-lg-4">
                        <div class="tg-trendingtrip">
                            <figure>
                                <a href="/royal-route">
                                    <img src="{{ asset('images/i (4).jpg') }}" class="Itinerary-gat"
                                        alt="image destinations">
                                    <div class="tg-hover">
                                        <span class="tg-stars"><span></span></span>
                                        <span class="tg-tourduration">4 Days</span>
                                        <span style="" class="tg-locationname">4D/3N</span>
                                        <div class="tg-pricearea">
                                            <span>from</span>
                                            <h4>$300</h4>
                                        </div>
                                    </div>
                                </a>
                            </figure>
                            <div class="tg-populartourcontent">
                                <div class="tg-populartourtitle">
                                    <h3><a href="/royal-route">ROYAL ROUTE

                                            4 NIGHTS AND 5 DAYS</a></h3>
                                </div>
                                <div class="tg-description">
                                    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
                                        nibh...</p>
                                </div>
                            </div>
                        </div>
                        <div class="tg-populartourfoot">
                            <a class="tg-btnaddtocart" href="javascript:void(0);">
                                <i class="icon-icons240"></i>
                                <span>Request Quote </span>
                            </a>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </section>
    <!--************************************
         Tranding Trips End
           *************************************-->




    <!--************************************
                 Call To Action Start
               *************************************-->
    <section class="tg-parallax" data-appear-top-offset="600" data-parallax="scroll"
        data-image-src="{{ asset('images//Travel1.jpg') }}">
        <div class="tg-sectionspace tg-zerobottompadding tg-haslayout">
            <div class="container">
                <div class="row">
                    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                        <div class="tg-sectionhead tg-sectionheadvtwo">
                            <div class="tg-sectiontitle">
                                <h2>What makes these trips different?</h2>
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-8 col-lg-push-2">
                        <figure class="tg-videobox">
                            <img src="{{ asset('images/safari-elefantes-minneriya.png') }}" alt="image description">
                            <a class="tg-btnplay" href="https://www.youtube.com/watch?v=wJF5NXygL4k"
                                data-rel="prettyPhoto[instagram]"><i class="icon-play3"></i></a>
                        </figure>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--************************************
                 Call To Action End
               *************************************-->

    <!--************************************
                 Top Destination Start
               *************************************-->
    <section class="tg-sectionspace tg-haslayout">
        <div class="container">
            <div class="row">
                <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                    <div class="tg-sectionhead tg-sectionheadvtwo">
                        <div class="tg-sectiontitle">
                            <h2>Top Destinations</h2>
                        </div>
                        <div class="tg-description">
                            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam consectetuer.</p>
                        </div>
                    </div>
                </div>
                <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                    <div class="tg-themetabs">

                        <div class="tg-themetabcontent">
                            <div class="tg-topdestinations">
                                <div class="row">
                                    <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">

                                        <div class="tg-topdestination">
                                            <figure>
                                                <a href="/destinations/{{$first->slug}}" class="tg-btnviewall">View All
                                                    Tours</a>
                                                <a href="/destinations/{{$first->slug}}"> <img class="des-first"
                                                        src="{{ asset('thumbnails/' . $first->thumbnail) }}"
                                                        alt="image description"></a>
                                                <figcaption>
                                                    <h2><a href="/destinations/{{$first->slug}}">{{$first->title}} </a>
                                                    </h2>
                                                    <span class="tg-totaltours">17 Places</span>
                                                </figcaption>
                                            </figure>
                                        </div>


                                    </div>
                                    <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">

                                        <div class="tg-topdestination">
                                            <figure>
                                                <a href="/destinations/{{$second->slug}}" class="tg-btnviewall">View All
                                                    Tours</a>
                                                <a href="/destinations/{{$second->slug}}"> <img class="des-second"
                                                        src="{{ asset('thumbnails/' . $second->thumbnail) }}"
                                                        alt="image description"></a>
                                                <figcaption>
                                                    <h2><a href="/destinations/{{$second->slug}}">{{$second->title}}</a>
                                                    </h2>
                                                    <span class="tg-totaltours">11 Places</span>
                                                </figcaption>
                                            </figure>
                                        </div>

                                        <div class="tg-topdestination">
                                            <figure>
                                                <a href="/destinations/{{$third->slug}}" class="tg-btnviewall">View All
                                                    Tours</a>
                                                <a href="/destinations/{{$third->slug}}"> <img class="des-third"
                                                        src="{{ asset('thumbnails/' . $third->thumbnail) }}"
                                                        alt="image description"></a>
                                                <figcaption>
                                                    <h2><a href="/destinations/{{$third->slug}}">{{$third->title}}</a>
                                                    </h2>
                                                    <span class="tg-totaltours">25 Places</span>
                                                </figcaption>
                                            </figure>
                                        </div>
                                    </div>
                                    <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">

                                        <div class="tg-topdestination">
                                            <figure>
                                                <a href="/destinations/{{$fourth->slug}}" class="tg-btnviewall">View All
                                                    Tours</a>
                                                <a href="/destinations/{{$fourth->slug}}"> <img class="des-fourth"
                                                        src="{{ asset('thumbnails/' . $fourth->thumbnail) }}"
                                                        alt="image description"></a>
                                                <figcaption>
                                                    <h2><a href="/destinations/{{$fourth->slug}}">{{$fourth->title}}</a>
                                                    </h2>
                                                    <span class="tg-totaltours">10 Places</span>
                                                </figcaption>
                                            </figure>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        {{-- <div class="tg-themetabcontent">
                                <div class="tg-topdestinations">
                                    <div class="row">
                                        <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
                                            <div class="tg-topdestination">
                                                <figure>
                                                    <a href="javascript:void(0);" class="tg-btnviewall">View All Tours</a>
                                                    <a href="javascript:void(0);"> <img
                                                            src="{{ asset('images/Fort-Galle.jpg') }}"
                        alt="image description"></a>
                        <figcaption>
                            <h2><a href="javascript:void(0);"> Galle</a></h2>
                            <span class="tg-totaltours">17 Places</span>
                        </figcaption>
                        </figure>
                    </div>
                </div>
                <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
                    <div class="tg-topdestination">
                        <figure>
                            <a href="/destinations/anuradapura" class="tg-btnviewall">View All
                                Tours</a>
                            <a href="/destinations/anuradapura"> <img src="{{ asset('images/download (2).jpg') }}"
                                    alt="image description"></a>
                            <figcaption>
                                <h2><a href="/destinations/anuradapura">Anuradapura</a></h2>
                                <span class="tg-totaltours">11 Places</span>
                            </figcaption>
                        </figure>
                    </div>
                    <div class="tg-topdestination">
                        <figure>
                            <a href="javascript:void(0);" class="tg-btnviewall">View All Tours</a>
                            <a href="javascript:void(0);"> <img
                                    src="{{ asset('images/sri-lanka-guide-2022-resting-hiker-hills_body.webp') }}"
                                    alt="image description"></a>
                            <figcaption>
                                <h2><a href="javascript:void(0);">Kandy</a></h2>
                                <span class="tg-totaltours">25 Places</span>
                            </figcaption>
                        </figure>
                    </div>
                </div>
                <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
                    <div class="tg-topdestination">
                        <figure>
                            <a href="javascript:void(0);" class="tg-btnviewall">View All Tours</a>
                            <a href="javascript:void(0);"> <img
                                    src="{{ asset('images/1667555053_294518181_5657577630953729_591108237635319480_n.jpg') }}"
                                    alt="image description"></a>
                            <figcaption>
                                <h2><a href="javascript:void(0);">Colombo</a></h2>
                                <span class="tg-totaltours">10 Places</span>
                            </figcaption>
                        </figure>
                    </div>
                </div>
            </div>
        </div>
        </div> --}}
        </div>
        </div>
        </div>
        </div>
    </section>
    <!--************************************
         Top Destination End
           *************************************-->

    <!--************************************
                 Article Start
               *************************************-->
    <section class="tg-sectionspace tg-zerotoppadding tg-haslayout">
        <div class="container">
            <div class="row">
                <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                    <div class="tg-sectionhead tg-sectionheadvtwo">
                        <div class="tg-sectiontitle">
                            <h2>Activities</h2>
                        </div>
                        <div class="tg-description">
                            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam consectetuer</p>
                        </div>
                    </div>
                </div>
                <div class="tg-posts">
                    <div class="col-xs-6 col-sm-6 col-md-3 col-lg-3">
                        <article class="tg-post">
                            <figure>
                                <a href="javascript:void(0);">
                                    <img src="{{ asset('images/6-Reasons-Sri-Lanka-Should-Be-On-Your-Travel-Radar-This-Year.jpg') }}"
                                        alt="image description">
                                    <div class="tg-hover">
                                        <h3>Bungee Jumping Trip</h3>
                                        <time datetime="2023-06-08">Feb 22, 2023</time>
                                    </div>
                                </a>
                            </figure>
                        </article>
                    </div>
                    <div class="col-xs-6 col-sm-6 col-md-3 col-lg-3">
                        <article class="tg-post">
                            <figure>
                                <a href="javascript:void(0);">
                                    <img src="{{ asset('images/tt.jpg') }}" alt="image description">
                                    <div class="tg-hover">
                                        <h3>Bungee Jumping Trip</h3>
                                        <time datetime="2023-06-08">Feb 22, 2023</time>
                                    </div>
                                </a>
                            </figure>
                        </article>
                    </div>
                    <div class="col-xs-6 col-sm-6 col-md-3 col-lg-3">
                        <article class="tg-post">
                            <figure>
                                <a href="javascript:void(0);">
                                    <img src="{{ asset('images/Is-Sri-Lanka-worth-visiting.jpg') }}"
                                        alt="image description">
                                    <div class="tg-hover">
                                        <h3>Bungee Jumping Trip</h3>
                                        <time datetime="2023-06-08">Feb 22, 2023</time>
                                    </div>
                                </a>
                            </figure>
                        </article>
                    </div>
                    <div class="col-xs-6 col-sm-6 col-md-3 col-lg-3">
                        <article class="tg-post">
                            <figure>
                                <a href="javascript:void(0);">
                                    <img src="{{ asset('images/confidence-jump-stream-slides-banner-2.jpg') }}"
                                        alt="image description">
                                    <div class="tg-hover">
                                        <h3>Bungee Jumping Trip</h3>
                                        <time datetime="2023-06-08">Feb 22, 2023</time>
                                    </div>
                                </a>
                            </figure>
                        </article>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--************************************
                 Article End
               *************************************-->
</main>
<!--************************************
                Main End
              *************************************-->
@endsection