Our Properties | Devika Landmarks<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600&family=Inter:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n<style>\n :root{\n --navy:#1a2456;\n --navy-deep:#12183d;\n --gold:#c99a3c;\n --gold-light:#e0b563;\n --cream:#f4f0e6;\n --cream-card:#faf8f2;\n --ink:#26314f;\n --muted:#6b7280;\n --line:#e4ddcb;\n }\n *{box-sizing:border-box;}\n body{\n margin:0;\n background:var(--cream);\n color:var(--ink);\n font-family:'Inter',sans-serif;\n }\n h1,h2,h3{\n font-family:'Fraunces',serif;\n color:var(--navy);\n margin:0;\n }\n .eyebrow{\n display:flex;\n align-items:center;\n gap:10px;\n font-size:0.75rem;\n letter-spacing:2px;\n font-weight:600;\n color:var(--gold);\n text-transform:uppercase;\n margin-bottom:14px;\n }\n .eyebrow::before,.eyebrow::after{\n content:\"\";\n height:1px;\n width:28px;\n background:var(--gold);\n }\n .wrap{\n max-width:1240px;\n margin:0 auto;\n padding:0 32px;\n }\n\n \/* HEADER *\/\n header.page-head{\n padding:72px 0 48px;\n text-align:center;\n }\n header.page-head h1{\n font-size:2.6rem;\n font-weight:500;\n line-height:1.2;\n }\n header.page-head h1 span{color:var(--gold);}\n header.page-head p{\n max-width:560px;\n margin:18px auto 0;\n color:var(--muted);\n font-size:1rem;\n line-height:1.6;\n }\n .stat-row{\n display:flex;\n justify-content:center;\n gap:56px;\n margin-top:38px;\n flex-wrap:wrap;\n }\n .stat-row div{text-align:center;}\n .stat-row strong{\n font-family:'Fraunces',serif;\n font-size:1.9rem;\n color:var(--navy);\n display:block;\n }\n .stat-row span{\n font-size:0.72rem;\n letter-spacing:1px;\n color:var(--muted);\n text-transform:uppercase;\n }\n\n \/* FILTER BAR *\/\n .filter-bar{\n position:sticky;\n top:0;\n z-index:20;\n background:rgba(244,240,230,0.92);\n backdrop-filter:blur(6px);\n border-bottom:1px solid var(--line);\n padding:18px 0;\n }\n .filter-inner{\n display:flex;\n flex-wrap:wrap;\n gap:14px;\n align-items:center;\n justify-content:space-between;\n }\n .pill-group{display:flex;gap:10px;flex-wrap:wrap;}\n .pill{\n border:1px solid var(--line);\n background:#fff;\n color:var(--ink);\n padding:9px 18px;\n border-radius:999px;\n font-size:0.85rem;\n font-weight:500;\n cursor:pointer;\n transition:all .2s ease;\n }\n .pill.active{\n background:var(--navy);\n border-color:var(--navy);\n color:#fff;\n }\n .pill:hover:not(.active){border-color:var(--navy);}\n .select-group{display:flex;gap:10px;flex-wrap:wrap;}\n select{\n border:1px solid var(--line);\n background:#fff;\n color:var(--ink);\n padding:9px 16px;\n border-radius:999px;\n font-size:0.85rem;\n font-family:inherit;\n cursor:pointer;\n }\n .result-count{\n font-size:0.85rem;\n color:var(--muted);\n }\n\n \/* GRID *\/\n section.grid-section{padding:52px 0 30px;}\n .grid{\n display:grid;\n grid-template-columns:repeat(3,1fr);\n gap:28px;\n }\n .card{\n background:var(--cream-card);\n border:1px solid var(--line);\n border-radius:14px;\n overflow:hidden;\n display:flex;\n flex-direction:column;\n transition:transform .25s ease, box-shadow .25s ease;\n }\n .card:hover{\n transform:translateY(-4px);\n box-shadow:0 18px 30px -18px rgba(26,36,86,0.35);\n }\n .card .img{\n position:relative;\n height:200px;\n background-size:cover;\n background-position:center;\n }\n .badge{\n position:absolute;\n top:14px;\n left:14px;\n background:rgba(26,36,86,0.85);\n color:#fff;\n font-size:0.7rem;\n letter-spacing:0.5px;\n padding:5px 12px;\n border-radius:999px;\n text-transform:uppercase;\n font-weight:600;\n }\n .badge.ready{background:rgba(201,154,60,0.92);}\n .card .body{\n padding:20px 22px 22px;\n display:flex;\n flex-direction:column;\n gap:10px;\n flex:1;\n }\n .loc{\n font-size:0.78rem;\n color:var(--muted);\n display:flex;\n align-items:center;\n gap:5px;\n }\n .card h3{\n font-size:1.25rem;\n font-weight:500;\n }\n .tags{display:flex;gap:8px;flex-wrap:wrap;}\n .tag{\n background:#eee7d6;\n color:var(--navy);\n font-size:0.7rem;\n font-weight:600;\n padding:4px 10px;\n border-radius:6px;\n }\n .card-foot{\n margin-top:auto;\n display:flex;\n justify-content:space-between;\n align-items:flex-end;\n padding-top:8px;\n border-top:1px solid var(--line);\n }\n .price-label{\n font-size:0.68rem;\n color:var(--muted);\n letter-spacing:0.5px;\n text-transform:uppercase;\n }\n .price{\n font-family:'Fraunces',serif;\n font-size:1.15rem;\n color:var(--navy);\n font-weight:500;\n }\n .view-link{\n color:var(--navy);\n font-size:0.85rem;\n font-weight:600;\n text-decoration:none;\n display:flex;\n align-items:center;\n gap:5px;\n }\n .view-link:hover{color:var(--gold);}\n\n \/* COMING SOON CARD *\/\n .card.soon{\n align-items:center;\n justify-content:center;\n text-align:center;\n background:transparent;\n border-style:dashed;\n min-height:340px;\n padding:30px;\n }\n .card.soon h3{font-size:1.1rem;color:var(--navy);}\n .card.soon p{color:var(--muted);font-size:0.85rem;margin-top:8px;}\n\n .empty-state{\n text-align:center;\n padding:80px 20px;\n color:var(--muted);\n display:none;\n }\n .empty-state h3{color:var(--navy);margin-bottom:8px;}\n\n \/* CTA BAND *\/\n .cta-band{\n background:var(--navy-deep);\n margin-top:70px;\n padding:64px 0;\n text-align:center;\n color:#fff;\n }\n .cta-band h2{\n color:#fff;\n font-size:1.9rem;\n font-weight:500;\n margin-bottom:14px;\n }\n .cta-band p{\n color:#c9cee0;\n max-width:480px;\n margin:0 auto 26px;\n }\n .btn{\n background:var(--gold);\n color:var(--navy-deep);\n border:none;\n padding:14px 32px;\n border-radius:999px;\n font-weight:700;\n font-size:0.9rem;\n cursor:pointer;\n text-decoration:none;\n display:inline-block;\n }\n .btn:hover{background:var(--gold-light);}\n\n footer{\n text-align:center;\n padding:28px;\n font-size:0.78rem;\n color:var(--muted);\n }\n\n @media(max-width:960px){\n .grid{grid-template-columns:repeat(2,1fr);}\n }\n @media(max-width:640px){\n .grid{grid-template-columns:1fr;}\n .filter-inner{flex-direction:column;align-items:stretch;}\n .pill-group,.select-group{justify-content:center;}\n header.page-head h1{font-size:1.9rem;}\n }\n\n @media(prefers-reduced-motion:reduce){\n .card{transition:none;}\n }\n<\/style>\n<\/head>\n<body>\n\n<div class=\"filter-bar\" style=\"margin-top:0;\">\n <div class=\"wrap filter-inner\">\n <div class=\"pill-group\" id=\"typeFilters\">\n <button class=\"pill active\" data-type=\"all\">All Projects<\/button>\n <button class=\"pill\" data-type=\"residential\">Residential<\/button>\n <button class=\"pill\" data-type=\"commercial\">Commercial<\/button>\n <button class=\"pill\" data-status=\"ready\">Ready to Move<\/button>\n <\/div>\n <div class=\"select-group\">\n <select id=\"cityFilter\">\n <option value=\"all\">All Cities<\/option>\n <\/select>\n <select id=\"sortFilter\">\n <option value=\"default\">Sort: Featured<\/option>\n <option value=\"low\">Price: Low to High<\/option>\n <option value=\"high\">Price: High to Low<\/option>\n <\/select>\n <\/div>\n <\/div>\n<\/div>\n\n<section class=\"grid-section\">\n <div class=\"wrap\">\n <p class=\"result-count\" id=\"resultCount\" style=\"margin-bottom:22px;\"><\/p>\n <div class=\"grid\" id=\"propertyGrid\"><\/div>\n <div class=\"empty-state\" id=\"emptyState\">\n <h3>No projects match these filters.<\/h3>\n <p>Try clearing a filter, or reach out \u2014 we may have something not listed yet.<\/p>\n <\/div>\n <\/div>\n<\/section>\n\n<script>\nconst properties = [\n {\n name:\"IVY Towers\",\n city:\"Ranchi\",\n location:\"Barlatu, Ranchi\",\n type:\"residential\",\n status:\"construction\",\n tags:[\"3 & 4 BHK Villas\",\"Possession 2026\"],\n priceLabel:\"Starting At\",\n price:\"\u20b92.1 Cr\",\n priceValue:21000000,\n img:\"https:\/\/images.unsplash.com\/photo-1600585154340-be6161a56a0c?q=80&w=800&auto=format&fit=crop\"\n },\n {\n name:\"Devika Riverstone\",\n city:\"Pune\",\n location:\"Baner, Pune\",\n type:\"residential\",\n status:\"ready\",\n tags:[\"1 & 2 BHK\",\"RERA Registered\"],\n priceLabel:\"Starting At\",\n price:\"\u20b952L\",\n priceValue:5200000,\n img:\"https:\/\/images.unsplash.com\/photo-1512917774080-9991f1c4c750?q=80&w=800&auto=format&fit=crop\"\n },\n {\n name:\"Devika Northgate Mall\",\n city:\"Hyderabad\",\n location:\"Gachibowli, Hyderabad\",\n type:\"commercial\",\n status:\"construction\",\n tags:[\"Retail Spaces\",\"Possession 2028\"],\n priceLabel:\"Starting At\",\n price:\"\u20b995L\",\n priceValue:9500000,\n img:\"https:\/\/images.unsplash.com\/photo-1441986300917-64674bd600d8?q=80&w=800&auto=format&fit=crop\"\n }\n];\n\nconst grid = document.getElementById('propertyGrid');\nconst cityFilterEl = document.getElementById('cityFilter');\nconst emptyState = document.getElementById('emptyState');\nconst resultCount = document.getElementById('resultCount');\n\nlet activeType = 'all';\nlet activeStatus = null;\nlet activeCity = 'all';\nlet activeSort = 'default';\n\nfunction populateCities(){\n const cities = [...new Set(properties.map(p=>p.city))];\n cities.forEach(c=>{\n const opt = document.createElement('option');\n opt.value = c;\n opt.textContent = c;\n cityFilterEl.appendChild(opt);\n });\n}\n\nfunction badgeLabel(status){\n return status === 'ready' ? 'Ready to Move' : 'Under Construction';\n}\n\nfunction render(){\n let list = properties.filter(p=>{\n const typeOk = activeType === 'all' || p.type === activeType;\n const statusOk = !activeStatus || p.status === activeStatus;\n const cityOk = activeCity === 'all' || p.city === activeCity;\n return typeOk && statusOk && cityOk;\n });\n\n if(activeSort === 'low') list.sort((a,b)=>a.priceValue-b.priceValue);\n if(activeSort === 'high') list.sort((a,b)=>b.priceValue-a.priceValue);\n\n grid.innerHTML = '';\n if(list.length === 0){\n emptyState.style.display = 'block';\n } else {\n emptyState.style.display = 'none';\n list.forEach(p=>{\n const card = document.createElement('div');\n card.className = 'card';\n card.innerHTML = `\n <div class=\"img\" style=\"background-image:url('${p.img}')\">\n <span class=\"badge ${p.status==='ready'?'ready':''}\">${badgeLabel(p.status)}<\/span>\n <\/div>\n <div class=\"body\">\n <div class=\"loc\">\ud83d\udccd ${p.location}<\/div>\n <h3>${p.name}<\/h3>\n <div class=\"tags\">${p.tags.map(t=>`<span class=\"tag\">${t}<\/span>`).join('')}<\/div>\n <div class=\"card-foot\">\n <div>\n <div class=\"price-label\">${p.priceLabel}<\/div>\n <div class=\"price\">${p.price}<\/div>\n <\/div>\n <a href=\"#\" class=\"view-link\">View Details \u2192<\/a>\n <\/div>\n <\/div>`;\n grid.appendChild(card);\n });\n\n \/\/ Coming soon card, only shown on the unfiltered \"all\" view\n if(activeType==='all' && !activeStatus && activeCity==='all'){\n const soon = document.createElement('div');\n soon.className = 'card soon';\n soon.innerHTML = `<div><h3>New project incoming<\/h3><p>Our next landmark is in planning. Register interest to hear first.<\/p><\/div>`;\n grid.appendChild(soon);\n }\n }\n\n resultCount.textContent = `${list.length} project${list.length!==1?'s':''} found`;\n}\n\ndocument.querySelectorAll('#typeFilters .pill').forEach(btn=>{\n btn.addEventListener('click', ()=>{\n document.querySelectorAll('#typeFilters .pill').forEach(b=>b.classList.remove('active'));\n btn.classList.add('active');\n if(btn.dataset.status){\n activeStatus = btn.dataset.status;\n activeType = 'all';\n } else {\n activeStatus = null;\n activeType = btn.dataset.type;\n }\n render();\n });\n});\n\ncityFilterEl.addEventListener('change', e=>{\n activeCity = e.target.value;\n render();\n});\n\ndocument.getElementById('sortFilter').addEventListener('change', e=>{\n activeSort = e.target.value;\n render();\n});\n\npopulateCities();\nrender();\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Properties Explore properties by Devika Landmarks. Quality construction, prime locations, and homes built for modern living. Our Properties | Devika Landmarks All Projects Residential Commercial Ready to Move All Cities Sort: FeaturedPrice: Low to HighPrice: High to Low No projects match these filters. Try clearing a filter, or reach out \u2014 we may have something […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-481","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/devikalandmarks.com\/index.php\/wp-json\/wp\/v2\/pages\/481","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/devikalandmarks.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/devikalandmarks.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/devikalandmarks.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/devikalandmarks.com\/index.php\/wp-json\/wp\/v2\/comments?post=481"}],"version-history":[{"count":13,"href":"https:\/\/devikalandmarks.com\/index.php\/wp-json\/wp\/v2\/pages\/481\/revisions"}],"predecessor-version":[{"id":496,"href":"https:\/\/devikalandmarks.com\/index.php\/wp-json\/wp\/v2\/pages\/481\/revisions\/496"}],"wp:attachment":[{"href":"https:\/\/devikalandmarks.com\/index.php\/wp-json\/wp\/v2\/media?parent=481"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}