@extends('layouts.app')

@section('meta-description')
    <meta name="description"
        content="Package information page of the Best East African Safari company - Two Star Safaris Tours & Travels. We offer affordable holidays in Kenya, Tanzania and Uganda.">
@endsection

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

@section('content')
    <div class="hero overlay " style="padding-bottom: 0;">
        <div class="img-bg rellax">
            <img src="{{ asset('assets/images/hero_2.jpg') }}" alt="Image" class="img-fluid" />
        </div>


        <div class="container" style="margin-bottom:0;">
            <div class="row align-items-center justify-content-start">
                <div class="col-lg-7">


                    <header>
                        <h1 class="heading" data-aos="fade-up">
                            Explore Our Exceptional Safari Packages
                        </h1>
                    </header>
                </div>


                <div class="col-lg-10">
                    <p class="mb-0" data-aos="fade-up">At Two Star Safaris, we offer a wide range of safari packages
                        that cater to all types of travelers. Whether you're a
                        nature enthusiast looking for an adventure, or a family looking for a fun-filled getaway, we
                        have something for
                        everyone. Our packages include everything from budget-friendly camping safaris to luxury tented
                        safaris, and even
                        tailor-made safaris for those who want to create their own unique experience. With our
                        knowledgeable guides and
                        top-of-the-line equipment, we'll make sure you have an unforgettable safari experience. Let us
                        take you on a journey
                        through the African wilderness and discover the beauty and wonder of the wild.</p>
                </div>
            </div>
        </div>
    </div>



    <div class="section">
        <div class="container" style="margin-top: -5%;">
            <p class="lead underline-on-hover" style="display: grid; place-items: center;">*Prices are Per Person
                Per Day
                <br>
                <a class="text-decoration-none" href="{{ url('https://wa.me/254781454247') }}"><span
                        class="icon-whatsapp"></span> Instant Booking</a>
            </p>

            @livewire('packages')
        </div>
    </div>
    <div class="section service-section-1" style="padding: 20px;">
        <div class="container">
            <div class="row">
                <div class="col-lg-3 col-md-6">
                    <div class="service-2 left-0 mb-5">
                        <img data-aos="fade-up" src="{{ asset('assets/images/pridetrip.jpg') }}" alt="pride-trip"
                            class="img-fluid mb-4 rounded-circle" />
                        <div data-aos="fade-up" data-aos-delay="100" style="display: grid; place-items: center">
                            <h3>Pride Trips</h3>
                            <p style="text-align: center; font-size:small;">Get ready to show off your true colors and truly
                                embrace your
                                pride in 2023 with Two Star Safaris' exciting new Pride
                                Trips, designed to take you on an adventure like never before and give you the chance to
                                truly celebrate who you are.</p>
                            <a href="{{ url('/packageinfo/PrideTrips') }}" class="underline-on-hover">More About Our Pride
                                Trips</a>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6">
                    <div class="service-2 left-0 mb-5">
                        <img data-aos="fade-up" src="{{ asset('assets/images/vibrantnightlife.jpg') }}"
                            style="height: 262px; width:500px;" alt="vibrant-nightlife"
                            class="img-fluid mb-4 rounded-circle" />
                        <div data-aos="fade-up" data-aos-delay="100" style="display: grid; place-items: center">
                            <h3>Vibrant Nightlife</h3>
                            <p style="text-align: center; font-size:small;">Mombasa and Nairobi, two of the major cities in
                                Kenya, both
                                offer a vibrant nightlife scene. Mombasa, being a coastal
                                city, has many beach bars and clubs that come alive at night, with lively music and a
                                relaxed atmosphere. Nairobi, on
                                the other hand, offers a more diverse range of options, from rooftop bars with panoramic
                                views to trendy nightclubs.
                                Both cities also have a variety of restaurants that offer live music and entertainment
                                in the evenings.</p>
                            <a href="#" class="underline-on-hover">Be part of the Experience</a>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6">
                    <div class="service-2 left-0 mb-5">
                        <img data-aos="fade-up" src="{{ asset('assets/images/airporttransfers.jpg') }}"
                            alt="airport-transfer" class="img-fluid mb-4 rounded-circle" />
                        <div data-aos="fade-up" data-aos-delay="100" style="display: grid; place-items: center">
                            <h3>Airport Transfers to Hotel Rooms</h3>
                            <p style="text-align: center; font-size:small;">This service can be arranged in advance through
                                the hotel or
                                a transportation company, and can include options such as
                                private cars, shuttle buses, or taxis.</p>
                            <a href="{{ url('/packageinfo/TourVehicles') }}" class="underline-on-hover">Our Transport
                                Vehicles</a>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6">
                    <div class="service-2 left-0 mb-5">
                        <img data-aos="fade-up" src="{{ asset('assets/images/currencyexchange.jpg') }}"
                            alt="currency-exchange" class="img-fluid mb-4 rounded-circle" />
                        <div data-aos="fade-up" data-aos-delay="100" style="display: grid; place-items: center">
                            <h3>Currency Exchange</h3>
                            <p style="text-align: center; font-size:small;">Currency exchange service allows travelers to
                                convert their
                                home currency to the local currency of their destination.
                                These services can be found at banks, exchange bureaus, and airports, and often offer
                                competitive exchange rates and the
                                convenience of being able to exchange currency before arriving at the destination.</p>
                            <a href="#" class="underline-on-hover">Check out Our Partners</a>
                        </div>
                    </div>
                </div>

            </div>

        </div>
    </div>
@endsection