{"version":3,"sources":["webpack:///./src/assets/images/about-us/AyalaLandInternational.png","webpack:///./src/components/GridLogo/GridLogo.tsx","webpack:///./src/components/AboutUsPage/Hero/index.tsx","webpack:///./src/components/ContentNav/index.tsx","webpack:///./src/components/ContentContainer/index.tsx","webpack:///./src/components/AboutUsPage/MissionAndVision/index.tsx","webpack:///./src/templates/AboutUs/MissionAndVision/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","Hero","heroImage","heroTitle","aboutUsHeroBanner","useStaticQuery","image","heroBanner","bannerImage","title","className","src","alt","ayalaLogo","ContentNav","props","links","isActive","isLinks","useState","active","setActive","map","link","index","tempActive","key","url","onClick","navigate","onMouseEnter","onMouseLeave","name","ContentContainer","children","MissionAndVision","missionAndVisionData","visionContainer","missionAndVision","containers","field_collections","vision","fields","value","body","res","images","visionBody","visionImages","missionContainer","mission","missionBody","missionImages","Content","AboutUsPage","pageContext","AboutUs","SEO","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-mission-and-vision-index-tsx-2fec037cc029e1450dda.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 './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, useStaticQuery } from 'gatsby'\nimport React from 'react'\n\nimport ContentNav from '../../ContentNav'\nimport Content from '../../Content'\n\nconst MissionAndVision = ({ links }: any): JSX.Element => {\n  const missionAndVisionData = useStaticQuery(graphql`\n    query {\n      missionAndVision {\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 visionContainer = missionAndVisionData.missionAndVision.containers[0].field_collections\n\n  const vision = {\n    title: visionContainer ? visionContainer[0].fields[0].value : '',\n    body: visionContainer && visionContainer[1] ? visionContainer[1].fields && visionContainer[1].fields.map((res: any) => res.value) : [],\n    images: visionContainer && visionContainer[2] ? visionContainer[2].fields && visionContainer[2].fields.map((res: any) => res.value) : []\n  }\n\n  const visionBody =\n    vision.body &&\n    vision.body.map((res: any, index: number) => {\n      return <p key={index}>{res}</p>\n    })\n\n  const visionImages =\n    vision.images &&\n    vision.images.map((res: any, index: number) => {\n      return <img className=\"image-cover\" src={res} alt=\"mission\" key={index} />\n    })\n\n  const missionContainer = missionAndVisionData.missionAndVision.containers[1]\n    ? missionAndVisionData.missionAndVision.containers[1].field_collections\n    : null\n\n  const mission = {\n    title: missionContainer ? missionContainer[0].fields[0].value : '',\n    body: missionContainer ? missionContainer[1].fields && missionContainer[1].fields.map((res: any) => res.value) : [],\n    images: missionContainer ? missionContainer[2].fields && missionContainer[2].fields.map((res: any) => res.value) : []\n  }\n\n  const missionBody = mission.body &&\n    mission.body.map((res: any, index: any) => {\n      return <p key={index}>{res}</p>\n    })\n\n  const missionImages = mission.images &&\n          mission.images.map((res: any, index: any) => {\n            if (res.value !== 'No Data' && res.value) {\n              return <img className=\"image-cover\" src={res.value} key={index} />\n            }\n          })\n\n  return (\n    <>\n      <ContentNav links={links} active={1} />\n      <Content>\n        <h1>Mission and Vision</h1>\n        <h2>{mission.title && `${mission.title}:`}</h2>\n        {missionBody}\n        {missionImages}\n        <h2>{vision.title}:</h2>\n        {visionBody}\n        {visionImages}\n      </Content>\n    </>\n  )\n}\n\nexport default MissionAndVision\n","import React, { ReactElement } from 'react'\nimport AboutUsLayout from '../../../components/Layout/AboutUs'\n\nimport SEO from '../../../components/SEO/SEO'\n\nimport MissionAndVision from '../../../components/AboutUsPage/MissionAndVision'\n\nconst AboutUsPage = ({ pageContext: { links } }: any): ReactElement => {\n  return (\n    <AboutUsLayout>\n      <SEO title=\"MISSION AND VISION - ALISI | Ayala Land\" />\n      <MissionAndVision links={links} />\n    </AboutUsLayout>\n  )\n}\n\nexport default AboutUsPage\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":""}