{"version":3,"sources":["webpack:///./src/assets/svg/diamond-arrow.svg","webpack:///./src/components/GridLogo/GridLogo.tsx","webpack:///./src/assets/icons/DiscoverArrow.tsx","webpack:///./src/components/NoData/index.tsx","webpack:///./src/assets/icons/LeftArrow.tsx","webpack:///./src/assets/svg/alp.svg","webpack:///./src/assets/icons/BgProperties.tsx","webpack:///./src/components/Header/Header.tsx","webpack:///./src/assets/icons/RightArrow.tsx","webpack:///./src/components/Layout/Layout.tsx","webpack:///./src/components/HomePage/Hero/PropertyCarousel.tsx","webpack:///./src/components/HomePage/Hero/Hero.tsx","webpack:///./src/components/HomePage/Destinations/Destinations.tsx","webpack:///./src/components/HomePage/NewsAndEvents/NewsAndEvents.tsx","webpack:///./src/templates/Main/Main.tsx","webpack:///./src/assets/images/des-2.png","webpack:///./src/components/PropertiesSearchPage/propertiesMapper.ts"],"names":["module","exports","GridLogo","id","width","height","viewBox","version","stroke","strokeWidth","fill","fillRule","opacity","transform","d","DiscoverArrow","fillOpacity","NoData","withBackground","title","className","size","LeftArrow","props","SvgComponent","Header","linkData","useStaticQuery","socialMediaList","socialLinks","socialMediaLinks","links","filter","x","name","includes","toLowerCase","useState","solidBG","setSolidBG","useEffect","bs1","document","querySelector","bs2","solid","window","onscroll","scrollY","classList","replace","watchScroll","navLinks","url","menu","setMenu","toggleMenu","noData","to","slice","map","item","key","Math","random","activeLink","href","src","searchIcon","alt","onClick","burger","role","type","link","target","rel","RightArrow","Layout","children","SEO","Footer","PropertyCarousel","data","carousel","setCarousel","slides","settings","dots","infinite","centerMode","initialSlide","length","slidesToShow","slidesToScroll","arrows","responsive","breakpoint","MockSlides","slickNext","slickPrev","ref","c","index","path","images","placeholderImage","propertyType","Hero","HomeHeroData","properties","propertyMapping","allSitePage","edges","heroTagLine","heroBanner","description","alisiContentSrc","image","alisiContentType","test","alpProperties","brand","alveoProperties","avidaProperties","amaiaProperties","bellavitaProperties","brandBannerImage","propertyData","bannerImage","heroData","contentSrc","contentType","brandDescription","propertyURL","homeBrand","theme","activeBrand","setActiveBrand","currentContent","setCurrentContent","setHoverState","brandIndex","setIndex","closeBrandModal","closeBtn","getElementById","click","hoverFocus","contentEL","prevContentEL","pause","play","style","display","currentBrand","selectedBrand","remove","add","fetchNavLogo","navLogo","alisiLogo","alveoLogo","avidaLogo","amaiaLogo","bellavitaLogo","alpLogo","onMouseEnter","selectBrand","i","background","backgroundSize","autoPlay","muted","loop","transition","logo","fetchLogo","diamondArrow","brands","querySelectorAll","brandLogos","Destinations","destinations","next","prev","node","context","featuredMedia","media","speed","variableWidth","res","destination","data-index","state","NewsAndEvents","newsAndEvents","mouse","setMouse","article","mediaImages","onMouseDown","event","preventDefault","pageX","y","pageY","handleMouseDown","onMouseUp","navigate","handleMouseUp","updated","Main","array","newArray","details","property","overview","push","getHighestOrLowest","identifier","items","priceRange","parseFloat","Boolean","sort","a","b","equalsCheck","JSON","stringify"],"mappings":"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","file":"component---src-templates-main-main-tsx-fc50675d0ec696cecf80.js","sourcesContent":["module.exports = \"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNThweCIgaGVpZ2h0PSI1OHB4IiB2aWV3Qm94PSIwIDAgNTggNTgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDYxLjIgKDg5NjUzKSAtIGh0dHBzOi8vc2tldGNoLmNvbSAtLT4KICAgIDx0aXRsZT5Hcm91cCA0PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IkF1Zy0zLVNwcmludC0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iRmVhdHVyZWQtcHJvcGVydGllcy0tLUFMUCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTMyOC4wMDAwMDAsIC03OTEuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSJHcm91cC0zIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMzguMDAwMDAwLCAwLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDkwLjAwMDAwMCwgNzkxLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIHN0cm9rZS1vcGFjaXR5PSIwLjI1IiBzdHJva2U9IiNGRkZGRkYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI5LjAwMDAwMCwgMjkuMDAwMDAwKSByb3RhdGUoLTMxNS4wMDAwMDApIHRyYW5zbGF0ZSgtMjkuMDAwMDAwLCAtMjkuMDAwMDAwKSAiIHg9IjkiIHk9IjkiIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCI+PC9yZWN0PgogICAgICAgICAgICAgICAgICAgIDxnIGlkPSJyaWdodC1hcnJvdy0oMSktY29weSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjIuMDAwMDAwLCAyNC4wMDAwMDApIiBmaWxsPSIjRkZGRkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iPgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNOS4yMTk1NjUyMiwwLjQzNzgyNjA4NyBDOS4wMzMwNDM0OCwwLjI0NDc4MjYwOSA4LjcyMjYwODcsMC4yNDQ3ODI2MDkgOC41Mjk1NjUyMiwwLjQzNzgyNjA4NyBDOC4zNDMwNDM0OCwwLjYyNDM0NzgyNiA4LjM0MzA0MzQ4LDAuOTM0NzgyNjA5IDguNTI5NTY1MjIsMS4xMjA4Njk1NyBMMTIuMDI4MjYwOSw0LjYxOTU2NTIyIEwwLjQ4MzA0MzQ3OCw0LjYxOTU2NTIyIEMwLjIxMzkxMzA0Myw0LjYyIDAsNC44MzM5MTMwNCAwLDUuMTAzMDQzNDggQzAsNS4zNzIxNzM5MSAwLjIxMzkxMzA0Myw1LjU5MzA0MzQ4IDAuNDgzMDQzNDc4LDUuNTkzMDQzNDggTDEyLjAyODI2MDksNS41OTMwNDM0OCBMOC41Mjk1NjUyMiw5LjA4NTIxNzM5IEM4LjM0MzA0MzQ4LDkuMjc4MjYwODcgOC4zNDMwNDM0OCw5LjU4OTEzMDQzIDguNTI5NTY1MjIsOS43NzUyMTczOSBDOC43MjI2MDg3LDkuOTY4MjYwODcgOS4wMzM0NzgyNiw5Ljk2ODI2MDg3IDkuMjE5NTY1MjIsOS43NzUyMTczOSBMMTMuNTQ2NTIxNyw1LjQ0ODI2MDg3IEMxMy43Mzk1NjUyLDUuMjYxNzM5MTMgMTMuNzM5NTY1Miw0Ljk1MTMwNDM1IDEzLjU0NjUyMTcsNC43NjUyMTczOSBMOS4yMTk1NjUyMiwwLjQzNzgyNjA4NyBaIiBpZD0iUGF0aCI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+\"","import React from 'react'\n\nconst GridLogo: React.FC = () => {\n  return (\n    <div id=\"grid-logo\">\n      <svg width=\"989px\" height=\"895px\" viewBox=\"0 0 989 895\" version=\"1.1\">\n        <g id=\"Aug-3-Sprint\" stroke=\"none\" strokeWidth=\"1\" fill=\"none\" fillRule=\"evenodd\" opacity=\"0.300000012\">\n          <g id=\"Main-Landing-page\" transform=\"translate(-418.000000, 0.000000)\" stroke=\"#E1E1E1\" strokeWidth=\"0.5\">\n            <path\n              d=\"M545.684372,-8 L729.031649,330.244965 L759.017787,274.783746 L605.697007,-8 L731.251349,-8 L821.250123,161.122483 L914.598626,-8 L1005.72743,161.122483 L1097.9459,-8 L1223.50025,-8 L792.878312,780.258183 L1161.18719,780.258183 L1223.50025,894 L605.737365,894 L943.252944,274.582362 L913.83182,217.953115 L546.209028,894 L419,894 L667.122179,442.979862 L419,-8 L545.684372,-8 Z M1406,-8 L1162.11543,442.979862 L1406,894 L1284.07789,894 L1097.98626,554.02313 L1012.10402,715.412458 L886.065383,715.412458 L1284.80434,-8 L1406,-8 Z\"\n              id=\"Combined-Shape\"\n            />\n          </g>\n        </g>\n      </svg>\n    </div>\n  )\n}\n\nexport default GridLogo\n","import * as React from 'react'\n\nfunction DiscoverArrow(): JSX.Element {\n  return (\n    <svg width={17} height={12} viewBox=\"0 0 17 12\">\n      <path\n        d=\"M11.063.525a.58.58 0 00-.828 0 .584.584 0 000 .82l4.199 4.198H.58a.577.577 0 00-.58.58c0 .324.257.589.58.589h13.854l-4.199 4.19a.594.594 0 000 .828.58.58 0 00.828 0l5.193-5.192a.57.57 0 000-.82L11.063.525z\"\n        fill=\"#FFF\"\n        fillRule=\"nonzero\"\n        fillOpacity={0.7}\n      />\n    </svg>\n  )\n}\n\nexport default DiscoverArrow\n","import React from 'react'\nimport './NoData.scss'\nimport Logo from '../Logo/Logo'\nimport BgProperties from '../../assets/icons/BgProperties'\n\ntype NoDataTypes = {\n  withBackground: boolean\n  title: string\n}\n\nconst NoData = ({ withBackground, title }: NoDataTypes) => {\n  return (\n    <>\n      <div className=\"no-data-container\">\n        <div className=\"no-result\">\n          <Logo fill=\"#D8D8D8\" size={70} />\n          <span>No {title} posted yet</span>\n        </div>\n      </div>\n      {withBackground ? (\n        <div className=\"properties-background\">\n          <BgProperties />\n        </div>\n      ) : null}\n    </>\n  )\n}\n\nexport default NoData\n","import * as React from 'react'\n\nfunction LeftArrow(props: { fill?: string }): JSX.Element {\n  return (\n    <svg width={10} height={17} viewBox=\"0 0 10 17\">\n      <path\n        d=\"M.272 7.837L7.846.272A.925.925 0 018.505 0c.25 0 .483.096.658.272l.558.557a.93.93 0 010 1.315l-6.36 6.352 6.367 6.36a.923.923 0 01.272.658c0 .249-.097.482-.272.658l-.558.556a.925.925 0 01-.658.272.925.925 0 01-.659-.272L.272 9.156A.924.924 0 010 8.496c0-.25.096-.484.272-.66z\"\n        fill={props.fill ? props.fill : '#505050'}\n        fillRule=\"nonzero\"\n      />\n    </svg>\n  )\n}\n\nexport default LeftArrow\n","module.exports = \"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNzBweCIgaGVpZ2h0PSI3MHB4IiB2aWV3Qm94PSIwIDAgNzAgNzAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDYxLjIgKDg5NjUzKSAtIGh0dHBzOi8vc2tldGNoLmNvbSAtLT4KICAgIDx0aXRsZT5Db21iaW5lZCBTaGFwZTwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJBdWctMy1TcHJpbnQiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJNYWluLUxhbmRpbmctcGFnZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEyNS4wMDAwMDAsIC0yMS4wMDAwMDApIiBmaWxsPSIjRkZGRkZGIj4KICAgICAgICAgICAgPHBhdGggZD0iTTE5NSwyMSBMMTk1LDkxIEwxMjUsOTEgTDEyNSwyMSBMMTk1LDIxIFogTTE0NC43ODc3MDQsMzYuOTc4MjYwOSBMMTM5LjQ1NjUyMiwzNi45NzgyNjA5IEwxNDkuODk4MDk4LDU1Ljk5NDkwNDkgTDEzOS40NTY1MjIsNzUuMDEzMjQ3MyBMMTQ0LjgwOTc4Myw3NS4wMTMyNDczIEwxNjAuMjgwMjMxLDQ2LjUwNjExNDEgTDE2MS41MTgzNDIsNDguODk0MDIxNyBMMTQ3LjMxNDg3OCw3NS4wMTMyNDczIEwxNzMuMzExODIxLDc1LjAxMzI0NzMgTDE3MC42ODk1MzgsNzAuMjE3MDUxNiBMMTU1LjE5MDIxNyw3MC4yMTcwNTE2IEwxNzMuMzExODIxLDM2Ljk3ODI2MDkgTDE2OC4wMjgxOTMsMzYuOTc4MjYwOSBMMTY0LjE0NzQxOCw0NC4xMDk3MTQ3IEwxNjAuMzEyNSwzNi45NzgyNjA5IEwxNTYuMzg0MTcxLDQ0LjEwOTcxNDcgTDE1Mi41OTY4MDcsMzYuOTc4MjYwOSBMMTQ3LjMxMzE3OSwzNi45NzgyNjA5IEwxNTMuNzY1Mjg1LDQ4LjkwMjUxMzYgTDE1Mi41MDMzOTcsNTEuMjQxMTY4NSBMMTQ0Ljc4NzcwNCwzNi45NzgyNjA5IFogTTE4MC45OTE4NDgsMzYuOTc4MjYwOSBMMTc1Ljg5MTY0NCwzNi45NzgyNjA5IEwxNTkuMTExNzUzLDY3LjQ4MjY3NjYgTDE2NC40MTU3NjEsNjcuNDgyNjc2NiBMMTY4LjAyOTg5MSw2MC42NzczMDk4IEwxNzUuODYxMDczLDc1LjAxMzI0NzMgTDE4MC45OTE4NDgsNzUuMDEzMjQ3MyBMMTcwLjcyODYwMSw1NS45OTQ5MDQ5IEwxODAuOTkxODQ4LDM2Ljk3ODI2MDkgWiIgaWQ9IkNvbWJpbmVkLVNoYXBlIj48L3BhdGg+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=\"","import * as React from 'react'\n\nfunction SvgComponent(props: React.SVGProps<SVGSVGElement>): JSX.Element {\n  return (\n    <svg {...props} width={980} height={885} viewBox=\"0 0 980 885\">\n      <title>{'Combined Shape'}</title>\n      <path\n        d=\"M122.72-8l183.4 338.17 29.995-55.45L182.75-8h125.59l90.025 169.085L491.741-8l91.154 169.085L675.14-8h125.59L369.986 780.082H738.4L800.73 893.8H182.79l337.613-619.28-29.43-56.616-367.728 675.896H-4l248.193-450.92L-4-8h126.72zm860.563 0L739.328 442.88l243.955 450.919H861.326L675.18 553.898 589.274 715.25H463.199L862.052-8h121.23z\"\n        stroke=\"#E1E1E1\"\n        strokeWidth={0.5}\n        fill=\"none\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n}\n\nexport default SvgComponent\n","import { graphql, Link, useStaticQuery } from 'gatsby'\nimport React, { useEffect, useState } from 'react'\n\nimport './Header.scss'\nimport burger from '../../assets/svg/burger.svg'\nimport searchIcon from '../../assets/svg/search.svg'\nimport Logo from '../Logo/Logo'\n\nconst Header = (props: any): JSX.Element => {\n  const linkData = useStaticQuery(graphql`\n    query headerSocialLinks {\n      socialMediaLinks {\n        links {\n          id\n          link\n          category\n          name\n        }\n      }\n    }\n  `)\n\n  const socialMediaList = ['facebook', 'instagram', 'youtube', 'twitter']\n  const socialLinks =\n    linkData && linkData.socialMediaLinks\n      ? linkData.socialMediaLinks.links\n          .filter((x: any) => {\n            return !x.name.includes('Career')\n          })\n          .filter((x: any) => {\n            return socialMediaList.includes(x.name.toLowerCase())\n          })\n      : []\n\n  const [solidBG, setSolidBG] = useState<boolean>(false)\n\n  const watchScroll = (): void => {\n    let bs1: any = document.querySelector('.menu-base-details')\n    let bs2: any = document.querySelector('.property-base-menu')\n\n    if (!props.solid) {\n      const breakPoint = 200\n      const footerBreakPoint = 1200\n      window.onscroll = (): void => {\n        if (window.scrollY > breakPoint) {\n          setSolidBG(true)\n        } else {\n          setSolidBG(false)\n        }\n\n        if (window.scrollY > footerBreakPoint) {\n          if (bs1) {\n            bs1.classList.replace('slide-in-bottom', 'slide-out-bottom')\n          }\n          if (bs2) {\n            bs2.classList.replace('slide-in-bottom', 'slide-out-bottom')\n          }\n        } else {\n          if (bs1) {\n            bs1.classList.replace('slide-out-bottom', 'slide-in-bottom')\n            bs1.classList.replace('base-menu', 'slide-in-bottom')\n          }\n          if (bs2) {\n            bs2.classList.replace('slide-out-bottom', 'slide-in-bottom')\n            bs2.classList.replace('base-menu', 'slide-in-bottom')\n          }\n        }\n      }\n    } else {\n      setSolidBG(true)\n    }\n  }\n\n  useEffect(() => {\n    watchScroll()\n  }, [])\n\n  interface Links {\n    name: string\n    url: string\n    type?: string\n  }\n\n  const navLinks = [\n    {\n      id: 1,\n      name: 'Home',\n      url: '/'\n    },\n    {\n      id: 2,\n      name: 'Our Properties',\n      url: '/properties'\n    },\n    {\n      id: 3,\n      name: 'Destinations',\n      url: '/destinations'\n    },\n    {\n      id: 4,\n      name: 'News and Events',\n      url: '/news-and-events'\n    },\n    {\n      id: 5,\n      name: 'Homebuying Guide',\n      url: '/homebuying-guide'\n    },\n    {\n      id: 6,\n      name: 'Sellers Home',\n      url: '/sellers-home'\n    },\n    {\n      id: 7,\n      name: 'About us',\n      url: '/about-us'\n    },\n    {\n      id: 8,\n      name: 'Careers',\n      url: '/careers'\n    }\n  ]\n\n  const [menu, setMenu] = useState<boolean>(false)\n\n  const toggleMenu = (): void => {\n    setMenu(!menu)\n  }\n\n  return (\n    <>\n      <div className={`header ${solidBG ? 'solid' : props.noData ? 'solid' : ''}`}>\n        <Link to=\"/\" className=\"logo-link\">\n          <Logo fill=\"#fff\" size={70} id=\"header-logo\" />\n        </Link>\n\n        <div className=\"nav-wrapper\">\n          <div className=\"nav-items\" id=\"mid-nav\">\n            <div className=\"menu-links\">\n              {navLinks &&\n                navLinks.slice(1, 5).map((item: Links) => {\n                  return (\n                    <div key={Math.random()}>\n                      {props.activeLink === item.name && <div className=\"active-bar fade-in dl-2\" />}\n                      <a href={item.url} className={`${props.activeLink === item.name ? 'active' : ''}`}>\n                        {item.name}\n                      </a>\n                    </div>\n                  )\n                })}\n            </div>\n          </div>\n        </div>\n\n        <div className=\"nav-wrapper\">\n          <div className=\"nav-items\">\n            <a href=\"/search\">\n              <img src={searchIcon} alt=\"search icon\" className=\"svg-icon\" />\n              <span className=\"nav-text\">search</span>\n            </a>\n            <a href=\"#menu\" onClick={toggleMenu}>\n              <img src={burger} alt=\"burger icon\" className=\"svg-icon\" />\n              <span className=\"nav-text\">menu</span>\n            </a>\n          </div>\n        </div>\n      </div>\n\n      {menu && (\n        <>\n          <div className=\"nav-menu-wrapper fade-in\" role=\"button\" onClick={toggleMenu} />\n          <div className=\"menu-sidebar slide-in-right\">\n            <i className=\"la la-close close-btn la-2x\" onClick={toggleMenu} />\n            <div className=\"menu-links\">\n              {navLinks &&\n                navLinks.map((item: Links) => {\n                  return (\n                    <a href={item.url} key={Math.random()}>\n                      <div>\n                        <span>{item.name}</span>\n                        {item.type ? <i className=\"la la-angle-down\" /> : ''}\n                      </div>\n                    </a>\n                  )\n                })}\n            </div>\n\n            <div className=\"menu-footer\">\n              <div className=\"menu-footer-content\">\n                <div className=\"social-links\">\n                  {socialLinks &&\n                    socialLinks.map((item: { link: string; name: string }) => {\n                      if (item.name !== '') {\n                        return (\n                          <a href={item.link} target=\"_blank\" rel=\"noreferrer\" key={Math.random()} title={item.link}>\n                            <i className={`la la-${item.name.toLowerCase()}`} />\n                          </a>\n                        )\n                      }\n                    })}\n                </div>\n\n                <div className=\"footer-credits\">\n                  <small>Powered By:</small>\n                  <a href=\"https://whitecloak.com\" target=\"_blank\" rel=\"noreferrer\">\n                    White Cloak Technologies Inc.\n                  </a>\n                </div>\n              </div>\n            </div>\n          </div>\n        </>\n      )}\n    </>\n  )\n}\n\nexport default Header\n","import * as React from 'react'\n\nfunction RightArrow(props: { fill?: string }): JSX.Element {\n  return (\n    <svg width={10} height={17} viewBox=\"0 0 10 17\">\n      <path\n        d=\"M9.728 7.837L2.154.272A.925.925 0 001.495 0a.925.925 0 00-.658.272L.279.829a.93.93 0 000 1.315l6.36 6.352-6.367 6.36a.923.923 0 00-.272.658c0 .249.097.482.272.658l.558.556c.175.176.409.272.658.272.25 0 .483-.096.659-.272l7.581-7.572a.924.924 0 00.272-.66.924.924 0 00-.272-.66z\"\n        fill={props.fill ? props.fill : '#505050'}\n        fillRule=\"nonzero\"\n      />\n    </svg>\n  )\n}\n\nexport default RightArrow\n","import React, { ReactElement } from 'react'\nimport Header from '../Header/Header'\nimport Footer from '../Footer/Footer'\nimport './Layout.scss'\nimport './Animations.scss'\nimport SEO from '../SEO/SEO'\n\ntype LayoutPropTypes = {\n  children?: string | Element | ReactElement | boolean | (string | Element | ReactElement | boolean)[]\n}\n\nconst Layout = ({ children }: LayoutPropTypes): ReactElement => (\n  <>\n    <SEO title=\"HOME | Ayala Land International Sales\" />\n    <Header />\n    {children}\n    <Footer />\n  </>\n)\n\nexport default Layout\n","import { Link } from 'gatsby'\nimport Slider from 'react-slick'\nimport React, { useState } from 'react'\n\nimport placeholderImage from '../../../assets/images/des-2.png'\nimport 'slick-carousel/slick/slick.css'\nimport 'slick-carousel/slick/slick-theme.css'\nimport './PropertyCarousel.scss'\n\nconst PropertyCarousel = ({ data }: any): JSX.Element => {\n  const [carousel, setCarousel] = useState<null | any>(null)\n\n  const next = (): void => {\n    if (carousel) {\n      carousel.slickNext()\n    }\n  }\n\n  const prev = (): void => {\n    if (carousel) {\n      carousel.slickPrev()\n    }\n  }\n\n  const slides = data ? data : []\n\n  const settings = {\n    className: 'properties-slider',\n    dots: false,\n    infinite: true,\n    centerMode: false,\n    initialSlide: slides.length > 3 ? 1.5 : 1,\n    slidesToShow: slides.length > 3 ? 3.5 : slides.length,\n    slidesToScroll: 1,\n    arrows: true,\n    responsive: [\n      {\n        breakpoint: 1024,\n        settings: {\n          slidesToShow: slides.length > 3 ? 3.5 : slides.length,\n          slidesToScroll: 1,\n          infinite: true,\n          dots: true\n        }\n      },\n      {\n        breakpoint: 600,\n        settings: {\n          slidesToShow: 2,\n          slidesToScroll: 2,\n          initialSlide: 2\n        }\n      },\n      {\n        breakpoint: 480,\n        settings: {\n          slidesToShow: 1,\n          slidesToScroll: 1\n        }\n      }\n    ]\n  }\n\n  const MockSlides = (): JSX.Element => {\n    return <></>\n  }\n\n  return (\n    <>\n      <div className=\"hero-arrows fade-in dl-8\">\n        <div className=\"arrow-1\" onClick={next}>\n          <i className=\"la la-angle-left la-2x\" />\n        </div>\n        <div onClick={prev}>\n          <i className=\"la la-angle-right la-2x\" />\n        </div>\n      </div>\n\n      <div className=\"hero-slider fade-in dl-6\">\n        <Slider ref={(c) => setCarousel(c)} {...settings}>\n          {data ? (\n            data?.map((item: any, index: number) => {\n              return (\n                <div className=\"property-slide\" key={index}>\n                  <Link to={item.path}>\n                    <div className=\"slide-content\">\n                    <img src={item.images.length !== 0 ? item.images[0] : placeholderImage} alt=\"featured properties\" />\n                      <div className=\"slide-text\">\n                        <div>\n                          <small>{item.propertyType}</small>\n                          <span>{item.name}</span>\n                        </div>\n                      </div>\n                    </div>\n                  </Link>\n                </div>\n              )\n            })\n          ) : (\n            <MockSlides />\n          )}\n        </Slider>\n      </div>\n    </>\n  )\n}\n\nexport default PropertyCarousel\n","import { Link, graphql, useStaticQuery } from 'gatsby'\nimport React, { useEffect, useState } from 'react'\n\nimport './Hero.scss'\nimport GridLogo from '../../GridLogo/GridLogo'\nimport PropertyCarousel from './PropertyCarousel'\nimport { propertyMapping } from '../../PropertiesSearchPage/propertiesMapper'\nimport placeholderImage from '../../../assets/images/des-2.png'\n\nimport alisiLogo from '../../../assets/svg/alp.svg'\nimport alveoLogo from '../../../assets/images/brands/Alveo.png'\nimport avidaLogo from '../../../assets/images/brands/Avida.png'\nimport amaiaLogo from '../../../assets/images/brands/Amaia.png'\nimport bellavitaLogo from '../../../assets/images/brands/BellaVita.png'\nimport alpLogo from '../../../assets/images/brands/alp.png'\nimport diamondArrow from '../../../assets/svg/diamond-arrow.svg'\n\nconst Hero = (): JSX.Element => {\n  const HomeHeroData = useStaticQuery(graphql`\n    query heroBanner {\n      heroBanner(title: { eq: \"Homepage\" }) {\n        image\n        description\n        title\n        video_link\n      }\n\n      allSitePage(\n        filter: {\n          context: { brand: {}, type: { eq: \"overview\" }, category: { eq: \"property\" }, property: { details: { featured: { eq: true } } } }\n        }\n      ) {\n        edges {\n          node {\n            context {\n              property {\n                details {\n                  brand\n                  featured\n                  floorArea\n                  id\n                  imageLogo\n                  location\n                  lotArea\n                  name\n                  price\n                  priceRange {\n                    highest\n                    lowest\n                  }\n                  propertyType\n                  slug\n                  terrain\n                }\n                overview {\n                  images\n                }\n              }\n            }\n            path\n          }\n        }\n      }\n    }\n  `)\n\n  const isImage = (src: any): boolean => {\n    const regEx = /\\.(gif|jpe?g|tiff?|png|webp|bmp)$/i\n    return regEx.test(src)\n  }\n\n  const properties = propertyMapping(HomeHeroData.allSitePage.edges)\n  const heroTagLine = HomeHeroData.heroBanner ? HomeHeroData.heroBanner.description : ''\n  const alisiContentSrc = HomeHeroData.heroBanner ? HomeHeroData.heroBanner.image : ''\n  const alisiContentType = HomeHeroData.heroBanner ? (isImage(HomeHeroData.heroBanner.image) ? 'image' : 'video') : 'image'\n\n  // parsed brand properties\n  const alpProperties = properties.filter((x: any) => x.brand === 'alp')\n  const alveoProperties = properties.filter((x: any) => x.brand === 'alveo')\n  const avidaProperties = properties.filter((x: any) => x.brand === 'avida')\n  const amaiaProperties = properties.filter((x: any) => x.brand === 'amaia')\n  const bellavitaProperties = properties.filter((x: any) => x.brand === 'bellavita')\n\n  const brandBannerImage = (propertyData: any): string => {\n    let bannerImage = placeholderImage\n\n    if (propertyData.length !== 0 && propertyData[0].images.length > 0) {\n      bannerImage = propertyData[0].images[0]\n    }\n\n    return bannerImage\n  }\n\n  const heroData = [\n    {\n      brand: 'alisi',\n      contentSrc: alisiContentSrc,\n      contentType: alisiContentType,\n      brandDescription: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam vitae ornare neque, sit amet luctus nisl.',\n      propertyURL: '/properties',\n      homeBrand: true\n    },\n    {\n      brand: 'alp',\n      contentSrc: brandBannerImage(alpProperties),\n      contentType: 'image',\n      brandDescription: 'A Distinctive Living Experience',\n      propertyURL: '/properties/ayala-land-premier',\n      homeBrand: false,\n      theme: '#707070',\n      properties: alpProperties\n    },\n    {\n      brand: 'alveo',\n      contentSrc: brandBannerImage(alveoProperties),\n      contentType: 'image',\n      brandDescription: 'Innovating the Way You Live',\n      propertyURL: '/properties/alveo',\n      homeBrand: false,\n      theme: '#1982B9',\n      properties: alveoProperties\n    },\n    {\n      brand: 'avida',\n      contentSrc: brandBannerImage(avidaProperties),\n      contentType: 'image',\n      brandDescription: 'Affordable Living at its Best',\n      propertyURL: '/properties/avida',\n      homeBrand: false,\n      theme: '#990D15',\n      properties: avidaProperties\n    },\n    {\n      brand: 'amaia',\n      contentSrc: brandBannerImage(amaiaProperties),\n      contentType: 'image',\n      brandDescription: 'Kaya ko na!',\n      propertyURL: '/properties/amaia',\n      homeBrand: false,\n      theme: '#297922',\n      properties: amaiaProperties\n    },\n    {\n      brand: 'bellavita',\n      contentSrc: brandBannerImage(bellavitaProperties),\n      contentType: 'image',\n      brandDescription: 'Bahay Saya, Buhay Sagana',\n      propertyURL: '/properties/bellavita',\n      homeBrand: false,\n      theme: '#6C731A',\n      properties: bellavitaProperties\n    }\n  ]\n\n  const [activeBrand, setActiveBrand] = useState('')\n  const [currentContent, setCurrentContent] = useState({ brand: 'avida', type: 'image' })\n  const [hoverState, setHoverState] = useState(false)\n  const [brandIndex, setIndex] = useState(0)\n\n  const closeBrandModal = (): void => {\n    const closeBtn: any = document.getElementById('hero-brand-close-btn')\n    if (closeBtn) {\n      closeBtn.click()\n    }\n  }\n\n  const mobileControlNext = (): void => {\n    closeBrandModal()\n    const brands: any = document.querySelectorAll('.brand')\n    const brandLogos: any = document.querySelectorAll('.bx-logo')\n\n    if (brands[brandIndex] && brandIndex < 5) {\n      brands[brandIndex].style.display = 'none'\n      brands[brandIndex + 1].style.display = 'grid'\n      brandLogos[brandIndex + 1].click()\n      setIndex(brandIndex + 1)\n    } else {\n      brands[5].style.display = 'none'\n      brands[0].style.display = 'grid'\n      setIndex(0)\n    }\n  }\n\n  const mobileControlPrev = (): void => {\n    closeBrandModal()\n    const brands: any = document.querySelectorAll('.brand')\n    const brandLogos: any = document.querySelectorAll('.bx-logo')\n\n    if (brands[brandIndex] && brandIndex > 0) {\n      brands[brandIndex].style.display = 'none'\n      brands[brandIndex - 1].style.display = 'grid'\n      brandLogos[brandIndex - 1].click()\n      setIndex(brandIndex - 1)\n    } else {\n      brands[0].style.display = 'none'\n      brands[5].style.display = 'grid'\n      setIndex(5)\n    }\n  }\n\n  const hoverFocus = (brand: string, type: string, homeBrand: boolean): void => {\n    if (currentContent.brand !== brand) {\n      const contentEL = document.querySelector(`#content-${type}-${brand}`) as HTMLElement\n      const prevContentEL = document.querySelector(`#content-${currentContent.type}-${currentContent.brand}`) as HTMLElement\n\n      if (currentContent.type === 'video') {\n        const prevMedia = document.querySelector(`#content-${currentContent.type}-${currentContent.brand}`) as HTMLVideoElement\n        prevMedia.pause()\n      }\n\n      if (type === 'video') {\n        const currentMedia = document.querySelector(`#content-${type}-${brand}`) as HTMLVideoElement\n        currentMedia.play()\n      }\n\n      if (prevContentEL) {\n        prevContentEL.style.display = 'none'\n      }\n\n      if (contentEL) {\n        contentEL.style.display = 'block'\n      }\n\n      const currentBrand = document.querySelector(`#brand-logo-${currentContent.brand}`) as HTMLElement\n      const selectedBrand = document.querySelector(`#brand-logo-${brand}`) as HTMLElement\n\n      currentBrand?.classList.remove('brand-focus')\n      selectedBrand?.classList.add('brand-focus')\n\n      setCurrentContent({ brand: brand, type: type })\n      setHoverState(true)\n    }\n  }\n\n  const selectBrand = (brand: string, type: string, homeBrand: boolean): void => {\n    if (!homeBrand) {\n      setActiveBrand(brand)\n    } else {\n      setActiveBrand('')\n    }\n  }\n\n  useEffect(() => {\n    hoverFocus('alisi', 'image', true)\n  }, [])\n\n  const fetchLogo = (brand: string): JSX.Element => {\n    let logo\n\n    switch (brand) {\n      case 'alisi':\n        logo = alisiLogo\n        break\n      case 'alveo':\n        logo = alveoLogo\n        break\n      case 'avida':\n        logo = avidaLogo\n        break\n      case 'amaia':\n        logo = amaiaLogo\n        break\n      case 'bellavita':\n        logo = bellavitaLogo\n        break\n      case 'alp':\n        logo = alpLogo\n        break\n      default:\n        logo = alisiLogo\n    }\n\n    return <img src={logo} className={`${brand}-logo fade-in-bottom dl-6`} alt=\"Ayala Land Brand\" />\n  }\n\n  const fetchNavLogo = ({ brand, contentType, homeBrand }: any): JSX.Element => {\n    let navLogo\n\n    const handleEnter = (): void => {\n      hoverFocus(brand, contentType, homeBrand)\n    }\n    const handleClick = (): void => {\n      selectBrand(brand, contentType, homeBrand)\n    }\n\n    switch (brand) {\n      case 'alisi':\n        navLogo = alisiLogo\n        break\n      case 'alveo':\n        navLogo = alveoLogo\n        break\n      case 'avida':\n        navLogo = avidaLogo\n        break\n      case 'amaia':\n        navLogo = amaiaLogo\n        break\n      case 'bellavita':\n        navLogo = bellavitaLogo\n        break\n      case 'alp':\n        navLogo = alpLogo\n        break\n      default:\n        navLogo = alisiLogo\n    }\n\n    return (\n      <img src={navLogo} className={`logo ${brand}-logo bx-logo`} alt=\"Ayala Land Brand\" onMouseEnter={handleEnter} onClick={handleClick} />\n    )\n  }\n\n  return (\n    <>\n      <div className=\"hero-banner\" />\n\n      {heroData &&\n        heroData?.map((item: any, i: number) => {\n          return item.contentType === 'image' ? (\n            <div\n              key={i}\n              id={`content-image-${item.brand}`}\n              className=\"hero-media bg-pan-right\"\n              style={{\n                background: `url('${item.contentSrc}') center no-repeat`,\n                backgroundSize: '120%'\n              }}\n            />\n          ) : (\n            <video key={i} id={`content-video-${item.brand}`} className=\"hero-media-video fade-in\" autoPlay muted loop>\n              <source src={item.contentSrc} type=\"video/mp4\" />\n            </video>\n          )\n        })}\n\n      <div className=\"hero-mask\" />\n      <div className=\"hero-grid\">\n        <GridLogo />\n      </div>\n      <div className=\"hero-header\">\n        <div className=\"hero-header-content\">\n          <h1 className=\"fade-in-bottom\">{heroTagLine}</h1>\n          <p className=\"fade-in-bottom dl-4\" />\n        </div>\n\n        <div className=\"brands-banner\">\n          <div className=\"line\" />\n          <span>Discover our Brands</span>\n          <div className=\"line\" />\n        </div>\n      </div>\n\n      <div className={`hero-brands ${activeBrand !== '' ? 'brand-active' : ''}`}>\n        {activeBrand === '' && (\n          <Link to=\"/properties\">\n            <p className=\"journey-cta fade-in-bottom dl-3\">\n              Start your Journey <i className=\"la la-arrow-right\" />\n            </p>\n          </Link>\n        )}\n\n        {activeBrand !== '' && (\n          <div\n            className=\"close-brand fade-in-bottom dl-9\"\n            id=\"hero-brand-close-btn\"\n            onClick={() => {\n              setActiveBrand('')\n            }}\n          >\n            <i className=\"la la-close\" />\n          </div>\n        )}\n\n        <div className=\"hero-logos\">\n          {heroData &&\n            heroData?.map((item: any, i: number) => {\n              return (\n                <div\n                  className={`brand ${item.homeBrand ? 'brand-focus' : ''} ${activeBrand === item.brand ? 'active' : ''}`}\n                  key={i}\n                  id={`brand-logo-${item.brand}`}\n                  style={activeBrand === item.brand ? { background: item.theme, transition: '0.3s' } : {}}\n                >\n                  <div className=\"brand-controls\">\n                    <div />\n\n                    <PropertyCarousel data={item.properties} brand={item.brand} />\n\n                    <div className=\"brand-description\">\n                      {fetchLogo(item.brand)}\n                      <p className=\"fade-in-bottom dl-4\">{item.brandDescription}</p>\n                      <Link to={item.propertyURL}>\n                        <img src={diamondArrow} className=\"to-properties fade-in-bottom dl-6\" alt=\"Featured property button\" />\n                      </Link>\n                    </div>\n                  </div>\n                  {fetchNavLogo(item)}\n                </div>\n              )\n            })}\n        </div>\n\n        <div className=\"mobile-hero-control left fade-in\" onClick={mobileControlPrev}>\n          <i className=\"la la-angle-left la-2x\" />\n        </div>\n\n        <div className=\"mobile-hero-control right fade-in\" onClick={mobileControlNext}>\n          <i className=\"la la-angle-right la-2x\" />\n        </div>\n      </div>\n    </>\n  )\n}\n\nexport default Hero\n","import { Link, graphql, useStaticQuery } from 'gatsby'\nimport React, { ReactElement, useState } from 'react'\nimport Slider from 'react-slick'\n\nimport LeftArrow from '../../../assets/icons/LeftArrow'\nimport RightArrow from '../../../assets/icons/RightArrow'\nimport DiscoverArrow from '../../../assets/icons/DiscoverArrow'\nimport NoData from '../../NoData'\nimport './Destinations.scss'\nimport 'slick-carousel/slick/slick.css'\nimport 'slick-carousel/slick/slick-theme.css'\n\nconst Destinations = (): ReactElement => {\n  const destinations = useStaticQuery(graphql`\n    query homeFeaturedDestinations {\n      allSitePage(filter: { context: { category: { eq: \"destinations\" }, data: { feature: { eq: true } } } }) {\n        edges {\n          node {\n            path\n            context {\n              data {\n                estate\n                description\n                title\n                updated\n                featuredMedia {\n                  media\n                  mediaType\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  `)\n\n  const [carousel, setCarousel] = useState<null | any>(null)\n\n  const next = (): void => {\n    if (carousel) {\n      carousel.slickNext()\n    }\n  }\n\n  const prev = (): void => {\n    if (carousel) {\n      carousel.slickPrev()\n    }\n  }\n\n  const settings = {\n    className: 'notes-slider',\n    dots: false,\n    infinite: true,\n    speed: 500,\n    slidesToShow: 1.5,\n    slidesToScroll: 1,\n    arrows: false,\n    variableWidth: true,\n    responsive: [\n      {\n        breakpoint: 600,\n        settings: {\n          infinite: true,\n          speed: 500,\n          slidesToShow: 1,\n          slidesToScroll: 1,\n          centerMode: true,\n          variableWidth: true\n        }\n      }\n    ]\n  }\n\n  return (\n    <div className=\"destinations\">\n      <div className=\"destinations-left\">\n        <div className=\"destinations-content-container\">\n          <div className=\"destinations-content-title\">\n            <p>Destinations</p>\n            <div className=\"destinations-content-title-line\" />\n          </div>\n          <div className=\"destinations-content-sub-header\">\n            <h1>Reaching areas with potential for growth.</h1>\n            <p>\n              Diverse residential and commercial offerings on which thriving, sustainable communities emerge, spurring new centers of growth\n              across the country.\n            </p>\n          </div>\n          <div className=\"destinations-content-discover-more\">\n            <Link to=\"/destinations\">Discover More</Link>\n          </div>\n        </div>\n\n        {destinations.allSitePage.edges.length > 1 && (\n          <div className=\"destinations-carousel-button-container\">\n            <div className=\"left\">\n              <div className=\"button\" onClick={next}>\n                <LeftArrow />\n              </div>\n            </div>\n\n            <div className=\"button\" onClick={prev}>\n              <RightArrow />\n            </div>\n          </div>\n        )}\n      </div>\n\n      <div className=\"destinations-right\">\n        {destinations.allSitePage.edges.length === 1 ? (\n          <div className=\"notes-slider\">\n            <div className=\"destination-featured-container\">\n              <div className=\"destination-featured-info single\">\n                <div className=\"destination-title\">\n                  <p>{destinations.allSitePage.edges[0].node.context.data.title}</p>\n                  {/* <h5>NUVALI</h5> */}\n                </div>\n\n                <Link to={destinations.allSitePage.edges[0].node.path}>\n                  <div className=\"destination-button\">\n                    <p>DISCOVER</p>\n                    <DiscoverArrow />\n                  </div>\n                </Link>\n              </div>\n              <div className=\"img-filter\" />\n              <img src={destinations.allSitePage.edges[0].node.context.data.featuredMedia[0].media} />\n            </div>\n          </div>\n        ) : destinations.allSitePage.edges.length > 1 ? (\n          <Slider ref={(c) => setCarousel(c)} {...settings}>\n            {destinations.allSitePage.edges.map((res: any, index: number) => {\n              const { node } = res\n              const { path, context } = node\n\n              let destination = context.data\n\n              // if (destination.feature) {\n              return (\n                <div data-index={index} key={index} className=\"destination-featured-container\">\n                  <div className=\"destination-featured-info\">\n                    <div className=\"destination-title\">\n                      <p>{destination.title}</p>\n                      {/* <h5>NUVALI</h5> */}\n                    </div>\n\n                    <Link to={path} state={{ id: destination.id }}>\n                      <div className=\"destination-button\">\n                        <p>DISCOVER</p>\n                        <DiscoverArrow />\n                      </div>\n                    </Link>\n                  </div>\n                  <div className=\"img-filter\" />\n                  <img src={destination.featuredMedia[0].media} />\n                </div>\n              )\n              // }\n            })}\n          </Slider>\n        ) : (\n          <div className=\"no-data\">\n            <NoData withBackground={false} title=\"destinations\" />\n          </div>\n        )}\n      </div>\n      {destinations.allSitePage.edges.length > 1 && (\n        <div className=\"destinations-carousel-button-container\">\n          <div className=\"left\">\n            <div className=\"button\" onClick={next}>\n              <LeftArrow />\n            </div>\n          </div>\n\n          <div className=\"button\" onClick={prev}>\n            <RightArrow />\n          </div>\n        </div>\n      )}\n    </div>\n  )\n}\n\nexport default Destinations\n","import { Link, navigate, graphql, useStaticQuery } from 'gatsby'\nimport React, { ReactElement, useState } from 'react'\nimport Slider from 'react-slick'\n\nimport './NewsAndEvents.scss'\nimport 'slick-carousel/slick/slick.css'\nimport 'slick-carousel/slick/slick-theme.css'\nimport LeftArrow from '../../../assets/icons/LeftArrow'\nimport RightArrow from '../../../assets/icons/RightArrow'\nimport NoData from '../../NoData'\n\nconst NewsAndEvents = (): ReactElement => {\n  const newsAndEvents = useStaticQuery(graphql`\n    query homeFeaturedNewsAndEvents {\n      allSitePage(filter: { context: { category: { eq: \"news-and-events\" }, data: { feature: { eq: true } } } }) {\n        edges {\n          node {\n            path\n            context {\n              data {\n                estate\n                description\n                title\n                updated\n                featuredMedia {\n                  media\n                  mediaType\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  `)\n\n  const [carousel, setCarousel] = useState<null | any>(null)\n  const [mouse, setMouse] = useState<any>({})\n\n  const next = (): void => {\n    if (carousel) {\n      carousel.slickNext()\n    }\n  }\n\n  const prev = (): void => {\n    if (carousel) {\n      carousel.slickPrev()\n    }\n  }\n\n  const settings = {\n    className: 'notes-slider',\n    dots: false,\n    infinite: true,\n    centerMode: false,\n    slidesToShow: 3.5,\n    slidesToScroll: 1,\n    arrows: false,\n    variableWidth: true,\n    responsive: [\n      {\n        breakpoint: 600,\n        settings: {\n          infinite: true,\n          speed: 500,\n          slidesToShow: 1,\n          slidesToScroll: 1,\n          centerMode: true,\n          variableWidth: true\n        }\n      }\n    ]\n  }\n\n  const handleMouseDown = (event: any): void => {\n    event.preventDefault()\n    setMouse({\n      x: event.pageX,\n      y: event.pageY\n    })\n  }\n\n  const handleMouseUp = (event: any, link: string): void => {\n    if (mouse.x === event.pageX && mouse.y === event.pageY) {\n      navigate(link)\n      setMouse({})\n    }\n  }\n\n  return (\n    <div className=\"news-and-events\">\n      <div className=\"news-and-events-title-container\">\n        <div className=\"news-and-events-title\">\n          <p>News and Events</p>\n          <div className=\"news-and-events-title-line\" />\n        </div>\n      </div>\n\n      <div className=\"news-and-events-content-sub-header\">\n        <h1>Learn more about Ayala Land's current projects and initiatives.</h1>\n      </div>\n\n      <div className=\"news-and-events-content-view-all\">\n        <Link to=\"/news-and-events\">View All Articles</Link>\n      </div>\n\n      <div className=\"news-and-events-carousel-container\">\n        {newsAndEvents.allSitePage.edges.length > 0 ? (\n          <Slider ref={(c) => setCarousel(c)} {...settings}>\n            {newsAndEvents.allSitePage.edges.map((res: any, index: number) => {\n              const { node } = res\n              const { path, context, mediaImages } = node\n              const article = context.data\n\n              return (\n                <div\n                  key={index}\n                  className=\"news-and-events-featured-container\"\n                  onMouseDown={(event) => handleMouseDown(event)}\n                  onMouseUp={(event) => handleMouseUp(event, path)}\n                >\n                  <img src={article.featuredMedia[0].media} />\n                  <h5>{article.title}</h5>\n                  <p>{article.updated}</p>\n                </div>\n              )\n            })}\n          </Slider>\n        ) : (\n          <div className=\"no-data\">\n            <NoData withBackground={false} title=\"news and events\" />\n          </div>\n        )}\n      </div>\n\n      {newsAndEvents.allSitePage.edges.length > 4 && (\n        <div className=\"news-and-events-carousel-button-container\">\n          <div className=\"left\">\n            <div className=\"button\" onClick={() => next()}>\n              <LeftArrow />\n            </div>\n          </div>\n\n          <div className=\"button\" onClick={() => prev()}>\n            <RightArrow />\n          </div>\n        </div>\n      )}\n    </div>\n  )\n}\n\nexport default NewsAndEvents\n","import React, { ReactElement } from 'react'\nimport './Main.scss'\nimport Layout from '../../components/Layout/Layout'\nimport Hero from '../../components/HomePage/Hero/Hero'\nimport Destinations from '../../components/HomePage/Destinations/Destinations'\nimport NewsAndEvents from '../../components/HomePage/NewsAndEvents/NewsAndEvents'\n\nconst Main = (): ReactElement => {\n  return (\n    <Layout>\n      <Hero />\n      <Destinations />\n      <NewsAndEvents />\n    </Layout>\n  )\n}\n\nexport default Main\n","module.exports = __webpack_public_path__ + \"static/des-2-e9c1d1350295c07f2f6c47fd8ecc1c1f.png\";","import { PropertyProps } from './data'\n\nexport function propertyMapping(array: any): any[] {\n  const newArray: any = []\n  array.map((res: any) => {\n    let { details } = res.node.context.property\n    const { images } = res.node.context.property.overview\n    const { path } = res.node\n\n    details = {\n      ...details,\n      images,\n      path\n    }\n\n    newArray.push(details)\n  })\n\n  return newArray\n}\n\nexport const getHighestOrLowest = (identifier: 'highest' | 'lowest', items: PropertyProps[]) => {\n  return items\n    .map(({ priceRange }) => parseFloat(priceRange[identifier].replace(/,/g, '')))\n    .filter(Boolean)\n    .sort((a, b) => (identifier === 'highest' ? b - a : a - b))\n}\n\nexport const equalsCheck = (a: Array<number>, b: Array<number>) => {\n  return JSON.stringify(a) === JSON.stringify(b)\n}\n"],"sourceRoot":""}