Contact Us
\n {errors.general && (\n \n {errors.general}\n \n )}\n\n
\n\n \n
\n\n \n {\n const isAplha = alphaOnly(e)\n if (!isAplha) {\n return\n }\n handleChange(e)\n }}\n label=\"First Name\"\n />\n
\n {errors.firstName && (\n \n {errors.firstName}\n \n )}\n \n
\n \n {\n const isAplha = alphaOnly(e)\n if (!isAplha) {\n return\n }\n handleChange(e)\n }}\n label=\"Middle Name\"\n />\n
\n \n
\n\n \n
\n\n \n {\n const isAplha = alphaOnly(e)\n if (!isAplha) {\n return\n }\n handleChange(e)\n }}\n label=\"Last Name\"\n />\n
\n {errors.lastName && (\n \n {errors.lastName}\n \n )}\n \n
\n \n
\n {errors.email && (\n \n {errors.email}\n \n )}\n \n
\n\n \n
\n\n \n setLocationActive(active)}\n >\n {!filterLocation ? (\n handleLocationChange('')} value={''}>\n None\n \n ) : filteredCountries.length === 0 ? (\n handleLocationChange('')} value={''}>\n No Results Found\n \n ) : null}\n {filteredCountries &&\n filteredCountries.map((country: string, index: number) => {\n return (\n handleLocationChange(country)} value={country}>\n {country}\n \n )\n })}\n \n
\n {errors.location && (\n \n {errors.location}\n \n )}\n \n
\n \n {\n const isNumeric = numericOnly(e)\n if (!isNumeric) {\n return\n }\n handleChange(e)\n }}\n label=\"Phone Number\"\n />\n
\n {errors.phoneNumber && (\n \n {errors.phoneNumber}\n \n )}\n \n
\n\n \n
\n\n \n setTypeOfInquiryActive(active)}\n >\n {/* handleTypeChange('')} value={''}>\n None\n */}\n {typeOfInquiries.map((type: string, index: number) => {\n return (\n handleTypeChange(type)} value={type}>\n {type}\n \n )\n })}\n \n
\n {errors.typeOfInquiry && (\n \n {errors.typeOfInquiry}\n \n )}\n \n {typeOfInquiry === 'Others' && (\n
\n \n
\n )}\n \n
\n {errors.inquiry && (\n \n {errors.inquiry}\n \n )}\n \n
\n {errors.message && (\n \n {errors.message}\n \n )}\n \n\n \n setMessageFocus('is-focused')}\n onBlur={(): any => !fields.message && setMessageFocus('')}\n >\n \n {\n const isTrue = alphaNumericWithSpecialCharacters(e)\n if (!isTrue) {\n return\n }\n handleChange(e)\n }}\n name=\"message\"\n value={fields.message}\n />\n
\n \n
\n {errors.terms && (\n \n {errors.terms}\n \n )}\n\n handleTerms()}>\n {terms && }\n
{' '}\n \n I have read and agreed with the Privacy Notice and{' '}\n Terms and Conditions\n \n \n
\n \n {\n setCaptcha(true)\n setErrors((oldErrors) => ({\n ...oldErrors,\n reCaptcha: null\n }))\n }}\n onExpired={(): void => {\n setCaptcha(false)\n setErrors((oldErrors) => ({\n ...oldErrors,\n reCaptcha: null\n }))\n }}\n onErrored={(): void => {\n setCaptcha(false)\n setErrors((oldErrors) => ({\n ...oldErrors,\n reCaptcha: null\n }))\n }}\n />\n {errors.reCaptcha && (\n \n {errors.reCaptcha}\n \n )}\n
\n \n
\n handleSubmit()}>\n
\n \n {props.value ? props.value : props.defaultValue}\n {props.filter && (\n props.setFilter(e.target.value)} />\n )}\n
\n {props.label || (props.label && props.value) ? {props.label} : null}\n - {props.children}
\n
\n\n \n \n \n 
\n
\n \n
\n \n
\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 \n \n
\n \n 
\n
\n \n {title}
\n\n {isLinks &&\n isLinks.map((link: { name: string; url: string }, index: number) => {\n const tempActive = active === index ? 'active' : ''\n return (\n navigate(link.url)}\n className={`content-nav-button ${tempActive}`}\n onMouseEnter={(): void => setActive(index)}\n onMouseLeave={(): void => setActive(isActive)}\n >\n {link.name}\n
\n )\n })}\n \n )\n}\n\nexport default ContentNav\n","import React from 'react'\n\nimport './ContentContainer.scss'\n\nconst ContentContainer = (props: any) => {\n return (\n \n
\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\n
\n {props.children}
\n \n \n
\n \n )}\n \n )\n}\n\nexport default Header\n","'use strict';\n\nvar data = require('./data.json');\n/** Precompute name and code lookups. */\n\n\nvar nameMap = {};\nvar codeMap = {};\ndata.forEach(mapCodeAndName);\n\nfunction mapCodeAndName(country) {\n nameMap[country.name.toLowerCase()] = country.code;\n codeMap[country.code.toLowerCase()] = country.name;\n}\n\nexports.overwrite = function overwrite(countries) {\n if (!countries || !countries.length) return;\n countries.forEach(function (country) {\n var foundIndex = data.findIndex(function (item) {\n return item.code === country.code;\n });\n data[foundIndex] = country;\n mapCodeAndName(country);\n });\n};\n\nexports.getCode = function getCode(name) {\n return nameMap[name.toLowerCase()];\n};\n\nexports.getName = function getName(code) {\n return codeMap[code.toLowerCase()];\n};\n\nexports.getNames = function getNames() {\n return data.map(function (country) {\n return country.name;\n });\n};\n\nexports.getCodes = function getCodes() {\n return data.map(function (country) {\n return country.code;\n });\n};\n\nexports.getCodeList = function getCodeList() {\n return codeMap;\n};\n\nexports.getNameList = function getNameList() {\n return nameMap;\n};\n\nexports.getData = function getData() {\n return data;\n};","import React from 'react'\n\nimport Modal from '../../Modal/Modal'\nimport { graphql, useStaticQuery } from 'gatsby'\n\nconst TermsModal = (props: any) => {\n const termsModalData = useStaticQuery(graphql`\n query {\n termsAndConditions {\n id\n name\n containers {\n name\n field_collections {\n name\n fields {\n name\n value\n }\n }\n }\n }\n }\n `)\n\n const termsAndConditions = termsModalData.termsAndConditions.containers[0].field_collections[0].fields\n\n return (\n \n {navLinks &&\n navLinks.map((item: Links) => {\n return (\n \n
\n\n \n {item.name}\n {item.type ? : ''}\n
\n \n )\n })}\n \n
\n \n
\n \n {socialLinks &&\n socialLinks.map((item: { link: string; name: string }) => {\n if (item.name !== '') {\n return (\n \n \n \n )\n }\n })}\n
\n\n \n Powered By:\n \n White Cloak Technologies Inc.\n \n
\n {termsAndConditions[0].value}
\n\n{title}
\n \n\n
\n \n 
\n
\n \n
\n Thanks for being awesome!
\n\n We appreciate you contacting us at Ayala Land International Sales, Inc. One of our colleagues will get back in touch with you\n soon!\n
\nHave a great day!
\n{children}
\n}\n\nexport default Content\n"],"sourceRoot":""}