<!DOCTYPE html>
 <html lang="en">
 <head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <meta charset="utf-8" />
 <title>Soulmate's Restaurant and Homestay </title>
 <!-- Stylesheets -->
 <link href="css/bootstrap.min.css" rel="stylesheet" />
 <link href="css/flatpickr.min.css" rel="stylesheet" />
 <link href="css/style.css" rel="stylesheet" />
 <link rel="stylesheet" type="text/css" href="css/slick-theme.css" />
 <link rel="stylesheet" type="text/css" href="css/slick.css" />

 <link rel="shortcut icon" href="images/favicon.webp" type="image/x-icon" />
 <link rel="icon" href="images/favicon.webp" type="image/x-icon" />
 <!-- Responsive -->
 <meta http-equiv="X-UA-Compatible" content="IE=edge" />
 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
 </head>

 <body>

 <div class="page-wrapper">



  <?php include 'header.php';?>

   <!-- Banner Section -->
   <section id="home" class="banner-section-seven" style="position: relative; overflow: hidden;">
     <!-- Video Background -->
     <video autoplay muted loop playsinline style="position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; z-index:1;">
       <source src="./images/hero.mp4" type="video/mp4">
       Your browser does not support the video tag.
     </video>
     <!-- Overlay -->
     <div style="position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.4); z-index:2;"></div>
     <div class="banner-slider banner-slider-home1" style="position: relative; z-index:3;">

       <div class="banner-slide">
         <div class="outer-box">
           <figure class="image-1 wow fadeInUp tm-gsap-img-parallax overflow-hidden" style="display:none;"><img src="images/banner/Untitled design.webp" alt="" /></figure>
           <div class="content-box">
             <div class="star-rating" data-animation-in="fadeInUp" data-wow-delay="300ms">
               <i class="fa-sharp fa-solid fa-star-sharp"></i>
               <i class="fa-sharp fa-solid fa-star-sharp"></i>
               <i class="fa-sharp fa-solid fa-star-sharp"></i>
               <i class="fa-sharp fa-solid fa-star-sharp"></i>
               <i class="fa-sharp fa-solid fa-star-sharp"></i>
             </div>
             <h1 data-animation-in="fadeInUp" data-delay-in="0.3">Book Your Dream Homestay <br />With Soulmate's </h1>
           </div>
         </div>
       </div>

     </div>
   </section>
   <!-- End Banner Section -->

   <!-- Form Section -->
   <!-- <div class="checkout-form-section-two">
     <div class="container">
       <div class="checkout-form">
         <div class="checkout-field">
           <h4>Check-In </h4>
           <div class="chk-field">
             <input class="date-pick" type="text" placeholder="31 Dec 2025" />
             <i class="fas fa-angle-down"></i>
           </div>
         </div>
         <div class="checkout-field">
           <h4>Check-Out </h4>
           <div class="chk-field">
             <input class="date-pick" type="text" placeholder="31 Dec 2025" />
             <i class="fas fa-angle-down"></i>
           </div>
         </div>
         <div class="checkout-field select-field br-0">
           <h4>Quests </h4>
           <div class="chk-field">
             <i class="fas fa-angle-down"></i>
             <select>
               <option />2  
               <option />1  
               <option />2  
               <option />3  
             </select>
           </div>
         </div>
         <a href="page-contact.php" class="theme-btn btn-style-one"><span class="btn-title">CHECK  <br />AVAILABILITY </span></a>
       </div>
     </div>
   </div> -->
   <!-- End Form Section -->

   <!-- Service Section three -->
   <section class="service-section-three">
     <div class="auto-container">
       <div class="sec-title text-center">
         <span class="sub-title">What we offer </span>
         <h2>Get Our Special Offer. </h2>
       </div>
       <div class="outer-box">
         <div class="row">
           <!-- service-block -->
           <div class="service-block-three col-lg-4 col-md-6 wow fadeInUp">
             <div class="inner-box">
               <figure class="image"><img src="images/1.webp" alt="" /></figure>
               <div class="content-box">
                 <h6 class="title"><a href="activity.php">Weddings venue </a></h6>
               </div>
             </div>
           </div>
           <!-- service-block -->
           <div class="service-block-three col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="200ms">
             <div class="inner-box">
               <figure class="image"><img src="images/2.webp" alt="" /></figure>
               <div class="content-box">
                 <h6 class="title"><a href="activity.php">Team Bonding </a></h6>
               </div>
             </div>
           </div>
           <!-- service-block -->
           <div class="service-block-three col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="400ms">
             <div class="inner-box">
               <figure class="image"><img src="images/3.webp" alt="" /></figure>
               <div class="content-box">
                 <h6 class="title"><a href="activity.php">Family Bonding </a></h6>
               </div>
             </div>
           </div>
         </div>
       </div>
     </div>
   </section>
   <!-- End Service section -->

   <!-- About Section -->
   <section id="about" class="about-section-two pt-0">
     <div class="anim-icons">
       <img class="image-1" src="images/icons/icon-home1.webp" alt="" />
     </div>
     <div class="auto-container">
       <div class="row">
         <!-- Content Column -->
         <div class="content-column col-lg-7 wow fadeInRight" data-wow-delay="600ms">
           <div class="inner-column">
             <div class="sec-title">
               <span class="sub-title style-three">LUXURY Restaurant & Homestay </span>
               <h2>We Provide Hospitality <br />with a ❤️ Personal Touch </h2>
               <div class="text">Welcome to Soulmate's – Where Comfort Meets Flavor
                <p>At Soulmate's Homestays and Restaurant, we believe in creating experiences that feel just like home — only better. Nestled in a peaceful and scenic location, we offer a perfect blend of cozy accommodation and homestyle food, served with love and care.</p>
               </div>
             </div>
             <div class="outer-box">
               <div class="info-block">
                 <div class="inner">
                   <div class="icon-box"><i class="flaticon-light"></i></div>
                   <h4 class="title">The Best  <br />Lighting </h4>
                 </div>
               </div>
               <div class="info-block">
                 <div class="inner">
                   <div class="icon-box"><i class="flaticon-pool"></i></div>
                   <h4 class="title">The Best  <br />Swiming </h4>
                 </div>
               </div>
             </div>
             <ul class="list-style-two">
               <li><i class="icon fa fa-circle-check"></i>🛏️ Comfortable & Hygienic Stays</li>
               <li><i class="icon fa fa-circle-check"></i>🍽️ Delicious Home-Cooked Meals</li>
               <li><i class="icon fa fa-circle-check"></i>🌿 Peaceful Ambience Surrounded by Nature</li>
               <li><i class="icon fa fa-circle-check"></i>👫 Perfect for Couples, Families & Solo Travelers</li>

             </ul>
             <div class="btn-box">
               <a href="about.php" class="theme-btn btn-style-one"><span class="btn-title">Discover More </span></a>
             </div>
           </div>
         </div>
         <!-- Image Column -->
         <div class="image-column col-md-7 col-lg-5">
           <div class="inner-column wow fadeInLeft">
             <figure class="image-1 overlay-anim wow reveal-right"><img src="images/resource/about1.webp" alt="" /></figure>
             <figure class="image-2 overlay-anim wow reveal-right"><img src="images/resource/about2.webp" alt="" /></figure>
           </div>
         </div>

       </div>
     </div>
   </section>
   <!--Emd About Section -->

   <!-- Room-section two -->
   <section id="services" class="room-service-section pt-120 pb-60">
     <div class="auto-container">
       <div class="sec-title text-center">
         <span class="sub-title">CUSTOMER SERVICES </span>
         <h2>Book your stay and  <br />relax in luxury </h2>
       </div>
       <div class="row">
         <!-- News Block -->
         <div class="room-service-block-one col-lg-4 col-sm-6 wow fadeInUp">
           <div class="inner-box">
             <div class="image-box">
               <figure class="image mb-0"><a href="activity.php"><img src="images/resource/delux.webp" alt="" /></a></figure>
             </div>
             <div class="content-box">
               <div class="inner-box">
                 <h4 class="title"><a href="activity.php">Deluxe Room</a></h4>
                
               </div>
               <div class="facilities-box align-items-center d-flex justify-content-between">
                 <ul class="facilities-list">
                   <li><i class="fal fa-circle-user me-2"></i> 1-3 Persons </li>
                   <li><i class="fal fa-bed me-2"></i> King Size Bed </li>
                 </ul>
                 <ul class="facilities-list">
                   <li><i class="fal fa-bath me-2"></i> Bathroom </li>
                   <li><i class="fal fa-wifi me-2"></i> Free Wifi </li>
                 </ul>
               </div>
               <div class="btn-box" style="text-align: center;">
                <a href="tel:+91 8920885628" class="theme-btn btn-style-one" style="border-radius: 20px;"><span class="btn-title">Book Now </span></a>
              </div>
             </div>
           </div>
         </div>
         <!-- News Block -->
         <div class="room-service-block-one col-lg-4 col-sm-6 wow fadeInUp" data-wow-delay="300ms">
           <div class="inner-box">
             <div class="image-box">
               <figure class="image mb-0"><a href="activity.php"><img src="images/resource/family.webp" alt="" /></a></figure>
             </div>
             <div class="content-box">
               <div class="inner-box">
                 <h4 class="title"><a href="activity.php">Family Room with Balcony </a></h4>
                 
               </div>
               <div class="facilities-box align-items-center d-flex justify-content-between">
                 <ul class="facilities-list">
                   <li><i class="fal fa-circle-user me-2"></i> 1-3 Persons </li>
                   <li><i class="fal fa-bed me-2"></i> King Size Bed </li>
                 </ul>
                 <ul class="facilities-list">
                   <li><i class="fal fa-bath me-2"></i> Bathroom </li>
                   <li><i class="fal fa-wifi me-2"></i> Free Wifi </li>
                 </ul>
               </div>
               <div class="btn-box" style="text-align: center;">
                <a href="tel:+91 8920885628" class="theme-btn btn-style-one" style="border-radius: 20px;"><span class="btn-title">Book Now </span></a>
              </div>
             </div>
           </div>
         </div>
         <!-- News Block -->
         <div class="room-service-block-one col-lg-4 col-sm-6 wow fadeInUp" data-wow-delay="600ms">
           <div class="inner-box">
             <div class="image-box">
               <figure class="image mb-0"><a href="activity.php"><img src="images/resource/cottsage.webp" alt="" /></a></figure>
             </div>
             <div class="content-box">
               <div class="inner-box">
                 <h4 class="title"><a href="activity.php">Mixed Dormitory Room </a></h4>
                
               </div>
               <div class="facilities-box align-items-center d-flex justify-content-between">
                 <ul class="facilities-list">
                   <li><i class="fal fa-circle-user me-2"></i> 1-6 Persons </li>
                   <li><i class="fal fa-bed me-2"></i> King Size Bed </li>
                 </ul>
                 <ul class="facilities-list">
                   <li><i class="fal fa-bath me-2"></i> Bathroom </li>
                   <li><i class="fal fa-wifi me-2"></i> Free Wifi </li>
                 </ul>
               </div>
               <div class="btn-box" style="text-align: center;">
                <a href="tel:+91 8920885628" class="theme-btn btn-style-one" style="border-radius: 20px;"><span class="btn-title">Book Now </span></a>
              </div>
             </div>
           </div>
         </div>

         <div class="btn-box" style="text-align: center;">
          <a href="page-about.php" class="theme-btn btn-style-one"><span class="btn-title">Discover More </span></a>
        </div>
       </div>
     </div>
   </section>
   <!-- End Room section -->

     <!-- Video Section -->
     <section class="video-section-two">
      <div class="bg bg-image" style="background-image: url(images/background/videobg.webp);"></div>
      <div class="auto-container">
        <div class="sec-title text-center light wow fadeInUp">
          <span class="sub-title">Promotional Video </span>
          <h2>Your Journey Begins with Our Booking </h2>
          <div class="btn-box">
            <a href="https://www.youtube.com/watch?v=Fvae8nxzVz4" class="play-now-two" data-fancybox="gallery" data-caption="">
              <i class="fa-solid fa-play"></i>
              <span class="ripple"></span>
            </a>
          </div>
        </div>
      </div>
    </section>
<!-- End video section -->

    <?php include 'menu.php';?>
     <!-- Contact Section -->
     <section id="contact" class="contact-section">
      <div class="bg bg-image wow reveal-top tm-gsap-img-parallax overflow-hidden">
        <img src="images/background/contact.webp" alt="Image" />
      </div>
      <div class="icon icon-contact-shape1" style="background-image: url(images/icons/shape-4.webp)"></div>
      <div class="auto-container">
        <div class="outer-box">
          <div class="row">
 
            <!-- Form Column -->
            <div class="form-column col-lg-8 offset-lg-4 col-md-12 col-sm-12">
              <div class="inner-column">
                <!-- Contact Form -->
                <div class="contact-form wow fadeInLeft">
                  <div class="icon-anchor-1 bounce-y"></div>
                  <div class="sec-title">
                    <span class="sub-title style-three">Contact Us </span>
                    <h2>Get in Touch </h2>
                  </div>
 
                  <!--Contact Form-->
                  <?php include 'form.php';?>
                </div>
                <!--End Contact Form -->
 
                <div class="contact-block">
                  <div class="inner-box">
                    <figure class="image icon-contact1"><img src="images/icons/icon-call-2.webp" alt="Image" /></figure>
                    <div class="content-box">
                      <figure class="icon-img"><img src="images/icons/icon-call-1.webp" alt="" /></figure>
                      <span class="text">Call us for any Time </span>
                      <a class="text-two" href="tel:+91 8920885628">8920885628 </a>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <!-- End Contact Section -->

     <!-- Gallery-section -->
     <section class="rooms-section pb-100">
      <div class="auto-container">
        <div class="sec-title text-center wow fadeInUp">
          <span class="sub-title">Hoteler Luxury Rooms </span>
          <h2>Luxury Rooms & Suites </h2>
        </div>
        <div class="row">
          <!-- room-block -->
          <div class="room-block col-lg-3 col-md-6 col-sm-12">
            <div class="inner-box wow fadeIn" data-wow-delay="300ms">
              <div class="image-box">
                <figure class="image-2 overlay-anim"><img src="images/resource/gallery/4.webp" alt="" /></figure>
              </div>
            
            </div>
          </div>
          <!-- room-block -->
          <div class="room-block col-lg-6 col-md-6 col-sm-12">
            <div class="inner-box large-style wow fadeIn" data-wow-delay="400ms">
              <div class="image-box">
                <figure class="image-2 overlay-anim"><img src="images/resource/gallery/3.webp" alt="" /></figure>
              </div>
              
            </div>
          </div>
          <!-- room-block -->
          <div class="room-block col-lg-3 col-md-6 col-sm-12">
              <div class="inner-box wow fadeIn" data-wow-delay="500ms">
                <div class="image-box">
                  <figure class="image-2 overlay-anim"><img src="images/resource/gallery/5.webp" alt="" /></figure>
                </div>
                
              </div>
          </div>
          <!-- room-block -->
          <div class="room-block col-lg-6 col-md-6 col-sm-12">
            <div class="inner-box wow fadeIn">
              <div class="image-box">
                <figure class="image-2 overlay-anim"><img src="images/resource/gallery/1.webp" alt="" /></figure>
              </div>
            
            </div>
          </div>
          <!-- room-block -->
          <div class="room-block col-lg-6 col-md-6 col-sm-12">
            <div class="inner-box wow fadeIn" data-wow-delay="200ms">
              <div class="image-box">
                <figure class="image-2 overlay-anim"><img src="images/resource/gallery/2.webp" alt="" /></figure>
              </div>
           
            </div>
          </div>
          <div class="btn-box" style="text-align: center;">
            <a href="gallery.php" class="theme-btn btn-style-one"><span class="btn-title">Discover More </span></a>
          </div>
        </div>
      </div>
    </section>
    <!-- End gallery-section -->



        <!-- Testimonial Section -->
        <section class="testimonial-section-four">
          <div class="auto-container">
            <div class="row justify-content-end">
              <div class="col-lg-8">
                <div class="sec-title text-center">
                  <span class="sub-title">Our Customer Feedback </span>
                  <h2>What Client's Say? </h2>
                </div>
              </div>
            </div>
            <div class="testimonial-carousel-two slick-gap-30">
              <div class="testimonial-block-four">
                <div class="inner-box">
                  <div class="content-box">
                    <span class="icon fa fa-quote-right"></span>
                    <div class="text">“Such a peaceful and cozy stay! Soulmate's Homestays truly felt like a home away from home. The rooms were spotless, and the mountain view from the balcony was breathtaking. The food at the restaurant was fresh, homely, and absolutely delicious. Will definitely come back!” </div>
                  </div>
                  <div class="info-box">
                    <figure class="thumb"><img src="images/resource/testi2-thumb1.webp" alt="" /></figure>
                    <div>
                      <h6 class="name">Pankaj Sharma </h6>
                      <span class="designation">Coustmer </span>
                    </div>
                  </div>
                </div>
              </div>
              <div class="testimonial-block-four">
                <div class="inner-box">
                  <div class="content-box">
                    <span class="icon fa fa-quote-right"></span>
                    <div class="text">“Loved everything about this place! The hosts were warm and welcoming, and the service was top-notch. The restaurant serves the best parathas I’ve ever had. Perfect stop for travelers looking for comfort, cleanliness, and great food.” </div>
                  </div>
                  <div class="info-box">
                    <figure class="thumb"><img src="images/resource/testi2-thumb2.webp" alt="" /></figure>
                    <div>
                      <h6 class="name">Kunal Mehta </h6>
                      <span class="designation">Coustmer  </span>
                    </div>
                  </div>
                </div>
              </div>
              <div class="testimonial-block-four">
                <div class="inner-box">
                  <div class="content-box">
                    <span class="icon fa fa-quote-right"></span>
                    <div class="text">“We stayed here during our Char Dham Yatra and it was one of the best decisions. After long travel days, the peaceful ambiance and hot, tasty food were a blessing. Super clean rooms and helpful staff!” </div>
                  </div>
                  <div class="info-box">
                    <figure class="thumb"><img src="images/resource/testi2-thumb1.webp" alt="" /></figure>
                    <div>
                      <h6 class="name">Neha Joshi </h6>
                      <span class="designation">Coustmer  </span>
                    </div>
                  </div>
                </div>
              </div>
              <div class="testimonial-block-four">
                <div class="inner-box">
                  <div class="content-box">
                    <span class="icon fa fa-quote-right"></span>
                    <div class="text"> “Excellent experience! Clean, comfortable rooms and the food was simply amazing. The hosts went above and beyond to make sure we were comfortable. You can feel the love and care in every detail. 10/10!”</div>
                  </div>
                  <div class="info-box">
                    <figure class="thumb"><img src="images/resource/testi2-thumb2.webp" alt="" /></figure>
                    <div>
                      <h6 class="name">Ravi Chauhan </h6>
                      <span class="designation">Coustmer  </span>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="image-box d-none d-lg-block">
            <figure class="image wow reveal-top tm-gsap-img-parallax overflow-hidden"><img src="images/background/rev.webp" alt="" /></figure>
          </div>
        </section>
        <!-- End Testimonial Section One -->

   <!-- news-section -->
   <section id="news" class="news-section">
     <div class="auto-container">
       <div class="sec-title text-center wow fadeInUp">
         <span class="sub-title">NEWS & BLOG </span>
         <h2>Check Latest Blog Post  <br />from Blog List </h2>
       </div>
       <div class="row">
         <!-- News Block -->
         <div class="news-block-four col-lg-4 col-md-6 wow fadeInUp">
           <div class="inner-box">
             <div class="image-box">
               <figure class="image">
                 <a href="#">
                   <img src="images/resource/1.webp" alt="Image" />
                   <img src="images/resource/4.webp" alt="Image" />
                 </a>
               </figure>
             </div>
             <div class="content-box">
               <ul class="post-meta">
                 <li class="categories"><a href="#">Night View </a></li>
                 <li class="date">May 15, 2025 </li>
               </ul>
               <h4 class="title"><a href="#">About Jageshwar Temple </a></h4>
             </div>
           </div>
         </div>
         <!-- News Block -->
         <div class="news-block-four col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="300ms">
           <div class="inner-box">
             <div class="image-box">
               <figure class="image">
                 <a href="#">
                   <img src="images/resource/3.webp" alt="Image" />
                   <img src="images/resource/5.webp" alt="Image" />
                 </a>
               </figure>
             </div>
             <div class="content-box">
               <ul class="post-meta">
                 <li class="categories"><a href="#">Inner Interior </a></li>
                 <li class="date">Jan 28, 2025 </li>
               </ul>
               <h4 class="title"><a href="#">Our Health Club is ___ Available for Your Fitness _____ </a></h4>
             </div>
           </div>
         </div>
         <!-- News Block -->
         <div class="news-block-four col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="600ms">
           <div class="inner-box">
             <div class="image-box">
               <figure class="image">
                 <a href="#">
                   <img src="images/resource/2.webp" alt="Image" />
                   <img src="images/resource/6.webp" alt="Image" />
                 </a>
               </figure>
             </div>
             <div class="content-box">
               <ul class="post-meta">
                 <li class="categories"><a href="#">Playing Area </a></li>
                 <li class="date">Oct 20, 2025 </li>
               </ul>
               <h4 class="title"><a href="#">Restoring the Lighting Design __ the Hotel </a></h4>
             </div>
           </div>
         </div>
       </div>
     </div>
   </section>
   <!-- End news section -->

    <?php include 'footer.php';?>

