{"version":3,"sources":["webpack://phx-web-gatsby3/./src/components/generic-page-content.js","webpack://phx-web-gatsby3/./src/components/inner-page-header.js","webpack://phx-web-gatsby3/./src/components/HomeTeamItem.js","webpack://phx-web-gatsby3/./src/hooks/use-team.js","webpack://phx-web-gatsby3/./src/components/HomeTeam.js","webpack://phx-web-gatsby3/./src/pages/our-team.js"],"names":["props","_rawBody","sx","variant","role","blocks","title","headerBgImage","useStaticQuery","blogHeaderImage","getImage","image","className","pt","pb","backgroundPosition","mb","color","textShadow","name","email","phone","nmls","mainImage","_rawBio","staffMemberImage","asset","itemStyles","G","alt","loading","width","fontSize","letterSpacing","my","pl","mt","textDecoration","overflowWrap","wordWrap","wordBreak","hyphens","href","px","overflow","bg","maxWidth","mx","display","flexWrap","alignContent","useSiteTeam","teamMembers","teamNodes","mapEdgesToNodes","map","teamMember","key","HomeTeamItem","seoTitle","description","slug"],"mappings":"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","file":"component---src-pages-our-team-js-0029ced7ebe7edfc3dcd.js","sourcesContent":["/** @jsx jsx */\nimport React from 'react' // eslint-disable-line\nimport {jsx} from 'theme-ui'\n\n// import {buildImageObj} from '../lib/helpers'\n// import {imageUrlFor} from '../lib/image-url'\nimport PortableText from './portableText'\n\n// import styles from './blog-post.module.css'\n\nfunction GenericPage (props) {\n  const {_rawBody} = props\n  return (\n    <>\n      <div sx={{variant: 'styles'}} role='main'>\n        {_rawBody && <PortableText blocks={_rawBody} />}\n      </div>\n\n      {/* <div className='meta-bottom'> */}\n      {/* <span>\n        <a href='#'><i className='zmdi zmdi-favorite-outline' /> Like : 08</a> /\n        <a href='#'><i className='zmdi zmdi-comment-outline' />Comment</a></span> */}\n      {/* </div> */}\n\n    </>\n  )\n}\n\nexport default GenericPage\n","/** @jsx jsx */\nimport React from 'react' // eslint-disable-line\nimport {jsx, Container} from 'theme-ui'\nimport {useStaticQuery, graphql} from 'gatsby'\n\nimport { getImage } from \"gatsby-plugin-image\";\nimport { BgImage } from \"gbimage-bridge\";\n\nconst InnerPageHeader = ({title}) => {\n  const { headerBgImage } = useStaticQuery(graphql`\n    query {\n      headerBgImage: file(relativePath: { eq: \"inner-banner.jpg\" }) {\n        childImageSharp {\n          gatsbyImageData(width: 1400)\n        }\n      }\n    }\n  `);\n\n  const blogHeaderImage = getImage(headerBgImage);\n\n  return (\n    <BgImage image={blogHeaderImage} className='pageHeaderWrapper'\n      sx={{\n        pt: 7,\n        pb: 5,\n        backgroundPosition: 'bottom left'\n      }}\n    >\n      <Container>\n        <div>\n          {/* <span sx={{variant: 'text.superHeading', '::before': {borderTopColor: 'white'}}}>Mortgage Application</span> */}\n          <h1 sx={{variant: 'text.mainHeading', mb: 0, color: 'white', textShadow: '0 2px 5px rgba(0,0,0,.5)'}}>{title}</h1>\n        </div>\n      </Container>\n    </BgImage>\n  )\n}\n\nexport default InnerPageHeader\n","/** @jsx jsx */\nimport React from 'react' // eslint-disable-line\nimport {jsx} from 'theme-ui'\nimport PortableText from './portableText'\n\nimport { GatsbyImage, getImage } from 'gatsby-plugin-image'\n\nimport {FaPhone, FaEnvelope} from 'react-icons/fa'\n\nconst HomeTestimonialItem = ({name, role, email, phone, nmls, mainImage, _rawBio}) => {\n  const staffMemberImage = getImage(mainImage.asset)\n  \n  return (\n    <div sx={itemStyles}>\n\n      <GatsbyImage image={staffMemberImage} alt={name} loading='lazy' sx={{\n        width: ['full', null, null, '1/2']\n        // height: '400px'\n      }} />\n\n      <div className='textWrapper' sx={{\n        width: ['full', null, '1/2']\n      }}>\n        <span sx={{\n          variant: 'text.superHeading',\n          '::before': {\n            width: '2rem'\n          }\n        }}>{nmls && 'NMLS #'}{nmls}</span>\n        <h3 sx={{\n          fontSize: 4,\n          letterSpacing: '-.03em',\n          my: 0,\n          pl: [3, null, null, 2, 3]\n        }}>{name}</h3>\n        <p sx={{mt: 0, pl: [3, null, null, 2, 3]}}>\n          {role}\n        </p>\n        <ul sx={{\n          variant: 'lists.reset',\n          pl: 3,\n          'li a': {\n            color: 'primary',\n            textDecoration: 'none',\n            overflowWrap: 'break-word',\n            wordWrap: 'break-word',\n            wordBreak: 'break-all',\n            wordBreak: 'break-word', // eslint-disable-line\n            hyphens: 'auto',\n            fontSize: '0.8rem'\n          }\n\n        }}>\n          <li><a href={`mailto:{email}`}><FaEnvelope /> {email}</a></li>\n          <li><a href={`tel:${phone}`}><FaPhone /> {phone}</a></li>\n        </ul>\n        <div sx={{fontSize: 0, px: 3}} >\n          <PortableText blocks={_rawBio} />\n        </div>\n      </div>\n\n    </div>\n  )\n}\n\nexport default HomeTestimonialItem\n\nconst itemStyles = {\n  overflow: 'hidden',\n  bg: '#f1f1f1',\n  maxWidth: '600px',\n  mx: 'auto',\n  display: 'flex',\n  flexWrap: ['wrap', null, null, 'nowrap'],\n  alignContent: 'flex-start',\n  '.textWrapper': {\n\n    pt: 4,\n    pb: 2\n  }\n\n}\n","import {useStaticQuery, graphql} from 'gatsby'\nexport const useSiteTeam = () => {\n  const {teamMembers} = useStaticQuery(graphql`\n    query{\n          teamMembers: allSanityPerson(\n            sort: { fields: [order], order: ASC }\n          ) {\n          edges {\n            node {\n              name\n              role\n              email\n              phone\n              nmls\n              _rawBio\n              mainImage {\n                alt\n                asset {\n                  gatsbyImageData(width: 384, fit: FILLMAX, placeholder: BLURRED)\n                }\n              }\n            }\n          }\n        }\n      }\n  `)\n  return teamMembers\n}\n","/** @jsx jsx */\nimport React from 'react' // eslint-disable-line\nimport {jsx, Container} from 'theme-ui'\nimport {mapEdgesToNodes} from '../lib/helpers'\nimport HomeTeamItem from './HomeTeamItem'\n\nimport {useSiteTeam} from '../hooks/use-team'\n\nconst HomeTeam = () => {\n  const teamNodes = (useSiteTeam() || {})\n    ? mapEdgesToNodes(useSiteTeam())\n    : []\n  return (\n    <section sx={{\n      variant: 'sections.hpSection'\n    }}>\n      <Container>\n        <span sx={{variant: 'text.superHeading'}}>The Highly Motivated</span>\n        <h2 sx={{variant: 'text.mainHeading', mb: 4}}>Vercellino <span sx={{color: 'primary'}}>Team</span></h2>\n\n        <div sx={{\n          display: 'flex',\n          flexWrap: 'wrap'\n        }}>\n          {teamNodes.map(teamMember => (\n            <div className=\"satefut\"  key={teamMember.name} sx={{\n              width: ['full', null, null, '1/2'],\n              px: [0, null, null, 2, 3],\n              mb: [3, null, null, 4],\n              display: 'flex'\n              // bg: 'red'\n            }}>\n              \n              <HomeTeamItem {...teamMember} />\n            </div>\n          ))}\n        </div>\n      </Container>\n    </section>\n  )\n}\n\nexport default HomeTeam\n","import React from 'react'\nimport {graphql} from 'gatsby'\nimport GraphQLErrorList from '../components/graphql-error-list'\nimport GenericPageContent from '../components/generic-page-content'\nimport SEO from '../components/seo'\nimport Layout from '../containers/layout'\nimport TwoColumnsRightSidebar from '../components/two-columns-right-sidebar'\nimport Sidebar from '../components/sidebar'\nimport InnerPageHeader from '../components/inner-page-header'\n\n\nimport HomeTeam from '../components/HomeTeam'\n\n// import {toPlainText} from '../lib/helpers'\n\nconst TeamPage = props => {\n\n  return (\n    <Layout>\n      <SEO seoTitle=\"Vercellino Team | Phoenix Mortgage Lender\" description=\"The truly dedicated Vercellino Team is passionate about helping homebuyers take advantage of Home Loan benefits in Phoenix, AZ. Contact our team now.\" slug=\"our-team\"/>\n      <InnerPageHeader />\n      <HomeTeam />      \n    </Layout>\n  )\n}\n\nexport default TeamPage\n\n\n"],"sourceRoot":""}