*/}\n
\n\n
\n {banner.data.filter(img => img.active).map((img, index) => (\n
\n
\n {banner.data.loading ? (\n
Loading...
\n ) : banner.data.error ? (\n
Error: {banner.error}
\n ) : (\n banner.data.filter(img => img.active).map((img, index) => (\n
\n
\n
\n ))\n )}\n
\n
\n
{home.data.heroSubtitle} \n
{home.data.heroTitle} \n
{home.data.heroDescription}
\n
\n
\n
\n \n \n\n \n )\n}\n\nexport default HeroSlider","import { faBuilding, faHandshake, faHome, faLongArrowAltRight, faMoneyBill, faMoneyBill1Wave, faQuoteLeft } from '@fortawesome/free-solid-svg-icons'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport React, { useEffect } from 'react'\nimport { useDispatch, useSelector } from 'react-redux';\nimport { BASE_URL } from '../../constants/Constant';\nimport { Link } from 'react-router-dom';\nimport ReactStars from 'react-stars'\nimport { fetchTestimonialData } from '../../actions/testimonialActions';\n\nconst Testimonials = ({ ispage, showAll }) => {\n const dispatch = useDispatch()\n const home = useSelector((state) => state.home);\n const testimonial = useSelector((state) => state.testimonial);\n\n\n useEffect(() => {\n\n dispatch(fetchTestimonialData());\n\n }, [dispatch]);\n\n return (\n <>\n
\n \n {\n !ispage &&
\n
\n
{home.data.testimonialSubtitle} \n {home.data.testimonialTitle} \n \n
\n }\n\n
\n\n {testimonial.data.loading ? (\n
Loading...
\n ) : testimonial.data.error ? (\n
Error: {testimonial.error}
\n ) : (\n // testimonial.data?.map((t, index) => (\n (showAll ? testimonial.data : testimonial.data?.slice(0, 6))?.map((t, index) => (\n
\n
\n
\n
\n
\n
\n
\n
\n {t.description}\n
\n
\n
\n
{t.username} \n
{t.designation}
\n
\n
\n
\n {/*
*/}\n
\n
\n
\n
\n
\n ))\n )}\n
\n\n {\n !ispage &&
\n
\n View All Testimonials \n
\n
\n }\n
\n \n )\n}\n\nexport default Testimonials","import { faBuilding, faHandshake, faHome, faMoneyBill, faMoneyBill1Wave } from '@fortawesome/free-solid-svg-icons'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport React from 'react'\nimport { useSelector } from 'react-redux';\nimport { BASE_URL } from '../../constants/Constant';\n\nconst WhyUs = () => {\n const home = useSelector((state) => state.home);\n\n const whyData = useSelector((state) => state.whyus);\n\n return (\n <>\n
\n \n
\n
\n
{home.data.whyTitle} \n \n
\n\n
\n\n {whyData.data.loading ? (\n
Loading...
\n ) : whyData.data.error ? (\n
Error: {whyData.error}
\n ) : (\n\n whyData.data.map((why, index) => (\n
\n
\n
\n
\n {/*
*/}\n {/*
*/}\n
\n
\n
{why.title} \n
{why.description}
\n
\n
\n
\n ))\n\n )}\n\n\n\n {/* \n
\n
\n
\n
\n
Wide Renge Of Properties \n
It is a long established fact that a reader will be distracted by fact that a reader will be distracted by the readable content of a page when looking at its layout.
\n
\n
\n
*/}\n {/* \n
\n
\n
\n
\n
Financing Made Easy \n
It is a long established fact that a reader will be distracted by fact that a reader will be distracted by the readable content of a page when looking at its layout.
\n
\n
\n
\n
\n
\n
\n
\n
Trusted By Thousands \n
It is a long established fact that a reader will be distracted by fact that a reader will be distracted by the readable content of a page when looking at its layout.
\n
\n
\n
\n\n
\n
\n
\n
\n
Wide Renge Of Properties \n
It is a long established fact that a reader will be distracted by fact that a reader will be distracted by the readable content of a page when looking at its layout.
\n
\n
\n
\n \n
\n
\n
\n
\n
Financing Made Easy \n
It is a long established fact that a reader will be distracted by fact that a reader will be distracted by the readable content of a page when looking at its layout.
\n
\n
\n
*/}\n
\n
\n \n )\n}\n\nexport default WhyUs","\"use client\";\n\nimport * as React from 'react';\nimport { useContext, useMemo } from 'react';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport const DEFAULT_BREAKPOINTS = ['xxl', 'xl', 'lg', 'md', 'sm', 'xs'];\nexport const DEFAULT_MIN_BREAKPOINT = 'xs';\nconst ThemeContext = /*#__PURE__*/React.createContext({\n prefixes: {},\n breakpoints: DEFAULT_BREAKPOINTS,\n minBreakpoint: DEFAULT_MIN_BREAKPOINT\n});\nconst {\n Consumer,\n Provider\n} = ThemeContext;\nfunction ThemeProvider({\n prefixes = {},\n breakpoints = DEFAULT_BREAKPOINTS,\n minBreakpoint = DEFAULT_MIN_BREAKPOINT,\n dir,\n children\n}) {\n const contextValue = useMemo(() => ({\n prefixes: {\n ...prefixes\n },\n breakpoints,\n minBreakpoint,\n dir\n }), [prefixes, breakpoints, minBreakpoint, dir]);\n return /*#__PURE__*/_jsx(Provider, {\n value: contextValue,\n children: children\n });\n}\nexport function useBootstrapPrefix(prefix, defaultPrefix) {\n const {\n prefixes\n } = useContext(ThemeContext);\n return prefix || prefixes[defaultPrefix] || defaultPrefix;\n}\nexport function useBootstrapBreakpoints() {\n const {\n breakpoints\n } = useContext(ThemeContext);\n return breakpoints;\n}\nexport function useBootstrapMinBreakpoint() {\n const {\n minBreakpoint\n } = useContext(ThemeContext);\n return minBreakpoint;\n}\nexport function useIsRTL() {\n const {\n dir\n } = useContext(ThemeContext);\n return dir === 'rtl';\n}\nfunction createBootstrapComponent(Component, opts) {\n if (typeof opts === 'string') opts = {\n prefix: opts\n };\n const isClassy = Component.prototype && Component.prototype.isReactComponent;\n // If it's a functional component make sure we don't break it with a ref\n const {\n prefix,\n forwardRefAs = isClassy ? 'ref' : 'innerRef'\n } = opts;\n const Wrapped = /*#__PURE__*/React.forwardRef(({\n ...props\n }, ref) => {\n props[forwardRefAs] = ref;\n const bsPrefix = useBootstrapPrefix(props.bsPrefix, prefix);\n return /*#__PURE__*/_jsx(Component, {\n ...props,\n bsPrefix: bsPrefix\n });\n });\n Wrapped.displayName = `Bootstrap(${Component.displayName || Component.name})`;\n return Wrapped;\n}\nexport { createBootstrapComponent, Consumer as ThemeConsumer };\nexport default ThemeProvider;","import { useEffect, useRef } from 'react';\n\n/**\n * Creates a `Ref` whose value is updated in an effect, ensuring the most recent\n * value is the one rendered with. Generally only required for Concurrent mode usage\n * where previous work in `render()` may be discarded before being used.\n *\n * This is safe to access in an event handler.\n *\n * @param value The `Ref` value\n */\nfunction useCommittedRef(value) {\n const ref = useRef(value);\n useEffect(() => {\n ref.current = value;\n }, [value]);\n return ref;\n}\nexport default useCommittedRef;","import { useEffect, useLayoutEffect } from 'react';\nconst isReactNative = typeof global !== 'undefined' &&\n// @ts-ignore\nglobal.navigator &&\n// @ts-ignore\nglobal.navigator.product === 'ReactNative';\nconst isDOM = typeof document !== 'undefined';\n\n/**\n * Is `useLayoutEffect` in a DOM or React Native environment, otherwise resolves to useEffect\n * Only useful to avoid the console warning.\n *\n * PREFER `useEffect` UNLESS YOU KNOW WHAT YOU ARE DOING.\n *\n * @category effects\n */\nexport default isDOM || isReactNative ? useLayoutEffect : useEffect;","import { useState } from 'react';\nimport useEffect from './useIsomorphicEffect';\nconst targetMap = new WeakMap();\nlet resizeObserver;\nfunction getResizeObserver() {\n // eslint-disable-next-line no-return-assign\n return resizeObserver = resizeObserver || new window.ResizeObserver(entries => {\n entries.forEach(entry => {\n const handler = targetMap.get(entry.target);\n if (handler) handler(entry.contentRect);\n });\n });\n}\n\n/**\n * Efficiently observe size changes on an element. Depends on the `ResizeObserver` api,\n * and polyfills are needed in older browsers.\n *\n * ```ts\n * const [ref, attachRef] = useCallbackRef(null);\n *\n * const rect = useResizeObserver(ref);\n *\n * return (\n *
\n * {JSON.stringify(rect)}\n *
\n * )\n * ```\n *\n * @param element The DOM element to observe\n */\nexport default function useResizeObserver(element) {\n const [rect, setRect] = useState(null);\n useEffect(() => {\n if (!element) return;\n getResizeObserver().observe(element);\n setRect(element.getBoundingClientRect());\n targetMap.set(element, rect => {\n setRect(rect);\n });\n return () => {\n targetMap.delete(element);\n };\n }, [element]);\n return rect;\n}","const _excluded = [\"as\", \"disabled\"];\nfunction _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.indexOf(n) >= 0) continue; t[n] = r[n]; } return t; }\nimport * as React from 'react';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport function isTrivialHref(href) {\n return !href || href.trim() === '#';\n}\nexport function useButtonProps({\n tagName,\n disabled,\n href,\n target,\n rel,\n role,\n onClick,\n tabIndex = 0,\n type\n}) {\n if (!tagName) {\n if (href != null || target != null || rel != null) {\n tagName = 'a';\n } else {\n tagName = 'button';\n }\n }\n const meta = {\n tagName\n };\n if (tagName === 'button') {\n return [{\n type: type || 'button',\n disabled\n }, meta];\n }\n const handleClick = event => {\n if (disabled || tagName === 'a' && isTrivialHref(href)) {\n event.preventDefault();\n }\n if (disabled) {\n event.stopPropagation();\n return;\n }\n onClick == null ? void 0 : onClick(event);\n };\n const handleKeyDown = event => {\n if (event.key === ' ') {\n event.preventDefault();\n handleClick(event);\n }\n };\n if (tagName === 'a') {\n // Ensure there's a href so Enter can trigger anchor button.\n href || (href = '#');\n if (disabled) {\n href = undefined;\n }\n }\n return [{\n role: role != null ? role : 'button',\n // explicitly undefined so that it overrides the props disabled in a spread\n // e.g.
\n disabled: undefined,\n tabIndex: disabled ? undefined : tabIndex,\n href,\n target: tagName === 'a' ? target : undefined,\n 'aria-disabled': !disabled ? undefined : disabled,\n rel: tagName === 'a' ? rel : undefined,\n onClick: handleClick,\n onKeyDown: handleKeyDown\n }, meta];\n}\nconst Button = /*#__PURE__*/React.forwardRef((_ref, ref) => {\n let {\n as: asProp,\n disabled\n } = _ref,\n props = _objectWithoutPropertiesLoose(_ref, _excluded);\n const [buttonProps, {\n tagName: Component\n }] = useButtonProps(Object.assign({\n tagName: asProp,\n disabled\n }, props));\n return /*#__PURE__*/_jsx(Component, Object.assign({}, props, buttonProps, {\n ref: ref\n }));\n});\nButton.displayName = 'Button';\nexport default Button;","const _excluded = [\"onKeyDown\"];\nfunction _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.indexOf(n) >= 0) continue; t[n] = r[n]; } return t; }\n/* eslint-disable jsx-a11y/no-static-element-interactions */\n/* eslint-disable jsx-a11y/anchor-has-content */\n\nimport * as React from 'react';\nimport { useEventCallback } from '@restart/hooks';\nimport { useButtonProps } from './Button';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport function isTrivialHref(href) {\n return !href || href.trim() === '#';\n}\n/**\n * An generic `
` component that covers a few A11y cases, ensuring that\n * cases where the `href` is missing or trivial like \"#\" are treated like buttons.\n */\nconst Anchor = /*#__PURE__*/React.forwardRef((_ref, ref) => {\n let {\n onKeyDown\n } = _ref,\n props = _objectWithoutPropertiesLoose(_ref, _excluded);\n const [buttonProps] = useButtonProps(Object.assign({\n tagName: 'a'\n }, props));\n const handleKeyDown = useEventCallback(e => {\n buttonProps.onKeyDown(e);\n onKeyDown == null ? void 0 : onKeyDown(e);\n });\n if (isTrivialHref(props.href) || props.role === 'button') {\n return /*#__PURE__*/_jsx(\"a\", Object.assign({\n ref: ref\n }, props, buttonProps, {\n onKeyDown: handleKeyDown\n }));\n }\n return /*#__PURE__*/_jsx(\"a\", Object.assign({\n ref: ref\n }, props, {\n onKeyDown: onKeyDown\n }));\n});\nAnchor.displayName = 'Anchor';\nexport default Anchor;","import { useCallback } from 'react';\nimport useCommittedRef from './useCommittedRef';\nexport default function useEventCallback(fn) {\n const ref = useCommittedRef(fn);\n return useCallback(function (...args) {\n return ref.current && ref.current(...args);\n }, [ref]);\n}","/* eslint-disable react/no-multi-comp */\nimport classNames from 'classnames';\nimport * as React from 'react';\nimport Anchor from '@restart/ui/Anchor';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { jsxs as _jsxs } from \"react/jsx-runtime\";\nconst PageItem = /*#__PURE__*/React.forwardRef(({\n active = false,\n disabled = false,\n className,\n style,\n activeLabel = '(current)',\n children,\n linkStyle,\n linkClassName,\n as = Anchor,\n ...props\n}, ref) => {\n const Component = active || disabled ? 'span' : as;\n return /*#__PURE__*/_jsx(\"li\", {\n ref: ref,\n style: style,\n className: classNames(className, 'page-item', {\n active,\n disabled\n }),\n children: /*#__PURE__*/_jsxs(Component, {\n className: classNames('page-link', linkClassName),\n style: linkStyle,\n ...props,\n children: [children, active && activeLabel && /*#__PURE__*/_jsx(\"span\", {\n className: \"visually-hidden\",\n children: activeLabel\n })]\n })\n });\n});\nPageItem.displayName = 'PageItem';\nexport default PageItem;\nfunction createButton(name, defaultValue, label = name) {\n const Button = /*#__PURE__*/React.forwardRef(({\n children,\n ...props\n }, ref) => /*#__PURE__*/_jsxs(PageItem, {\n ...props,\n ref: ref,\n children: [/*#__PURE__*/_jsx(\"span\", {\n \"aria-hidden\": \"true\",\n children: children || defaultValue\n }), /*#__PURE__*/_jsx(\"span\", {\n className: \"visually-hidden\",\n children: label\n })]\n }));\n Button.displayName = name;\n return Button;\n}\nexport const First = createButton('First', '«');\nexport const Prev = createButton('Prev', '‹', 'Previous');\nexport const Ellipsis = createButton('Ellipsis', '…', 'More');\nexport const Next = createButton('Next', '›');\nexport const Last = createButton('Last', '»');","\"use client\";\n\nimport classNames from 'classnames';\nimport * as React from 'react';\nimport { useBootstrapPrefix } from './ThemeProvider';\nimport PageItem, { Ellipsis, First, Last, Next, Prev } from './PageItem';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst Pagination = /*#__PURE__*/React.forwardRef(({\n bsPrefix,\n className,\n size,\n ...props\n}, ref) => {\n const decoratedBsPrefix = useBootstrapPrefix(bsPrefix, 'pagination');\n return /*#__PURE__*/_jsx(\"ul\", {\n ref: ref,\n ...props,\n className: classNames(className, decoratedBsPrefix, size && `${decoratedBsPrefix}-${size}`)\n });\n});\nPagination.displayName = 'Pagination';\nexport default Object.assign(Pagination, {\n First,\n Prev,\n Ellipsis,\n Item: PageItem,\n Next,\n Last\n});","import {\n faBuilding,\n faChevronDown,\n faChevronUp,\n faEye,\n faInr,\n faLocationArrow,\n faLongArrowAltRight,\n faMapMarked,\n faMapMarker,\n faTextHeight,\n} from \"@fortawesome/free-solid-svg-icons\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport React, { useCallback, useEffect, useState } from \"react\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { fetchPropertyListData } from \"../../actions/propertyListActions\";\nimport { BASE_URL, s3imageUrl } from \"../../constants/Constant\";\nimport { faWhatsapp } from \"@fortawesome/free-brands-svg-icons\";\nimport { Link, useLocation, useNavigate } from \"react-router-dom\";\nimport axios from \"axios\";\nimport _debounce from \"lodash/debounce\";\nimport { Pagination } from \"react-bootstrap\";\n\nconst SearchResult = () => {\n const dispatch = useDispatch();\n const navigate = useNavigate();\n const location = useLocation();\n\n const [bannerImage, setBannerImage] = useState(\"\");\n const [currentPage, setCurrentPage] = useState(1);\n const [expandedStates, setExpandedStates] = useState({});\n const [isLoadingMore, setIsLoadingMore] = useState(false);\n const [isLoading, setIsLoading] = useState(true);\n const [totalPages, setTotalPages] = useState(1);\n const [isExpanded, setIsExpanded] = useState(false);\n const [hasMore, setHasMore] = useState(true);\n const cityData = useSelector((state) => state.city);\n const propertyTypeData = useSelector((state) => state.propertyType);\n const listingTypeData = useSelector((state) => state.listingType);\n const propertyListData = useSelector((state) => state.propertyList);\n const content = useSelector((state) => state.headerFoooter);\n const [cityValidationMsg, setCityValidationMsg] = useState(\"\");\n let [city, setCity] = useState(\"\");\n let [ptype, setPtype] = useState(\"\");\n let [ltype, setLtype] = useState(\"\");\n let [city1, setCity1] = useState(\"\");\n let [ptype1, setPtype1] = useState(\"\");\n let [ltype1, setLtype1] = useState(\"\");\n let [faqs, setFaqs] = useState();\n\n const [pageContent, setPageContent] = useState(\"\");\n const [staticContent, setStaticContent] = useState(\"\");\n const titledec = `Looking for #PropertyType# for sale in #City#? Explore prime\n #PropertyType# in #City#’s most sought-after neighbourhoods.\n Find your dream home with excellent amenities and great\n investment potential.`;\n const getBanner = async () => {\n try {\n const response = await axios.get(`${BASE_URL}/api/property-banner/get`, {\n headers: {},\n });\n setBannerImage(response.data?.data?.bannerImage);\n } catch (error) {\n console.error(\"Error fetching cities -->\", error.response?.data || error);\n }\n };\n const fetchSearchContent = async () => {\n try {\n const response = await fetch(`${BASE_URL}/api/cms/search-content/get`);\n const result = await response.json();\n if (result.success) {\n setPageContent(result.data.description);\n }\n } catch (error) {\n console.error(\"Error getting search content:\", error);\n }\n };\n const fetchFaq = async () => {\n try {\n const response = await fetch(`${BASE_URL}/api/cms/faq/get`);\n const result = await response.json();\n if (result.success) {\n setFaqs(result.data);\n }\n } catch (error) {\n console.error(\"Error getting faq content:\", error);\n }\n };\n console.log(\n location.pathname.substring(location.pathname.lastIndexOf(\"/\") + 1),\n \"9999999999999999\"\n );\n\n const fetchStaticContent = async () => {\n console.log(\"calling\");\n\n try {\n const myHeaders = new Headers();\n myHeaders.append(\"Content-Type\", \"application/json\");\n\n const raw = JSON.stringify({\n url: location.pathname.substring(\n location.pathname.lastIndexOf(\"/\") + 1\n ),\n });\n\n const requestOptions = {\n method: \"POST\",\n headers: myHeaders,\n body: raw,\n redirect: \"follow\",\n };\n\n const response = await fetch(\n `${BASE_URL}/api/cms/static/getbyurl`,\n requestOptions\n );\n const result = await response.json();\n\n console.log(response, \"*****************************\");\n\n if (result.success) {\n console.log(\"Successfully fetched static content:\", result.data);\n setStaticContent(result.data);\n // Add further processing of result.data if needed\n } else {\n setStaticContent();\n }\n } catch (error) {\n console.error(\"Error getting search content:\", error);\n }\n };\n function getLastSegment(url) {\n const parts = url.split(\"/\");\n return parts[parts.length - 1];\n }\n\n useEffect(() => {\n window.scrollTo(0, 0);\n const { propertyType, listingType, city } = extractDetails(\n getLastSegment(window.location.pathname)\n );\n console.log(propertyType, listingType, city, \"from url\");\n if (city) {\n const cityObj = cityData?.data?.filter((p) => p.name === city);\n\n console.log(cityObj, cityData, \"type of city\");\n if (cityObj.length > 0) {\n setCity(cityObj[0]);\n setCity1(cityObj[0]);\n\n localStorage.setItem(\"selectedCity\", JSON.stringify(cityObj[0]));\n }\n }\n if (propertyType) {\n const lowercasedKeyword = propertyType?.toLowerCase();\n\n const typeObj = propertyTypeData.data?.filter((item) =>\n item.name?.toLowerCase()?.includes(lowercasedKeyword)\n );\n\n console.log(typeObj, \"type of property\");\n\n if (typeObj.length > 0) {\n setPtype(typeObj[0]);\n setPtype1(typeObj[0]);\n localStorage.setItem(\n \"selectedPropertyType\",\n JSON.stringify(typeObj[0])\n );\n }\n }\n if (listingType) {\n const cityObj = listingTypeData.data.filter(\n (p) => p.name === listingType\n );\n console.log(cityObj, \"type of Ltyre\");\n\n if (cityObj.length > 0) {\n setLtype(cityObj[0]);\n setLtype1(cityObj[0]);\n localStorage.setItem(\"selectedListingType\", JSON.stringify(cityObj[0]));\n }\n }\n\n getBanner();\n fetchSearchContent();\n fetchFaq();\n fetchStaticContent();\n console.log(location.state, \"this is state\");\n setCityValidationMsg(\"\");\n\n const selectedCity = localStorage.getItem(\"selectedCity\");\n const selectedPropertyType = localStorage.getItem(\"selectedPropertyType\");\n const selectedListingType = localStorage.getItem(\"selectedListingType\");\n\n console.log(\n selectedCity,\n selectedPropertyType,\n selectedListingType,\n \"<----------------------selected city\"\n );\n\n const citySelect = document.querySelector('select[aria-label=\"city\"]');\n const propertyTypeSelect = document.querySelector(\n 'select[aria-label=\"p-type\"]'\n );\n const listingTypeSelect = document.querySelector(\n 'select[aria-label=\"l-type\"]'\n );\n\n if (citySelect) {\n if (selectedCity === \"\") {\n citySelect.value = \"\";\n } else {\n citySelect.value = JSON.parse(selectedCity)?._id;\n\n setCity(JSON.parse(selectedCity));\n setCity1(JSON.parse(selectedCity));\n }\n }\n\n if (propertyTypeSelect) {\n if (selectedPropertyType === \"\") {\n propertyTypeSelect.value = \"\";\n } else {\n propertyTypeSelect.value = JSON.parse(selectedPropertyType)?._id;\n setPtype(JSON.parse(selectedPropertyType));\n setPtype1(JSON.parse(selectedPropertyType));\n }\n }\n\n if (listingTypeSelect) {\n if (selectedListingType === \"\") {\n listingTypeSelect.value = \"\";\n } else {\n listingTypeSelect.value = JSON.parse(selectedListingType)?._id;\n setLtype(JSON.parse(selectedListingType));\n setLtype1(JSON.parse(selectedListingType));\n }\n }\n\n dispatch(\n fetchPropertyListData(\n selectedCity === \"\" ? \"\" : JSON.parse(selectedCity)?._id,\n selectedPropertyType === \"\"\n ? \"\"\n : JSON.parse(selectedPropertyType)?._id,\n selectedListingType === \"\" ? \"\" : JSON.parse(selectedListingType)?._id,\n 1\n )\n );\n setCurrentPage(1);\n if (\n !cityData.data.loading &&\n !propertyTypeData.data.loading &&\n !listingTypeData.data.loading\n ) {\n setIsLoading(false);\n }\n }, [dispatch, location.state, location.pathname]);\n\n function extractDetails(inputString) {\n const lowerCasedString = inputString.toLowerCase();\n\n const parts = lowerCasedString.split(\"-\");\n\n const listingTypeIndex = parts.findIndex(\n (part) =>\n part === \"for\" &&\n (parts[parts.indexOf(part) + 1] === \"sale\" ||\n parts[parts.indexOf(part) + 1] === \"rent\")\n );\n\n let listingType = null;\n if (listingTypeIndex !== -1) {\n listingType = `for ${parts[listingTypeIndex + 1]}`;\n }\n\n let propertyType =\n listingTypeIndex !== -1\n ? parts.slice(0, listingTypeIndex).join(\" \")\n : null;\n propertyType = propertyType\n ? propertyType.replace(/\\//g, \" \").trim()\n : null;\n\n let city =\n listingTypeIndex !== -1\n ? parts.slice(listingTypeIndex + 2).join(\" \")\n : null;\n city = city ? city.replace(/\\bin\\b/g, \"\").trim() : null;\n\n return {\n propertyType: propertyType ? capitalize(propertyType) : null,\n listingType: listingType ? capitalize(listingType) : null,\n city: city ? capitalize(city) : null,\n };\n }\n\n function capitalize(str) {\n return str.replace(/\\b\\w/g, (char) => char.toUpperCase());\n }\n const toggleExpand = (propertyId) => {\n setExpandedStates((prev) => ({\n ...prev,\n [propertyId]: !prev[propertyId],\n }));\n };\n const handleCityChange = (e) => {\n setCityValidationMsg(\"\");\n const selectedCityId = e.target.value;\n if (selectedCityId === \"\") {\n localStorage.setItem(\"selectedCity\", \"\");\n } else {\n const selectedCity = cityData.data.find(\n (city) => city._id === selectedCityId\n );\n localStorage.setItem(\"selectedCity\", JSON.stringify(selectedCity));\n setCity(selectedCity);\n }\n };\n const handlePropertyTypeChange = (e) => {\n const selectedTypeId = e.target.value;\n if (selectedTypeId === \"\") {\n localStorage.setItem(\"selectedPropertyType\", \"\");\n } else {\n const selectedCity = propertyTypeData.data.find(\n (p) => p._id === selectedTypeId\n );\n localStorage.setItem(\n \"selectedPropertyType\",\n JSON.stringify(selectedCity)\n );\n setPtype(selectedCity);\n }\n };\n const handleListingTypeChange = (e) => {\n const selectedLTypeId = e.target.value;\n if (selectedLTypeId === \"\") {\n localStorage.setItem(\"selectedListingType\", \"\");\n } else {\n const selectedCity = listingTypeData.data.find(\n (l) => l._id === selectedLTypeId\n );\n localStorage.setItem(\"selectedListingType\", JSON.stringify(selectedCity));\n setLtype(selectedCity);\n }\n };\n const handleWhatsAppClick = (property) => {\n const message = `I am interested in booking a viewing for the property: ${property.title}`;\n const whatsappUrl = `https://api.whatsapp.com/send?phone=${\n content.data.headerPhone\n }&text=${encodeURIComponent(message)}`;\n window.open(whatsappUrl, \"_blank\");\n };\n const handleSearch = () => {\n const selectedCity = localStorage.getItem(\"selectedCity\");\n if (!selectedCity) {\n setCityValidationMsg(\"Please select a city.\");\n return;\n }\n const selectedPropertyType = localStorage.getItem(\"selectedPropertyType\");\n const selectedListingType = localStorage.getItem(\"selectedListingType\");\n setCity1(selectedCity === \"\" ? \"\" : JSON.parse(selectedCity));\n setPtype1(\n selectedPropertyType === \"\" ? \"\" : JSON.parse(selectedPropertyType)\n );\n setLtype1(\n selectedListingType === \"\" ? \"\" : JSON.parse(selectedListingType)\n );\n\n dispatch(\n fetchPropertyListData(\n selectedCity === \"\" ? \"\" : JSON.parse(selectedCity)?._id,\n selectedPropertyType === \"\"\n ? \"\"\n : JSON.parse(selectedPropertyType)?._id,\n selectedListingType === \"\" ? \"\" : JSON.parse(selectedListingType)?._id,\n 1\n )\n );\n setCurrentPage(1);\n\n const formattedPtype =\n selectedPropertyType === \"\"\n ? \"\"\n : JSON.parse(selectedPropertyType)\n ? JSON.parse(selectedPropertyType)\n ?.name.replace(/\\s+/g, \"-\")\n .toLowerCase()\n : \"\";\n const formattedLtype =\n selectedListingType === \"\"\n ? \"\"\n : JSON.parse(selectedListingType)\n ? JSON.parse(selectedListingType)\n ?.name.replace(/\\s+/g, \"-\")\n .toLowerCase()\n : \"\";\n const formattedCity =\n selectedCity === \"\"\n ? \"\"\n : JSON.parse(selectedCity)\n ? JSON.parse(selectedCity)?.name.replace(/\\s+/g, \"-\").toLowerCase()\n : \"\";\n console.log(\n typeof formattedPtype,\n formattedLtype,\n formattedCity,\n \"<---------xxxxxxxxxxxxxxxx\"\n );\n\n const dynamicUrl = `/properties/${\n formattedPtype === \"\" ? \"properties\" : formattedPtype\n }${formattedLtype ? `-${formattedLtype}` : \"\"}${\n formattedCity ? \"-in-\" + formattedCity : \"\"\n }`;\n navigate(dynamicUrl, { replace: true });\n };\n const handleViewMore = (property) => {\n navigate(`/property/${property?.url}`, { state: property });\n };\n\n const handlePageChange = (pageNumber) => {\n if (pageNumber >= 1 && pageNumber <= totalPages) {\n setCurrentPage(pageNumber);\n const selectedCity = localStorage.getItem(\"selectedCity\");\n const selectedPropertyType = localStorage.getItem(\"selectedPropertyType\");\n const selectedListingType = localStorage.getItem(\"selectedListingType\");\n\n dispatch(\n fetchPropertyListData(\n selectedCity === \"\" ? \"\" : JSON.parse(selectedCity)?._id,\n selectedPropertyType === \"\"\n ? \"\"\n : JSON.parse(selectedPropertyType)?._id,\n selectedListingType === \"\"\n ? \"\"\n : JSON.parse(selectedListingType)?._id,\n pageNumber\n )\n );\n }\n window.scrollTo(0, 0);\n };\n const PropertySkeleton = () => (\n \n );\n const fetchMoreProperties = () => {\n if (isLoadingMore) return; // Prevent multiple fetches\n setIsLoadingMore(true);\n const selectedCity = localStorage.getItem(\"selectedCity\");\n const selectedPropertyType = localStorage.getItem(\"selectedPropertyType\");\n const selectedListingType = localStorage.getItem(\"selectedListingType\");\n dispatch(\n fetchPropertyListData(\n selectedCity === \"\" ? \"\" : JSON.parse(selectedCity)?._id,\n selectedPropertyType === \"\"\n ? \"\"\n : JSON.parse(selectedPropertyType)?._id,\n selectedListingType === \"\" ? \"\" : JSON.parse(selectedListingType)?._id,\n currentPage + 1\n )\n ).finally(() => {\n setCurrentPage((prevPage) => prevPage + 1); // Update to next page\n setIsLoadingMore(false);\n });\n };\n // const faqs = [\n // {\n // question: \"How do I get started with your service?\",\n // answer:\n // \"Getting started is easy! Simply create an account on our platform and follow the step-by-step guide. Our onboarding process is designed to be straightforward and user-friendly.\",\n // },\n // {\n // question: \"What payment methods do you accept?\",\n // answer:\n // \"We accept all major credit cards including Visa, MasterCard, and American Express. We also support PayPal and direct bank transfers for your convenience.\",\n // },\n // {\n // question: \"How long does shipping usually take?\",\n // answer:\n // \"Standard shipping typically takes 3-5 business days within the continental US. International shipping can take 7-14 business days depending on the destination.\",\n // },\n // {\n // question: \"What is your refund policy?\",\n // answer:\n // \"We offer a 30-day money-back guarantee on all our products. If you're not satisfied with your purchase, simply contact our customer service team to initiate the refund process.\",\n // },\n // {\n // question: \"Do you offer customer support?\",\n // answer:\n // \"Yes, we provide 24/7 customer support through email, live chat, and phone. Our dedicated team is always ready to help you with any questions or concerns.\",\n // },\n // ];\n // const handleScroll = useCallback(\n // _debounce(() => {\n // console.log(window.innerHeight, window.scrollY, document.body.offsetHeight, \"**********************\");\n\n // if (window.innerHeight + window.scrollY >= document.body.offsetHeight - 500 && !isLoadingMore) {\n // fetchMoreProperties();\n // }\n // }, 1000),\n // [isLoadingMore]\n // );\n // useEffect(() => {\n // window.addEventListener('scroll', handleScroll);\n // return () => window.removeEventListener('scroll', handleScroll);\n // }, [handleScroll]);\n\n useEffect(() => {\n console.log(propertyListData.data.data, \"<------------------------------\");\n if (propertyListData.data.totalPages) {\n console.log(\n propertyListData.data.totalPages,\n \"<------------------------------\"\n );\n setTotalPages(propertyListData.data.totalPages || 1);\n }\n }, [propertyListData]);\n if (\n cityData.data.loading &&\n propertyTypeData.data.loading &&\n listingTypeData.data.loading\n ) {\n return Loading..........
;\n }\n // Pagination Component\n const renderPagination = () => {\n const pageItems = [];\n\n // Create a range of page numbers\n for (let number = 1; number <= totalPages; number++) {\n pageItems.push(\n handlePageChange(number)}\n >\n {number}\n \n );\n }\n\n return (\n \n {/* Previous Button */}\n handlePageChange(currentPage - 1)}\n disabled={currentPage === 1}\n >\n Previous\n \n\n {/* Page Numbers */}\n {pageItems}\n\n {/* Next Button */}\n handlePageChange(currentPage + 1)}\n disabled={currentPage === totalPages}\n >\n Next\n \n \n );\n };\n\n return (\n <>\n \n \n
\n
\n
\n
\n \n \n \n Home\n \n \n \n \n \n Properties\n \n \n \n
\n
\n
\n
\n
\n
\n {cityData.data.loading ? (\n
Loading...
\n ) : cityData.data.error ? (\n
Error: {cityData.error}
\n ) : (\n
//console.log(e.target.value,)}\n >\n City \n {cityData.data.map((city, index) => (\n \n {city.name}\n \n ))}\n \n )}\n {cityValidationMsg && (\n {cityValidationMsg}
\n )}\n \n
\n {propertyTypeData.data.loading ? (\n
Loading...
\n ) : propertyTypeData.data.error ? (\n
Error: {propertyTypeData.error}
\n ) : (\n
\n Property Type \n {propertyTypeData.data.map((type, index) => (\n \n {type.name}\n \n ))}\n \n )}\n \n
\n {listingTypeData.data.loading ? (\n
Loading...
\n ) : listingTypeData.data.error ? (\n
\n Error: {listingTypeData.error}\n
\n ) : (\n
\n Buy/Rent \n {listingTypeData.data.map((ltype, index) => (\n \n {ltype.name}\n \n ))}\n \n )}\n \n\n
\n \n \n Search Properties\n \n \n
\n
\n
\n
\n \n
\n
\n
\n {ptype1.name || \"All Properties\"} {ltype1 ? ltype1.name : \"\"}{\" \"}\n {city1 ? \"in \" + city1.name : \"\"}\n \n
\n {/* {`Looking for ${ptype1.name} for sale in ${city1.name}? Explore prime\n ${ptype1.name} in ${city1.name}’s most sought-after neighbourhoods.\n Find your dream home with excellent amenities and great\n investment potential.`} */}\n {ptype1.name &&\n ltype1.name &&\n city1.name &&\n pageContent\n .replaceAll(\"#PROPERTYTYPE#\", ptype1.name)\n .replaceAll(\"#LISTINGTYPE#\", ltype1.name)\n .replaceAll(\"#CITY#\", city1.name)}\n {/*
\n {\n `Looking for #PropertyType# for sale in #City#? Explore prime\n #PropertyType# in #City#’s most sought-after neighbourhoods.\n Find your dream home with excellent amenities and great\n investment potential.`\n }\n \n
*/}\n \n
\n
\n\n {propertyListData.data?.data?.loading ? (\n <>\n {Array(3)\n .fill()\n .map((_, index) => (\n
\n ))}\n \n ) : propertyListData?.data?.data?.filter(\n (property) => !property.isSoldOut\n ).length === 0 ? (\n
No properties found
\n ) : (\n propertyListData.data?.data\n ?.filter((property) => !property.isSoldOut)\n ?.map((property, index) => (\n
\n
\n
\n
\n
\n
\n
handleViewMore(property)}\n className=\"search-resultimg\"\n >\n \n {property.listingType.name === \"For Rent\" ? (\n \"\"\n ) : (\n
\n {property.type.name}\n
\n )}\n {property.isSoldOut ? (\n
\n Sold\n
\n ) : (\n
\n {property.listingType.name}\n
\n )}\n
\n Featured \n
\n )}\n \n
\n
\n
\n
\n handleViewMore(property)}\n >\n {property.title}\n \n \n
\n
\n
\n
\n
\n
\n
\n
\n Location:\n \n {property.city.name}\n \n
\n
\n
\n
\n
\n
\n Size:\n \n {property.size}\n \n
\n
\n
\n
\n
\n
\n {property.listingType.name ===\n \"For Rent\"\n ? \"Rent\"\n : \"Price\"}\n :\n \n {property.price}\n \n
\n
\n
\n
\n
\n
\n Area:\n \n \n {property.location.name}{\" \"}\n \n \n
\n
\n
\n
\n {/*
*/}\n {/*
\n
\n\n {isExpanded ? (\n <>\n
setIsExpanded(!isExpanded)}\n className=\"h-4 w-4\"\n />\n \n ) : (\n <>\n setIsExpanded(!isExpanded)}\n className=\"h-4 w-4\"\n />\n \n )}\n */}\n
\n
\n
toggleExpand(property._id)}\n className=\"cursor-pointer ml-2\"\n >\n \n
\n
\n
\n handleWhatsAppClick(property)}\n className=\"btn btn-whatapp font-weight-semibold font-size-16 rounded-pill py-2 me-3\"\n >\n \n \n \n
\n
\n handleViewMore(property)}\n >\n \n \n \n
\n
\n
\n
\n
\n
\n
\n
\n ![](\"images/team-img-01-650x800.jpg\")
\n ![](\"images/team-img-02-650x800.jpg\")
\n ![](\"images/team-img-03-650x800.jpg\")
\n ![](\"images/team-img-04-650x800.jpg\")
\n ![\"\"](\"assets/img/about-shape.png\")
\n ![\"\"](\"images/downloadbrochure-img.png\")
\n {/* */}\n ![](\"images/star.png\")
*/}\n