{"id":45,"date":"2026-07-26T08:32:45","date_gmt":"2026-07-26T08:32:45","guid":{"rendered":"https:\/\/homesindiaproperty.com\/?page_id=45"},"modified":"2026-07-26T09:11:34","modified_gmt":"2026-07-26T09:11:34","slug":"homes-india-2","status":"publish","type":"page","link":"https:\/\/homesindiaproperty.com\/?page_id=45","title":{"rendered":"HOMES INDIA"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n \t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Homes India - Luxury Living, Perfectly Crafted<\/title>\r\n <!-- Font Awesome Icons -->\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n <!-- Google Fonts -->\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@500;700&family=Poppins:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n \r\n <style>\r\n \/* CSS Reset *\/\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n scroll-behavior: smooth;\r\n }\r\n\r\n body {\r\n font-family: 'Poppins', sans-serif;\r\n color: #1e293b;\r\n background-color: #f8fafc;\r\n }\r\n\r\n \/* Hero Section *\/\r\n .hero {\r\n background: linear-gradient(135deg, #e0f2fe 0%, #ffffff 100%);\r\n padding: 80px 20px 100px;\r\n }\r\n .hero-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 40px;\r\n }\r\n .hero-content {\r\n flex: 1;\r\n }\r\n .hero-subtitle {\r\n text-transform: uppercase;\r\n color: #0284c7;\r\n font-weight: 600;\r\n letter-spacing: 2px;\r\n font-size: 13px;\r\n display: inline-block;\r\n margin-bottom: 15px;\r\n }\r\n .hero-title {\r\n font-family: 'Playfair Display', serif;\r\n font-size: 52px;\r\n color: #0f172a;\r\n line-height: 1.15;\r\n margin-bottom: 20px;\r\n }\r\n .hero-title-accent {\r\n color: #38bdf8;\r\n font-weight: 400;\r\n }\r\n .hero-text {\r\n color: #475569;\r\n line-height: 1.8;\r\n margin-bottom: 35px;\r\n max-width: 520px;\r\n font-size: 15px;\r\n }\r\n .hero-button {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n background-color: #38bdf8;\r\n color: #ffffff;\r\n padding: 14px 32px;\r\n border-radius: 6px;\r\n font-weight: 600;\r\n font-size: 15px;\r\n transition: all 0.3s ease;\r\n box-shadow: 0 4px 14px rgba(56, 189, 248, 0.4);\r\n border: none;\r\n cursor: pointer;\r\n }\r\n .hero-button:hover {\r\n background-color: #0284c7;\r\n transform: translateY(-2px);\r\n }\r\n .hero-image {\r\n flex: 1;\r\n }\r\n .hero-image img {\r\n width: 100%;\r\n height: 420px;\r\n object-fit: cover;\r\n border-radius: 12px;\r\n box-shadow: 0 20px 30px rgba(0,0,0,0.08);\r\n }\r\n\r\n \/* Features Section *\/\r\n .features {\r\n background-color: #ffffff;\r\n padding: 50px 20px;\r\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);\r\n position: relative;\r\n z-index: 2;\r\n margin-top: -40px;\r\n max-width: 1200px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n border-radius: 12px;\r\n border: 1px solid #f1f5f9;\r\n }\r\n .features-container {\r\n display: grid;\r\n grid-template-columns: repeat(5, 1fr);\r\n gap: 20px;\r\n }\r\n .feature-item {\r\n text-align: center;\r\n padding: 10px;\r\n border-right: 1px solid #f1f5f9;\r\n }\r\n .feature-item:last-child {\r\n border-right: none;\r\n }\r\n .feature-icon-wrapper {\r\n background-color: #f0f9ff;\r\n border: 1px solid #bae6fd;\r\n width: 60px;\r\n height: 60px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0 auto 15px;\r\n }\r\n .feature-item i {\r\n font-size: 22px;\r\n color: #0284c7;\r\n }\r\n .feature-item h3 {\r\n font-size: 12px;\r\n text-transform: uppercase;\r\n font-weight: 700;\r\n letter-spacing: 1px;\r\n color: #1e293b;\r\n margin-bottom: 8px;\r\n }\r\n .feature-item p {\r\n color: #64748b;\r\n line-height: 1.5;\r\n font-size: 12px;\r\n }\r\n\r\n \/* Featured Properties Section *\/\r\n .properties-section {\r\n padding: 90px 20px;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n }\r\n .section-header {\r\n text-align: center;\r\n margin-bottom: 50px;\r\n }\r\n .section-subtitle {\r\n color: #0284c7;\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n letter-spacing: 2px;\r\n font-size: 13px;\r\n }\r\n .section-title {\r\n font-family: 'Playfair Display', serif;\r\n font-size: 38px;\r\n color: #0f172a;\r\n margin-top: 5px;\r\n }\r\n .properties-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 30px;\r\n }\r\n .property-card {\r\n background: #ffffff;\r\n border-radius: 12px;\r\n overflow: hidden;\r\n border: 1px solid #e2e8f0;\r\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);\r\n transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n .property-card:hover {\r\n transform: translateY(-6px);\r\n box-shadow: 0 16px 30px rgba(0,0,0,0.08);\r\n }\r\n .property-img-wrapper {\r\n position: relative;\r\n height: 220px;\r\n }\r\n .property-img-wrapper img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n }\r\n .badge {\r\n position: absolute;\r\n top: 15px;\r\n left: 15px;\r\n background-color: #0284c7;\r\n color: white;\r\n padding: 5px 12px;\r\n border-radius: 4px;\r\n font-size: 11px;\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n }\r\n .property-info {\r\n padding: 25px;\r\n display: flex;\r\n flex-direction: column;\r\n flex-grow: 1;\r\n }\r\n .property-location {\r\n font-size: 13px;\r\n color: #64748b;\r\n margin-bottom: 5px;\r\n display: flex;\r\n align-items: center;\r\n gap: 6px;\r\n }\r\n .property-title {\r\n font-size: 20px;\r\n font-weight: 700;\r\n color: #0f172a;\r\n margin-bottom: 12px;\r\n }\r\n .property-specs {\r\n display: flex;\r\n justify-content: space-between;\r\n background: #f8fafc;\r\n padding: 12px;\r\n border-radius: 6px;\r\n font-size: 12px;\r\n color: #475569;\r\n margin-bottom: 20px;\r\n }\r\n .property-price {\r\n font-size: 20px;\r\n font-weight: 700;\r\n color: #0284c7;\r\n margin-bottom: 20px;\r\n }\r\n .card-buttons {\r\n display: flex;\r\n gap: 10px;\r\n margin-top: auto;\r\n }\r\n .btn-outline {\r\n flex: 1;\r\n padding: 12px;\r\n border: 1.5px solid #0284c7;\r\n background: transparent;\r\n color: #0284c7;\r\n font-weight: 600;\r\n border-radius: 6px;\r\n cursor: pointer;\r\n text-align: center;\r\n font-size: 13px;\r\n transition: all 0.2s;\r\n }\r\n .btn-outline:hover {\r\n background-color: #f0f9ff;\r\n }\r\n .btn-fill {\r\n flex: 1;\r\n padding: 12px;\r\n border: none;\r\n background: #0284c7;\r\n color: white;\r\n font-weight: 600;\r\n border-radius: 6px;\r\n cursor: pointer;\r\n text-align: center;\r\n font-size: 13px;\r\n transition: all 0.2s;\r\n text-decoration: none;\r\n display: inline-flex;\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n .btn-fill:hover {\r\n background-color: #0369a1;\r\n }\r\n\r\n \/* Modal Popups *\/\r\n .modal {\r\n display: none;\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100vw;\r\n height: 100vh;\r\n background-color: rgba(15, 23, 42, 0.65);\r\n z-index: 99999;\r\n justify-content: center;\r\n align-items: center;\r\n padding: 20px;\r\n backdrop-filter: blur(4px);\r\n }\r\n .modal.active {\r\n display: flex;\r\n }\r\n .modal-content {\r\n background: white;\r\n width: 100%;\r\n max-width: 580px;\r\n border-radius: 12px;\r\n overflow: hidden;\r\n box-shadow: 0 25px 50px -12px rgba(0,0,0,0.25);\r\n position: relative;\r\n max-height: 90vh;\r\n overflow-y: auto;\r\n }\r\n .modal-header {\r\n background: #f8fafc;\r\n padding: 20px 25px;\r\n border-bottom: 1px solid #e2e8f0;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n }\r\n .modal-header h3 {\r\n font-size: 20px;\r\n color: #0f172a;\r\n }\r\n .close-btn {\r\n background: none;\r\n border: none;\r\n font-size: 26px;\r\n color: #64748b;\r\n cursor: pointer;\r\n line-height: 1;\r\n }\r\n .close-btn:hover { color: #0f172a; }\r\n .modal-body {\r\n padding: 25px;\r\n }\r\n .modal-detail-row {\r\n display: flex;\r\n justify-content: space-between;\r\n padding: 10px 0;\r\n border-bottom: 1px dashed #e2e8f0;\r\n font-size: 14px;\r\n }\r\n .modal-detail-row span:first-child { font-weight: 600; color: #475569; }\r\n .modal-detail-row span:last-child { color: #0f172a; }\r\n .modal-highlights {\r\n margin-top: 20px;\r\n }\r\n .modal-highlights h4 {\r\n font-size: 15px;\r\n margin-bottom: 10px;\r\n color: #0f172a;\r\n }\r\n .modal-highlights ul {\r\n list-style-type: none;\r\n padding-left: 0;\r\n }\r\n .modal-highlights li {\r\n font-size: 13px;\r\n color: #475569;\r\n margin-bottom: 8px;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n }\r\n .modal-highlights li i { color: #0284c7; }\r\n \r\n \/* Company Contact Box *\/\r\n .company-badge {\r\n background: #e0f2fe;\r\n color: #0284c7;\r\n padding: 6px 14px;\r\n border-radius: 20px;\r\n font-weight: 600;\r\n font-size: 13px;\r\n display: inline-block;\r\n margin-bottom: 15px;\r\n }\r\n .contact-box {\r\n background: #f8fafc;\r\n border: 1px solid #e2e8f0;\r\n border-radius: 8px;\r\n padding: 18px;\r\n margin-top: 15px;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 12px;\r\n }\r\n .contact-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n text-decoration: none;\r\n color: #0f172a;\r\n font-weight: 500;\r\n padding: 12px 16px;\r\n background: #ffffff;\r\n border-radius: 6px;\r\n border: 1px solid #cbd5e1;\r\n transition: all 0.2s ease;\r\n }\r\n .contact-item:hover {\r\n border-color: #0284c7;\r\n background-color: #f0f9ff;\r\n color: #0284c7;\r\n }\r\n .contact-item i {\r\n font-size: 20px;\r\n color: #0284c7;\r\n }\r\n\r\n \/* Mobile Layout *\/\r\n @media (max-width: 992px) {\r\n .hero-container { flex-direction: column; text-align: center; }\r\n .hero-content { max-width: 100%; display: flex; flex-direction: column; align-items: center; }\r\n .hero-text { max-width: 100%; }\r\n .features-container { grid-template-columns: repeat(2, 1fr); }\r\n .feature-item { border-right: none; border-bottom: 1px solid #f1f5f9; }\r\n .properties-grid { grid-template-columns: 1fr; }\r\n }\r\n @media (max-width: 600px) {\r\n .hero-title { font-size: 34px; }\r\n .features-container { grid-template-columns: 1fr; }\r\n .card-buttons { flex-direction: column; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <!-- Hero Section -->\r\n <header class=\"hero\">\r\n <div class=\"hero-container\">\r\n <div class=\"hero-content\">\r\n <span class=\"hero-subtitle\">FIND YOUR PERFECT SPACE<\/span>\r\n <h1 class=\"hero-title\">\r\n <span class=\"hero-title-accent\">LUXURY LIVING<\/span><br>\r\n <span class=\"hero-title-bold\">PERFECTLY CRAFTED<\/span>\r\n <\/h1>\r\n <p class=\"hero-text\">\r\n Homes India brings you a handpicked collection of premium properties that redefine luxury and comfort. Find your dream home with us today.\r\n <\/p>\r\n <button class=\"hero-button\" id=\"exploreBtn\">\r\n EXPLORE PROPERTIES <i class=\"fas fa-arrow-right\"><\/i>\r\n <\/button>\r\n <\/div>\r\n <div class=\"hero-image\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600596542815-ffad4c1539a9?auto=format&fit=crop&w=1200&q=80\" alt=\"Luxury house\">\r\n <\/div>\r\n <\/div>\r\n <\/header>\r\n\r\n <!-- Features Section -->\r\n <section class=\"features\">\r\n <div class=\"features-container\">\r\n <div class=\"feature-item\">\r\n <div class=\"feature-icon-wrapper\"><i class=\"fas fa-home\"><\/i><\/div>\r\n <h3>PREMIUM PROPERTIES<\/h3>\r\n <p>Handpicked luxury properties in prime locations.<\/p>\r\n <\/div>\r\n <div class=\"feature-item\">\r\n <div class=\"feature-icon-wrapper\"><i class=\"fas fa-award\"><\/i><\/div>\r\n <h3>TRUSTED BY THOUSANDS<\/h3>\r\n <p>A legacy of trust and satisfaction.<\/p>\r\n <\/div>\r\n <div class=\"feature-item\">\r\n <div class=\"feature-icon-wrapper\"><i class=\"fas fa-handshake\"><\/i><\/div>\r\n <h3>EXPERT GUIDANCE<\/h3>\r\n <p>Professional advice at every step of your journey.<\/p>\r\n <\/div>\r\n <div class=\"feature-item\">\r\n <div class=\"feature-icon-wrapper\"><i class=\"fas fa-heart\"><\/i><\/div>\r\n <h3>HASSLE-FREE PROCESS<\/h3>\r\n <p>Smooth, transparent & customer-friendly process.<\/p>\r\n <\/div>\r\n <div class=\"feature-item\">\r\n <div class=\"feature-icon-wrapper\"><i class=\"fas fa-headset\"><\/i><\/div>\r\n <h3>24\/7 SUPPORT<\/h3>\r\n <p>We're here for you, whenever you need us.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Featured Properties Section -->\r\n <section class=\"properties-section\" id=\"properties\">\r\n <div class=\"section-header\">\r\n <span class=\"section-subtitle\">Exclusively Handpicked<\/span>\r\n <h2 class=\"section-title\">Featured Properties in Gurugram<\/h2>\r\n <\/div>\r\n\r\n <div class=\"properties-grid\">\r\n <!-- Property 1: SS Cendana -->\r\n <div class=\"property-card\">\r\n <div class=\"property-img-wrapper\">\r\n <span class=\"badge\">New Launch<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600585154340-be6161a56a0c?auto=format&fit=crop&w=800&q=80\" alt=\"SS Cendana\">\r\n <\/div>\r\n <div class=\"property-info\">\r\n <div class=\"property-location\"><i class=\"fas fa-map-marker-alt\"><\/i> Sector 83, Gurugram<\/div>\r\n <h3 class=\"property-title\">SS Cendana<\/h3>\r\n <div class=\"property-specs\">\r\n <span><i class=\"fas fa-bed\"><\/i> 3 BHK Luxury<\/span>\r\n <span><i class=\"fas fa-ruler-combined\"><\/i> 1,450 - 1,850 Sq.Ft.<\/span>\r\n <\/div>\r\n <div class=\"property-price\">\u20b92.70 Cr* Onwards<\/div>\r\n <div class=\"card-buttons\">\r\n <button class=\"btn-outline view-details-btn\" data-id=\"1\">View Details<\/button>\r\n <button class=\"btn-fill book-visit-btn\" data-title=\"SS Cendana, Sector 83\">Book a Site Visit<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Property 2: Emaar Palm Gardens -->\r\n <div class=\"property-card\">\r\n <div class=\"property-img-wrapper\">\r\n <span class=\"badge\">Ready to Move<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1545324418-cc1a3fa10c00?auto=format&fit=crop&w=800&q=80\" alt=\"Emaar Palm Gardens\">\r\n <\/div>\r\n <div class=\"property-info\">\r\n <div class=\"property-location\"><i class=\"fas fa-map-marker-alt\"><\/i> Sector 83, Gurugram<\/div>\r\n <h3 class=\"property-title\">Emaar Palm Gardens<\/h3>\r\n <div class=\"property-specs\">\r\n <span><i class=\"fas fa-bed\"><\/i> 3 & 5 BHK<\/span>\r\n <span><i class=\"fas fa-ruler-combined\"><\/i> 1,425 - 3,750 Sq.Ft.<\/span>\r\n <\/div>\r\n <div class=\"property-price\">\u20b92.35 Cr* Onwards<\/div>\r\n <div class=\"card-buttons\">\r\n <button class=\"btn-outline view-details-btn\" data-id=\"2\">View Details<\/button>\r\n <button class=\"btn-fill book-visit-btn\" data-title=\"Emaar Palm Gardens, Sector 83\">Book a Site Visit<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Property 3: Signature Global City 37D -->\r\n <div class=\"property-card\">\r\n <div class=\"property-img-wrapper\">\r\n <span class=\"badge\">Premium Floors<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1512917774080-9991f1c4c750?auto=format&fit=crop&w=800&q=80\" alt=\"Signature Global City 37D\">\r\n <\/div>\r\n <div class=\"property-info\">\r\n <div class=\"property-location\"><i class=\"fas fa-map-marker-alt\"><\/i> Sector 37D, Gurugram<\/div>\r\n <h3 class=\"property-title\">Signature Global 37D<\/h3>\r\n <div class=\"property-specs\">\r\n <span><i class=\"fas fa-bed\"><\/i> 2.5 & 3.5 BHK<\/span>\r\n <span><i class=\"fas fa-ruler-combined\"><\/i> 990 - 1,535 Sq.Ft.<\/span>\r\n <\/div>\r\n <div class=\"property-price\">\u20b91.15 Cr* Onwards<\/div>\r\n <div class=\"card-buttons\">\r\n <button class=\"btn-outline view-details-btn\" data-id=\"3\">View Details<\/button>\r\n <button class=\"btn-fill book-visit-btn\" data-title=\"Signature Global City 37D\">Book a Site Visit<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Property 4: M3M Capital 103 -->\r\n <div class=\"property-card\">\r\n <div class=\"property-img-wrapper\">\r\n <span class=\"badge\">Golf Residences<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=800&q=80\" alt=\"M3M Capital 103\">\r\n <\/div>\r\n <div class=\"property-info\">\r\n <div class=\"property-location\"><i class=\"fas fa-map-marker-alt\"><\/i> Sector 103, Dwarka Expressway<\/div>\r\n <h3 class=\"property-title\">M3M Capital 103<\/h3>\r\n <div class=\"property-specs\">\r\n <span><i class=\"fas fa-bed\"><\/i> 2, 3 & 4 BHK<\/span>\r\n <span><i class=\"fas fa-ruler-combined\"><\/i> 1,310 - 2,250 Sq.Ft.<\/span>\r\n <\/div>\r\n <div class=\"property-price\">\u20b91.50 Cr* Onwards<\/div>\r\n <div class=\"card-buttons\">\r\n <button class=\"btn-outline view-details-btn\" data-id=\"4\">View Details<\/button>\r\n <button class=\"btn-fill book-visit-btn\" data-title=\"M3M Capital 103\">Book a Site Visit<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Property 5: Smart World Gems -->\r\n <div class=\"property-card\">\r\n <div class=\"property-img-wrapper\">\r\n <span class=\"badge\">Smart Low Rise<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600566753376-12c8ab7fb75b?auto=format&fit=crop&w=800&q=80\" alt=\"Smart World Gems\">\r\n <\/div>\r\n <div class=\"property-info\">\r\n <div class=\"property-location\"><i class=\"fas fa-map-marker-alt\"><\/i> Sector 89, Gurugram<\/div>\r\n <h3 class=\"property-title\">Smart World Gems<\/h3>\r\n <div class=\"property-specs\">\r\n <span><i class=\"fas fa-bed\"><\/i> 2.5 & 3.5 BHK<\/span>\r\n <span><i class=\"fas fa-ruler-combined\"><\/i> 1,067 - 1,423 Sq.Ft.<\/span>\r\n <\/div>\r\n <div class=\"property-price\">\u20b91.36 Cr* Onwards<\/div>\r\n <div class=\"card-buttons\">\r\n <button class=\"btn-outline view-details-btn\" data-id=\"5\">View Details<\/button>\r\n <button class=\"btn-fill book-visit-btn\" data-title=\"Smart World Gems Sector 89\">Book a Site Visit<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Property 6: Krisumi Waterfall Residences -->\r\n <div class=\"property-card\">\r\n <div class=\"property-img-wrapper\">\r\n <span class=\"badge\">Indo-Japanese Luxury<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600585152220-90363fe7e115?auto=format&fit=crop&w=800&q=80\" alt=\"Krisumi Waterfall Residences\">\r\n <\/div>\r\n <div class=\"property-info\">\r\n <div class=\"property-location\"><i class=\"fas fa-map-marker-alt\"><\/i> Sector 36A, Gurugram<\/div>\r\n <h3 class=\"property-title\">Krisumi City<\/h3>\r\n <div class=\"property-specs\">\r\n <span><i class=\"fas fa-bed\"><\/i> 2, 3 & 4 BHK<\/span>\r\n <span><i class=\"fas fa-ruler-combined\"><\/i> 1,448 - 2,538 Sq.Ft.<\/span>\r\n <\/div>\r\n <div class=\"property-price\">\u20b92.79 Cr* Onwards<\/div>\r\n <div class=\"card-buttons\">\r\n <button class=\"btn-outline view-details-btn\" data-id=\"6\">View Details<\/button>\r\n <button class=\"btn-fill book-visit-btn\" data-title=\"Krisumi City, Sector 36A\">Book a Site Visit<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Property 7: Elan The Presidential -->\r\n <div class=\"property-card\">\r\n <div class=\"property-img-wrapper\">\r\n <span class=\"badge\">Ultra Luxury<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1545324418-cc1a3fa10c00?auto=format&fit=crop&w=800&q=80\" alt=\"Elan The Presidential\">\r\n <\/div>\r\n <div class=\"property-info\">\r\n <div class=\"property-location\"><i class=\"fas fa-map-marker-alt\"><\/i> Sector 106, Dwarka Exp.<\/div>\r\n <h3 class=\"property-title\">Elan The Presidential<\/h3>\r\n <div class=\"property-specs\">\r\n <span><i class=\"fas fa-bed\"><\/i> 3, 4 & 5 BHK<\/span>\r\n <span><i class=\"fas fa-ruler-combined\"><\/i> 2,450 - 4,495 Sq.Ft.<\/span>\r\n <\/div>\r\n <div class=\"property-price\">\u20b94.53 Cr* Onwards<\/div>\r\n <div class=\"card-buttons\">\r\n <button class=\"btn-outline view-details-btn\" data-id=\"7\">View Details<\/button>\r\n <button class=\"btn-fill book-visit-btn\" data-title=\"Elan The Presidential\">Book a Site Visit<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Property 8: AIPL Daxin Vistas \/ Peaceful Homes -->\r\n <div class=\"property-card\">\r\n <div class=\"property-img-wrapper\">\r\n <span class=\"badge\">Prime Location<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600607687920-4e2a09cf159d?auto=format&fit=crop&w=800&q=80\" alt=\"AIPL Peaceful Homes \/ Daxin Vistas\">\r\n <\/div>\r\n <div class=\"property-info\">\r\n <div class=\"property-location\"><i class=\"fas fa-map-marker-alt\"><\/i> Sector 70A \/ Sohna, Gurugram<\/div>\r\n <h3 class=\"property-title\">AIPL Daxin Vistas<\/h3>\r\n <div class=\"property-specs\">\r\n <span><i class=\"fas fa-bed\"><\/i> 2 & 3 BHK<\/span>\r\n <span><i class=\"fas fa-ruler-combined\"><\/i> 1,518 - 2,400 Sq.Ft.<\/span>\r\n <\/div>\r\n <div class=\"property-price\">\u20b91.51 Cr* Onwards<\/div>\r\n <div class=\"card-buttons\">\r\n <button class=\"btn-outline view-details-btn\" data-id=\"8\">View Details<\/button>\r\n <button class=\"btn-fill book-visit-btn\" data-title=\"AIPL Daxin Vistas \/ Peaceful Homes\">Book a Site Visit<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Property Details Modal Window -->\r\n <div class=\"modal\" id=\"propertyModal\">\r\n <div class=\"modal-content\">\r\n <div class=\"modal-header\">\r\n <h3 id=\"modalTitle\">Property Details<\/h3>\r\n <button class=\"close-btn\" id=\"closePropModal\">×<\/button>\r\n <\/div>\r\n <div class=\"modal-body\" id=\"modalBody\">\r\n <!-- Injected via JavaScript -->\r\n <\/div>\r\n <div class=\"modal-header\" style=\"justify-content: flex-end;\">\r\n <button class=\"btn-fill\" id=\"modalBookVisitBtn\">Book a Site Visit<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Contact Modal Window -->\r\n <div class=\"modal\" id=\"contactModal\">\r\n <div class=\"modal-content\">\r\n <div class=\"modal-header\">\r\n <h3>Book a Site Visit<\/h3>\r\n <button class=\"close-btn\" id=\"closeContactModal\">×<\/button>\r\n <\/div>\r\n <div class=\"modal-body\">\r\n <div style=\"text-align: center; margin-bottom: 20px;\">\r\n <span class=\"company-badge\"><i class=\"fas fa-star\"><\/i> 15+ Years Experience<\/span>\r\n <h2 style=\"color: #0f172a; font-family: 'Playfair Display', serif; font-size: 28px;\">Homes India<\/h2>\r\n <p style=\"color: #64748b; font-size: 14px; margin-top: 5px;\">\r\n Project: <strong id=\"selectedProjectName\" style=\"color: #0284c7;\">-<\/strong>\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"contact-box\">\r\n <p style=\"font-size: 12px; font-weight: 700; color: #64748b; text-transform: uppercase;\">Direct Contact Options:<\/p>\r\n\r\n <!-- Phone Button -->\r\n <a href=\"tel:9599502677\" class=\"contact-item\">\r\n <i class=\"fas fa-phone-alt\"><\/i>\r\n <div>\r\n <div style=\"font-size: 11px; color: #64748b;\">Call Us Directly<\/div>\r\n <div style=\"font-size: 15px; font-weight: 600;\">+91 9599502677<\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n <!-- Email Button -->\r\n <a href=\"mailto:chaharanoop99@gmail.com?subject=Site%20Visit%20Inquiry%20-%20Homes%20India\" class=\"contact-item\">\r\n <i class=\"fas fa-envelope\"><\/i>\r\n <div>\r\n <div style=\"font-size: 11px; color: #64748b;\">Send an Email<\/div>\r\n <div style=\"font-size: 14px; font-weight: 600;\">chaharanoop99@gmail.com<\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n <!-- WhatsApp Button -->\r\n <a href=\"https:\/\/wa.me\/919599502677?text=Hello%20Homes%20India,%20I%20want%20to%20book%20a%20site%20visit.\" target=\"_blank\" class=\"contact-item\" style=\"border-color: #22c55e;\">\r\n <i class=\"fab fa-whatsapp\" style=\"color: #22c55e;\"><\/i>\r\n <div>\r\n <div style=\"font-size: 11px; color: #64748b;\">WhatsApp<\/div>\r\n <div style=\"font-size: 14px; font-weight: 600; color: #15803d;\">Chat Instantly<\/div>\r\n <\/div>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- JavaScript Functionality -->\r\n <script>\r\n document.addEventListener('DOMContentLoaded', function() {\r\n\r\n \/\/ Property Details Database\r\n const propertiesData = {\r\n 1: {\r\n title: \"SS Cendana Residences\",\r\n location: \"Sector 83, Gurugram\",\r\n price: \"\u20b92.70 Cr* Onwards\",\r\n config: \"3 BHK Luxury Apartments\",\r\n area: \"1,450 sq. ft. - 1,850 sq. ft.\",\r\n status: \"Under Construction\",\r\n highlights: [\r\n \"Spread over 12.6 acres with 80% open green space.\",\r\n \"3-side open residences with floor-to-ceiling glass windows.\",\r\n \"40,000 sq. ft. multi-level grand clubhouse.\",\r\n \"3-minute connectivity to Dwarka Expressway.\"\r\n ]\r\n },\r\n 2: {\r\n title: \"Emaar Palm Gardens\",\r\n location: \"Sector 83, Gurugram\",\r\n price: \"\u20b92.35 Cr - \u20b95.13 Cr\",\r\n config: \"3 BHK & 5 BHK Luxury Apartments\",\r\n area: \"1,425 sq. ft. - 3,750 sq. ft.\",\r\n status: \"Ready to Move In\",\r\n highlights: [\r\n \"24-acre township featuring 8 acres of central green park.\",\r\n \"1.5-acre club house with swimming pool & tennis courts.\",\r\n \"Fully air-conditioned homes with modular kitchens.\",\r\n \"Immediate connectivity to NH-48 and IGI Airport.\"\r\n ]\r\n },\r\n 3: {\r\n title: \"Signature Global City 37D\",\r\n location: \"Sector 37D, Gurugram\",\r\n price: \"\u20b91.15 Cr* Onwards\",\r\n config: \"2.5 & 3.5 BHK Independent Premium Floors\",\r\n area: \"990 sq. ft. - 1,535 sq. ft.\",\r\n status: \"Ready to Move\",\r\n highlights: [\r\n \"Low-rise Stilt + 4 Luxury Concept.\",\r\n \"Designed by world-famous architect Hafeez Contractor.\",\r\n \"Dedicated Butterfly Garden & Pool Deck.\",\r\n \"Located directly along Dwarka Expressway.\"\r\n ]\r\n },\r\n 4: {\r\n title: \"M3M Capital 103\",\r\n location: \"Sector 103, Dwarka Expressway, Gurugram\",\r\n price: \"\u20b91.50 Cr* Onwards\",\r\n config: \"2, 3 & 4 BHK Golf Residences\",\r\n area: \"1,310 sq. ft. - 2,250 sq. ft.\",\r\n status: \"Under Construction\",\r\n highlights: [\r\n \"Luxurious Golf Residences in the heart of Dwarka Expressway.\",\r\n \"Grand 75,000 sq. ft. clubhouse with 50+ world-class amenities.\",\r\n \"Walking distance to Asia's largest Convention Centre (IICC).\",\r\n \"15 mins drive from IGI Airport, Delhi.\"\r\n ]\r\n },\r\n 5: {\r\n title: \"Smart World Gems\",\r\n location: \"Sector 89, Gurugram\",\r\n price: \"\u20b91.36 Cr* Onwards\",\r\n config: \"2.5 & 3.5 BHK Boutique Low Rise Floors\",\r\n area: \"1,067 sq. ft. - 1,423 sq. ft.\",\r\n status: \"Under Construction (Possession Soon)\",\r\n highlights: [\r\n \"Zero-loading boutique low-rise homes with Stilt + 4 structure.\",\r\n \"Includes private workplace & private terrace concept.\",\r\n \"VRV\/VRF energy-efficient air conditioning provided.\",\r\n \"Massive clubhouse with 50+ world-class amenities.\"\r\n ]\r\n },\r\n 6: {\r\n title: \"Krisumi Waterfall Residences\",\r\n location: \"Sector 36A, Gurugram\",\r\n price: \"\u20b92.79 Cr* Onwards\",\r\n config: \"2, 3 & 4 BHK Luxury Apartments & Penthouses\",\r\n area: \"1,448 sq. ft. - 2,538 sq. ft.\",\r\n status: \"Ready to Move \/ New Phase Launched\",\r\n highlights: [\r\n \"First Indo-Japanese real estate joint venture in India.\",\r\n \"World-class design & architecture by Nikken Sekkei Japan.\",\r\n \"Grand 36,000 sq. ft. clubhouse managed by Cushman & Wakefield.\",\r\n \"3-tier high tech Japanese security system.\"\r\n ]\r\n },\r\n 7: {\r\n title: \"Elan The Presidential\",\r\n location: \"Sector 106, Dwarka Expressway, Gurugram\",\r\n price: \"\u20b94.53 Cr* Onwards\",\r\n config: \"3, 4 & 5 BHK Ultra-Luxury Residences\",\r\n area: \"2,450 sq. ft. - 4,495 sq. ft.\",\r\n status: \"Under Construction\",\r\n highlights: [\r\n \"Spread across 30 acres with over 60% open central greens.\",\r\n \"Podium-level clubhouse with floating sauna & infinity pool.\",\r\n \"VRV\/VRF air conditioning and imported marble flooring.\",\r\n \"Located directly on Dwarka Expressway, minutes from Delhi.\"\r\n ]\r\n },\r\n 8: {\r\n title: \"AIPL Daxin Vistas \/ Peaceful Homes\",\r\n location: \"Sector 70A \/ Sohna, Gurugram\",\r\n price: \"\u20b91.51 Cr* Onwards\",\r\n config: \"2 & 3 BHK Premium Residences\",\r\n area: \"1,518 sq. ft. - 2,400 sq. ft.\",\r\n status: \"Ready To Move \/ New Launch\",\r\n highlights: [\r\n \"Developed by AIPL \u2013 a top trusted builder with 30+ years legacy.\",\r\n \"Peaceful green views of the Aravalli range.\",\r\n \"Premium clubhouse, swimming pool, gym, & multi-tier security.\",\r\n \"Direct access to Golf Course Extension Road & Southern Peripheral Road.\"\r\n ]\r\n }\r\n };\r\n\r\n const propertyModal = document.getElementById('propertyModal');\r\n const contactModal = document.getElementById('contactModal');\r\n let currentSelectedTitle = '';\r\n\r\n \/\/ 1. Explore Properties Button Scroll\r\n document.getElementById('exploreBtn').addEventListener('click', function() {\r\n document.getElementById('properties').scrollIntoView({ behavior: 'smooth' });\r\n });\r\n\r\n \/\/ 2. View Details Buttons Click\r\n document.querySelectorAll('.view-details-btn').forEach(button => {\r\n button.addEventListener('click', function() {\r\n const id = this.getAttribute('data-id');\r\n const data = propertiesData[id];\r\n currentSelectedTitle = data.title;\r\n\r\n document.getElementById('modalTitle').innerText = data.title;\r\n\r\n let highlightsList = '';\r\n data.highlights.forEach(item => {\r\n highlightsList += `<li><i class=\"fas fa-check-circle\"><\/i> ${item}<\/li>`;\r\n });\r\n\r\n document.getElementById('modalBody').innerHTML = `\r\n <div class=\"modal-detail-row\"><span>Location:<\/span> <span>${data.location}<\/span><\/div>\r\n <div class=\"modal-detail-row\"><span>Configuration:<\/span> <span>${data.config}<\/span><\/div>\r\n <div class=\"modal-detail-row\"><span>Carpet \/ Area:<\/span> <span>${data.area}<\/span><\/div>\r\n <div class=\"modal-detail-row\"><span>Status:<\/span> <span>${data.status}<\/span><\/div>\r\n <div class=\"modal-detail-row\"><span>Price Range:<\/span> <span style=\"color:#0284c7; font-weight:bold;\">${data.price}<\/span><\/div>\r\n \r\n <div class=\"modal-highlights\">\r\n <h4>Key Highlights<\/h4>\r\n <ul>${highlightsList}<\/ul>\r\n <\/div>\r\n `;\r\n\r\n propertyModal.classList.add('active');\r\n });\r\n });\r\n\r\n \/\/ 3. Book a Site Visit Buttons Click\r\n document.querySelectorAll('.book-visit-btn').forEach(button => {\r\n button.addEventListener('click', function() {\r\n const projectTitle = this.getAttribute('data-title');\r\n openContactModal(projectTitle);\r\n });\r\n });\r\n\r\n \/\/ 4. Modal \"Book Visit\" Button Inside Details Popup\r\n document.getElementById('modalBookVisitBtn').addEventListener('click', function() {\r\n propertyModal.classList.remove('active');\r\n openContactModal(currentSelectedTitle);\r\n });\r\n\r\n function openContactModal(title) {\r\n document.getElementById('selectedProjectName').innerText = title || \"Homes India Properties\";\r\n contactModal.classList.add('active');\r\n }\r\n\r\n \/\/ 5. Close Buttons\r\n document.getElementById('closePropModal').addEventListener('click', function() {\r\n propertyModal.classList.remove('active');\r\n });\r\n\r\n document.getElementById('closeContactModal').addEventListener('click', function() {\r\n contactModal.classList.remove('active');\r\n });\r\n\r\n \/\/ 6. Close Modal when clicking outside content area\r\n window.addEventListener('click', function(e) {\r\n if (e.target === propertyModal) {\r\n propertyModal.classList.remove('active');\r\n }\r\n if (e.target === contactModal) {\r\n contactModal.classList.remove('active');\r\n }\r\n });\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-61fc5e1 e-con e-atomic-element e-flexbox-base e-9594ff2 \" data-id=\"61fc5e1\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"61fc5e1\">\n \t\t<div class=\"elementor-element elementor-element-6f43bd0 elementor-widget elementor-widget-html\" data-id=\"6f43bd0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Homes India - Handpicked Properties & Real Estate<\/title>\r\n <!-- Font Awesome Icons -->\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n <!-- Google Fonts -->\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,600;0,700;1,600&family=Poppins:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n <style>\r\n \/* Global Reset *\/\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n scroll-behavior: smooth;\r\n }\r\n\r\n body {\r\n font-family: 'Poppins', sans-serif;\r\n color: #334155;\r\n background-color: #f8fafc;\r\n line-height: 1.6;\r\n }\r\n\r\n a { text-decoration: none; color: inherit; }\r\n ul { list-style: none; }\r\n\r\n .container {\r\n max-width: 1240px;\r\n margin: 0 auto;\r\n padding: 0 20px;\r\n }\r\n\r\n .section-tag {\r\n font-size: 11px;\r\n font-weight: 700;\r\n color: #0284c7;\r\n text-transform: uppercase;\r\n letter-spacing: 2px;\r\n display: block;\r\n margin-bottom: 6px;\r\n }\r\n\r\n .section-title {\r\n font-family: 'Playfair Display', serif;\r\n font-size: 32px;\r\n color: #0f172a;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n .section-title span {\r\n color: #38bdf8;\r\n font-weight: 500;\r\n }\r\n\r\n \/* 1. FEATURED PROPERTIES SECTION *\/\r\n .properties-section {\r\n padding: 60px 0;\r\n }\r\n\r\n .section-header-flex {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-end;\r\n margin-bottom: 35px;\r\n }\r\n\r\n .btn-outline-sm {\r\n border: 1px solid #38bdf8;\r\n color: #0284c7;\r\n padding: 8px 18px;\r\n border-radius: 4px;\r\n font-size: 12px;\r\n font-weight: 600;\r\n transition: all 0.2s;\r\n text-transform: uppercase;\r\n }\r\n\r\n .btn-outline-sm:hover {\r\n background-color: #f0f9ff;\r\n }\r\n\r\n .properties-grid-4 {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 20px;\r\n }\r\n\r\n .prop-card {\r\n background: #ffffff;\r\n border-radius: 8px;\r\n overflow: hidden;\r\n border: 1px solid #e2e8f0;\r\n box-shadow: 0 4px 12px rgba(0,0,0,0.03);\r\n transition: transform 0.3s, box-shadow 0.3s;\r\n }\r\n\r\n .prop-card:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 12px 24px rgba(0,0,0,0.08);\r\n }\r\n\r\n .prop-img {\r\n position: relative;\r\n height: 180px;\r\n }\r\n\r\n .prop-img img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n }\r\n\r\n .prop-badge {\r\n position: absolute;\r\n top: 12px;\r\n left: 12px;\r\n background: #38bdf8;\r\n color: white;\r\n font-size: 10px;\r\n font-weight: 700;\r\n padding: 4px 10px;\r\n border-radius: 3px;\r\n text-transform: uppercase;\r\n }\r\n\r\n .prop-body {\r\n padding: 16px;\r\n }\r\n\r\n .prop-name {\r\n font-size: 16px;\r\n font-weight: 700;\r\n color: #0f172a;\r\n margin-bottom: 2px;\r\n }\r\n\r\n .prop-location {\r\n font-size: 11px;\r\n color: #64748b;\r\n margin-bottom: 12px;\r\n display: flex;\r\n align-items: center;\r\n gap: 4px;\r\n }\r\n\r\n .prop-meta {\r\n display: flex;\r\n justify-content: space-between;\r\n font-size: 11px;\r\n color: #64748b;\r\n border-top: 1px dashed #e2e8f0;\r\n padding-top: 10px;\r\n margin-bottom: 15px;\r\n }\r\n\r\n .prop-footer {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n }\r\n\r\n .prop-price {\r\n font-size: 17px;\r\n font-weight: 700;\r\n color: #0284c7;\r\n }\r\n\r\n .btn-view {\r\n border: 1px solid #cbd5e1;\r\n padding: 6px 12px;\r\n border-radius: 4px;\r\n font-size: 11px;\r\n font-weight: 600;\r\n color: #0284c7;\r\n background: #f8fafc;\r\n cursor: pointer;\r\n transition: all 0.2s ease;\r\n }\r\n\r\n .btn-view:hover { background: #e0f2fe; }\r\n\r\n \/* 2. WHY CHOOSE US SECTION *\/\r\n .why-choose-us {\r\n padding: 70px 0 0;\r\n background: #ffffff;\r\n }\r\n\r\n .about-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 50px;\r\n align-items: center;\r\n margin-bottom: 60px;\r\n }\r\n\r\n .about-img img {\r\n width: 100%;\r\n border-radius: 10px;\r\n box-shadow: 0 15px 30px rgba(0,0,0,0.08);\r\n height: 380px;\r\n object-fit: cover;\r\n }\r\n\r\n .about-content h2 {\r\n font-family: 'Playfair Display', serif;\r\n font-size: 30px;\r\n color: #0f172a;\r\n line-height: 1.25;\r\n margin-bottom: 18px;\r\n }\r\n\r\n .about-content h2 span { color: #38bdf8; }\r\n\r\n .about-content p {\r\n font-size: 13px;\r\n color: #64748b;\r\n margin-bottom: 25px;\r\n line-height: 1.7;\r\n }\r\n\r\n .features-check-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 12px;\r\n margin-bottom: 30px;\r\n }\r\n\r\n .check-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n font-size: 13px;\r\n font-weight: 500;\r\n color: #1e293b;\r\n }\r\n\r\n .check-item i {\r\n color: #38bdf8;\r\n font-size: 14px;\r\n }\r\n\r\n .btn-primary-lg {\r\n background-color: #38bdf8;\r\n color: white;\r\n padding: 12px 28px;\r\n border-radius: 5px;\r\n font-weight: 600;\r\n font-size: 13px;\r\n border: none;\r\n cursor: pointer;\r\n box-shadow: 0 4px 12px rgba(56, 189, 248, 0.35);\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .btn-primary-lg:hover { \r\n background-color: #0284c7; \r\n transform: translateY(-2px);\r\n }\r\n\r\n \/* Stats Counter Bar *\/\r\n .stats-bar {\r\n background: linear-gradient(135deg, #7dd3fc 0%, #38bdf8 100%);\r\n padding: 35px 0;\r\n color: white;\r\n }\r\n\r\n .stats-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 20px;\r\n text-align: center;\r\n }\r\n\r\n .stat-box i {\r\n font-size: 28px;\r\n margin-bottom: 8px;\r\n opacity: 0.9;\r\n }\r\n\r\n .stat-number {\r\n font-size: 28px;\r\n font-weight: 700;\r\n line-height: 1;\r\n }\r\n\r\n .stat-label {\r\n font-size: 12px;\r\n font-weight: 400;\r\n opacity: 0.9;\r\n margin-top: 4px;\r\n }\r\n\r\n \/* 3. TESTIMONIALS SECTION *\/\r\n .testimonials-section {\r\n padding: 80px 0;\r\n text-align: center;\r\n }\r\n\r\n .testimonials-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 25px;\r\n margin-top: 40px;\r\n }\r\n\r\n .testimonial-card {\r\n background: white;\r\n padding: 30px 25px;\r\n border-radius: 8px;\r\n box-shadow: 0 4px 15px rgba(0,0,0,0.03);\r\n border: 1px solid #f1f5f9;\r\n position: relative;\r\n text-align: left;\r\n }\r\n\r\n .stars {\r\n color: #f59e0b;\r\n font-size: 12px;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .user-info {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n margin-bottom: 15px;\r\n }\r\n\r\n .user-info img {\r\n width: 45px;\r\n height: 45px;\r\n border-radius: 50%;\r\n object-fit: cover;\r\n }\r\n\r\n .user-info h4 {\r\n font-size: 14px;\r\n color: #0f172a;\r\n margin-bottom: 0;\r\n }\r\n\r\n .user-info span {\r\n font-size: 11px;\r\n color: #0284c7;\r\n }\r\n\r\n .testimonial-text {\r\n font-size: 12px;\r\n color: #64748b;\r\n line-height: 1.6;\r\n }\r\n\r\n \/* 4. BLOG SECTION *\/\r\n .blog-section {\r\n padding: 60px 0 80px;\r\n background: #ffffff;\r\n }\r\n\r\n .blog-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 25px;\r\n margin-top: 35px;\r\n }\r\n\r\n .blog-card {\r\n border-radius: 8px;\r\n overflow: hidden;\r\n border: 1px solid #e2e8f0;\r\n }\r\n\r\n .blog-img {\r\n position: relative;\r\n height: 200px;\r\n }\r\n\r\n .blog-img img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n }\r\n\r\n .blog-tag {\r\n position: absolute;\r\n bottom: 12px;\r\n left: 12px;\r\n background: rgba(2, 132, 199, 0.9);\r\n color: white;\r\n font-size: 10px;\r\n padding: 3px 8px;\r\n border-radius: 3px;\r\n }\r\n\r\n .blog-date {\r\n position: absolute;\r\n bottom: 12px;\r\n right: 12px;\r\n background: rgba(15, 23, 42, 0.8);\r\n color: white;\r\n font-size: 10px;\r\n padding: 3px 8px;\r\n border-radius: 3px;\r\n }\r\n\r\n .blog-body {\r\n padding: 18px;\r\n }\r\n\r\n .blog-title {\r\n font-size: 15px;\r\n font-weight: 700;\r\n color: #0f172a;\r\n line-height: 1.4;\r\n }\r\n\r\n \/* 5. NEWSLETTER SECTION WITH ENHANCED HOVER EFFECTS *\/\r\n .newsletter-bar {\r\n background: linear-gradient(135deg, #e0f2fe 0%, #f0f9ff 100%);\r\n padding: 40px 0;\r\n border-top: 1px solid #bae6fd;\r\n border-bottom: 1px solid #bae6fd;\r\n }\r\n\r\n .newsletter-flex {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 30px;\r\n }\r\n\r\n .nl-left {\r\n display: flex;\r\n align-items: center;\r\n gap: 15px;\r\n }\r\n\r\n .nl-icon {\r\n background: #38bdf8;\r\n color: white;\r\n width: 50px;\r\n height: 50px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 22px;\r\n }\r\n\r\n .nl-text h3 {\r\n font-size: 16px;\r\n color: #0f172a;\r\n text-transform: uppercase;\r\n font-weight: 700;\r\n }\r\n\r\n .nl-text p {\r\n font-size: 12px;\r\n color: #64748b;\r\n }\r\n\r\n .nl-form-wrapper {\r\n flex: 1;\r\n max-width: 520px;\r\n position: relative;\r\n }\r\n\r\n .nl-form {\r\n display: flex;\r\n gap: 10px;\r\n width: 100%;\r\n }\r\n\r\n .nl-form input {\r\n flex: 1;\r\n padding: 12px 18px;\r\n border: 1.5px solid #cbd5e1;\r\n border-radius: 6px;\r\n font-size: 13px;\r\n outline: none;\r\n transition: border-color 0.3s ease;\r\n }\r\n\r\n .nl-form input:focus {\r\n border-color: #0284c7;\r\n }\r\n\r\n \/* Subscribe Button Hover & Active Effects *\/\r\n .subscribe-btn {\r\n background: #38bdf8;\r\n color: white;\r\n padding: 12px 28px;\r\n border: none;\r\n border-radius: 6px;\r\n font-weight: 600;\r\n font-size: 13px;\r\n cursor: pointer;\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n box-shadow: 0 4px 12px rgba(56, 189, 248, 0.35);\r\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n }\r\n\r\n .subscribe-btn:hover {\r\n background-color: #0284c7;\r\n transform: translateY(-2px);\r\n box-shadow: 0 6px 18px rgba(2, 132, 199, 0.45);\r\n }\r\n\r\n .subscribe-btn:active {\r\n transform: translateY(0);\r\n box-shadow: 0 2px 8px rgba(2, 132, 199, 0.3);\r\n }\r\n\r\n .subscribe-msg {\r\n display: none;\r\n margin-top: 10px;\r\n font-size: 12px;\r\n font-weight: 600;\r\n color: #166534;\r\n background: #dcfce7;\r\n padding: 8px 12px;\r\n border-radius: 4px;\r\n border: 1px solid #86efac;\r\n }\r\n\r\n \/* 6. FOOTER *\/\r\n .footer {\r\n background: #ffffff;\r\n padding: 60px 0 20px;\r\n border-top: 1px solid #e2e8f0;\r\n font-size: 12px;\r\n color: #64748b;\r\n }\r\n\r\n .footer-grid {\r\n display: grid;\r\n grid-template-columns: 2fr 1fr 1fr 1fr 1.5fr;\r\n gap: 30px;\r\n margin-bottom: 40px;\r\n }\r\n\r\n .footer-logo {\r\n font-family: 'Playfair Display', serif;\r\n font-size: 22px;\r\n font-weight: 700;\r\n color: #0f172a;\r\n margin-bottom: 12px;\r\n display: inline-block;\r\n }\r\n\r\n .footer-logo span { color: #38bdf8; }\r\n\r\n .footer-col h4 {\r\n font-size: 12px;\r\n font-weight: 700;\r\n color: #0f172a;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n margin-bottom: 15px;\r\n }\r\n\r\n .footer-col ul li {\r\n margin-bottom: 8px;\r\n }\r\n\r\n .footer-col ul li a:hover { color: #0284c7; }\r\n\r\n .footer-contact li {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .footer-contact i { color: #38bdf8; font-size: 14px; }\r\n\r\n .footer-bottom {\r\n border-top: 1px solid #f1f5f9;\r\n padding-top: 20px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n font-size: 11px;\r\n }\r\n\r\n .back-to-top {\r\n position: fixed;\r\n bottom: 20px;\r\n right: 20px;\r\n background: #38bdf8;\r\n color: white;\r\n width: 38px;\r\n height: 38px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n box-shadow: 0 4px 10px rgba(0,0,0,0.15);\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .back-to-top:hover {\r\n background-color: #0284c7;\r\n transform: translateY(-3px);\r\n }\r\n\r\n \/* MODAL POPUP *\/\r\n .modal {\r\n display: none;\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100vw;\r\n height: 100vh;\r\n background: rgba(15, 23, 42, 0.65);\r\n z-index: 99999;\r\n justify-content: center;\r\n align-items: center;\r\n padding: 20px;\r\n }\r\n\r\n .modal.active { display: flex; }\r\n\r\n .modal-card {\r\n background: white;\r\n width: 100%;\r\n max-width: 500px;\r\n border-radius: 10px;\r\n padding: 30px;\r\n position: relative;\r\n box-shadow: 0 20px 40px rgba(0,0,0,0.2);\r\n }\r\n\r\n .modal-close {\r\n position: absolute;\r\n top: 15px;\r\n right: 18px;\r\n font-size: 22px;\r\n border: none;\r\n background: none;\r\n cursor: pointer;\r\n color: #64748b;\r\n }\r\n\r\n \/* Responsive Breakpoints *\/\r\n @media (max-width: 1024px) {\r\n .properties-grid-4 { grid-template-columns: repeat(2, 1fr); }\r\n .footer-grid { grid-template-columns: 1fr 1fr; }\r\n }\r\n @media (max-width: 640px) {\r\n .properties-grid-4, .testimonials-grid, .blog-grid, .about-grid { grid-template-columns: 1fr; }\r\n .stats-grid { grid-template-columns: repeat(2, 1fr); }\r\n .newsletter-flex { flex-direction: column; text-align: center; }\r\n .footer-grid { grid-template-columns: 1fr; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <!-- 1. FEATURED PROPERTIES -->\r\n <section class=\"properties-section container\">\r\n <div class=\"section-header-flex\">\r\n <div>\r\n <span class=\"section-tag\">FEATURED PROPERTIES<\/span>\r\n <h2 class=\"section-title\">HAND PICKED FOR <span>YOU<\/span><\/h2>\r\n <\/div>\r\n <a href=\"#contactModal\" class=\"btn-outline-sm book-visit-btn\" data-title=\"All Properties Catalog\">VIEW ALL PROPERTIES →<\/a>\r\n <\/div>\r\n\r\n <div class=\"properties-grid-4\">\r\n <!-- Property Card 1 -->\r\n <div class=\"prop-card\">\r\n <div class=\"prop-img\">\r\n <span class=\"prop-badge\">RESALE<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600585154340-be6161a56a0c?auto=format&fit=crop&w=600&q=80\" alt=\"Property\">\r\n <\/div>\r\n <div class=\"prop-body\">\r\n <h3 class=\"prop-name\">SS Cendana<\/h3>\r\n <div class=\"prop-location\"><i class=\"fas fa-map-marker-alt\"><\/i> Sector 83, Gurugram<\/div>\r\n <div class=\"prop-meta\">\r\n <span><i class=\"fas fa-building\"><\/i> 3 BHK<\/span>\r\n <span><i class=\"fas fa-bath\"><\/i> 3 Baths<\/span>\r\n <span><i class=\"fas fa-ruler-combined\"><\/i> 1450 Sq.Ft.<\/span>\r\n <\/div>\r\n <div class=\"prop-footer\">\r\n <div class=\"prop-price\">\u20b91.80 Cr<\/div>\r\n <button class=\"btn-view book-visit-btn\" data-title=\"SS Cendana, Sector 83\">VIEW DETAILS<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Property Card 2 -->\r\n <div class=\"prop-card\">\r\n <div class=\"prop-img\">\r\n <span class=\"prop-badge\">NEW LAUNCH<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600596542815-ffad4c1539a9?auto=format&fit=crop&w=600&q=80\" alt=\"Property\">\r\n <\/div>\r\n <div class=\"prop-body\">\r\n <h3 class=\"prop-name\">Emaar Palm Gardens<\/h3>\r\n <div class=\"prop-location\"><i class=\"fas fa-map-marker-alt\"><\/i> Sector 83, Gurugram<\/div>\r\n <div class=\"prop-meta\">\r\n <span><i class=\"fas fa-building\"><\/i> 3 BHK<\/span>\r\n <span><i class=\"fas fa-bath\"><\/i> 3 Baths<\/span>\r\n <span><i class=\"fas fa-ruler-combined\"><\/i> 1720 Sq.Ft.<\/span>\r\n <\/div>\r\n <div class=\"prop-footer\">\r\n <div class=\"prop-price\">\u20b92.35 Cr<\/div>\r\n <button class=\"btn-view book-visit-btn\" data-title=\"Emaar Palm Gardens\">VIEW DETAILS<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Property Card 3 -->\r\n <div class=\"prop-card\">\r\n <div class=\"prop-img\">\r\n <span class=\"prop-badge\">RESALE<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1545324418-cc1a3fa10c00?auto=format&fit=crop&w=600&q=80\" alt=\"Property\">\r\n <\/div>\r\n <div class=\"prop-body\">\r\n <h3 class=\"prop-name\">Signature Global 37D<\/h3>\r\n <div class=\"prop-location\"><i class=\"fas fa-map-marker-alt\"><\/i> Sector 37D, Gurugram<\/div>\r\n <div class=\"prop-meta\">\r\n <span><i class=\"fas fa-building\"><\/i> 2.5 BHK<\/span>\r\n <span><i class=\"fas fa-bath\"><\/i> 2 Baths<\/span>\r\n <span><i class=\"fas fa-ruler-combined\"><\/i> 1150 Sq.Ft.<\/span>\r\n <\/div>\r\n <div class=\"prop-footer\">\r\n <div class=\"prop-price\">\u20b91.15 Cr<\/div>\r\n <button class=\"btn-view book-visit-btn\" data-title=\"Signature Global 37D\">VIEW DETAILS<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Property Card 4 -->\r\n <div class=\"prop-card\">\r\n <div class=\"prop-img\">\r\n <span class=\"prop-badge\">READY TO MOVE<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1512917774080-9991f1c4c750?auto=format&fit=crop&w=600&q=80\" alt=\"Property\">\r\n <\/div>\r\n <div class=\"prop-body\">\r\n <h3 class=\"prop-name\">M3M Capital 103<\/h3>\r\n <div class=\"prop-location\"><i class=\"fas fa-map-marker-alt\"><\/i> Sector 103, Gurugram<\/div>\r\n <div class=\"prop-meta\">\r\n <span><i class=\"fas fa-building\"><\/i> 3.5 BHK<\/span>\r\n <span><i class=\"fas fa-bath\"><\/i> 3 Baths<\/span>\r\n <span><i class=\"fas fa-ruler-combined\"><\/i> 1650 Sq.Ft.<\/span>\r\n <\/div>\r\n <div class=\"prop-footer\">\r\n <div class=\"prop-price\">\u20b91.50 Cr<\/div>\r\n <button class=\"btn-view book-visit-btn\" data-title=\"M3M Capital 103\">VIEW DETAILS<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- 2. WHY CHOOSE US -->\r\n <section class=\"why-choose-us\">\r\n <div class=\"container\">\r\n <div class=\"about-grid\">\r\n <div class=\"about-img\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=800&q=80\" alt=\"Modern Living Room\">\r\n <\/div>\r\n <div class=\"about-content\">\r\n <span class=\"section-tag\">WHY CHOOSE US<\/span>\r\n <h2>WE DON'T JUST SELL PROPERTIES,<br>WE BUILD <span>RELATIONSHIPS.<\/span><\/h2>\r\n <p>At Homes India, we believe in delivering more than just property lists. We provide trust, transparency, and assistance on total market overview, whether you are buying standard, luxury, or your dream home. Let our expert advisors guide you at every step.<\/p>\r\n \r\n <div class=\"features-check-grid\">\r\n <div class=\"check-item\"><i class=\"fas fa-check-circle\"><\/i> Handpicked Properties<\/div>\r\n <div class=\"check-item\"><i class=\"fas fa-check-circle\"><\/i> Post Sales Support<\/div>\r\n <div class=\"check-item\"><i class=\"fas fa-check-circle\"><\/i> Transparent Dealing<\/div>\r\n <div class=\"check-item\"><i class=\"fas fa-check-circle\"><\/i> 100% Customer Satisfaction<\/div>\r\n <div class=\"check-item\"><i class=\"fas fa-check-circle\"><\/i> Expert Property Advice<\/div>\r\n <div class=\"check-item\"><i class=\"fas fa-check-circle\"><\/i> Buyer Property Investment<\/div>\r\n <\/div>\r\n\r\n <button class=\"btn-primary-lg book-visit-btn\" data-title=\"Callback Request\">ASK FOR A CALL BACK →<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- STATS BAR -->\r\n <div class=\"stats-bar\">\r\n <div class=\"container\">\r\n <div class=\"stats-grid\">\r\n <div class=\"stat-box\">\r\n <i class=\"fas fa-award\"><\/i>\r\n <div class=\"stat-number\">15+<\/div>\r\n <div class=\"stat-label\">Years of Experience<\/div>\r\n <\/div>\r\n <div class=\"stat-box\">\r\n <i class=\"fas fa-users\"><\/i>\r\n <div class=\"stat-number\">5000+<\/div>\r\n <div class=\"stat-label\">Happy Clients<\/div>\r\n <\/div>\r\n <div class=\"stat-box\">\r\n <i class=\"fas fa-building\"><\/i>\r\n <div class=\"stat-number\">100+<\/div>\r\n <div class=\"stat-label\">Cr Estate Valuation<\/div>\r\n <\/div>\r\n <div class=\"stat-box\">\r\n <i class=\"fas fa-map-marked-alt\"><\/i>\r\n <div class=\"stat-number\">20+<\/div>\r\n <div class=\"stat-label\">Cities Covered<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- 3. TESTIMONIALS -->\r\n <section class=\"testimonials-section container\">\r\n <span class=\"section-tag\">WHAT OUR CLIENTS SAY<\/span>\r\n <h2 class=\"section-title\">TRUSTED BY <span>THOUSANDS<\/span><\/h2>\r\n\r\n <div class=\"testimonials-grid\">\r\n <!-- Review 1 -->\r\n <div class=\"testimonial-card\">\r\n <div class=\"user-info\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1573496359142-b8d87734a5a2?auto=format&fit=crop&w=200&q=80\" alt=\"Client\">\r\n <div>\r\n <h4>Priya Sharma<\/h4>\r\n <span>Home Buyer<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"stars\"><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><\/div>\r\n <p class=\"testimonial-text\">\"Homes India made our dream home purchase so smooth and hassle-free. Highly professional team!\"<\/p>\r\n <\/div>\r\n\r\n <!-- Review 2 -->\r\n <div class=\"testimonial-card\">\r\n <div class=\"user-info\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1560250097-0b93528c311a?auto=format&fit=crop&w=200&q=80\" alt=\"Client\">\r\n <div>\r\n <h4>Rahul Bhatia<\/h4>\r\n <span>Investor<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"stars\"><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><\/div>\r\n <p class=\"testimonial-text\">\"Honest guidance and perfect support. I got the best property deal through Homes India.\"<\/p>\r\n <\/div>\r\n\r\n <!-- Review 3 -->\r\n <div class=\"testimonial-card\">\r\n <div class=\"user-info\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1580489944761-15a19d654956?auto=format&fit=crop&w=200&q=80\" alt=\"Client\">\r\n <div>\r\n <h4>Anjali Verma<\/h4>\r\n <span>Home Buyer<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"stars\"><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><\/div>\r\n <p class=\"testimonial-text\">\"Very responsive team and great post-sales support. Easy to business with them!\"<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- 4. LATEST BLOGS -->\r\n <section class=\"blog-section\">\r\n <div class=\"container\">\r\n <div class=\"section-header-flex\">\r\n <div>\r\n <span class=\"section-tag\">LATEST BLOGS<\/span>\r\n <h2 class=\"section-title\">FROM OUR <span>BLOG<\/span><\/h2>\r\n <\/div>\r\n <a href=\"#contactModal\" class=\"btn-outline-sm book-visit-btn\" data-title=\"Blog Inquiry\">VIEW ALL BLOGS →<\/a>\r\n <\/div>\r\n\r\n <div class=\"blog-grid\">\r\n <!-- Blog 1 -->\r\n <div class=\"blog-card\">\r\n <div class=\"blog-img\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600585154526-990dced4db0d?auto=format&fit=crop&w=600&q=80\" alt=\"Blog\">\r\n <span class=\"blog-tag\">REAL ESTATE TIPS<\/span>\r\n <span class=\"blog-date\">28 Mar 2026<\/span>\r\n <\/div>\r\n <div class=\"blog-body\">\r\n <h3 class=\"blog-title\">Top 7 Tips for Buying Your Dream Home in Gurugram<\/h3>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Blog 2 -->\r\n <div class=\"blog-card\">\r\n <div class=\"blog-img\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1486406146926-c627a92ad1ab?auto=format&fit=crop&w=600&q=80\" alt=\"Blog\">\r\n <span class=\"blog-tag\">PROPERTY NEWS<\/span>\r\n <span class=\"blog-date\">12 Mar 2026<\/span>\r\n <\/div>\r\n <div class=\"blog-body\">\r\n <h3 class=\"blog-title\">Why Dwarka Expressway is the Best Real Estate Hub<\/h3>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Blog 3 -->\r\n <div class=\"blog-card\">\r\n <div class=\"blog-img\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1554224155-8d04cb21cd6c?auto=format&fit=crop&w=600&q=80\" alt=\"Blog\">\r\n <span class=\"blog-tag\">INVESTMENT<\/span>\r\n <span class=\"blog-date\">02 Mar 2026<\/span>\r\n <\/div>\r\n <div class=\"blog-body\">\r\n <h3 class=\"blog-title\">Real Estate Investment: Key Reasons Why to Build Your Future<\/h3>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- 5. NEWSLETTER BAR WITH WORKING SUBSCRIBE FORM -->\r\n <section class=\"newsletter-bar\">\r\n <div class=\"container newsletter-flex\">\r\n <div class=\"nl-left\">\r\n <div class=\"nl-icon\"><i class=\"fas fa-envelope\"><\/i><\/div>\r\n <div class=\"nl-text\">\r\n <h3>STAY UPDATED<\/h3>\r\n <p>Subscribe for early access to prime property deals & offers.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"nl-form-wrapper\">\r\n <form class=\"nl-form\" id=\"subscribeForm\">\r\n <input type=\"email\" id=\"subscribeEmail\" placeholder=\"Enter your email address...\" required>\r\n <button type=\"submit\" class=\"subscribe-btn\" id=\"subBtn\">\r\n <span>SUBSCRIBE<\/span>\r\n <i class=\"fas fa-paper-plane\"><\/i>\r\n <\/button>\r\n <\/form>\r\n <div class=\"subscribe-msg\" id=\"subscribeMsg\">\r\n <i class=\"fas fa-check-circle\"><\/i> Thank you! You have successfully subscribed to Homes India updates.\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- 6. FOOTER -->\r\n <footer class=\"footer\">\r\n <div class=\"container\">\r\n <div class=\"footer-grid\">\r\n <!-- Col 1 -->\r\n <div>\r\n <a href=\"#\" class=\"footer-logo\">HOMES <span>INDIA<\/span><\/a>\r\n <p style=\"margin-bottom: 15px;\">Homes India is a trusted real estate solution company providing premium residential and commercial projects across prime locations.<\/p>\r\n <div style=\"display: flex; gap: 10px; font-size: 16px; color: #38bdf8;\">\r\n <i class=\"fab fa-facebook\"><\/i>\r\n <i class=\"fab fa-instagram\"><\/i>\r\n <i class=\"fab fa-linkedin\"><\/i>\r\n <i class=\"fab fa-youtube\"><\/i>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Col 2 -->\r\n <div class=\"footer-col\">\r\n <h4>QUICK LINKS<\/h4>\r\n <ul>\r\n <li><a href=\"#\">Home<\/a><\/li>\r\n <li><a href=\"#\">About Us<\/a><\/li>\r\n <li><a href=\"#\">Properties<\/a><\/li>\r\n <li><a href=\"#\">Services<\/a><\/li>\r\n <li><a href=\"#\">Contact Us<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <!-- Col 3 -->\r\n <div class=\"footer-col\">\r\n <h4>BUILDERS<\/h4>\r\n <ul>\r\n <li><a href=\"#\">SS Group<\/a><\/li>\r\n <li><a href=\"#\">Emaar India<\/a><\/li>\r\n <li><a href=\"#\">Signature Global<\/a><\/li>\r\n <li><a href=\"#\">M3M India<\/a><\/li>\r\n <li><a href=\"#\">Smart World<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <!-- Col 4 -->\r\n <div class=\"footer-col\">\r\n <h4>POPULAR LOCATIONS<\/h4>\r\n <ul>\r\n <li><a href=\"#\">Sector 83<\/a><\/li>\r\n <li><a href=\"#\">Dwarka Expressway<\/a><\/li>\r\n <li><a href=\"#\">Golf Course Ext.<\/a><\/li>\r\n <li><a href=\"#\">Sector 37D<\/a><\/li>\r\n <li><a href=\"#\">Sector 103<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <!-- Col 5 -->\r\n <div class=\"footer-col\">\r\n <h4>CONTACT US<\/h4>\r\n <ul class=\"footer-contact\">\r\n <li><i class=\"fas fa-phone-alt\"><\/i> <a href=\"tel:9599502677\">+91 9599502677<\/a><\/li>\r\n <li><i class=\"fas fa-envelope\"><\/i> <a href=\"mailto:chaharanoop99@gmail.com\">chaharanoop99@gmail.com<\/a><\/li>\r\n <li><i class=\"fas fa-map-marker-alt\"><\/i> Gurugram, Haryana, India<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"footer-bottom\">\r\n <p>© 2026 Homes India. All Rights Reserved.<\/p>\r\n <div>\r\n <a href=\"#\" style=\"margin-right: 15px;\">Privacy Policy<\/a>\r\n <a href=\"#\">Terms & Conditions<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/footer>\r\n\r\n <!-- BACK TO TOP BUTTON -->\r\n <div class=\"back-to-top\" onclick=\"window.scrollTo({top:0, behavior:'smooth'})\">\r\n <i class=\"fas fa-arrow-up\"><\/i>\r\n <\/div>\r\n\r\n <!-- CONTACT \/ CALLBACK MODAL POPUP -->\r\n <div class=\"modal\" id=\"contactModal\">\r\n <div class=\"modal-card\">\r\n <button class=\"modal-close\" id=\"closeModal\">×<\/button>\r\n <div style=\"text-align: center; margin-bottom: 20px;\">\r\n <span style=\"background: #e0f2fe; color: #0284c7; padding: 4px 12px; border-radius: 12px; font-weight:600; font-size:12px;\">15+ Years Experience<\/span>\r\n <h3 style=\"font-family: 'Playfair Display', serif; font-size: 24px; color: #0f172a; margin-top:10px;\">Homes India<\/h3>\r\n <p style=\"font-size: 13px; color: #64748b;\">Inquiry for: <strong id=\"modalProjectName\" style=\"color: #0284c7;\">-<\/strong><\/p>\r\n <\/div>\r\n\r\n <div style=\"display: flex; flex-direction: column; gap: 10px;\">\r\n <a href=\"tel:9599502677\" style=\"display: flex; align-items: center; gap: 12px; padding: 12px; border: 1px solid #cbd5e1; border-radius: 6px;\">\r\n <i class=\"fas fa-phone-alt\" style=\"color: #0284c7; font-size: 18px;\"><\/i>\r\n <div>\r\n <div style=\"font-size: 11px; color: #64748b;\">Call Direct<\/div>\r\n <div style=\"font-weight: 600; color: #0f172a;\">+91 9599502677<\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n <a href=\"mailto:chaharanoop99@gmail.com\" style=\"display: flex; align-items: center; gap: 12px; padding: 12px; border: 1px solid #cbd5e1; border-radius: 6px;\">\r\n <i class=\"fas fa-envelope\" style=\"color: #0284c7; font-size: 18px;\"><\/i>\r\n <div>\r\n <div style=\"font-size: 11px; color: #64748b;\">Email Us<\/div>\r\n <div style=\"font-weight: 600; color: #0f172a;\">chaharanoop99@gmail.com<\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n <a href=\"https:\/\/wa.me\/919599502677\" target=\"_blank\" style=\"display: flex; align-items: center; gap: 12px; padding: 12px; border: 1px solid #22c55e; border-radius: 6px; background: #f0fdf4;\">\r\n <i class=\"fab fa-whatsapp\" style=\"color: #22c55e; font-size: 20px;\"><\/i>\r\n <div>\r\n <div style=\"font-size: 11px; color: #166534;\">WhatsApp Chat<\/div>\r\n <div style=\"font-weight: 600; color: #15803d;\">Connect Instantly<\/div>\r\n <\/div>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- JavaScript -->\r\n <script>\r\n document.addEventListener('DOMContentLoaded', function() {\r\n \/\/ Modal Elements\r\n const modal = document.getElementById('contactModal');\r\n const closeModal = document.getElementById('closeModal');\r\n const projectNameEl = document.getElementById('modalProjectName');\r\n\r\n \/\/ 1. Popup Modal Event Listeners\r\n document.querySelectorAll('.book-visit-btn').forEach(btn => {\r\n btn.addEventListener('click', function(e) {\r\n e.preventDefault();\r\n const title = this.getAttribute('data-title') || 'Homes India Properties';\r\n projectNameEl.innerText = title;\r\n modal.classList.add('active');\r\n });\r\n });\r\n\r\n closeModal.addEventListener('click', function() {\r\n modal.classList.remove('active');\r\n });\r\n\r\n window.addEventListener('click', function(e) {\r\n if (e.target === modal) {\r\n modal.classList.remove('active');\r\n }\r\n });\r\n\r\n \/\/ 2. Working Subscribe Form Handler\r\n const subscribeForm = document.getElementById('subscribeForm');\r\n const subscribeEmail = document.getElementById('subscribeEmail');\r\n const subscribeMsg = document.getElementById('subscribeMsg');\r\n const subBtn = document.getElementById('subBtn');\r\n\r\n subscribeForm.addEventListener('submit', function(e) {\r\n e.preventDefault(); \/\/ Prevents page reload\r\n \r\n if(subscribeEmail.value.trim() !== '') {\r\n \/\/ Update button UI briefly\r\n subBtn.innerHTML = '<i class=\"fas fa-spinner fa-spin\"><\/i> Subscribing...';\r\n \r\n setTimeout(function() {\r\n subBtn.innerHTML = '<span>SUBSCRIBED<\/span> <i class=\"fas fa-check\"><\/i>';\r\n subBtn.style.backgroundColor = '#0284c7';\r\n subscribeMsg.style.display = 'block';\r\n subscribeEmail.value = ''; \/\/ Reset input field\r\n\r\n \/\/ Reset back after 4 seconds\r\n setTimeout(function() {\r\n subBtn.innerHTML = '<span>SUBSCRIBE<\/span> <i class=\"fas fa-paper-plane\"><\/i>';\r\n subBtn.style.backgroundColor = '#38bdf8';\r\n subscribeMsg.style.display = 'none';\r\n }, 4000);\r\n }, 600);\r\n }\r\n });\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Homes India – Luxury Living, Perfectly Crafted FIND YOUR PERFECT SPACE LUXURY LIVING PERFECTLY CRAFTED Homes India brings you a […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-45","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/homesindiaproperty.com\/index.php?rest_route=\/wp\/v2\/pages\/45","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/homesindiaproperty.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/homesindiaproperty.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/homesindiaproperty.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/homesindiaproperty.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=45"}],"version-history":[{"count":10,"href":"https:\/\/homesindiaproperty.com\/index.php?rest_route=\/wp\/v2\/pages\/45\/revisions"}],"predecessor-version":[{"id":69,"href":"https:\/\/homesindiaproperty.com\/index.php?rest_route=\/wp\/v2\/pages\/45\/revisions\/69"}],"wp:attachment":[{"href":"https:\/\/homesindiaproperty.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=45"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}