<!DOCTYPE html>
<html lang="en" class="no-js">
   <head>
      <meta charset="utf-8"/>
      <title>Hire Expert Mobile and Website Developers in India | xLab - A Creative Company With Big Capabilities</title>
      <meta name="description" content="Creative Agency, Marketing Agency Template">
      <meta name="keywords" content="Creative Agency, Marketing Agency">
      <meta name="author" content="rajesh-doot">
      <meta name="viewport" content="width=device-width,initial-scale=1">
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <meta name="theme-color" content="#2e2a8f">
      <link href="/images/logo.png" rel="icon">
      <link href="/css/bootstrap.min.css" rel="stylesheet">
      <link href="/css/plugin.min.css" rel="stylesheet">
      <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.min.css" rel="stylesheet">
      <link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&family=Poppins:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet">
      <link href="/css/style.css" rel="stylesheet">
      <link href="/css/responsive.css" rel="stylesheet">
      <link href="/css/darkmode.css" rel="stylesheet">
   </head>
   <body>  
          <!-- top progress bar start-->
          <div id="progress-bar"></div>
          <!-- top progress bar end -->     
          
      <!--Start Preloader -->
      <!-- <div class="onloadpage" id="page_loader">
         <div class="pre-content">
            <div class="logo-pre"><img src="./images/logo.png" alt="Logo" class="img-fluid" /></div>
            <div class="pre-text- text-radius text-light text-animation bg-b">Niwax - Creative Agency & Portfolio HTML Template Are 2 Seconds Away. Have Patience</div>
         </div>
       </div> -->
      <!--End Preloader -->
      <!--Start Header -->
	  	  <header class="header-pr nav-bg-w main-header navfix fixed-top menu-white">
	           <div class="container-fluid m-pad">
            <div class="menu-header">
               <div class="dsk-logo"><a class="nav-brand" href="/">
                  <img src="/images/white-logo.png" alt="Logo" class="mega-white-logo"/>
                  <img src="/images/logo.png" alt="Logo" class="mega-darks-logo"/>
                  </a>
               </div>
               <div class="custom-nav" role="navigation">
                  <ul class="nav-list">
                     <li class="sbmenu">
                        <a href="/" class="menu-links">Services</a>
                        <div class="nx-dropdown">
                           <div class="sub-menu-section">
                              <div class="container">
                                 <div class="col-md-12">
                                    <div class="sub-menu-center-block">
                                       <div class="sub-menu-column">
                                          <div class="menuheading">Web Design &#038; Development</div>
                                          <ul>                                            
                                             <li><a href="/services/core-php-development">Core PHP Development</a></li>
                                             <li><a href="/services/wordpress-website-development">WordPress Website Development <span class="badge bg-primary">New</span></a></li>                                             
                                             <li><a href="/services/laravel-development">Laravel Development</a></li>                                             
                                             <li><a href="/services/react-native-development">React Native Development</a></li>
                                             <!-- <li><a href="/services/full-stack-development">Full-Stack Development</a></li> -->
                                              <li><a href="/services/react-js-development">React.JS Development</a></li>
                                               <li><a href="/services/custom-website-designing">Custom Website Designing</a></li>
                                               <li><a href="/services/responsive-web-designing">Responsive Web Designing</a></li>
                                        </ul>
                                       </div>
                                       <div class="sub-menu-column">
                                          <div class="menuheading">Digital Marketing</div>
                                          <ul>
                                             <li><a href="/services/seo-services">SEO Services</a></li>                                            
                                             <li><a href="/services/pay-per-click-advertising-services">Pay Per Click (PPC) Advertising Services</a></li>
                                             <li><a href="/services/social-media-marketing">Social Media Marketing</a></li>
                                             <li><a href="/services/google-local-ceo-services">Google Local SEO Services</a></li>
                                             <li><a href="/services/content-marketing">Content Marketing</a></li>
                                             <li><a href="/services/whatsapp-chat-bot-solutions">WhatsApp Chat Bot Solutions</a></li>
                                             <li><a href="/services/whatsapp-marketing">WhatsApp Marketing (WABA)</a></li>
                                          </ul>
                                       </div>
                                       <div class="sub-menu-column">
                                          <div class="menuheading">E-Commerce Solutions</div>
                                          <ul>
                                             <li><a href="/services/ecommerce-marketing">Ecommerce Marketing</a></li>
                                             <li><a href="/services/ecommerce-mobile-app-development">Ecommerce Mobile App Development</a></li>
                                             <li><a href="/services/ecommerce-web-development-services">ECommerce Web Development Services</a></li>
                                             <li><a href="/services/ecommerce-strategy-building">Ecommerce Strategy Building</a></li>
                                             <li><a href="/services/ecommerce-consultation">ECommerce Consultation</a></li>
                                             <li><a href="/services/codeigniter-development">Codeigniter Development</a></li>
                                             <li><a href="/services/shopify-ecommerce-development">Shopify eCommerce Development</a></li>
                                          </ul>
                                       </div>
                                       <div class="sub-menu-column">
                                          <div class="menuheading">Mobile App Development</div>
                                          <ul>
                                             <li><a href="/services/ios-app-development">iOS App Development</a></li>        
                                             <li><a href="/services/android-app-development">Android App Development</a></li>
                                             <li><a href="/services/flutter-development">Flutter Development</a></li>
                                          </ul>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </li>
					 <li class="sbmenu"><a class="menu-links" href="/about">About Us</a></li>
                                          <li class="sbmenu rpdropdown">
                        <!-- <a href="#" class="menu-links">Portfolio</a> -->
                        <li class="sbmenu"><a class="menu-links" href="/portfolio">Portfolio</a></li>
                                             </li>
                     <li class="sbmenu rpdropdown">
                        <a href="#" class="menu-links">Blog</a>
                        <!-- <div class="nx-dropdown menu-dorpdown">
                           <div class="sub-menu-section">
                              <div class="sub-menu-center-block">
                                 <div class="sub-menu-column smfull">
                                    <ul>
                                       <li><a href="https://xlab.website/blog.php">Blog</a> </li>
                                       <li><a href="https://xlab.website/index.php">Blog Grid 1</a> </li>
                                       <li><a href="https://xlab.website/index.php">Blog Right Sidebar</a> </li>
                                       <li><a href="https://xlab.website/index.php">Blog Left Sidebar</a> </li>
                                       <li><a href="https://xlab.website/blog-single.php">Blog Single</a></li>
                                    </ul>
                                 </div>
                              </div>
                           </div>
                        </div> -->
                    </li>
                                      
              </ul>
              <!-- mobile + desktop - sidebar menu- dark mode witch and button -->
              <ul class="nav-list right-end-btn">                        
              <li class="hidemobile"><a data-bs-toggle="offcanvas" href="#offcanvasExample" class="btn-round- btn-br bg-btn2"><i class="fas fa-phone-alt"></i></a></li>
              <li class="hidemobile"><a href="/contact" class="btn-br bg-btn3 btshad-b2 lnk">Request A Quote <span class="circle"></span></a> </li>              
              <li class="hidedesktop darkmodeswitch"><div class="switch-wrapper"> <label class="switch" for="niwax"> <input type="checkbox" id="niwax"/>  <span class="slider round"></span> </label> </div> </li> 
              <li class="hidedesktop"><a data-bs-toggle="offcanvas" href="#offcanvasExample" class="btn-round- btn-br bg-btn2"><i class="fas fa-phone-alt"></i></a></li>            
              <li class="navm- hidedesktop"> <a class="toggle" href="#"><span></span></a></li>
            </ul>
          </div>
        </div>

            <!--Mobile Menu-->
            <nav id="main-nav">
               <ul class="first-nav">
                  <li>
                     <a href="/">Home</a>
                                       </li>
				  <li><a href="#">Services</a>
					<ul>
                        <li><a href="/services/core-php-development">Core PHP Development</a></li>
						 <li><a href="/services/wordpress-website-development">WordPress Website Development <span class="badge bg-primary">New</span></a></li>                                             
						 <li><a href="/services/laravel-development">Laravel Development</a></li>                                             
						 <li><a href="/services/react-native-development">React Native Development</a></li>
						 <!-- <li><a href="/services/full-stack-development">Full-Stack Development</a></li> -->
						  <li><a href="/services/react-js-development">React.JS Development</a></li>
						   <li><a href="/services/custom-website-designing">Custom Website Designing</a></li>
						   <li><a href="/services/responsive-web-designing">Responsive Web Designing</a></li>
						   <li><a href="/services/seo-services">SEO Services</a></li>                                            
                                             <li><a href="/services/pay-per-click-advertising-services">Pay Per Click (PPC) Advertising Services</a></li>
                                             <li><a href="/services/social-media-marketing">Social Media Marketing</a></li>
                                             <li><a href="/services/google-local-ceo-services">Google Local SEO Services</a></li>
                                             <li><a href="/services/content-marketing">Content Marketing</a></li>
                                             <li><a href="/services/whatsapp-chat-bot-solutions">WhatsApp Chat Bot Solutions</a></li>
                                             <li><a href="/services/whatsapp-marketing">WhatsApp Marketing (WABA)</a></li>
						<li><a href="/services/ecommerce-marketing">Ecommerce Marketing</a></li>
                                             <li><a href="/services/ecommerce-mobile-app-development">Ecommerce Mobile App Development</a></li>
                                             <li><a href="/services/ecommerce-web-development-services">ECommerce Web Development Services</a></li>
                                             <li><a href="/services/ecommerce-strategy-building">Ecommerce Strategy Building</a></li>
                                             <li><a href="/services/ecommerce-consultation">ECommerce Consultation</a></li>
                                             <li><a href="/services/codeigniter-development">Codeigniter Development</a></li>
                                             <li><a href="/services/shopify-ecommerce-development">Shopify eCommerce Development</a></li>
						<li><a href="/services/ios-app-development">iOS App Development</a></li>        
                                             <li><a href="/services/android-app-development">Android App Development</a></li>
                                             <li><a href="/services/flutter-development">Flutter Development</a></li>
					</ul>
				  </li>
                                 </ul>
               <ul class="bottom-nav">
                  <li class="prb">
                     <a href="tel:+11111111111">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 384">
                           <path d="M353.188,252.052c-23.51,0-46.594-3.677-68.469-10.906c-10.719-3.656-23.896-0.302-30.438,6.417l-43.177,32.594
                              c-50.073-26.729-80.917-57.563-107.281-107.26l31.635-42.052c8.219-8.208,11.167-20.198,7.635-31.448
                              c-7.26-21.99-10.948-45.063-10.948-68.583C132.146,13.823,118.323,0,101.333,0H30.813C13.823,0,0,13.823,0,30.813
                              C0,225.563,158.438,384,353.188,384c16.99,0,30.813-13.823,30.813-30.813v-70.323C384,265.875,370.177,252.052,353.188,252.052z"
                              />
                        </svg>
                     </a>
                  </li>
                  <li class="prb">
                     <a href="mailto:somewebmedia@gmail.com">
                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
                           <path d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z"/>
                           <path d="M0 0h24v24H0z" fill="none"/>
                        </svg>
                     </a>
                  </li>
                  <li class="prb">
                     <a href="skype:niwax.company?call">
                        <svg enable-background="new 0 0 24 24" height="18" viewBox="0 0 24 24" width="18" xmlns="http://www.w3.org/2000/svg">
                           <path d="m23.309 14.547c1.738-7.81-5.104-14.905-13.139-13.543-4.362-2.707-10.17.352-10.17 5.542 0 1.207.333 2.337.912 3.311-1.615 7.828 5.283 14.821 13.311 13.366 5.675 3.001 11.946-2.984 9.086-8.676zm-7.638 4.71c-2.108.867-5.577.872-7.676-.227-2.993-1.596-3.525-5.189-.943-5.189 1.946 0 1.33 2.269 3.295 3.194.902.417 2.841.46 3.968-.3 1.113-.745 1.011-1.917.406-2.477-1.603-1.48-6.19-.892-8.287-3.483-.911-1.124-1.083-3.107.037-4.545 1.952-2.512 7.68-2.665 10.143-.768 2.274 1.76 1.66 4.096-.175 4.096-2.207 0-1.047-2.888-4.61-2.888-2.583 0-3.599 1.837-1.78 2.731 2.466 1.225 8.75.816 8.75 5.603-.005 1.992-1.226 3.477-3.128 4.253z"/>
                        </svg>
                     </a>
                  </li>
               </ul>
            </nav>
         </div>
      </header>       
      <!--End Header -->

<div id="page-content">

    <!--Start sidebar -->    
    <div class="niwaxofcanvas offcanvas offcanvas-end" tabindex="-1" id="offcanvasExample">
      <div class="offcanvas-body">
        <div class="cbtn animation">
          <div class="btnclose"> <button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button></div>
        </div>we
        <div class="form-block sidebarform">
          <h4>Request A Quote</h4>
          <form id="contactForm" data-bs-toggle="validator" class="shake mt20">
            <div class="row">
              <div class="form-group col-sm-12">
                <input type="text"  id="name" placeholder="Enter name" required data-error="Please fill Out">
                <div class="help-block with-errors"></div>
              </div>
              <div class="form-group col-sm-12">
                <input type="email"  id="email" placeholder="Enter email" required>
                <div class="help-block with-errors"></div>
              </div>
            </div>
            <div class="row">
              <div class="form-group col-sm-12">
                <input type="text" id="mobile" placeholder="Enter mobile" required data-error="Please fill Out">
                <div class="help-block with-errors"></div>
              </div>
              <div class="form-group col-sm-12">
                <select name="Dtype" id="Dtype" required>
                  <option value="">Select Requirement</option>
                  <option value="web">web</option>
                  <option value="graphic">graphic</option>
                  <option value="video">video</option>
                </select>
                <div class="help-block with-errors"></div>
              </div>
            </div>
            <div class="form-group">
              <textarea id="message" rows="5" placeholder="Enter your message" required></textarea>
              <div class="help-block with-errors"></div>
            </div>
            <button type="submit" id="form-submit" class="btn lnk btn-main bg-btn">Submit <span class="circle"></span></button>
            <div id="msgSubmit" class="h3 text-center hidden"></div>
            <div class="clearfix"></div>
          </form>
        </div>
        <div class="getintouchblock mt30">
          <h4>Get In Touch</h4>
          <p class="mt10">Please fill out the form below if you have a plan or project in mind that you'd like to share with us.</p>
          <div class="media mt15">
            <div class="icondive"><img src="./images/icons/call.svg" alt="icon"></div>
            <div class="media-body getintouchinfo">
              <a href="tel:919828700333">+91 98287 00333 <span>Mon-Fri 9:30am - 6:30pm</span></a>
            </div>
          </div>
          <div class="media mt15">
            <div class="icondive"><img src="./images/icons/whatsapp.svg" alt="icon"></div>
            <div class="media-body getintouchinfo">
              <a href="tel:919828700333">+91-98287 00333 <span>Mon-Fri 9:30am - 6:30pm</span></a>
            </div>
          </div>
          <div class="media mt15">
            <div class="icondive"><img src="./images/icons/mail.svg" alt="icon"></div>
            <div class="media-body getintouchinfo">
              <a href="mailto:assist@xlab.co.in">assist@xlab.co.in <span>Online Support</span></a>
            </div>
          </div>
          <div class="media mt15">
            <div class="icondive"><img src="./images/icons/map.svg" alt="icon"></div>
            <div class="media-body getintouchinfo">
              <a href="mailto:assist@xlab.co.in">Jaipur, Rajasthan, India<span>Visit Our Office</span></a>
            </div>
          </div>
        </div>
        <div class="contact-data mt30">
          <h4>Follow Us On:</h4>
          <div class="social-media-linkz mt10">
            <a href="javascript:void(0)" target="blank"><i class="fab fa-facebook"></i></a>
            <a href="javascript:void(0)" target="blank"><i class="fab fa-twitter"></i></a>
            <a href="javascript:void(0)" target="blank"><i class="fab fa-instagram"></i></a>
            <a href="javascript:void(0)" target="blank"><i class="fab fa-linkedin"></i></a>
            <a href="javascript:void(0)" target="blank"><i class="fab fa-youtube"></i></a>
          			  
          </div>
        </div>
      </div>
    </div>
    <!--end sidebar -->

      <!--Start Hero-->
      <section class="hero-card-web bg-gradient12 shape-bg3">
         <div class="hero-main-rp container-fluid">
            <div class="row">
               <div class="col-lg-5">
                  <div class="hero-heading-sec">
                     <h2 class="wow fadeIn" data-wow-delay="0.3s"><span>Web.</span> <span>Mobile.</span> <span>Graphic.</span> <span>Marketing.</span></h2>
                     <p class="wow fadeIn" data-wow-delay="0.6s">From websites to mobile apps and marketing to product development, we craft innovative digital solutions tailored for your business.</p>
                     <a href="/contact" class="niwax-btn2 wow fadeIn"  data-wow-delay="0.8s">Get Connect <i class="fas fa-chevron-right fa-ani"></i></a>
                                       </div>
               </div>
               <div class="col-lg-7">
                  <div class="hero-content-sec wow fadeIn" data-wow-delay="0.8s">
                     <div class="video-intro-pp"><a class="video-link play-video" href="https://www.youtube.com/watch?v=W97SBPfYBxQ?autoplay=1&amp;rel=0"><span class="triangle-play"></span></a></div>
                     <div class="title-hero-oth">
                        <p>We’re xLab. <span>We build websites and mobile apps.</span></p>
                     </div>
                  </div>
                  <div class="hero-right-scmm">
                     <div class="hero-service-cards wow fadeInRight" data-wow-duration="2s">
                        <div class="owl-carousel service-card-prb">
                           <div class="service-slide card-bg-a" data-tilt data-tilt-max="10" data-tilt-speed="1000">
                              <a href="https://www.xlab.co.in/services/content-marketing/">
                                 <div class="service-card-hh">
                                    <div class="image-sr-mm">
                                       <img alt="custom-sport" src="./images/service/vr.png">
                                    </div>
                                    <div class="title-serv-c"><span>Content</span> Solution</div>
                                 </div>
                              </a>
                           </div>
                           <div class="service-slide card-bg-b" data-tilt data-tilt-max="10" data-tilt-speed="1000">
                              <a href="https://www.xlab.co.in/services/laravel-development">
                                 <div class="service-card-hh">
                                    <div class="image-sr-mm">
                                       <img alt="custom-sport" src="./images/service/app-develop.png">
                                    </div>
                                    <div class="title-serv-c"><span>Custom</span> App Solution</div>
                                 </div>
                              </a>
                           </div>
                           <div class="service-slide card-bg-c" data-tilt data-tilt-max="10" data-tilt-speed="1000">
                              <a href="https://www.xlab.co.in/services/seo-services/">
                                 <div class="service-card-hh">
                                    <div class="image-sr-mm">
                                       <img alt="custom-sport" src="./images/service/startup.png">
                                    </div>
                                    <div class="title-serv-c"><span>Startup</span> Solution</div>
                                 </div>
                              </a>
                           </div>
                           <div class="service-slide card-bg-d" data-tilt data-tilt-max="10" data-tilt-speed="1000">
                              <a href="https://www.xlab.co.in/services/social-media-marketing">
                                 <div class="service-card-hh">
                                    <div class="image-sr-mm">
                                       <img alt="custom-sport" src="./images/service/car-rental.png">
                                    </div>
                                    <div class="title-serv-c"><span>Social</span> Media Solution</div>
                                 </div>
                              </a>
                           </div>
                           <div class="service-slide card-bg-e" data-tilt data-tilt-max="10" data-tilt-speed="1000">
                              <a href="https://www.xlab.co.in/services/google-local-ceo-services">
                                 <div class="service-card-hh">
                                    <div class="image-sr-mm">
                                       <img alt="custom-sport" src="./images/service/marketing.png">
                                    </div>
                                    <div class="title-serv-c"><span>Marketing</span> Solution</div>
                                 </div>
                              </a>
                           </div>
                           <div class="service-slide card-bg-f" data-tilt data-tilt-max="10" data-tilt-speed="1000">
                              <a href="https://www.xlab.co.in/services/ecommerce-marketing">
                                 <div class="service-card-hh">
                                    <div class="image-sr-mm">
                                       <img alt="custom-sport" src="./images/service/ewallet.png">
                                    </div>
                                    <div class="title-serv-c"><span>e-Comm</span> Solution</div>
                                 </div>
                              </a>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </section>
      <!--End Hero-->
      <!--Start About-->
      <section class="about-sec-rpb pad-tb">
         <div class="container">
            <div class="row justify-content-center text-center">
               <div class="col-lg-10">
                  <div class="common-heading">
                     <span>We are Your IT Partner</span>
                     <h1 class="mb30">Custom Web & Mobile Solutions for <span class="text-second">Seamless Digital Experiences</span></h1>
                     <p>We are a creative agency specializing in web development, intuitive design, and product development. Our expertise spans digital marketing and branding, crafting stylish, user-friendly experiences across industries and platforms. We deliver responsive designs, seamless functionality, and compelling brand storytelling to enhance online presence, engagement, and conversions.</p>
                     
                     <h3 class="mt30 mb30">Innovative Ideas, Expert Minds, Next-Gen Technology.</h3>
                     <p>From innovative startups to established enterprises, we deliver cutting-edge web and mobile solutions that drive growth. With a portfolio featuring renowned clients, our expertise spans web development, app development, and digital transformation—helping businesses scale seamlessly in a competitive digital landscape.</p>
                  </div>
               </div>
            </div>
         </div>
      </section>
      <!--End About-->
      <!--Start Service-->
      <section class="service-section-prb pad-tb">
         <div class="container">
            <div class="row upset">
               <div  data-tilt data-tilt-max="5" data-tilt-speed="1000" class="col-lg-6-cus wow fadeInUp" data-wow-delay=".2s">
                  <div class="service-sec-brp srvc-bg-nx bg-gradient13 text-w">
                     <h4 class="mb10">Empowering Digital Growth</h4>
                     <p>From development and design to SEO and digital marketing, our innovative strategies help startups and enterprises thrive in the digital landscape.</p>
                     <a href="javascript:void(0)" class="mt20 link-prb">Learn More <i class="fas fa-chevron-right fa-icon"></i></a>
                  </div>
               </div>
               <div  data-tilt data-tilt-max="5" data-tilt-speed="1000" class="col-lg-3-cus wow fadeInUp" data-wow-delay=".4s">
                  <div class="service-sec-list srvc-bg-nx srcl1">
                     <img src="./images/icons/development.svg" alt="service">
                     <h5 class="mb10">Web App Development</h5>
                     <ul class="-service-list">
                        <li> <a href="https://www.xlab.co.in/services/core-php-development">PHP</a></li>
                        <li> <a href="https://www.xlab.co.in/services/react-js-development">React.JS </a> </li>
                        <li> <a href="https://www.xlab.co.in/services/react-native-development">Node.JS </a> </li>
                        <li> <a href="#">CRM</a> </li>                        
                     </ul>
                     <p>Web app development is the process of building interactive, browser-based applications that deliver seamless functionality and user experiences across devices.</p>
                  </div>
               </div>
               <div data-tilt data-tilt-max="5" data-tilt-speed="1000" class="col-lg-3-cus wow fadeInUp" data-wow-delay=".6s">
                  <div class="service-sec-list srvc-bg-nx srcl2">
                     <img src="./images/icons/ecommerce.svg" alt="service">
                     <h5 class="mb10">Ecommerce Development</h5>
                     <ul class="-service-list">
                        <li> <a href="https://www.xlab.co.in/services/shopify-ecommerce-development">Shopify </a> </li>
                        <li> <a href="https://www.xlab.co.in/services/wordpress-website-development">Woo Commerce</a> </li>
                        <li> <a href="https://www.xlab.co.in/services/laravel-development">Laravel </a> </li>
                     </ul>
                     <p>Ecommerce development involves creating online platforms that enable businesses to sell products or services, manage transactions, and provide a smooth shopping experience for customers.</p>
                  </div>
               </div>
               <div  data-tilt data-tilt-max="5" data-tilt-speed="1000" class="col-lg-3-cus mt30- wow fadeInUp" data-wow-delay=".8s">
                  <div class="service-sec-list srvc-bg-nx srcl3">
                     <img src="./images/icons/app.svg" alt="service">
                     <h5 class="mb10">Mobile App Development</h5>
                     <ul class="-service-list">
                        <li> <a href="https://www.xlab.co.in/services/ios-app-development">iPhone </a> </li>
                        <li> <a href="https://www.xlab.co.in/services/android-app-development">Android</a> </li>
                        <li> <a href="https://www.xlab.co.in/services/flutter-development">Flutter</a></li>
                     </ul>
                     <p>Mobile app development is the process of designing and building software applications for smartphones and tablets, optimized for iOS, Android, or cross-platform use.</p>
                  </div>
               </div>
               <div  data-tilt data-tilt-max="5" data-tilt-speed="1000" class="col-lg-3-cus mt30- wow fadeInUp" data-wow-delay="1s">
                  <div class="service-sec-list srvc-bg-nx srcl4">
                     <img src="./images/icons/tech.svg" alt="service">
                     <h5 class="mb10">Web Security</h5>
                     <ul class="-service-list">
                        <li> <a href="#">Malware Removal </a> </li>
                        <li> <a href="#">Servers </a> </li>
                     </ul>
                     <p>Web security involves protecting websites and online applications from cyber threats by implementing measures to prevent unauthorized access, data breaches, and other malicious attacks.</p>
                  </div>
               </div>
               <div  data-tilt data-tilt-max="5" data-tilt-speed="1000" class="col-lg-6-cus mt30- wow fadeInUp" data-wow-delay="1.2s">
                  <div class="service-sec-list srvc-bg-nx srcl5">
                     <img src="./images/icons/seo.svg" alt="service">
                     <h5 class="mb10">Digital Marketing</h5>
                     <ul class="-service-list">
                        <li> <a href="https://www.xlab.co.in/services/social-media-marketing">SMO </a> </li>
                        <li> <a href="#">PPC </a></li>
                        <li> <a href="#">YouTube </a></li>
                        <li> <a href="#">Podcasts </a></li>
                        <li> <a href="#">SEO </a> </li>
                     </ul>
                     <p>Digital marketing is the use of online channels and strategies—such as SEO, social media, email, and paid ads—to promote products or services and engage with target audiences effectively.</p>
                  </div>
               </div>
            </div>
            <div class="-cta-btn mt70">
               <div class="free-cta-title v-center zoomInDown wow" data-wow-delay="1.4s">
                  <p>Hire a <span>Dedicated Developer</span></p>
                  <a href="#" class="btn-main bg-btn2 lnk">Hire Now<i class="fas fa-chevron-right fa-icon"></i><span class="circle"></span></a>
               </div>
            </div>
         </div>
      </section>
      <!--End Service-->
      <!--Start statistics-->
      <div class="statistics-section bg-gradient6 pad-tb tilt3d">
         <div class="container">
            <div class="row justify-content-center t-ctr">
               <div class="col-lg-4 col-sm-6">
                  <div class="statistics">
                     <div data-tilt data-tilt-max="20" data-tilt-speed="1000" class="statistics-img">
                        <img src="./images/icons/startup.svg" alt="years" class="img-fluid" />
                     </div>
                     <div class="statnumb">
                        <span class="counter">17</span><span>+</span>
                        <p>Year In Business</p>
                     </div>
                  </div>
               </div>
               <div class="col-lg-4 col-sm-6">
                  <div class="statistics">
                     <div data-tilt data-tilt-max="20" data-tilt-speed="1000" class="statistics-img">
                        <img src="./images/icons/team.svg" alt="team" class="img-fluid" />
                     </div>
                     <div class="statnumb">
                        <span class="counter">30</span><span>+</span>
                        <p>Team Members</p>
                     </div>
                  </div>
               </div>
            </div>
            <div class="row small t-ctr">
               <div class="col-lg-3 col-sm-6">
                  <div class="statistics">
                     <div data-tilt data-tilt-max="20" data-tilt-speed="1000" class="statistics-img">
                        <img src="./images/icons/deal.svg" alt="happy" class="img-fluid" />
                     </div>
                     <div class="statnumb">
                        <span class="counter">450</span>
                        <p>Happy Clients</p>
                     </div>
                  </div>
               </div>
               <div class="col-lg-3 col-sm-6">
                  <div class="statistics">
                     <div data-tilt data-tilt-max="20" data-tilt-speed="1000" class="statistics-img">
                        <img src="./images/icons/computers.svg" alt="project" class="img-fluid" />
                     </div>
                     <div class="statnumb counter-number">
                        <span class="counter">1</span><span>k</span>
                        <p>Projects Done</p>
                     </div>
                  </div>
               </div>
               <div class="col-lg-3 col-sm-6">
                  <div class="statistics">
                     <div data-tilt data-tilt-max="20" data-tilt-speed="1000" class="statistics-img">
                        <img src="./images/icons/worker.svg" alt="work" class="img-fluid" />
                     </div>
                     <div class="statnumb">
                        <span class="counter">95</span><span>k</span>
                        <p>Hours Worked</p>
                     </div>
                  </div>
               </div>
               <div class="col-lg-3 col-sm-6">
                  <div class="statistics mb0">
                     <div data-tilt data-tilt-max="20" data-tilt-speed="1000" class="statistics-img">
                        <img src="./images/icons/customer-service.svg" alt="support" class="img-fluid" />
                     </div>
                     <div class="statnumb">
                        <span class="counter">24</span><span>/</span><span class="counter">7</span>
                        <p>Support Available</p>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
      <!--End statistics-->
      <!--why choose-->
      <section class="why-choos-lg pad-tb deep-dark">
         <div class="container">
            <div class="row">
               <div class="col-lg-6">
                  <div class="common-heading text-l">
                     <span>Why Choose Us</span>
                     <h2 class="mb20">We work <span class="text-second text-bold">for you</span>, by working <span class="text-second text-bold">with you</span>.</h2>
                     <p>Our craft is shaped by a loyal, handpicked team, each member bringing unique expertise to every project. With deep skills across strategic and technical disciplines, we conceptualize and deliver innovative, customized solutions tailored to your business needs.</p>
                     <div class="itm-media-object mt40 tilt-3d">
                        <div class="media">
                           <div class="img-ab- base" data-tilt data-tilt-max="20" data-tilt-speed="1000"><img src="./images/icons/computers.svg" alt="icon" class="layer"></div>
                           <div class="media-body">
                              <h4>Comprehensive Business Consulting</h4>
                              <p>We provide comprehensive consulting, guiding businesses through digital transformation with tailored strategies to drive growth and efficiency.</p>
                           </div>
                        </div>
                        <div class="media mt40">
                           <div class="img-ab- base" data-tilt data-tilt-max="20" data-tilt-speed="1000"><img src="./images/icons/worker.svg" alt="icon" class="layer"></div>
                           <div class="media-body">
                              <h4>Expertise Across Diverse Domains</h4>
                              <p>Our team offers expertise in web development, SEO, digital marketing, and mobile apps, providing strategies that ensure success across all areas.</p>
                           </div>
                        </div>
                        <div class="media mt40">
                           <div class="img-ab- base" data-tilt data-tilt-max="20" data-tilt-speed="1000"> <img src="./images/icons/deal.svg" alt="icon" class="layer"></div>
                           <div class="media-body">
                              <h4>Collaborative Partnership for Success</h4>
                              <p>We partner with you to deliver innovative, sustainable solutions, ensuring your business stays ahead in a competitive market.</p>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
               <div class="col-lg-6">
                  <div  data-tilt data-tilt-max="5" data-tilt-speed="1000" class="single-image bg-shape-dez wow fadeIn" data-wow-duration="2s"><img src="./images/about/about-company.jpg" alt="image" class="img-fluid"></div>
                                    <div class="cta-card mt60 text-center">
                     <h3 class="mb20">Let's Start a  <span class="text-second text-bold">New Project</span> Together</h3>
                     
                     <a href="/contact" class="niwax-btn1 mt30"><span>Request A Quote <i class="fas fa-chevron-right fa-icon"></i></span></a>
                  </div>
               </div>
            </div>
         </div>
      </section>
      <!--End why choose-->
      <!--Start Portfolio-->
      <section class="portfolio-section pad-tb">
         <div class="container">
            <div class="row justify-content-center ">
               <div class="col-lg-8">
                  <div class="common-heading">
                     <span>Our Work</span>
                     <h2 class="mb0">Our Latest Creative Work</h2>
                  </div>
               </div>
            </div>
            <div class="row">
               <div class="col-lg-8 col-sm-8 mt60 wow fadeInUp" data-wow-delay="0.2s">
                  <div class="isotope_item hover-scale">
                     <div class="item-image" data-tilt data-tilt-max="2" data-tilt-speed="1000">
                        <a href="https://www.xlab.co.in/services/ecommerce-web-development-services"><img src="./images/portfolio/image-d.jpg" alt="image" class="img-fluid" /> </a>
                     </div>
                     <div class="item-info">
                        <h4><a href="#">Ecommerce Development</a></h4>
                        <p>Web Application</p>
                     </div>
                  </div>
               </div>
               <div class="col-lg-4 col-sm-4 mt60 wow fadeInUp" data-wow-delay="0.4s">
                  <div class="isotope_item hover-scale">
                     <div class="item-image" data-tilt data-tilt-max="2" data-tilt-speed="1000">
                        <a href="#"><img src="./images/portfolio/image-1.jpg" alt="image" class="img-fluid" /> </a>
                     </div>
                     <div class="item-info">
                        <h4><a href="https://www.xlab.co.in/services/ios-app-development">Creative App</a></h4>
                        <p>iOs, Android</p>
                     </div>
                  </div>
               </div>
               <div class="col-lg-4 col-sm-4 mt60 wow fadeInUp" data-wow-delay="0.6s">
                  <div class="isotope_item hover-scale">
                     <div class="item-image" data-tilt data-tilt-max="2" data-tilt-speed="1000">
                        <a href="#"><img src="./images/portfolio/image-6.jpg" alt="image" class="img-fluid" /> </a>
                     </div>
                     <div class="item-info">
                        <h4><a href="#">Brochure Design</a></h4>
                        <p>Graphic, Print</p>
                     </div>
                  </div>
               </div>
               <div class="col-lg-8 col-sm-8 mt60 wow fadeInUp" data-wow-delay="0.8s">
                  <div class="isotope_item hover-scale">
                     <div class="item-image" data-tilt data-tilt-max="2" data-tilt-speed="1000">
                        <a href="#"><img src="./images/portfolio/image-c.jpg" alt="image" class="img-fluid" /> </a>
                     </div>
                     <div class="item-info">
                        <h4><a href="#">Icon Pack</a></h4>
                        <p>iOs, Android</p>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </section>
      <!--End Portfolio-->
      <!--Start Clients-->
            <!--End Clients-->
      <!--Start Badges-->
            <!--End Badges-->
      <!--Start work-category-->
      <section class="work-category pad-tb">
         <div class="container">
            <div class="row">
               <div class="col-lg-4 v-center">
                  <div class="common-heading text-l">
                     <span>Industries we work for</span>
                     <h2>Helping Businesses in All Domains</h2>
                     <p>Successfully delivered digital products Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
                  </div>
               </div>
               <div class="col-lg-8">
                  <div class="work-card-set">
                     <div  class="icon-set wow fadeIn" data-wow-delay=".2s">
                        <div class="work-card cd1">
                           <div class="icon-bg"><img src="./images/icons/icon-5.png" alt="Industries" /></div>
                           <p>Financial Consultants</p>                            
                        </div>
                     </div>
                     <div  class="icon-set wow fadeIn" data-wow-delay=".4s">
                        <div class="work-card cd2">
                           <div class="icon-bg"><img src="./images/icons/icon-11.png" alt="Industries" /></div>
                           <p>Pharma Companies</p>                            
                        </div>
                     </div>
                     <div class="icon-set wow fadeIn" data-wow-delay=".6s">
                        <div class="work-card cd3">
                           <div class="icon-bg"><img src="./images/icons/icon-3.png" alt="Industries" /></div>
                           <p>Ecommerce Development</p>
                        </div>
                     </div>
                     <div class="icon-set wow fadeIn" data-wow-delay=".8s">
                        <div class="work-card cd4">
                           <div class="icon-bg"><img src="./images/icons/icon-4.png" alt="Industries" /></div>
                           <p>Podcast Shoots</p>
                        </div>
                     </div>
                     <div class="icon-set wow fadeIn" data-wow-delay="1s">
                        <div class="work-card cd5">
                           <div class="icon-bg"><img src="./images/icons/icon-1.png" alt="Industries" /></div>
                           <p>Social Networking</p>
                        </div>
                     </div>
                     <div class="icon-set wow fadeIn" data-wow-delay="1.2s">
                        <div class="work-card cd6">
                           <div class="icon-bg"><img src="./images/icons/icon-6.png" alt="Industries" /></div>
                           <p>Enterprise Service</p>
                        </div>
                     </div>
                     <div class="icon-set wow fadeIn" data-wow-delay="1.4s">
                        <div class="work-card cd7">
                           <div class="icon-bg"><img src="./images/icons/icon-7.png" alt="Industries" /></div>
                           <p>Education Service</p>
                        </div>
                     </div>
                     <div class="icon-set wow fadeIn" data-wow-delay="1.6s">
                        <div class="work-card cd8">
                           <div class="icon-bg"><img src="./images/icons/icon-8.png" alt="Industries" /></div>
                           <p>Hospitality Services</p>
                        </div>
                     </div>
                     <div class="icon-set wow fadeIn" data-wow-delay="1.8s">
                        <div class="work-card cd9">
                           <div class="icon-bg"><img src="./images/icons/icon-9.png" alt="Industries" /></div>
                           <p>Health Service</p>
                        </div>
                     </div>
                     <div class="icon-set wow fadeIn" data-wow-delay="2s">
                        <div class="work-card cd10">
                           <div class="icon-bg"><img src="./images/icons/icon-10.png" alt="Industries" /></div>
                           <p>Event & Organisers</p>
                        </div>
                     </div>
                     <div class="icon-set wow fadeIn" data-wow-delay="2.2s">
                        <div class="work-card cd11">
                           <div class="icon-bg"><img src="./images/icons/icon-2.png" alt="Industries" /></div>
                           <p>Digital Marketing</p>
                        </div>
                     </div>
                     <div class="icon-set wow fadeIn" data-wow-delay="2.4s">
                        <div class="work-card cd12">
                           <div class="icon-bg"><img src="./images/icons/icon-12.png" alt="Industries" /></div>
                           <p>Business Consultant</p>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </section>
      <!--End  work-category-->
      <!--Start Testinomial-->
            <!--End Testinomial-->
      <!--Start CTA-->
      <section class="cta-area pad-tb">
         <div class="container">
            <div class="row justify-content-center">
               <div class="col-lg-8">
                  <div class="common-heading">
                     <span>Let's work together</span>
                     <h2>We Love to Listen to Your Requirements</h2>
                     <a href="https://www.xlab.co.in/contact" class="btn-outline">Estimate Project <i class="fas fa-chevron-right fa-icon"></i></a>
                     <p class="cta-call">Or call us now <a href="tel:919828700333"><i class="fas fa-phone-alt"></i> +91 98287 00333</a></p>
                  </div>
               </div>
            </div>
         </div>
         <div class="shape shape-a1"><img src="./images/shape/shape-3.svg" alt="shape"></div>
         <div class="shape shape-a2"><img src="./images/shape/shape-4.svg" alt="shape"></div>
         <div class="shape shape-a3"><img src="./images/shape/shape-13.svg" alt="shape"></div>
         <div class="shape shape-a4"><img src="./images/shape/shape-11.svg" alt="shape"></div>
      </section>
      <!--End CTA-->
      <!--Start Location-->
      <section class="our-office pad-tb">
         <div class="container">
            <div class="row justify-content-center">
               <div class="col-lg-8">
                  <div class="common-heading">
                     <span>Our Locations</span>
                     <h2>Our Office</h2>
                  </div>
               </div>
            </div>
            <div class="row justify-content-center upset shape-numm">
               <div class="col-lg-4 col-sm-6 shape-loc wow fadeInUp" data-wow-delay=".2s">
                                 </div>
               <div class="col-lg-4 col-sm-6 shape-loc wow fadeInUp" data-wow-delay=".5s">
                  <div class="office-card">
                     <div class="skyline-img" data-tilt data-tilt-max="4" data-tilt-speed="1000">
                        <img src="./images/location/sydeny.png" alt="sydney" class="img-fluid" />
                     </div>
                     <div class="office-text">
                        <!-- <h4>Sydney</h4> -->
											<p>S-10-A, 2nd, Jagadamba Tower, Amrapali Circle, Vaishali Nagar, Jaipur, Rajasthan 302021</p>
                        <a href="https://www.google.com/maps/dir//S-10-A,+2nd,+Jagadamba+Tower,+Amrapali+Circle,+Vaishali+Nagar,+Jaipur,+Rajasthan+302021/@26.9090816,75.7497856,14z/data=!4m8!4m7!1m0!1m5!1m1!1s0x396db49dc65d2f0f:0xfaeb2f1a3ee05771!2m2!1d75.7442593!2d26.911404!5m1!1e1?entry=ttu&g_ep=EgoyMDI1MTIwMS4wIKXMDSoASAFQAw%3D%3D" target="blank" class="btn-outline rount-btn"><i class="fas fa-map-marker-alt"></i></a>
                        <a href="tel:+919828700333" target="blank" class="btn-outline rount-btn"><i class="fas fa-phone-alt"></i></a>
                        <a href="mailto:assist@xlab.co.in" target="blank" class="btn-outline rount-btn"><i class="fas fa-envelope"></i></a>
                        <a href="javascript:void(0)" target="blank" class="btn-outline rount-btn"><i class="fab fa-skype"></i></a>
                     </div>
                  </div>
               </div>
               <div class="col-lg-4 col-sm-6 shape-loc wow fadeInUp" data-wow-delay=".8s">
                                 </div>
            </div>
         </div>
      </section>
      <!--End Location-->
      
      
<!-- lead generaton popup start -->   

<!-- lead generaton popup end -->

</div>


 <!--Start Footer-->
 <footer>
<div class="footer-row1">
<div class="container">
  <div class="row">
    <div class="col-lg-6">
      <div class="email-subs">
        <h3>Get New Insights Weekly</h3>
              </div>
    </div>
    <div class="col-lg-6 v-center">
      <div class="email-subs-form">
        <form>
          <input type="email" placeholder="Email Your Address" name="emails" required>
          <button type="submit" name="submit" class="lnk btn-main bg-btn">Subscribe <i class="fas fa-chevron-right fa-icon"></i><span class="circle"></span></button>
        </form>
      </div>
    </div>
  </div>
</div>
</div>
<div class="footer-row2">
<div class="container">
  <div class="row justify-content-between">
    <div class="col-lg-3 col-sm-6  ftr-brand-pp">
      <a class="navbar-brand mt30 mb25" href="/"> <img src="/images/logo.png" alt="Logo" width="100" /></a>
      <p>Grow Smarter. Build Faster. Partner With xLab.</p>
      <a href="#" class="btn-main bg-btn3 lnk mt20">Become Partner <i class="fas fa-chevron-right fa-icon"></i><span class="circle"></span></a>
    </div>
    <div class="col-lg-3 col-sm-6">
      <h5>Contact Us</h5>
      <ul class="footer-address-list ftr-details">
        <li>
          <span><i class="fas fa-envelope"></i></span>
          <p>Email <span> <a href="mailto:assist@xlab.co.in">assist@xlab.co.in</a></span></p>
        </li>
        <li>
          <span><i class="fas fa-phone-alt"></i></span>
          <p>Phone <span> <a href="tel:+919828700333">+91 98287 00333</a></span></p>
        </li>
        <li>
          <span><i class="fas fa-map-marker-alt"></i></span>
          <p>Address <span> S-10-A, 2nd, Jagadamba Tower, Amrapali Circle, Vaishali Nagar, Jaipur, Rajasthan 302021</span></p>
        </li>
      </ul>
    </div>
    <div class="col-lg-2 col-sm-6">
      <h5>Company</h5>
      <ul class="footer-address-list link-hover">
        <li><a href="/contact">Contact</a></li>
        <li><a href="#">Customer's FAQ</a></li>
        <li><a href="#">Refund Policy</a></li>
        <li><a href="#">Privacy Policy</a></li>
        <li><a href="#">Terms and Conditions</a></li>
        <li><a href="#">License & Copyright</a></li>
      </ul>
    </div>
    <div class="col-lg-4 col-sm-6 footer-blog-">
      <h5>Latest Blogs</h5>
      <div class="single-blog-">
        <div class="post-thumb"><a href="#"><img src="/images/blog/blog-small.jpg" alt="blog"></a></div>
        <div class="content">
          <p class="post-meta"><span class="post-date"><i class="far fa-clock"></i>January 02, 2026</span></p>
          <h4 class="title"><a href="#">Responsive Web Design: What Businesses Must Know in 2026</a></h4>
        </div>
      </div>
      <div class="single-blog-">
        <div class="post-thumb"><a href="#"><img src="/images/blog/blog-small.jpg" alt="blog"></a></div>
        <div class="content">
          <p class="post-meta"><span class="post-date"><i class="far fa-clock"></i>January 10, 2026</span></p>
          <h4 class="title"><a href="#">Ecommerce Development 101: From Startup Idea to Launch</a></h4>
        </div>
      </div>
    </div>
  </div>
</div>
</div>
<div class="footer-row3">
<div class="copyright">
  <div class="container">
    <div class="row">
      <div class="col-lg-12">
        <div class="footer-social-media-icons">
          <a href="https://www.facebook.com/XlabItConsulting/" target="blank"><i class="fab fa-facebook"></i></a>
          <a href="javascript:void(0)" target="blank"><i class="fab fa-twitter"></i></a>
          <a href="https://www.instagram.com/iamdeepaksiag/" target="blank"><i class="fab fa-instagram"></i></a>
          <a href="https://in.linkedin.com/company/xlab-it-consulting-services" target="blank"><i class="fab fa-linkedin"></i></a>
          <a href="https://www.youtube.com/@DeepakSihag" target="blank"><i class="fab fa-youtube"></i></a>
          
        </div>
        <div class="footer-">
          <p>© 2025 All rights reserved Made With ❤️ By <a href="/" target="blank">xLab.</a></p>
        </div>
      </div>
    </div>
  </div>
</div>
</div>
<div class="modal leadpopup" id="leadModal">
  <div class="modal-dialog modal-dialog-centered">
    <div class="modal-content">      
      <div class="modal-body">
        <div class="innerbody">
          <div class="innerleft">
            <div class="leadbtnclose">
             <button type="button"
        class="btn-close"
        data-bs-dismiss="modal"
        id="leadModalClose">
</button>
            </div>

            <h3>Build Your App in just 2 Weeks</h3>
            <p class="mt10">Leave your details and one of our experts will contact you soon</p>             

            <div class="form-block mt20">
              <form action="lead-submit.php" id="quotes-form" method="post">

                <div class="fieldsets row">
                  <div class="col-md-12 form-group floating-label">
                    <input type="text" name="full_name" placeholder=" " required class="floating-input">
                    <label>Full Name*</label>
                  </div>

                  <div class="col-md-12 form-group floating-label">
                    <input type="email" name="email" placeholder=" " required class="floating-input">
                    <label>Email Address*</label>
                  </div>
                </div>

                <div class="fieldsets row">
                  <div class="col-md-12 form-group floating-label">
                    <input type="tel" name="mobile" placeholder=" " required class="floating-input">
                    <label>Mobile Number*</label>
                  </div>                        
                </div>

                <div class="fieldsets mt20">
                  <button type="submit" name="submit" class="lnk btn-main bg-btn">
                    Submit <i class="fas fa-chevron-right fa-icon"></i>
                    <span class="circle"></span>
                  </button>
                </div>

                <p class="trm">
                  <i class="fas fa-lock"></i> We hate spam, and we respect your privacy.
                </p>

              </form>
            </div>              
          </div>

          <div class="innerright" data-background="./images/service/mockup-app.jpg"></div>
        </div>         
      </div>      
    </div>
  </div>
</div>

</footer>
  <!--End Footer-->

<!-- js placed at the end of the document so the pages load faster -->
<script src="/js/vendor/modernizr-3.5.0.min.js"></script>
<script src="/js/jquery.min.js"></script>
<script src="/js/bootstrap.bundle.min.js"></script> 
<script src="/js/plugin.min.js"></script>
<script src="/js/preloader.js"></script>
      <script src="/js/dark-mode.js"></script>
<!--common script file-->
<script src="/js/main.js"></script><a id="scrollUp" href="#top" title="Scroll to top" style="display: none; position: fixed; z-index: 2147483647;"></a>
<script>
document.addEventListener("DOMContentLoaded", function () {

  const COOKIE_NAME = "lead_popup_closed";
  const COOKIE_DAYS = 30;

  function setCookie(name, value, days) {
    const d = new Date();
    d.setTime(d.getTime() + (days * 24 * 60 * 60 * 1000));
    document.cookie =
      name + "=" + value +
      ";path=/;expires=" + d.toUTCString() +
      ";SameSite=Lax";
  }

  function hasCookie(name) {
    return document.cookie
      .split("; ")
      .some(row => row.startsWith(name + "="));
  }

  const modalEl = document.getElementById("leadModal");
  const closeBtn = document.getElementById("leadModalClose");
  const formEl  = document.getElementById("quotes-form");

  if (!modalEl) return;

  /* ✅ SHOW MODAL ONLY IF COOKIE NOT SET */
  if (!hasCookie(COOKIE_NAME)) {
    const modal = new bootstrap.Modal(modalEl);
    setTimeout(() => modal.show(), 4000);
  }

  /* ✅ SET COOKIE WHEN CLOSE BUTTON CLICKED */
  closeBtn?.addEventListener("click", function () {
    setCookie(COOKIE_NAME, "1", COOKIE_DAYS);
    console.log("Cookie set on close click");
  });

  /* ✅ SET COOKIE WHEN MODAL IS CLOSED (ESC / BACKDROP) */
  modalEl.addEventListener("hidden.bs.modal", function () {
    setCookie(COOKIE_NAME, "1", COOKIE_DAYS);
    console.log("Cookie set on modal hidden");
  });

  /* ✅ SET COOKIE ON FORM SUBMIT */
  formEl?.addEventListener("submit", function () {
    setCookie(COOKIE_NAME, "1", COOKIE_DAYS);
    console.log("Cookie set on submit");
  });

});
</script>


</body>
</html>