{"version":3,"sources":["webpack:///./src/assets/images/about-us/AyalaLandInternational.png","webpack:///./src/components/GridLogo/GridLogo.tsx","webpack:///./src/components/AboutUsPage/WhoWeAre/index.tsx","webpack:///./src/templates/AboutUs/index.tsx","webpack:///./src/components/AboutUsPage/Hero/index.tsx","webpack:///./src/components/ContentNav/index.tsx","webpack:///./src/components/ContentContainer/index.tsx","webpack:///./src/components/Header/Header.tsx","webpack:///./src/components/Layout/AboutUs.tsx","webpack:///./src/components/Content/index.tsx"],"names":["module","exports","GridLogo","id","width","height","viewBox","version","stroke","strokeWidth","fill","fillRule","opacity","transform","d","WhoWeAre","links","aboutUsData","useStaticQuery","data","aboutUs","containers","field_collections","title","fields","value","body","images","aboutUsImages","handleImageLoad","e","target","naturalWidth","classList","replace","ContentNav","active","Content","map","res","index","key","className","src","onLoad","AboutUsPage","pageContext","AboutUs","SEO","Hero","heroImage","heroTitle","aboutUsHeroBanner","image","heroBanner","bannerImage","alt","ayalaLogo","props","isActive","isLinks","useState","setActive","link","tempActive","url","onClick","navigate","onMouseEnter","onMouseLeave","name","ContentContainer","children","Header","linkData","socialMediaList","socialLinks","socialMediaLinks","filter","x","includes","toLowerCase","solidBG","setSolidBG","useEffect","bs1","document","querySelector","bs2","solid","window","onscroll","scrollY","watchScroll","navLinks","menu","setMenu","toggleMenu","noData","to","size","slice","item","Math","random","activeLink","href","searchIcon","burger","role","type","rel","AboutUsLayout"],"mappings":"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","file":"component---src-templates-about-us-index-tsx-2d7fb9fec4e631358c3d.js","sourcesContent":["module.exports = __webpack_public_path__ + \"static/AyalaLandInternational-dcdc6fd60fb630a31ac48e7649fab1a2.png\";","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 { graphql, useStaticQuery } from 'gatsby'\nimport React from 'react'\n\nimport ContentNav from '../../ContentNav'\nimport Content from '../../Content'\n\nimport img1 from '../../../assets/images/about-us/who1.png'\nimport img2 from '../../../assets/images/about-us/who2.png'\nimport img3 from '../../../assets/images/about-us/who3.png'\nimport img4 from '../../../assets/images/about-us/who4.png'\n\nconst WhoWeAre = ({ links }: any): JSX.Element => {\n  const aboutUsData = useStaticQuery(graphql`\n    query {\n      aboutUs {\n        id\n        name\n        slug\n        containers {\n          name\n          field_collections {\n            name\n            fields {\n              name\n              value\n            }\n          }\n        }\n      }\n    }\n  `)\n\n  const data = aboutUsData.aboutUs.containers[0].field_collections\n  const title = data ? data[0].fields[0].value : ''\n  const body = data && data[1] ? data[1].fields : []\n  const sample = aboutUsData.aboutUs.aboutUsImages\n\n  const images = data && data[2] ? data[2].fields : []\n\n  const handleImageLoad = (e: any) => {\n    const imageHeight = e.target.naturalWidth\n\n    // For image.naturalWidth < 785, display original size\n    // 785, from '.image-cSover' media query\n    if (imageHeight < 785) {\n      e.target.classList.replace('image-hide', 'image-cover-s')\n    } else {\n      e.target.classList.replace('image-hide', 'image-cover')\n    }\n  }\n\n  return (\n    <>\n      <ContentNav links={links} active={0} />\n      <Content>\n        <h1>{title}</h1>\n        {body &&\n          body.map((res: any, index: any) => {\n            return <p key={index}>{res.value}</p>\n          })}\n        {images &&\n          images.map((res: any, index: any) => {\n            if (res.value !== 'No Data') {\n              return <img className=\"image-hide\" src={res.value} onLoad={handleImageLoad} key={index} />\n            }\n          })}\n      </Content>\n    </>\n  )\n}\n\nexport default WhoWeAre\n","import React, { ReactElement } from 'react'\nimport AboutUsLayout from '../../components/Layout/AboutUs'\n\nimport SEO from '../../components/SEO/SEO'\n\nimport WhoWeAre from '../../components/AboutUsPage/WhoWeAre'\n\nconst AboutUsPage = ({ pageContext: { links } }: any): ReactElement => {\n  return (\n    <AboutUsLayout>\n      <SEO title=\"ABOUT US - ALISI | Ayala Land\" />\n      <WhoWeAre links={links} />\n    </AboutUsLayout>\n  )\n}\n\nexport default AboutUsPage\n","import { graphql, useStaticQuery } from 'gatsby'\nimport React from 'react'\n\nimport './Hero.scss'\nimport ayalaLogo from '../../../assets/images/about-us/AyalaLandInternational.png'\nimport GridLogo from '../../GridLogo/GridLogo'\n\nconst Hero = ({ heroImage, heroTitle }: any): JSX.Element => {\n  const aboutUsHeroBanner = useStaticQuery(graphql`\n    query {\n      heroBanner(title: { eq: \"About Us\" }) {\n        image\n      }\n    }\n  `)\n  const image = aboutUsHeroBanner.heroBanner ? aboutUsHeroBanner.heroBanner.image : ''\n  const bannerImage = heroImage || image\n  const title = heroTitle || ''\n\n  return (\n    <>\n      <div className=\"about-us-hero-banner\" />\n\n      <div className=\"about-us-banner-container\">\n        <div className=\"about-us-hero-media\">\n          <img className=\"fade-in\" src={bannerImage} alt=\"hero banner\" />\n        </div>\n      </div>\n\n      <div className=\"about-us-hero-mask-2\" />\n      <div className=\"about-us-hero-mask\" />\n      <div className=\"about-us-hero-grid\">\n        <GridLogo />\n      </div>\n      <div className=\"about-us-hero-header\">\n        <div className=\"about-us-header-wrapper\">\n          <div className=\"filler\" />\n          <div className=\"content\">\n            <img src={ayalaLogo} alt=\"ayala land logo\" />\n            <h1>{title}</h1>\n          </div>\n          <div className=\"filler\" />\n        </div>\n      </div>\n    </>\n  )\n}\n\nexport default Hero\n","/* eslint-disable jsx-a11y/no-static-element-interactions */\n/* eslint-disable jsx-a11y/click-events-have-key-events */\n/* eslint-disable import/no-extraneous-dependencies */\nimport React, { useState } from 'react'\nimport { navigate } from '@reach/router'\n\nimport './ContentNav.scss'\n\nconst ContentNav = (props: any): JSX.Element => {\n  const { links, isActive } = props\n  const isLinks: any = links && links\n\n  const [active, setActive] = useState(isActive)\n\n  return (\n    <div className=\"content-nav-container\">\n      {isLinks &&\n        isLinks.map((link: { name: string; url: string }, index: number) => {\n          const tempActive = active === index ? 'active' : ''\n          return (\n            <div\n              key={link.url}\n              onClick={(): any => navigate(link.url)}\n              className={`content-nav-button ${tempActive}`}\n              onMouseEnter={(): void => setActive(index)}\n              onMouseLeave={(): void => setActive(isActive)}\n            >\n              {link.name}\n            </div>\n          )\n        })}\n    </div>\n  )\n}\n\nexport default ContentNav\n","import React from 'react'\n\nimport './ContentContainer.scss'\n\nconst ContentContainer = (props: any) => {\n  return (\n    <div className=\"page-container\">\n      <div className=\"page-wrapper\">\n        <div className=\"content-paper\">{props.children}</div>\n      </div>\n    </div>\n  )\n}\n\nexport default ContentContainer\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 React, { ReactElement } from 'react'\nimport Header from '../Header/Header'\nimport Footer from '../Footer/Footer'\nimport './Layout.scss'\nimport './Animations.scss'\nimport Hero from '../AboutUsPage/Hero'\nimport ContentContainer from '../ContentContainer'\n\ntype LayoutPropTypes = {\n  children?: string | Element | ReactElement | boolean | (string | Element | ReactElement | boolean)[]\n  heroImage?: string\n}\n\nconst AboutUsLayout = ({ children, heroImage }: LayoutPropTypes): ReactElement => (\n  <>\n    <Header />\n    <Hero heroImage={heroImage} />\n    <ContentContainer>{children}</ContentContainer>\n    <Footer />\n  </>\n)\n\nexport default AboutUsLayout\n","import React from 'react'\n\nimport './Content.scss'\n\nconst Content = ({ children }: any): JSX.Element => {\n  return <div className=\"content-container fade-in-bottom\">{children}</div>\n}\n\nexport default Content\n"],"sourceRoot":""}