@extends('layouts.app')

@section('meta-description')
    <meta name="description"
        content="Contact page for 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">
        <div class="img-bg rellax">
            <img src="{{ asset('assets/images/contactus.jpg') }}" alt="contact-us" class="img-fluid">
        </div>
        <div class="container">
            <div class="row align-items-center justify-content-start">
                <div class="col-lg-12 mx-auto text-center">
                    <header>
                        <h1 class="heading" data-aos="fade-up">
                            Contact Two Star Safaris for Exceptional East African Safari Services
                        </h1>
                    </header>

                    <p data-aos="fade-up">We offer exciting and affordable safari packages
                        for the adventurous traveler. Whether
                        you're looking to explore the Serengeti savannah, spot mountain gorillas in the Ugandan
                        rain forest, or discover the hidden gems of
                        Kenya, we have a safari that's perfect for you. Our experienced guides will ensure you have a
                        safe and unforgettable
                        experience.</p>
                    <p data-aos="fade-up">Contact us today to start planning your next adventure!</p>

                </div>
            </div>
            <p style="display: grid;  place-items: center; text-align: center;"><a href="{{ url('/reservation') }}"
                    class="btn btn-primary btn-md text-white">Go &amp; Book Now</a></p>
        </div>
    </div>

    <div class="section">
        <div class="container">
            <div class="row">
                <div class="col-12" data-aos="fade-up" data-aos-delay="0">
                    <h2 class="heading mb-5">Get In Touch With Our Team</h2>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-4 mb-5 mb-lg-0" data-aos="fade-up" data-aos-delay="100">
                    <div class="contact-info">

                        <div class="address mt-4">
                            <i class="icon-room"></i>
                            <h4 class="mb-2">Our Location:</h4>
                            <p>Pioneer House,</p>
                            <p>Kenyatta Avenue, 5rd flr. Suite 508</p>
                            <br>
                            <p>P.O.BOX 75571 - 00200</p>
                            <p>Nairobi - Kenya</p>
                        </div>

                        <div class="open-hours mt-4">
                            <i class="icon-clock-o"></i>
                            <h4 class="mb-2">Open Hours:</h4>
                            <p>
                                Monday - Sunday:<br>
                                8 AM - 8 PM
                            </p>
                        </div>

                        <div class="email mt-4">
                            <i class="icon-envelope"></i>
                            <h4 class="mb-2">Email Us:</h4>
                            <p><a href="{{ url('mailto:info@twostarsafaris.com') }}">info@twostarsafaris.com</a></p>
                            <p><a href="{{ url('mailto:annakagenya@gmail.com') }}">annakagenya@gmail.com</a></p>
                        </div>

                        <div class="phone mt-4">
                            <i class="icon-phone"></i>
                            <h4 class="mb-2">Call Us:</h4>
                            <p><a href="{{ url('tel://+254781454247') }}">+254 781 454247</a>/ <a
                                    href="{{ url('tel://+254706454247') }}">+254 706
                                    454247</a></p>
                        </div>

                    </div>
                </div>


                <div class="col-lg-8" data-aos="fade-up" data-aos-delay="200">

                    @livewire('contact')

                </div>
            </div>
        </div>
    </div> <!-- /.Two Star Safaris_co-section -->
@endsection