{"version":3,"sources":["webpack:///./src/assets/images/about-us/AyalaLandInternational.png","webpack:///./src/components/GridLogo/GridLogo.tsx","webpack:///./src/components/AboutUsPage/Facts/index.tsx","webpack:///./src/templates/AboutUs/Facts/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","Facts","data","links","ContentNav","active","Content","title","dangerouslySetInnerHTML","__html","body","AboutUsPage","pageContext","fact","AboutUs","SEO","name","Hero","heroImage","heroTitle","aboutUsHeroBanner","useStaticQuery","image","heroBanner","bannerImage","className","src","alt","ayalaLogo","props","isActive","isLinks","useState","setActive","map","link","index","tempActive","key","url","onClick","navigate","onMouseEnter","onMouseLeave","ContentContainer","children","Header","linkData","socialMediaList","socialLinks","socialMediaLinks","filter","x","includes","toLowerCase","solidBG","setSolidBG","useEffect","bs1","document","querySelector","bs2","solid","window","onscroll","scrollY","classList","replace","watchScroll","navLinks","menu","setMenu","toggleMenu","noData","to","size","slice","item","Math","random","activeLink","href","searchIcon","burger","role","type","target","rel","AboutUsLayout"],"mappings":"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","file":"component---src-templates-about-us-facts-index-tsx-86fb0de837ab0999eadc.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 React from 'react'\n\nimport ContentNav from '../../ContentNav'\nimport Content from '../../Content'\n\nconst Facts = ({ data, links }: any) => {\n  return (\n    <>\n      <ContentNav links={links} active={data.active} />\n      <Content>\n        <h1>{data.title}</h1>\n\n        <div\n          dangerouslySetInnerHTML={{\n            __html: data.body\n          }}\n        />\n      </Content>\n    </>\n  )\n}\n\nexport default Facts\n","import React, { ReactElement } from 'react'\nimport AboutUsLayout from '../../../components/Layout/AboutUs'\n\nimport SEO from '../../../components/SEO/SEO'\n\nimport Facts from '../../../components/AboutUsPage/Facts'\n\nconst AboutUsPage = ({ pageContext: { fact, links } }: any): ReactElement => {\n  return (\n    <AboutUsLayout>\n      <SEO title={`${fact.name} - ALISI | Ayala Land`} />\n      <Facts data={fact} 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":""}