 <?php  
require 'admin/config/function.php';
$abt=mysqli_query($conn,"select * from cms_menu where page_url='home'");
$abt1=mysqli_fetch_assoc($abt);
?>
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <title><?=$abt1['page_title']?></title>
  <meta name="description" content="<?=$abt1['message']?>">
  <link rel="canonical" href="<?=base_url()?>">
  <?php include 'inc/link.php';?>
</head>

<body>

  <!-- navbar start here -->
  <?php include 'inc/header.php';?>
  <!-- navbar end here -->

  <main>
    <!-- caresoul start -->
      <section>
        <div id="bannerCaresoul" class="carousel slide" data-bs-ride="carousel">
          <div class="carousel-indicators">
            <button type="button" data-bs-target="#bannerCaresoul" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
            <button type="button" data-bs-target="#bannerCaresoul" data-bs-slide-to="1" aria-label="Slide 2"></button>
            <button type="button" data-bs-target="#bannerCaresoul" data-bs-slide-to="2" aria-label="Slide 3"></button>
          </div>
          <div class="carousel-inner">

 <?php
$title = 'homeslider';
$condi = array();
$banners = get_data('banner', $condi, '=');

// Variable to track the first iteration
$firstIteration = true;

foreach ($banners as $banner) {
    if (!empty($banner['image'])) {
        $banner_image = admin_base_url() . 'uploads/banner/' . $banner['image'];
    } else {
        $banner_image = "";
    }
?>
    <div class="carousel-item <?= $firstIteration ? 'active' : '' ?>">
        <img src="<?= $banner_image ?>" class="d-block w-100 img-fluid" alt="...">
        <div class="carousel-caption">
            <h1><?= $banner['title'] ?></h1>
            <h2><?= $banner['line1'] ?></h2>
            <a href="tel:91<?= $mobile ?>" class="call"><?= $banner['line2'] ?></a> <br>
            <a href="<?= $banner['content'] ?>" target="_blank" class="btn shadow-none" type="button">View Cottage</a>
        </div>
    </div>
<?php
    // Set the flag to false after the first iteration
    $firstIteration = false;
}
?>
        
           
          </div>
          <button class="carousel-control-prev" type="button" data-bs-target="#bannerCaresoul" data-bs-slide="prev">
            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
            <span class="visually-hidden">Previous</span>
          </button>
          <button class="carousel-control-next" type="button" data-bs-target="#bannerCaresoul" data-bs-slide="next">
            <span class="carousel-control-next-icon" aria-hidden="true"></span>
            <span class="visually-hidden">Next</span>
          </button>
        </div>
      </section>
    <!-- caresoul end -->

       <!-- Destination Start -->
      <section>
        <div class="container-fluid py-5" id="destination">
          <div class="container pt-5 pb-3">
              <div class="text-center mb-3 pb-3">
                  <h6 class=" text-uppercase" style="letter-spacing: 5px; color: #207FBF">Destination</h6>
                  <h1><?=$abt1['youtube_url']?></h1>
              </div>
              <div class="row me-0">

                <?php 
                $service=mysqli_query($conn,"select * from service where status='1'");
                while ($row=mysqli_fetch_assoc($service)) {?>
                  
                
                  <div class="col-lg-4 col-md-6 mb-4">
                      <div class="destination-item position-relative overflow-hidden mb-2">
                          <img class="img-fluid" src="<?=admin_base_url().'uploads/product/'.$row['image']?>" alt="<?=$row['heading']?>" >
                          <a class="destination-overlay text-white text-decoration-none stretched-link" href="#SignUp">
                              <h5 class="text-white"><?=$row['heading']?></h5>
                              <span><?=$row['line1']?></span>
                          </a>
                      </div>
                  </div>
                <?php }?>
                
              </div>
          </div>

          <!-- caresoul start -->
          <div class="container">
            <div id="carouselImage" class="carousel slide" data-bs-ride="carousel">
              <div class="carousel-inner">
                 <?php 
                $service=mysqli_query($conn,"select * from gallery where category='Home'");
                $firstItem = true;
                while ($row=mysqli_fetch_assoc($service)) {?>

                <div class="carousel-item <?= $firstItem ? 'active' : '' ?>" data-bs-interval="10000">
                  <img src="<?=admin_base_url().'uploads/gallery/'.$row['image']?>" class="d-block w-100n img-fluid" alt="...">
                </div>
              <?php 
$firstItem = false;
            }?>
               
              </div>
              <button class="carousel-control-prev" type="button" data-bs-target="#carouselImage" data-bs-slide="prev">
                <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                <span class="visually-hidden">Previous</span>
              </button>
              <button class="carousel-control-next" type="button" data-bs-target="#carouselImage" data-bs-slide="next">
                <span class="carousel-control-next-icon" aria-hidden="true"></span>
                <span class="visually-hidden">Next</span>
              </button>
            </div>
          </div>
          <!-- caresoul end -->

          <div class="d-flex justify-content-center mt-4">
            <a href="about-the-cottage.html" target="_blank" class="btn shadow-none" type="button">View Our Cottage</a>
          </div>
        </div>
      </section>
      <!-- Destination Start -->

     
          <!-- Registration Start -->
          <section>
            <div class="container-fluid bg-registration py-5" style="margin: 90px 0;" id="SignUp">
              <div class="container py-5">
                  <div class="row me-0 align-items-center">
                      <div class="col-lg-7 mb-5 mb-lg-0">
                          <div class="mb-4">
                              <h6 class=" text-uppercase" style="letter-spacing: 5px; color: white;">Mega Offer</h6>
                              <h1 class="text-white"><span class="text-primary">30% OFF</span> For Couple</h1>
                          </div>
                          <p class="text-white">Invidunt lorem justo sanctus clita. Erat lorem labore ea, justo dolor lorem ipsum ut sed eos,
                              ipsum et dolor kasd sit ea justo. Erat justo sed sed diam. Ea et erat ut sed diam sea ipsum est
                              dolor</p>
                          <ul class="list-inline text-white m-0">
                              <li class="py-2"><i class="fa fa-check text-primary mr-3"></i>Labore eos amet dolor amet diam</li>
                              <li class="py-2"><i class="fa fa-check text-primary mr-3"></i>Etsea et sit dolor amet ipsum</li>
                              <li class="py-2"><i class="fa fa-check text-primary mr-3"></i>Diam dolor diam elitripsum vero.</li>
                          </ul>
                      </div>
                      <div class="col-lg-5">
                          <div class="card border-0">
                              <div class="card-header bg-primary text-center p-4">
                                  <h1 class="text-white m-0">Enquiry Now</h1>
                              </div>
                              <div class="card-body rounded-bottom bg-white p-5">
                                  <form>
                                      <div class="form-group">
                                          <input type="text" class="form-control p-3 mb-3"  placeholder="Your name" required="required" />
                                      </div>
                                      <div class="form-group">
                                          <input type="email" class="form-control p-3 mb-3 " placeholder="Your email" required="required" />
                                      </div>
                                      <textarea name="" class="form-control mb-3" id="" cols="30" rows="3" placeholder="Message"></textarea>
                                      <div class="d-grid gap-2">
                                        <button class="btn btn-primary btn-block py-3" type="submit">Enquiry Now</button>
    
                                      </div>
                                  </form>
                              </div>
                          </div>
                      </div>
                  </div>
              </div>
            </div>
          </section>
        <!-- Registration End -->

        
        <!-- Service Start -->
        <section>
          <div class="container-fluid py-5" id="services">
            <div class="container pt-5 pb-3">
                <div class="text-center mb-3 pb-3">
                    <h6 class=" text-uppercase" style="letter-spacing: 5px; color: #207FBF;">Services</h6>
                    <h1><?=$abt1['sort_description']?></h1>
                </div>
                <div class="row me-0">

                      <?php 
                $service=mysqli_query($conn,"select * from about where status='1'");
                
                while ($row=mysqli_fetch_assoc($service)) {?>

                    <div class="col-lg-4 col-md-6 mb-4">
                        <div class="service-item bg-white text-center mb-2 py-5 px-4">
                            <i class="<?=$row['fav_code']?>"></i>
                            <h5 class="mb-2"><?=$row['title']?></h5>
                            <p class="m-0"><?=$row['content']?></p>
                        </div>
                    </div>
                  <?php }?>
                     
                    
                </div>
            </div>
          </div>
        </section>
        <!-- Service End -->

        <!-- weather start -->
        <div class="container-fluid px-1 px-md-4 py-5 mx-auto" id="weather">
          <div class="d-flex justify-content-center px-3">
              <div class="card">
                 <script src="https://static.elfsight.com/platform/platform.js" data-use-service-core defer></script>
<div class="elfsight-app-95b5a1f6-5edc-4c47-a393-65715e3c6f21" data-elfsight-app-lazy></div>
              </div>
          </div>
        </div>
        <!-- weather end -->


  </main>

<?php include 'inc/footer.php';?>
</body>

</html>