{% extends "layout.html" %}

{% block title %}
Accommodation - Eco Wildlife Tour | Ethical Safaris & Adventures in India
{% endblock %}

{% block content %}
<!-- ==============================
     Breadcrumb Section
============================== -->
<section class="breadcrumb-section">
  <div class="breadcrumb-image-container">
    <img src="{{ url_for('static', filename='images/backgrounds/tour-manager.jpg') }}" 
         alt="Luxury eco-lodge room with a view" class="hero-img">
  </div>
  <div class="breadcrumb-overlay">
    <div class="container">
      <div class="row">
        <div class="col-12 text-center animate__animated animate__fadeInDown">
          <h2 class="text-white fw-bold mt-3">Accommodation</h2>
          <nav aria-label="breadcrumb" class="m-4">
            <ol class="breadcrumb justify-content-center">
              <li class="breadcrumb-item">
                <a href="/" class="text-white-50">Home</a>
              </li>
              <li class="breadcrumb-item active text-white" aria-current="page">
                Accommodation
              </li>
            </ol>
          </nav>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- ==============================
     Accommodation Section
============================== -->
<section class="py-5 accommodation-section">
  <div class="container">

    <!-- Section Heading -->
    <div class="row animate__animated animate__fadeInUp">
      <div class="col-lg-10 col-md-12 mx-auto text-center">
        <h1 class="display-5 fw-bold mb-3 mt-5">
          Find Your Perfect Sanctuary in the Wild
        </h1>
        <p class="lead text-muted">
          Your journey deserves more than just a place to sleep. It’s your base for adventure and your connection to the local culture. That’s why we have carefully curated a diverse collection of accommodations to suit every style of ethical traveler.
        </p>
      </div>
    </div>

    <!-- Accommodation Options -->
    <div class="row g-4 py-5 mt-4">

      <!-- Eco Lodges -->
      <div class="col-lg-6 col-md-6 animate__animated animate__fadeInUp">
        <div class="accommodation-card h-100 p-4">
          <div class="accommodation-icon mb-3">
            <i class="fal fa-leaf"></i>
          </div>
          <h3 class="fs-4 fw-bold">Eco-Lodges & Guesthouses</h3>
          <p class="text-muted">Conscious Comfort</p>
          <p>
            Immerse yourself in nature without leaving a trace. These properties are pioneers in sustainable hospitality, built with local materials and powered by renewable energy.
          </p>
          <ul class="list-unstyled mt-auto">
            <li><i class="fas fa-check-circle text-success me-2"></i>Sustainable by Design</li>
            <li><i class="fas fa-check-circle text-success me-2"></i>Powered by Nature</li>
            <li><i class="fas fa-check-circle text-success me-2"></i>A Guilt-Free Retreat</li>
          </ul>
        </div>
      </div>

      <!-- Farm Stays -->
      <div class="col-lg-6 col-md-6 animate__animated animate__fadeInUp">
        <div class="accommodation-card h-100 p-4">
          <div class="accommodation-icon mb-3">
            <i class="fas fa-house-heart"></i>
          </div>
          <h3 class="fs-4 fw-bold">Farm Stays</h3>
          <p class="text-muted">A Taste of Authentic Rural Life</p>
          <p>
            Trade the city for the countryside. This is an immersive cultural experience where you can connect with the land and enjoy farm-to-table freshness.
          </p>
          <ul class="list-unstyled mt-auto">
            <li><i class="fas fa-check-circle text-success me-2"></i>Live Like a Local</li>
            <li><i class="fas fa-check-circle text-success me-2"></i>Farm-to-Table Freshness</li>
            <li><i class="fas fa-check-circle text-success me-2"></i>Genuine Community Connection</li>
          </ul>
        </div>
      </div>

      <!-- Camping & Glamping -->
      <div class="col-lg-6 col-md-6 animate__animated animate__fadeInUp">
        <div class="accommodation-card h-100 p-4">
          <div class="accommodation-icon mb-3">
            <i class="fa-solid fa-campground"></i>
          </div>
          <h3 class="fs-4 fw-bold">Camping & Glamping</h3>
          <p class="text-muted">Sleep Under the Stars</p>
          <p>
            Answer the call of the wild in designated areas that champion "Leave No Trace" principles, from rustic tenting to comfortable glamping under the stars.
          </p>
          <ul class="list-unstyled mt-auto">
            <li><i class="fas fa-check-circle text-success me-2"></i>Pristine, Breathtaking Locations</li>
            <li><i class="fas fa-check-circle text-success me-2"></i>Minimal Impact Philosophy</li>
            <li><i class="fas fa-check-circle text-success me-2"></i>Unforgettable Nights in Nature</li>
          </ul>
        </div>
      </div>

      <!-- Luxury Hotels -->
      <div class="col-lg-6 col-md-6 animate__animated animate__fadeInUp">
        <div class="accommodation-card h-100 p-4">
          <div class="accommodation-icon mb-3">
            <i class="fas fa-stars"></i>
          </div>
          <h3 class="fs-4 fw-bold">Luxury & Star-Category Hotels</h3>
          <p class="text-muted">Indulge in Unmatched Comfort</p>
          <p>
            For those who seek elegance and impeccable service, we arrange stays at premier 3, 4, and 5-star hotels chosen for their world-class standards.
          </p>
          <ul class="list-unstyled mt-auto">
            <li><i class="fas fa-check-circle text-success me-2"></i>Supreme Comfort & Design</li>
            <li><i class="fas fa-check-circle text-success me-2"></i>World-Class Amenities</li>
            <li><i class="fas fa-check-circle text-success me-2"></i>Uncompromising Service</li>
          </ul>
        </div>
      </div>

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

<!-- ==============================
     Why Book Section
============================== -->
<section class="why-book py-5 animate__animated animate__bounce">
  <div class="container my-5">
    <div class="row border shadow-lg ">
      
      <!-- Content -->
      <div class="col-lg-7 p-3 p-lg-5 pt-lg-3">
        <h2 class="display-4 fw-bold lh-1">Why Book With Us?</h2>
        <p class="lead">
          We don’t just list properties; we handpick them based on quality, uniqueness, and guest experience. Our diverse portfolio and expert team ensure you will find the perfect match for your travel dreams.
        </p>
        <div class="d-grid gap-2 d-md-flex justify-content-md-start mb-4 mb-lg-3">
          <a href="/contact-us" class="btn btn-primary btn-lg px-4 me-md-2 fw-bold">Contact Our Experts</a>
          <a href="/tours" class="btn btn-outline-secondary btn-lg px-4">Explore Our Tours</a>
        </div>
      </div>

      <!-- Image -->
      <div class="col-lg-5 p-0 overflow-hidden shadow-lg">
        <div class="why-book-image rounded-end">
        </div>
      </div>
    </div>
  </div>
</section>

{% endblock %}