

<?php $__env->startSection('content'); ?>


<section class="hero-mini">
    <div class="container text-center">
        <h1 class="fw-bold">Facilities</h1>
        <p class="mt-2">
            Thoughtfully curated amenities for a refined stay
        </p>
    </div>
</section>


<section class="section">
    <div class="container">

        
        <div class="text-center mb-5">
            <h2 class="section-title">
                Experience Comfort at <?php echo e($settings->hotel_name); ?>

            </h2>
            <p class="section-sub">
                Every facility is designed to elevate your stay with elegance and ease
            </p>
        </div>

        
        <div class="row g-4">

            <?php $__currentLoopData = $amenities; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $amenity): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
            <div class="col-lg-3 col-md-4 col-6">
                <div class="pro-card text-center p-4 h-100 facility-card">

                    
                    <div class="facility-icon mb-3">
                        <i class="bi bi-star-fill"></i>
                    </div>

                    
                    <h6 class="fw-semibold mb-2">
                        <?php echo e($amenity->name); ?>

                    </h6>

                    
                    <p class="small text-muted mb-0">
                        Premium <?php echo e(strtolower($amenity->name)); ?> facility
                        for your comfort and convenience.
                    </p>

                </div>
            </div>
            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>

        </div>
    </div>
</section>


<section class="section bg-light">
    <div class="container">
        <div class="row align-items-center g-5">

            <div class="col-lg-6">
                <h2 class="section-title mb-3">
                    Designed for Modern Travelers
                </h2>
                <p class="section-sub mb-4">
                    A seamless blend of luxury, technology and hospitality
                </p>
                <p>
                    From high-speed connectivity and premium bedding to
                    personalized room services, every detail at
                    <strong><?php echo e($settings->hotel_name); ?></strong>
                    is crafted to deliver a world-class stay experience.
                </p>
            </div>

            <div class="col-lg-6">
                <div class="pro-card p-3">
                     <img
    src="<?php echo e(asset('uploads/4.jpg')); ?>"
    class="img-fluid rounded-4"
    alt="Hotel Interior">
                        
                </div>
            </div>

        </div>
    </div>
</section>


<section class="section text-center text-white"
         style="background:linear-gradient(120deg,#091c2f,#0f2a44)">
    <div class="container">
        <h2 class="fw-bold mb-3">
            Your Comfort Is Our Priority
        </h2>
        <p class="opacity-75 mb-4">
            Experience exceptional hospitality with thoughtfully designed facilities
        </p>
        <a href="<?php echo e(route('rooms.list')); ?>"
           class="btn btn-primary-pro">
            View Our Rooms
        </a>
    </div>
</section>


<style>
/* MINI HERO */
.hero-mini {
    padding: 120px 0 80px;
    background:
        linear-gradient(rgba(15,42,68,.85), rgba(15,42,68,.85)),
        url('<?php echo e(asset("images/default.jpg")); ?>') center / cover no-repeat;
    color: #fff;
}

.hero-mini h1 {
    font-family: 'Libre Baskerville', serif;
    font-size: 3rem;
}

.hero-mini p {
    max-width: 620px;
    margin: auto;
    opacity: .9;
}

/* FACILITY CARD */
.facility-card {
    transition: .35s ease;
}

.facility-card:hover {
    transform: translateY(-6px);
}

/* ICON */
.facility-icon {
    width: 60px;
    height: 60px;
    margin: auto;
    border-radius: 50%;
    background: rgba(198,168,125,.15);
    display: flex;
    align-items: center;
    justify-content: center;
}

.facility-icon i {
    font-size: 1.4rem;
    color: var(--champagne);
}
</style>

<?php $__env->stopSection(); ?>

<?php echo $__env->make('frontend.layout', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?><?php /**PATH /home2/jitrealx/public_html/hotelbooking/resources/views/frontend/facilities.blade.php ENDPATH**/ ?>