@extends('layouts.app')

@section('meta-description')
    <meta name="description " content="Camping Safaris in Kenya. Travel here with Two Star Safaris Ltd.">
@endsection

@section('title')
    {{ $title }}
@endsection

@section('content')
    <div class="hero overlay" style="height: 500px;">
        <div class="img-bg rellax">
            <img src="{{ asset('assets/images/camping.jpg') }}" alt="Camping" class="img-fluid">
        </div>
        <div class="container">
            <div class="row align-items-center justify-content-start">
                <div class="col-lg-6 mx-auto text-center">
                    <h1 class="heading" data-aos="fade-up">Camping Safaris</h1>
                </div>
            </div>
        </div>
    </div>


    <div class="section">
        <div class="container">
            <div class="row mb-5">
                <div class="col-lg-6 mx-auto text-center">
                    <div class="heading-content" data-aos="fade-up">
                        <h2>Explore the Great Outdoors</h2>
                        <!-- <p>
                                                   Far far away, behind the word mountains, far from the countries
                                                   Vokalia and Consonantia, there live the blind texts.
                                                  </p> -->
                        <!-- <p class="my-4" data-aos="fade-up" data-aos-delay="300">
                                                   <a href="moreservices.php" class="btn btn-primary">View All</a>
                                                  </p> -->
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-3">
                    <div class="service-2 left-0 mb-5">
                        <img src="{{ asset('assets/images/campingfire.jpg') }}" alt="Image"
                            class="img-fluid mb-4 rounded" />
                        <div>
                            <p class="mb-3">KTS1 - Camping Safari One</p>
                            <p>Masai Mara &#8594; L.Nakuru &#8594; Samburu &#8594; Mt. Kenya &#8594; Amboseli &#8594; L.
                                Manyara &#8594;
                                Ngorongoro
                                &#8594; Serengeti</p>
                            <p><a href="{{ url('/destinations/kenya/CampingSafariOne') }}" class="more">Learn More</a></p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3">
                    <div class="service-2 left-0 mb-5">
                        <img src="{{ asset('assets/images/highland.jpg') }}" alt="highland"
                            class="img-fluid mb-4 rounded" />
                        <div>
                            <p class="mb-3">KTS2 - Camping Safari Two</p>
                            <p>Tree Hotel - Samburu - L.Nakuru &#8594; L.Baringo - Masai Mara - Nairobi. - (8 days)</p>
                            <p><a href="{{ url('/destinations/kenya/CampingSafariTwo') }}" class="more">Learn More</a></p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3">
                    <div class="service-2 left-0 mb-5">
                        <img src="{{ asset('assets/images/pool.jpg') }}" alt="pool" class="img-fluid mb-4 rounded" />
                        <div>
                            <p class="mb-3">KTS3 - Camping Safari Three</p>
                            <p>Samburu - Amboseli - L. Naivasha - (4 Days)</p>
                            <p><a href="{{ url('/destinations/kenya/CampingSafariThree') }}" class="more">Learn More</a>
                            </p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3">
                    <div class="service-2 left-0 mb-5">
                        <img src="{{ asset('assets/images/masaimaralion.jpg') }}" alt="masaimaralion"
                            class="img-fluid mb-4 rounded" />
                        <div>
                            <p class="mb-3">KTS4 - Camping Safari Four</p>
                            <p>Samburu - L. Nakuru - Masai Mara - ( 6 Days)</p>
                            <p><a href="{{ url('/destinations/kenya/CampingSafariFour') }}" class="more">Learn More</a>
                            </p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row" style="display: grid; place-items: center;">
                <div class="col-lg-3" id="google-ads">
                    <!-- Add your Google AdSense code here -->
                </div>

                <div class="col-lg-3">
                    <div class="service-2 left-0 mb-5">
                        <img src="{{ asset('assets/images/hellsgate.jpg') }}" alt="Image"
                            class="img-fluid mb-4 rounded" />
                        <div>
                            <p class="mb-3">KTS5 - Camping Safari Five</p>
                            <p>L. Nakuru - Naivasha - Masai Mara - ( 5 Days)</p>
                            <p><a href="{{ url('/destinations/kenya/CampingSafariFive') }}" class="more">Learn More</a>
                            </p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3" id="google-ads">
                    <!-- Add your Google AdSense code here -->
                </div>

            </div>
        </div>
    </div>
@endsection