<!DOCTYPE html>
<html lang="en-US">
<?php include "pages/header.php"; ?>

<div id="page-title" class="text-grey background-overlay background-img-dark" style="background-image: url('images/page-title-9.jpg');">
    <div class="text-center">
        <ol class="breadcrumb z-index-2 position-relative no-background padding-30px margin-0px border-top-1 border-grey-4">
            <li><a href="index.php" class="text-white">Home</a></li>
            <li class="active">Hotels</li>
        </ol>
    </div>
</div>

<section class="padding-tb-80px background-white">
    <div class="container">
        <div class="section-title section-title-center text-center">
            <h2 class="title"><span>Hotel deals just for you</span></h2>
            <p>Discover affordable stays in top destinations with local support and fast booking.</p>
        </div>
        <div class="row">
            <div class="col-md-4 mb-4">
                <div class="feature-card p-4 h-100 text-center">
                    <i class="fa fa-star"></i>
                    <h4>Business stays</h4>
                    <p>Comfort and convenience near city centers and business districts.</p>
                </div>
            </div>
            <div class="col-md-4 mb-4">
                <div class="feature-card p-4 h-100 text-center">
                    <i class="fa fa-suitcase"></i>
                    <h4>Vacation hotels</h4>
                    <p>Relaxing resorts and budget-friendly rooms for every traveller.</p>
                </div>
            </div>
            <div class="col-md-4 mb-4">
                <div class="feature-card p-4 h-100 text-center">
                    <i class="fa fa-heart"></i>
                    <h4>Family-friendly</h4>
                    <p>Safe, comfortable accommodations with family amenities.</p>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="padding-tb-60px background-light-grey">
    <div class="container">
        <div class="row">
            <div class="col-md-6 mb-4">
                <div class="deal-card overflow-hidden">
                    <img src="assets/s4.jpg" alt="Hotel stay">
                    <div class="card-body">
                        <h4>Port Harcourt Comfort</h4>
                        <p>Secure your stay close to the city with easy access to local transport and dining.</p>
                        <a href="contact.php" class="btn btn-primary">Book this hotel</a>
                    </div>
                </div>
            </div>
            <div class="col-md-6 mb-4">
                <div class="deal-card overflow-hidden">
                    <img src="assets/s6.jpg" alt="Hotel package">
                    <div class="card-body">
                        <h4>Weekend escape</h4>
                        <p>Great rates for short breaks, with flexible check-in options.</p>
                        <a href="contact.php" class="btn btn-primary">Request a quote</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="row mt-4">
            <div class="col-12">
                <div class="search-card">
                    <h4>Send us your hotel request</h4>
                    <form action="contact.php" method="get">
                        <div class="form-row">
                            <div class="form-group col-md-4">
                                <label>Destination</label>
                                <input class="form-control" type="text" name="destination" placeholder="City or hotel name">
                            </div>
                            <div class="form-group col-md-4">
                                <label>Check-in</label>
                                <input class="form-control" type="date" name="checkin">
                            </div>
                            <div class="form-group col-md-4">
                                <label>Check-out</label>
                                <input class="form-control" type="date" name="checkout">
                            </div>
                        </div>
                        <button type="submit" class="btn btn-primary">Send request</button>
                    </form>
                </div>
            </div>
        </div>
    </div>
</section>

<?php include "pages/footer.php"; ?>
</body>
</html>
