\n $\"Property\"$ \n

\n${property.badge}\n \n

\nFor Sale\n

\n${property.details}\n \n

\n${property.area}\n \n\n${property.pricePerSqm}\n \n${property.priceShort}\n \n

\n\n${property.title}\n

${property.price}\n

${property.propertyType}\n

${property.location}\n

\n-- Bed\n

\n-- Bath\n

\n${property.lotSize}\n \n

\n-- Floor\n

\n\n

\n`;\n }\n // Function to generate carousel slides\n function generateCarousel() {\n const carouselInner = document.getElementById('carouselInner');\n const carouselIndicators = document.getElementById('carouselIndicators');\n if (!carouselInner || !carouselIndicators) {\n console.log('Carousel elements not found, retrying...');\n setTimeout(generateCarousel, 100);\n return;\n }\n const cardsPerSlide = 3;\n const totalSlides = Math.ceil(properties.length / cardsPerSlide);\n // Clear existing content\n carouselInner.innerHTML = '';\n carouselIndicators.innerHTML = '';\n // Generate slides\n for (let i = 0; i < totalSlides; i++) {\n const startIndex = i * cardsPerSlide;\n const endIndex = Math.min(startIndex + cardsPerSlide, properties.length);\n const slideProperties = properties.slice(startIndex, endIndex);\n const slideHTML = `\n

\n${slideProperties.map(property => createPropertyCard(property)).join('')}\n

\n`;\n carouselInner.innerHTML += slideHTML;\n }\n // Generate indicators\n for (let i = 0; i < totalSlides; i++) {\n const indicatorHTML = `\n\n`;\n carouselIndicators.innerHTML += indicatorHTML;\n }\n }\n // Initialize carousel with multiple fallback methods for GrapeJS\n function initCarousel() {\n // Try immediate execution\n generateCarousel();\n // Also try after a short delay\n setTimeout(generateCarousel, 50);\n // And try after DOM is fully loaded\n setTimeout(generateCarousel, 200);\n }\n // Multiple initialization methods for GrapeJS compatibility\n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', initCarousel);\n }\n else {\n initCarousel();\n }\n // Also try when window loads\n window.addEventListener('load', initCarousel);\n // For GrapeJS editor, try periodically\n if (typeof window.grapesjs !== 'undefined') {\n setInterval(() => {\n const carouselInner = document.getElementById('carouselInner');\n if (carouselInner && carouselInner.children.length === 0) {\n generateCarousel();\n }\n }\n , 1000);\n }\n // Search functionality\n function initSearch() {\n const searchInput = document.getElementById('iyj64');\n const searchButton = document.getElementById('i1ej2');\n if (searchInput && searchButton) {\n // Add click event listener to search button\n searchButton.addEventListener('click', function (e) {\n e.preventDefault();\n // Prevent default link behavior\n const query = searchInput.value.trim();\n if (query) {\n // Update the href with the search query\n searchButton.href = `/search?query=${encodeURIComponent(query)}\n`;\n // Navigate to the new URL\n window.location.href = searchButton.href;\n }\n }\n );\n // Add Enter key support for search input\n searchInput.addEventListener('keypress', function (e) {\n if (e.key === 'Enter') {\n e.preventDefault();\n const query = searchInput.value.trim();\n if (query) {\n // Update the href with the search query\n searchButton.href = `/search?query=${encodeURIComponent(query)}\n`;\n // Navigate to the new URL\n window.location.href = searchButton.href;\n }\n }\n }\n );\n }\n }\n // Initialize search functionality\n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', initSearch);\n }\n else {\n initSearch();\n }\n "}]}],"head":{"type":"head"},"docEl":{"tagName":"html"}},"id":"Ikcm5iZp8KoGjPSt"}],"id":"6tdnGYLaAjnh1V4l"}],"symbols":[]}

✳️ Lumira Nuvali Lots by Alveo Land for sale

In stock

Description: