<!DOCTYPE html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous" />
<link href="./style.css" rel="stylesheet" />
<link rel="apple-touch-icon" sizes="180x180" href="images/apple-touch-icon.png" />
<link rel="icon" type="image/png" sizes="32x32" href="images/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="images/favicon-16x16.png" />
<title>Sahu</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fancyapps/ui/dist/fancybox.css" />
<script src="https://cdn.jsdelivr.net/npm/@fancyapps/ui/dist/fancybox.umd.js"></script>
</head>
<body>
<header>
<nav class="navbar navbar-expand-lg navbar-light">
<div class="container-fluid">
<a class="navbar-brand" href="/"><img src="./assets/images/logo.png" alt="logo" /></a>
<button class="navbar-toggler" type="button" data-bs-toggle="offcanvas"
data-bs-target="#offcanvasNavbar" aria-controls="offcanvasNavbar" aria-expanded="false"
aria-label="Toggle navigation">
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36" fill="none">
<path
d="M9 10.5H16.5C16.8978 10.5 17.2794 10.658 17.5607 10.9393C17.842 11.2206 18 11.6022 18 12C18 12.3978 17.842 12.7794 17.5607 13.0607C17.2794 13.342 16.8978 13.5 16.5 13.5H9C8.60218 13.5 8.22064 13.342 7.93934 13.0607C7.65804 12.7794 7.5 12.3978 7.5 12C7.5 11.6022 7.65804 11.2206 7.93934 10.9393C8.22064 10.658 8.60218 10.5 9 10.5ZM19.5 22.5H27C27.3978 22.5 27.7794 22.658 28.0607 22.9393C28.342 23.2206 28.5 23.6022 28.5 24C28.5 24.3978 28.342 24.7794 28.0607 25.0607C27.7794 25.342 27.3978 25.5 27 25.5H19.5C19.1022 25.5 18.7206 25.342 18.4393 25.0607C18.158 24.7794 18 24.3978 18 24C18 23.6022 18.158 23.2206 18.4393 22.9393C18.7206 22.658 19.1022 22.5 19.5 22.5ZM9 16.5H27C27.3978 16.5 27.7794 16.658 28.0607 16.9393C28.342 17.2206 28.5 17.6022 28.5 18C28.5 18.3978 28.342 18.7794 28.0607 19.0607C27.7794 19.342 27.3978 19.5 27 19.5H9C8.60218 19.5 8.22064 19.342 7.93934 19.0607C7.65804 18.7794 7.5 18.3978 7.5 18C7.5 17.6022 7.65804 17.2206 7.93934 16.9393C8.22064 16.658 8.60218 16.5 9 16.5Z"
fill="#333333"></path>
</svg>
</button>
<div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvasNavbar"
aria-labelledby="offcanvasNavbarLabel">
<div class="offcanvas-header">
<h5 class="offcanvas-title" id="offcanvasNavbarLabel">
<img src="./assets/images/logo.png" alt="logo" />
</h5>
<button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas"
aria-label="Close"></button>
</div>
<div class="offcanvas-body">
<ul class="navbar-nav ms-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link active prevent-close" aria-current="page" href="#">Home</a>
</li>
<li class="nav-item">
<a class="nav-link prevent-close" href="/#aboutus">About us</a>
</li>
<li class="nav-item">
<a class="nav-link prevent-close" href="/#property">Property</a>
</li>
<li class="nav-item">
<a class="nav-link prevent-close" href="/#proj-config"> Project
Configuration</a>
</li>
<li class="nav-item">
<a class="nav-link prevent-close" href="/#amenities">Amenities</a>
</li>
<li class="nav-item">
<a class="nav-link prevent-close" href="/#gallery">Gallery</a>
</li>
<li class="nav-item">
<a class="nav-link prevent-close" href="/#contactus">Contact Us</a>
</li>
</ul>
</div>
</div>
<!-- Navbar menu for large screens -->
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ms-auto mb-2 mb-lg-0 gap-0 gap-md-5">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="#">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#aboutus">About us</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#property">Property</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#proj-config"> Project
Configuration</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#amenities">Amenities</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#gallery">Gallery</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#contactus">Contact Us</a>
</li>
</ul>
</div>
</div>
</nav>
</header>
<main>
<!-- ----------Banner video -------------->
<!-- <section class="banner-video customer-container">
<div class="container-fluid">
<div class="row">
<div class="col-md-12">
<video
autoplay
loop
muted
playsinline
style="width: 100%; height: auto"
>
<source src="./assets/images/banner.mp4" type="video/mp4" />
</video>
</div>
</div>
</div>
</section> -->
<section class="customer-container">
<div class="container-fluid">
<div class="row">
<div class="col-md-12">
<div class="swiper banner-slider ">
<div class="swiper-wrapper">
<div class="swiper-slide position-relative">
<div class="position-absolute tempo2">
<p class="text-black tempo1">
<p> SAHU CITY PHASE 2 - RERA REGN. NO.: UPRERAPRJ391104/02/2024</p>
<br />
RERA WEBSITE : www.up-rera.in/projects
<br />
BANK ACCOUNT DETAILS:
<br /> CANARA BANK | A/C NO.: 120025187153
ACCOUNT NAME : SLDPL COLLECTION A/C- SAHU CITY PHASE - 2
<br />
IFSC CODE : CNRB0000363
</p>
</div>
<img src="./assets/images/proj-config.webp" alt="floorplan" class="w-100" />
</a>
</div>
<div class="swiper-slide position-relative">
<div class="position-absolute tempo2">
<p class="text-black tempo1">
<strong> Sahu City Phase 2 - RERA REGN. NO.:
UPRERAPRJ391104/02/2024</strong>
<br />
RERA WEBSITE : www.up-rera.in/projects
<br />
BANK ACCOUNT DETAILS:
<br /> CANARA BANK | A/C NO.: 120025187153
ACCOUNT NAME : SLDPL COLLECTION A/C- SAHU CITY PHASE - 2
<br />
IFSC CODE : CNRB0000363
</p>
</div>
<img src="./assets/images/bck2.png" alt="floorplan" class="w-100" />
</a>
</div>
</div>
<!-- Custom Swiper buttons -->
</div>
</div>
</div>
</div>
</section>
<!-- ------------Banner video end ----------------->
<!-- -------About us ---------- -->
<section class="aboutus customer-container mt-md-5 fade-in-left" id="aboutus">
<div class="container-fluid">
<div class="row">
<div class="col-md-5 fade-in-left-item">
<img src="./assets/images/about/about-1.webp" alt="about" class="w-100 d-md-block d-none" />
<h1 class="heading mt-md-5 mb-md-5">ABOUT PEARL</h1>
<!-- <button class="primary-btn mt-md-5 d-md-block d-none">
Know More
</button> -->
</div>
<div class="col-md-7 fade-in-left-item">
<img src="./assets/images/abtimg2.png" alt="about" class="w-100" />
<p class="mt-md-3">
Welcome to Pearl Block, an embodiment of luxury living within
the thriving landscape of Sahu City. Poised majestically on the
esteemed Sultanpur Road, Pearl Block presents an exquisite
collection of luxury apartments, meticulously crafted with
world-class designs.These opulent residences redefine the
paradigm of sophistication, offering an unparalleled fusion of
elegance and comfort.
</p>
<!-- <button class="primary-btn mt-md-5 d-block d-md-none">
Know More
</button> -->
<hr />
</div>
</div>
</div>
</section>
<!-- ------About us END -->
<!-- MID_SECTION -->
<div class="customer-container2">
<div class="row intro-bdy position-relative">
<img class="left_shell" src="./assets/images/shell_left.svg" />
<img class="right_shell" src="./assets/images/shell_right.svg" />
<div class="col-lg-6 col-md-6 col-sm-12 d-col align-items-center justify-content-center">
<div class="h-90">
<div class="g-2 img1-bck d-flex justify-content-center align-items-center">
<img src="./assets/images/calender.svg" />
</div>
<p class="mid-text mt-1">
WHEN
</p>
<div class="yr-crd">
<p class="yr-crd-heading">2028*</p>
</div>
<div class="mid-text">
READY FOR POSSESSION
</div>
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-12 d-col align-items-center justify-content-center">
<div class="h-90">
<div class="g-2 img1-bck d-flex justify-content-center align-items-center">
<img src="./assets/images/location.svg" />
</div>
<p class="mid-text mt-1">
WHERE
</p>
<p class="yr-crd-heading f-60">Sahu City Sultanpur
Road, Lucknow</p>
<div class="mid-text">
READY FOR POSSESSION
</div>
</div>
</div>
</div>
</div>
</div>
<!-- MID SECTION END -->
<!-- ---property highlight----- -->
<section class="property-sec mt-md-5" id="property">
<div class="container-fluid">
<div class="row">
<div class="col-md-7">
<h1 class="heading mb-4 text-center">Property Highlights</h1>
<img src="./assets/images/about/property.webp" alt="property-1" class="w-100" />
<img src="./assets/images/property-icon.png" alt="property-1" class="img-fluid property-icon" />
</div>
<div class="col-md-5 align-content-center mb-4 mb-md-0">
<div class="counter d-flex flex-column gap-lg-5 mt-2 mt-md-0">
<div class="counter-box d-flex">
<div class="counter-number" data-target="17" data-sign="+ ">
0
</div>
<div class="counter-label">Township Area</div>
</div>
<div class="counter-box d-flex">
<div class="cntr-heading">
Phase 1
</div>
<div class="counter-label"> Possession Started</div>
</div>
<div class="counter-box d-flex">
<div class="counter-number" data-target="50" data-sign="">
0
</div>
<div class="counter-label">Years of Experience</div>
</div>
<div class="counter-box d-flex">
<div class="counter-number" data-target="500" data-sign="+">
0
</div>
<div class="counter-label">Happy Residents</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- -----property highlight end -->
<!-- -----------project configuration----------- -->
<section class="proj-config" id="proj-config">
<div class="proj-config-container">
<div class="container-fluid">
<div class="row">
<div class="col-md-5 pl-">
<div class="proj-config-content">
<h1 class="heading mb-md-4">
Project <br />
Configuration
</h1>
<p>
Lorem ipsum dolor sit amet consectetur. Ut diam est id arcu
<br class="d-md-block d-none" />
aliquam lacus eu vestibu aliquam lacus eu vestibulum.
Tristique morbi nunc enim ac<br class="d-md-block d-none" />
lum. Tristique morbi nunc enim ac<br class="d-md-block d-none" />
magnis turpis. Tempus senectus arcu sed vestibulum.
</p>
<p class="mt-md-5">300-576 Sq.Ft. onwards</p>
<!-- <button class="primary-btn mt-md-5">Know More</button> -->
</div>
</div>
<div class="col-md-7">
<ul class="nav nav-tabs mb-4 justify-content-center" id="property" role="tablist">
<li class="nav-item" role="presentation">
<button class="nav-link active" id="tab-2bhk" data-bs-toggle="tab"
data-bs-target="#pane-2bhk" type="button" role="tab">
2BHK
</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="tab-3bhk" data-bs-toggle="tab"
data-bs-target="#pane-3bhk" type="button" role="tab">
3BHK
</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="tab-Store" data-bs-toggle="tab"
data-bs-target="#pane-store" type="button" role="tab">
Store
</button>
</li>
</ul>
<div class="tab-content" id="planTabsContent">
<div class="tab-pane fade show active" id="pane-2bhk" role="tabpanel">
<!-- Master Plan Slider -->
<div class="swiper property-slider">
<div class="swiper-wrapper">
<div class="swiper-slide">
<a data-fancybox="gallery" href="./assets/images/proj-config.webp">
<img src="./assets/images/proj-config.webp" alt="floorplan"
class="w-100" />
</a>
</div>
<div class="swiper-slide">
<a data-fancybox="gallery" href="./assets/images/proj-config.webp">
<img src="./assets/images/proj-config.webp" alt="floorplan"
class="w-100" />
</a>
</div>
<div class="swiper-slide">
<a data-fancybox="gallery" href="./assets/images/proj-config.webp">
<img src="./assets/images/proj-config.webp" alt="floorplan"
class="w-100" />
</a>
</div>
</div>
<!-- Custom Swiper buttons -->
</div>
<div class="custom-swiper-buttons d-flex">
<div class="swiper-button-next">
<img src="./assets/images/next-icon.svg" alt="Next" />
</div>
<div class="swiper-button-prev">
<img src="./assets/images/prev-icon.svg" alt="Previous" />
</div>
</div>
</div>
<div class="tab-pane fade" id="pane-3bhk" role="tabpanel">
<!-- Floor Plan Slider -->
<div class="swiper property-slider">
<div class="swiper-wrapper">
<div class="swiper-slide">
<a data-fancybox="gallery" href="./assets/images/proj-config.webp">
<img src="./assets/images/proj-config.webp" alt="floorplan"
class="w-100" />
</a>
</div>
<div class="swiper-slide">
<a data-fancybox="gallery" href="./assets/images/proj-config.webp">
<img src="./assets/images/proj-config.webp" alt="floorplan"
class="w-100" />
</a>
</div>
<div class="swiper-slide">
<a data-fancybox="gallery" href="./assets/images/proj-config.webp">
<img src="./assets/images/proj-config.webp" alt="floorplan"
class="w-100" />
</a>
</div>
</div>
<!-- Custom Swiper buttons -->
</div>
<div class="custom-swiper-buttons d-flex">
<div class="swiper-button-next">
<img src="./assets/images/next-icon.svg" alt="Next" />
</div>
<div class="swiper-button-prev">
<img src="./assets/images/prev-icon.svg" alt="Previous" />
</div>
</div>
</div>
<div class="tab-pane fade" id="pane-store" role="tabpanel">
<!-- Floor Plan Slider -->
<div class="swiper property-slider">
<div class="swiper-wrapper">
<div class="swiper-slide">
<a data-fancybox="gallery" href="./assets/images/proj-config.webp">
<img src="./assets/images/proj-config.webp" alt="floorplan"
class="w-100" />
</a>
</div>
<div class="swiper-slide">
<a data-fancybox="gallery" href="./assets/images/proj-config.webp">
<img src="./assets/images/proj-config.webp" alt="floorplan"
class="w-100" />
</a>
</div>
<div class="swiper-slide">
<a data-fancybox="gallery" href="./assets/images/proj-config.webp">
<img src="./assets/images/proj-config.webp" alt="floorplan"
class="w-100" />
</a>
</div>
</div>
<!-- Custom Swiper buttons -->
</div>
<div class="custom-swiper-buttons d-flex">
<div class="swiper-button-next">
<img src="./assets/images/next-icon.svg" alt="Next" />
</div>
<div class="swiper-button-prev">
<img src="./assets/images/prev-icon.svg" alt="Previous" />
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- ------------------project configuration end------------ -->
<!-- ---------Amenities--------- -->
<section class="amenities customer-container pt-5 pb-5" id="amenities">
<div class="container-fluid">
<div class="row">
<div class="col-md-12 d-md-flex align-items-center justify-content-between">
<div class="amenities-heading d-flex">
<h1 class="heading mb-md-5">Amenities</h1>
<div class="custom-swiper-buttons-amenities d-flex">
<div class="swiper-button-prev-amenities">
<img src="./assets/images/prev-icon.svg" alt="Previous" />
</div>
<div class="swiper-button-next-amenities">
<img src="./assets/images/next-icon.svg" alt="Next" />
</div>
</div>
</div>
</div>
<div class="col-md-12">
<div class="swiper amenities-slider">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="./assets/images/amenities/1.svg" alt="amenities" class="w-100 p-md-5" />
<h5 class="text-center">Gym</h5>
</div>
<div class="swiper-slide">
<img src="./assets/images/amenities/2.svg" alt="amenities" class="w-100 p-md-5" />
<h5 class="text-center">Badminton</h5>
</div>
<div class="swiper-slide">
<img src="./assets/images/amenities/3.svg" alt="amenities" class="w-100 p-md-5" />
<h5 class="text-center">Garden</h5>
</div>
<div class="swiper-slide">
<img src="./assets/images/amenities/4.svg" alt="amenities" class="w-100 p-md-5" />
<h5 class="text-center">Swimming Pool </h5>
</div>
<div class="swiper-slide">
<img src="./assets/images/amenities/4.svg" alt="amenities" class="w-100 p-md-5" />
<h5 class="text-center">Swimming Pool </h5>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- ---------Amenities end--------- -->
<!-- ---------Gallery-------- -->
<section class="gallery-sec customer-container pt-md-5 pb-md-5" id="gallery">
<div class="container-fluid">
<div class="row">
<div class="col-md-12 d-md-flex align-items-center justify-content-between">
<h1 class="heading mb-md-4">Gallery</h1>
<ul class="nav nav-tabs mb-4" id="planTabs" role="tablist">
<li class="nav-item" role="presentation">
<button class="nav-link active" id="Exterior-tab" data-bs-toggle="tab"
data-bs-target="#exterior" type="button" role="tab">
<h5> Exterior</h5>
</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="Interior-tab" data-bs-toggle="tab"
data-bs-target="#interior" type="button" role="tab">
<h5> Interior</h5>
</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="Interior-tab" data-bs-toggle="tab"
data-bs-target="#Interior" type="button" role="tab">
<h5>Construction</h5>
</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="video-tab" data-bs-toggle="tab" data-bs-target="#video"
type="button" role="tab">
<h5>Video</h5>
</button>
</li>
</ul>
</div>
<!-- Swiper -->
<div class="tab-content" id="planTabsContent">
<div class="tab-pane fade show active" id="exterior" role="tabpanel">
<div class="container-fluid">
<div class="swiper gallery-slider">
<div class="swiper-wrapper">
<div class="swiper-slide">
<a data-fancybox="gallery-swiper" href="./assets/images/gallery/1.webp">
<img src="./assets/images/gallery/1.webp" alt="Interior"
class="w-100" />
</a>
</div>
<div class="swiper-slide">
<a data-fancybox="gallery-swiper" href="./assets/images/gallery/2.webp">
<img src="./assets/images/gallery/2.webp" alt="floorplan"
class="w-100" />
</a>
</div>
<div class="swiper-slide">
<a data-fancybox="gallery-swiper" href="./assets/images/gallery/3.webp">
<img src="./assets/images/gallery/3.webp" alt="floorplan"
class="w-100" />
</a>
</div>
<div class="swiper-slide">
<a data-fancybox="gallery-swiper" href="./assets/images/gallery/3.webp">
<img src="./assets/images/gallery/3.webp" alt="floorplan"
class="w-100" />
</a>
</div>
</div>
<!-- Swiper buttons for Master Plan -->
<div class="gallery-arrow">
<div class="gallery-swiper-button-prev swiper-button-prev">
<img src="./assets/images/prev-icon.svg" alt="Previous" />
</div>
<div class="gallery-swiper-button-next swiper-button-next">
<img src="./assets/images/next-icon.svg" alt="Next" />
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="video" role="tabpanel">
<div class="container-fluid">
<div class="swiper gallery-slider">
<div class="swiper-wrapper">
<div class="swiper-slide">
<a data-fancybox="gallery-swiper" href="./assets/images/gallery/1.webp">
<img src="./assets/images/gallery/1.webp" alt="Interior"
class="w-100" />
</a>
</div>
<div class="swiper-slide">
<a data-fancybox="gallery-swiper" href="./assets/images/gallery/2.webp">
<img src="./assets/images/gallery/2.webp" alt="floorplan"
class="w-100" />
</a>
</div>
<div class="swiper-slide">
<a data-fancybox="gallery-swiper" href="./assets/images/gallery/3.webp">
<img src="./assets/images/gallery/3.webp" alt="floorplan"
class="w-100" />
</a>
</div>
<div class="swiper-slide">
<a data-fancybox="gallery-swiper" href="./assets/images/gallery/3.webp">
<img src="./assets/images/gallery/3.webp" alt="floorplan"
class="w-100" />
</a>
</div>
</div>
<!-- Swiper buttons for Master Plan -->
<div class="gallery-arrow">
<div class="gallery-swiper-button-prev swiper-button-prev">
<img src="./assets/images/prev-icon.svg" alt="Previous" />
</div>
<div class="gallery-swiper-button-next swiper-button-next">
<img src="./assets/images/next-icon.svg" alt="Next" />
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="interior" role="tabpanel">
<div class="container-fluid">
<div class="swiper gallery-slider">
<div class="swiper-wrapper">
<div class="swiper-slide">
<a data-fancybox="gallery-swiper" href="./assets/images/gallery/1.webp">
<img src="./assets/images/gallery/1.webp" alt="Interior"
class="w-100" />
</a>
</div>
<div class="swiper-slide">
<a data-fancybox="gallery-swiper" href="./assets/images/gallery/2.webp">
<img src="./assets/images/gallery/2.webp" alt="floorplan"
class="w-100" />
</a>
</div>
<div class="swiper-slide">
<a data-fancybox="gallery-swiper" href="./assets/images/gallery/3.webp">
<img src="./assets/images/gallery/3.webp" alt="floorplan"
class="w-100" />
</a>
</div>
<div class="swiper-slide">
<a data-fancybox="gallery-swiper" href="./assets/images/gallery/3.webp">
<img src="./assets/images/gallery/3.webp" alt="floorplan"
class="w-100" />
</a>
</div>
</div>
<!-- Swiper buttons for Master Plan -->
<div class="gallery-arrow">
<div class="gallery-swiper-button-prev swiper-button-prev">
<img src="./assets/images/prev-icon.svg" alt="Previous" />
</div>
<div class="gallery-swiper-button-next swiper-button-next">
<img src="./assets/images/next-icon.svg" alt="Next" />
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- ---------Gallery-------- -->
<!-- ---------floor plan-------- -->
<section class="floor-plan customer-container pt-5 pb-5">
<div class="container-fluid">
<div class="row">
<div class="col-md-12 d-md-flex justify-content-between floor-plan-heading">
<h1 class="heading mb-md-4">Floor Plan</h1>
<ul class="nav nav-tabs mb-4" id="planTabs" role="tablist">
<li class="nav-item" role="presentation">
<button class="nav-link active" id="masterplan-tab" data-bs-toggle="tab"
data-bs-target="#masterplan" type="button" role="tab">
<h5> Master Plan</h5>
</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="floorplan-tab" data-bs-toggle="tab"
data-bs-target="#floorplan" type="button" role="tab">
<h5> Floor Plan</h5>
</button>
</li>
</ul>
</div>
<!-- Swiper -->
<div class="tab-content" id="planTabsContent">
<!-- Master Plan Slider -->
<div class="tab-pane fade show active" id="masterplan" role="tabpanel">
<div class="swiper masterplanSwiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="./assets/images/floor-plan/1.webp" alt="floorplan"
class="w-100 floor-img blurred" onclick="flooropenForm()" />
<img src="./assets/images/plus.png" alt="floorplan" class="plus-icon"
onclick="flooropenForm()" />
</div>
<div class="swiper-slide">
<img src="./assets/images/floor-plan/2.webp" alt="floorplan"
class="w-100 floor-img blurred" onclick="flooropenForm()" />
<img src="./assets/images/plus.png" alt="floorplan" class="plus-icon"
onclick="flooropenForm()" />
</div>
<div class="swiper-slide">
<img src="./assets/images/floor-plan/3.webp" alt="floorplan"
class="w-100 floor-img blurred" onclick="flooropenForm()" />
<img src="./assets/images/plus.png" alt="floorplan" class="plus-icon"
onclick="flooropenForm()" />
</div>
<div class="swiper-slide">
<img src="./assets/images/floor-plan/4.webp" alt="floorplan"
class="w-100 floor-img blurred" onclick="flooropenForm()" />
<img src="./assets/images/plus.png" alt="floorplan" class="plus-icon"
onclick="flooropenForm()" />
</div>
<div class="swiper-slide">
<img src="./assets/images/floor-plan/5.webp" alt="floorplan"
class="w-100 floor-img blurred" onclick="flooropenForm()" />
<img src="./assets/images/plus.png" alt="floorplan" class="plus-icon"
onclick="flooropenForm()" />
</div>
<div class="swiper-slide">
<img src="./assets/images/floor-plan/6.webp" alt="floorplan"
class="w-100 floor-img blurred" onclick="flooropenForm()" />
<img src="./assets/images/plus.png" alt="floorplan" class="plus-icon"
onclick="flooropenForm()" />
</div>
<div class="swiper-slide">
<img src="./assets/images/floor-plan/7.webp" alt="floorplan"
class="w-100 floor-img blurred" onclick="flooropenForm()" />
<img src="./assets/images/plus.png" alt="floorplan" class="plus-icon"
onclick="flooropenForm()" />
</div>
<div class="swiper-slide">
<img src="./assets/images/floor-plan/8.webp" alt="floorplan"
class="w-100 floor-img blurred" onclick="flooropenForm()" />
<img src="./assets/images/plus.png" alt="floorplan" class="plus-icon"
onclick="flooropenForm()" />
</div>
<div class="swiper-slide">
<img src="./assets/images/floor-plan/9.webp" alt="floorplan"
class="w-100 floor-img blurred" onclick="flooropenForm()" />
<img src="./assets/images/plus.png" alt="floorplan" class="plus-icon"
onclick="flooropenForm()" />
</div>
</div>
<!-- Swiper buttons for Master Plan -->
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
</div>
</div>
<!-- Floor Plan Slider -->
<div class="tab-pane fade" id="floorplan" role="tabpanel">
<div class="swiper masterplanSwiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="./assets/images/master-plan/1.webp" alt="floorplan"
class="w-100 floor-img blurred" onclick="flooropenForm()" />
<img src="./assets/images/plus.png" alt="floorplan" class="plus-icon"
onclick="flooropenForm()" />
</div>
<div class="swiper-slide">
<img src="./assets/images/master-plan/1.webp" alt="floorplan"
class="w-100 floor-img blurred" onclick="flooropenForm()" />
<img src="./assets/images/plus.png" alt="floorplan" class="plus-icon"
onclick="flooropenForm()" />
</div>
<div class="swiper-slide">
<img src="./assets/images/master-plan/1.webp" alt="floorplan"
class="w-100 floor-img blurred" onclick="flooropenForm()" />
<img src="./assets/images/plus.png" alt="floorplan" class="plus-icon"
onclick="flooropenForm()" />
</div>
</div>
<!-- Swiper buttons for Master Plan -->
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- ---------floor plan end-------- -->
<!-- ---------location-------- -->
<section class="location pt-md-5 pb-md-5">
<div class="container-fluid">
<div class="row">
<div class="col-md-12 d-flex align-items-center location-heading"></div>
</div>
<div class="row">
<div class="col-md-5">
<div class="location-content mb-4">
<h1 class="heading mb-md-4">Location Advantages</h1>
<div class="accordion" id="accordionExample">
<div class="accordion-item">
<h2 class="accordion-header" id="headingOne">
<button class="accordion-button" type="button" data-bs-toggle="collapse"
data-bs-target="#collapseOne" aria-expanded="true"
aria-controls="collapseOne">
Connectivity
</button>
</h2>
<div id="collapseOne" class="accordion-collapse collapse show"
aria-labelledby="headingOne" data-bs-parent="#accordionExample">
<div class="accordion-body">
<ul class="location-list">
<li>Lulu Mall - 10 Mins</li>
<li>Phoenix Palassio Mall - 7 Mins</li>
<li>Kisan Path - 3 Mins</li>
<li>HCL IT City - 5 Mins</li>
<li>Shaheedpath - 7 Mins</li>
</ul>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="headingTwo">
<button class="accordion-button collapsed" type="button"
data-bs-toggle="collapse" data-bs-target="#collapseTwo"
aria-expanded="false" aria-controls="collapseTwo">
Schools
</button>
</h2>
<div id="collapseTwo" class="accordion-collapse collapse"
aria-labelledby="headingTwo" data-bs-parent="#accordionExample">
<div class="accordion-body">
<ul class="location-list">
<li>Lulu Mall - 10 Mins</li>
<li>Phoenix Palassio Mall - 7 Mins</li>
<li>Kisan Path - 3 Mins</li>
<li>HCL IT City - 5 Mins</li>
<li>Shaheedpath - 7 Mins</li>
</ul>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="headingThree">
<button class="accordion-button collapsed" type="button"
data-bs-toggle="collapse" data-bs-target="#collapseThree"
aria-expanded="false" aria-controls="collapseThree">
Colleges
</button>
</h2>
<div id="collapseThree" class="accordion-collapse collapse"
aria-labelledby="headingThree" data-bs-parent="#accordionExample">
<div class="accordion-body">
<ul class="location-list">
<li>Lulu Mall - 10 Mins</li>
<li>Phoenix Palassio Mall - 7 Mins</li>
<li>Kisan Path - 3 Mins</li>
<li>HCL IT City - 5 Mins</li>
<li>Shaheedpath - 7 Mins</li>
</ul>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="headingFour">
<button class="accordion-button collapsed" type="button"
data-bs-toggle="collapse" data-bs-target="#collapseFour"
aria-expanded="false" aria-controls="collapseFour">
Sports Clubs
</button>
</h2>
<div id="collapseFour" class="accordion-collapse collapse"
aria-labelledby="headingFour" data-bs-parent="#accordionExample">
<div class="accordion-body">
<ul class="location-list">
<li>Lulu Mall - 10 Mins</li>
<li>Phoenix Palassio Mall - 7 Mins</li>
<li>Kisan Path - 3 Mins</li>
<li>HCL IT City - 5 Mins</li>
<li>Shaheedpath - 7 Mins</li>
</ul>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="headingFive">
<button class="accordion-button collapsed" type="button"
data-bs-toggle="collapse" data-bs-target="#collapseFive"
aria-expanded="false" aria-controls="collapseFive">
Hospitals
</button>
</h2>
<div id="collapseFive" class="accordion-collapse collapse"
aria-labelledby="headingFive" data-bs-parent="#accordionExample">
<div class="accordion-body">
<ul class="location-list">
<li>Lulu Mall - 10 Mins</li>
<li>Phoenix Palassio Mall - 7 Mins</li>
<li>Kisan Path - 3 Mins</li>
<li>HCL IT City - 5 Mins</li>
<li>Shaheedpath - 7 Mins</li>
</ul>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="headingSix">
<button class="accordion-button collapsed" type="button"
data-bs-toggle="collapse" data-bs-target="#collapseSix"
aria-expanded="false" aria-controls="collapseSix">
Airports
</button>
</h2>
<div id="collapseSix" class="accordion-collapse collapse"
aria-labelledby="headingSix" data-bs-parent="#accordionExample">
<div class="accordion-body">
<ul class="location-list">
<li>Lulu Mall - 10 Mins</li>
<li>Phoenix Palassio Mall - 7 Mins</li>
<li>Kisan Path - 3 Mins</li>
<li>HCL IT City - 5 Mins</li>
<li>Shaheedpath - 7 Mins</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-1"></div>
<div class="col-md-6">
<!-- <img src="./assets/images/location.png" alt="location" class="w-100" /> -->
<iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3561.7794620692134!2d81.0701879!3d26.783299!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x399be51807369b03%3A0xc514e13d63cb578d!2sSahu%20City%20Pearl!5e0!3m2!1sen!2sin!4v1735221038292!5m2!1sen!2sin"
width="100%" height="100%" style="border:0;" allowfullscreen="" loading="lazy"
referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
</div>
</div>
</section>
<!-- ---------location end-------- -->
<!-- Price List -->
<section class="customer-container1">
<h1 class="heading mb-md-4">Price List</h1>
<div class="row d-flex justify-content-evenly content-row">
<div class="price_card text-center position-relative">
<img class="position-absolute sideImg" src="./assets/images/sideimg.svg" />
<div class="head ">
<div class="d-flex head-inner ">
<div class="img-cntr align-items-center">
<img class="img-bck" src="./assets/images/building.svg" />
</div>
<p class="crd_m_text f-24 mb-0">
2BHK
</p>
</div>
</div>
<div class="card_body">
<div>
<p class="crd_m_text">CARPET AREA</p>
<p class="crd_l_text">660.37 SQ.FT | 61.35 SQ.MT.</p>
</div>
<a style="cursor:pointer" onclick="flooropenForm()" class="crd_lnk">VIEW PRICING</a>
</div>
</div>
<div class="price_card text-center position-relative">
<img class="position-absolute sideImg" src="./assets/images/sideimg.svg" />
<div class="head ">
<div class="d-flex head-inner ">
<div class="img-cntr align-items-center">
<img class="img-bck" src="./assets/images/building.svg" />
</div>
<p class="crd_m_text f-24 mb-0">
3BHK
</p>
</div>
</div>
<div class="card_body">
<div>
<p class="crd_m_text">CARPET AREA</p>
<p class="crd_l_text">867.04 Sq.Ft | 80.55 Sq. Mt.</p>
</div>
<a style="cursor:pointer" onclick="flooropenForm()" class="crd_lnk">VIEW PRICING</a>
</div>
</div>
<div class="price_card text-center position-relative">
<img class="position-absolute sideImg" src="./assets/images/sideimg.svg" />
<div class="head ">
<div class="d-flex head-inner ">
<div class="img-cntr align-items-center">
<img class="img-bck" src="./assets/images/building.svg" />
</div>
<p class="crd_m_text f-24 mb-0">
3BHK + STORE
</p>
</div>
</div>
<div class="card_body">
<div>
<p class="crd_m_text">CARPET AREA</p>
<p class="crd_l_text">980.49 Sq.Ft | 91.09 Sq. Mt.</p>
</div>
<a style="cursor:pointer" onclick="flooropenForm()" class="crd_lnk">VIEW PRICING</a>
</div>
</div>
</div>
</section>
<!-- Price List End -->
<!-- --------------Sahu Group----------------------- -->
<section class="sahu-grp customer-container pt-5">
<div class="cust-container">
<h1 class="heading4 text-center mb-md-5">
Sahu Group Of Companies & Our Verticals
</h1>
<div class="row">
<div class="swiper Verticals">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="assets/images/icons/4.svg" />
<p>Entertainment</p>
</div>
<div class="swiper-slide">
<img src="assets/images/icons/2.svg" />
<p>Real Estate</p>
</div>
<div class="swiper-slide">
<img src="assets/images/icons/1.svg" />
<p>Entertainment</p>
</div>
<div class="swiper-slide">
<img src="assets/images/icons/3.svg" />
<p>FMCG</p>
</div>
<div class="swiper-slide">
<img src="assets/images/icons/4.svg" />
<p>Entertainment</p>
</div>
<div class="swiper-slide">
<img src="assets/images/icons/2.svg" />
<p>Real Estate</p>
</div>
</div>
<!-- Swiper buttons for Master Plan -->
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
</div>
</div>
</div>
</section>
<!-- ------------------Sahu Group--------------- -->
<section class="pricelist position-relative" id="pricelist">
<div class="sideimgprice">
<img src="assets/images/icon41.svg" alt="">
</div>
<div class="proj-config-container">
<div class="cust-container-2 ms-auto">
<div class="row justify-content-center align-items-center">
<div class="col-md-5 pl-">
<h1 class="heading pricehead mb-md-4 pdd-2">
Price list
</h1>
<div class="pricelist-content">
<p>
Carpet Area
</p>
<h3 class="">980.49 Sq.Ft 91.09 Sq. Mt.</h3>
<button class="primary-btn-2">View Pricing</button>
</div>
</div>
<div class="col-md-7 p-0">
<ul class="nav nav-tabs justify-content-center mx-auto" id="priceelist" role="tablist">
<li class="nav-item" role="presentation">
<button class="nav-link active" id="tab-2bhk" data-bs-toggle="tab"
data-bs-target="#pane-2bhk" type="button" role="tab">
2BHK
</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="tab-3bhk" data-bs-toggle="tab"
data-bs-target="#pane-3bhk" type="button" role="tab">
3BHK
</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="tab-Store" data-bs-toggle="tab"
data-bs-target="#pane-store" type="button" role="tab">
Store
</button>
</li>
</ul>
<div class="tab-content" id="planTabsContent">
<div class="tab-pane fade show active" id="pane-2bhk" role="tabpanel">
<!-- Master Plan Slider -->
<div class="pricelistimg">
<img src="./assets/images/pricelist.jpg" alt="floorplan" class="w-100" />
</div>
</div>
<div class="tab-pane fade" id="pane-3bhk" role="tabpanel">
<!-- Floor Plan Slider -->
<div class="pricelistimg">
<img src="./assets/images/pricelist.jpg" alt="floorplan" class="w-100" />
</div>
</div>
<div class="tab-pane fade" id="pane-store" role="tabpanel">
<!-- Floor Plan Slider -->
<div class="pricelistimg">
<img src="./assets/images/pricelist.jpg" alt="floorplan" class="w-100" />
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- -------------------About SLD----------------------- -->
<section class="about-sld">
<div class="container-fluid">
<div class="row">
<div class="col-md-5">
<img src="./assets/images/about-sld.webp" alt="about sld" class="w-100" />
</div>
<div class="col-md-1 d-md-block d-none"></div>
<div class="col-md-6 align-content-center">
<h1 class="heading mb-md-5 mt-2 mt-md-0">About SLD</h1>
<p>
Sahu Industries, established in 1969, embarked on a journey
rooted in innovation, quality, and commitment. Starting as a
small-scale operation, the company rapidly expanded its
horizons, catering to diverse industries an earning a reputation
for reliability and excellence. Over the years, Sahu Industries
diversified its portfolio across various sectors - Hotels,
Automobiles, Entertainment, Digital Colour Labs, Marketing and
Distribution of Electronics Consumer Durables Electronics
Stores, Real Estate, Infrastructure Development and striving to
add many more on the list.
</p>
<!-- <button class="primary-btn mt-md-5">Know More</button> -->
<img class="sld-icon d-md-block d-none" src="./assets/images/aboutsld-icon.svg"
alt="sld-icon" />
</div>
</div>
</div>
</section>
<!-- -------------------About SLD----------------------- -->
<!-- -------------Approved Loan partners------------- -->
<section class="loan-patners customer-container pt-md-5">
<div class="container">
<div class="row text-center align-content-center p-2">
<div class="col-md-12">
<h1 class="heading text-center mb-md-5 mt-3">
Approved Loan Partners
</h1>
</div>
<!-- First row: Two images (on mobile) -->
<div class="col-6 col-md-4 align-content-center p-3 p-md-5">
<img src="./assets/images/logo/icici-logo.webp" class="w-100" alt="icici" />
</div>
<div class="col-6 col-md-4 align-content-center p-3 p-md-5">
<img src="./assets/images/logo/canara.webp" class="w-100" alt="canara" />
</div>
<!-- Second row: Two images (on mobile) -->
<div class="col-6 col-md-4 align-content-center p-3 p-md-5">
<img src="./assets/images/logo/iifl.webp" class="w-100" alt="iifl" />
</div>
<div class="col-6 col-md-4 align-content-center p-3 p-md-5">
<img src="./assets/images/logo/indian.webp" class="w-100" alt="indian bank" />
</div>
<!-- Third row: Two images (on mobile) -->
<div class="col-6 col-md-4 align-content-center p-3 p-md-5">
<img src="./assets/images/logo/axic.webp" class="w-100" alt="axic" />
</div>
<div class="col-6 col-md-4 align-content-center p-3 p-md-5">
<img src="./assets/images/logo/hdfc.webp" class="w-100" alt="hdfc" />
</div>
</div>
</div>
</section>
<!-- -------------Approved Loan partners------------- -->
<!---------------- get in touch ------------------->
<section class="getintouch customer-container pb-md-5" id="contactus">
<div class="container">
<div class="row">
<div class="col-md-6">
<h1 class="heading">get in touch</h1>
<form id="form" role="form" method="post" action="./thankyou.php">
<div class="mb-md-4">
<input type="text" class="form-control" id="name" name="name" placeholder="Your Name"
required />
</div>
<div class="mb-md-4">
<input type="email" class="form-control" id="exampleInputEmail1" name="email"
aria-describedby="emailHelp" placeholder="E-Mail" required />
</div>
<div class="mb-md-4">
<input type="tel" class="form-control" id="phonenumber" name="phonenumber"
placeholder="Phone Number" required pattern="^[0-9]{10}$"
title="Please enter a valid 10-digit phone number." />
</div>
<div class="mb-3 mt-3 form-check">
<input type="checkbox" class="form-check-input" id="exampleCheck1" required />
<label class="form-check-label terms" for="exampleCheck1">I agree with the <strong>terms
and
conditions</strong> of this website for
the processing of personal data</label>
</div>
<input type="hidden" name="pageurl" value="<?php echo $url_data ?>" id="url_banner" />
<input type="hidden" name="formname" value="sahu form" id="form_banner" />
<input type="hidden" name="utm_source" value="<?php echo $utm_source ?>"
id="utm_source_banner" />
<input type="hidden" name="utm_medium" value="<?php echo $utm_medium ?>"
id="utm_medium_banner" />
<input type="hidden" name="utm_campaign" value="<?php echo $utm_campaign ?>"
id="utm_campaign_banner" />
<input type="hidden" name="utm_keyword" value="<?php echo $utm_keyword ?>"
id="utm_keyword_banner" />
<button type="submit" class="btn primary-btn" style="display: none;">Submit</button>
</form>
</div>
<div class="col-md-6">
<img src="./assets/images/contact.webp" alt="get in touch"
class="w-100 mt-5 mt-md-0 mb-md-0 mb-3" />
</div>
</div>
</div>
</section>
<!-------------- get in touch end ----------->
<!-- ---------sticky button--------- -->
<button class="enquiry-sticky" onclick="openForm()">
Enquire Now
</button>
</main>
<button id="backToTop" class="btn btn-primary"><svg width="30px" height="30px" viewBox="0 0 24 24" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path d="M17 15L12 10L7 15" stroke="#ffffff" stroke-width="1.5" stroke-linecap="round"
stroke-linejoin="round" />
</svg>
</button>
<footer>
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="footer-content text-center">
<div class="footer-logo justify-content-center gap-5">
<img src="./assets/images/sld-logo.webp" alt="SLD Logo" />
<img src="./assets/images/footerlogo.webp" alt="Footer Logo" />
</div>
<div class="footer-qr mt-3 justify-content-center d-flex gap-md-5 gap-2">
<img src="./assets/images/rera1.png" alt="QR Code 1" />
<img src="./assets/images/qr-2.webp" alt="QR Code 2" />
</div>
</div>
</div>
<div class="col-md-12">
<div class="rera-details text-center mt-3 text-white">
<p>
This project is RERA registered.<br />
Agent Rera Number : A51900029955 | Project MAHARERA
:P51900066547 | P51900066548
</p>
</div>
<div class="mt-2 copy-right text-center text-white">
<p>Disclaimer:</p>
<p>
The content presented on this website is solely for
informational purposes and does not constitute a service offer.
Prices mentioned here are subject to change without prior
notification, and the availability of the listed properties is
not assured. Images showcased are illustrative and may not
precisely represent the actual properties. Read more
</p>
<p>
COPYRIGHT © 2022. Sahu Land Developers Pvt. Ltd. ALL RIGHTS
RESERVED.
</p>
</div>
</div>
</div>
</div>
</footer>
<div id="overlay" class="overlay" onclick="closeForm()"></div>
<!-- Modal Form -->
<div id="formModal" class="modal">
<div class="modal-content">
<button class="close-btn" onclick="closeForm()">×</button>
<h2 class="form-heading">Contact Us</h2>
<form id="popupform" role="form" method="post" action="./thankyou.php">
<div class="form-group">
<label for="popup_name">Your Name</label>
<input type="text" id="popup_name" name="name" placeholder="Enter your name" required />
</div>
<div class="form-group">
<label for="popup_mobile">Phone Number</label>
<input type="text" id="popup_mobile" name="phonenumber" placeholder="Phone Number" required
pattern="^[0-9]{10}$" title="Please enter a valid 10-digit phone number." />
</div>
<div class="form-group">
<label for="popup_email">Your Email</label>
<input type="email" id="popup_email" name="email" placeholder="Enter your email" required />
</div>
<input type="hidden" name="pageurl" value="<?php echo $url_data ?>" id="url_banner" />
<input type="hidden" name="formname" value="sahu form" id="form_banner" />
<input type="hidden" name="utm_source" value="<?php echo $utm_source ?>" id="utm_source_banner" />
<input type="hidden" name="utm_medium" value="<?php echo $utm_medium ?>" id="utm_medium_banner" />
<input type="hidden" name="utm_campaign" value="<?php echo $utm_campaign ?>" id="utm_campaign_banner" />
<input type="hidden" name="utm_keyword" value="<?php echo $utm_keyword ?>" id="utm_keyword_banner" />
<button type="submit" id="popup_submit" class="submit-btn" style="display: none;">Submit</button>
</form>
</div>
</div>
<!-- floorplan modal -->
<!-- Modal Form -->
<div id="floorformModal" class="modal">
<div class="modal-content">
<button class="close-btn" onclick="floorcloseForm()">×</button>
<h2 class="form-heading">Floor plan</h2>
<form id="popupform1" role="form" method="post" onsubmit="return floor_popup(event)">
<div class="form-group">
<label for="popup_name">Your Name</label>
<input type="text" id="floor_name" name="floor_name" placeholder="Enter your name" required />
</div>
<div class="form-group">
<label for="floor_mobile">Phone Number</label>
<input type="text" id="floor_mobile" name="floor_phonenumber" placeholder="Phone Number" required
pattern="^[0-9]{10}$" title="Please enter a valid 10-digit phone number." />
</div>
<div class="form-group">
<label for="floor_email">Your Email</label>
<input type="email" id="floor_email" name="floor_email" placeholder="Enter your email" required />
</div>
<input type="hidden" name="pageurl" value="<?php echo $url_data ?>" id="url_banner" />
<input type="hidden" name="formname" value="sahu form" id="form_banner" />
<input type="hidden" name="utm_source" value="<?php echo $utm_source ?>" id="utm_source_banner" />
<input type="hidden" name="utm_medium" value="<?php echo $utm_medium ?>" id="utm_medium_banner" />
<input type="hidden" name="utm_campaign" value="<?php echo $utm_campaign ?>" id="utm_campaign_banner" />
<input type="hidden" name="utm_keyword" value="<?php echo $utm_keyword ?>" id="utm_keyword_banner" />
<button type="submit" id="floor_submit" class="submit-btn">Submit</button>
</form>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"
integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous">
</script>
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="./script.js"></script>
<script>
document.addEventListener('DOMContentLoaded', function() {
// Check if the form was submitted in the current session
if (sessionStorage.getItem('formSubmitted') === 'true') {
unblurImages();
}
});
function floor_popup(event) {
event.preventDefault();
// Retrieve form values
var name = jQuery('input[name="floor_name"]').val();
var email = jQuery('input[name="floor_email"]').val();
var mobile = jQuery('input[name="floor_phonenumber"]').val();
var formname = jQuery('input[name="formname"]').val();
var utmsource = jQuery('input[name="utm_source"]').val();
var utmmedium = jQuery('input[name="utm_medium"]').val();
var utmcampaign = jQuery('input[name="utm_campaign"]').val();
var utmcontent = jQuery('input[name="utm_content"]').val();
var settings = {
url: "https://sldgroup03.remserp.com/CRM/WebCreate.aspx",
method: "POST",
timeout: 5000, // Set a 5-second timeout
data: {
UID: "fourqt",
PWD: "wn9mxO76f34=",
Channel: "MS",
Src: utmsource,
ISD: "123", // Replace with actual data
Mob: mobile, // Replace with actual data
Email: email, // Replace with actual data
name: name, // Replace with actual data
City: "CityName", // Replace with actual data
Location: "LocationName", // Replace with actual data
Project: "ProjectName", // Replace with actual data
Remark: "Sample Remark", // Replace with actual data
UniqueId: "0",
},
};
// Send AJAX request
$.ajax(settings)
.done(function(response) {
console.log("CRM Response:", response);
})
.fail(function(xhr, status, error) {
console.error("CRM Submission Failed:", error);
});
// Send AJAX request to Google Forms
$.ajax({
url: 'https://docs.google.com/forms/d/e/1FAIpQLSeDq16qoqjG3AFO_qnAKats8BPTtl7qLiwQFeM8SICj2NNxVA/formResponse',
type: 'POST',
data: {
"entry.1866747040": name,
"entry.391332552": mobile,
"entry.1319169842": email,
"entry.380527525": formname,
"entry.1619886954": utmsource,
"entry.1888285929": utmmedium,
"entry.731420388": utmcampaign,
"entry.1910662605": utmcontent,
},
dataType: "xml",
success: function() {
showThankYouTooltip();
unblurImages();
sessionStorage.setItem('formSubmitted', 'true');
closeForm();
},
statusCode: {
0: function() {
showThankYouTooltip();
unblurImages();
sessionStorage.setItem('formSubmitted', 'true');
closeForm();
},
200: function() {
showThankYouTooltip();
unblurImages();
sessionStorage.setItem('formSubmitted', 'true');
closeForm();
},
403: function() {
console.error('403 Forbidden error. Data not submitted.');
},
},
error: function(xhr, status, error) {
console.error('Error in submitting data:', error);
},
});
return false; // Prevent form submission
}
function unblurImages() {
var images = document.querySelectorAll('.floor-img.blurred');
images.forEach(function(image) {
image.classList.remove('blurred');
image.classList.add('unblurred');
});
}
function showThankYouTooltip() {
var tooltip = document.createElement('div');
tooltip.innerText = "Thank you for submitting!";
tooltip.style.position = 'fixed';
tooltip.style.bottom = '20px';
tooltip.style.right = '20px';
tooltip.style.backgroundColor = '#28a745';
tooltip.style.color = '#fff';
tooltip.style.padding = '10px 20px';
tooltip.style.borderRadius = '5px';
tooltip.style.boxShadow = '0 4px 8px rgba(0, 0, 0, 0.2)';
tooltip.style.zIndex = '9999';
document.body.appendChild(tooltip);
setTimeout(function() {
document.body.removeChild(tooltip);
}, 3000);
}
function closeForm() {
document.getElementById('floorformModal').style.display = 'none';
document.getElementById('formModal').style.display = 'none';
}
</script>
</body>
</html>