{"version":3,"file":"component---src-pages-renter-tsx-3b689982fd9048451d9d.js","mappings":"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","sources":["webpack://website-v2/./src/components/Button.tsx","webpack://website-v2/./src/components/Paragraph.tsx","webpack://website-v2/./src/components/SEO.tsx","webpack://website-v2/./src/images/renter-landing.jpg","webpack://website-v2/./src/pages/renter.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\n\ninterface ButtonProps extends React.HTMLProps<HTMLButtonElement> {\n  type?: \"submit\" | \"reset\" | \"button\";\n}\n\nconst Button: React.FC<ButtonProps> = ({\n  className,\n  type,\n  children,\n  ...props\n}) => {\n  return (\n    <button\n      type={type}\n      {...props}\n      className={cx(\n        \"px-20 py-5 font-bold text-white rounded-full bg-primary\",\n        className\n      )}\n    >\n      {children}\n    </button>\n  );\n};\n\nButton.defaultProps = {\n  type: \"button\",\n};\n\nexport default React.memo(Button);\n","import React from \"react\";\n\ninterface ParagraphProps {\n  title: string;\n  children: any;\n}\n\nconst Paragraph: React.FC<ParagraphProps> = ({ title, children }) => {\n  return (\n    <>\n      <h2 className=\"mb-1 text-4xl font-bold heading\">{title}</h2>\n      <p className=\"mb-3\">{children}</p>\n    </>\n  );\n};\n\nexport default React.memo(Paragraph);\n","import React from \"react\";\nimport { Helmet } from \"react-helmet\";\nimport { useStaticQuery, graphql } from \"gatsby\";\nimport { ENV_GATSBY_SITE_URL } from \"../utils/secrets\";\n\ninterface Props {\n  title?: string;\n  keywords?: string[];\n  pageUrl: string;\n  description?: string;\n  lang?: string;\n  meta?: [];\n  imageUrl?: string;\n  isArticle?: boolean;\n  author?: string;\n  useSiteUrlForImage?: boolean;\n  richData?: { [key: string]: any };\n}\n\nconst SEO: React.FC<Props> = (props: Props) => {\n    const {\n    title,\n    description,\n    lang,\n    meta,\n    pageUrl,\n    imageUrl,\n    isArticle = false,\n    author,\n    useSiteUrlForImage = true,\n    richData,\n  } = props;\n\n  const { site } = useStaticQuery(\n    graphql`\n      query {\n        site {\n          siteMetadata {\n            siteName\n            description\n            keywords\n            author\n            facebookAppId\n            twitterHandle\n            siteUrl\n          }\n        }\n      }\n    `\n  );\n\n  const metaTitle = title || site.siteMetadata.siteName;\n  const metaDescription = description || site.siteMetadata.description;\n\n  let keywords = props.keywords;\n  if (!keywords || (Array.isArray(keywords) && keywords.length === 0)) {\n    keywords = site.siteMetadata.keywords;\n  }\n\n  const metaKeywords = Array.isArray(keywords) ? keywords.join(\", \") : keywords; // keywords is either array or string\n\n  const metaPageUrl = ENV_GATSBY_SITE_URL + pageUrl;\n\n  const facebookTags = [\n    {\n      property: `og:url`,\n      content: metaPageUrl,\n    },\n    {\n      property: `og:site_name`,\n      content: site.siteMetadata.siteName,\n    },\n    {\n      property: `og:title`,\n      content: metaTitle,\n    },\n    {\n      property: `og:description`,\n      content: metaDescription,\n    },\n    // {\n    //   property: `og:image`,\n    //   content: metaImageUrl,\n    // },\n    {\n      property: `og:type`,\n      content: isArticle ? \"article\" : \"website\",\n    },\n    {\n      property: `og:article:author`,\n      content: author,\n    },\n    {\n      property: `og:locale`,\n      content: lang,\n    },\n    {\n      property: `fb:app_id`,\n      content: site.siteMetadata.facebookAppId,\n    },\n  ];\n\n  const twitterTags = [\n    {\n      name: `twitter:card`,\n      content: `summary`,\n    },\n    {\n      name: `twitter:site`,\n      content: site.siteMetadata.twitterHandle,\n    },\n    {\n      name: `twitter:site:id`,\n      content: site.siteMetadata.twitterId,\n    },\n    {\n      name: `twitter:creator`,\n      content: author,\n    },\n    {\n      name: `twitter:title`,\n      content: metaTitle,\n    },\n    {\n      name: `twitter:description`,\n      content: metaDescription,\n    },\n    // {\n    //   name: `twitter:image`,\n    //   content: metaImageUrl,\n    // },\n    // {\n    //   name: `twitter:image:src`,\n    //   content: metaImageUrl,\n    // },\n  ];\n\n  const pinterestTags = [\n    {\n      name: `article:author`,\n      content: author,\n    },\n  ];\n\n  const allMeta = [\n    {\n      name: \"description\",\n      content: metaDescription,\n    },\n    {\n      name: \"keywords\",\n      content: metaKeywords,\n    },\n    ...facebookTags,\n    ...twitterTags,\n    ...pinterestTags,\n  ].filter(tag => !!tag.content);\n\n  return (\n    <Helmet\n      htmlAttributes={{ lang: site.siteMetadata.siteLanguage }}\n      title={metaTitle}\n      meta={allMeta}\n    >\n      {!!richData && (\n        <script type=\"application/ld+json\">{JSON.stringify(richData)}</script>\n      )}\n    </Helmet>\n  );\n};\n\nSEO.defaultProps = {\n  lang: `en`,\n  meta: [],\n  description: ``,\n};\n\nexport default React.memo(SEO);","export default __webpack_public_path__ + \"static/renter-landing-48bb9b305e137441590834684c9dc8f8.jpg\";","import * as React from \"react\";\nimport { EXTERNAL_ROUTE_LINKS, ROUTE_LINKS } from \"../utils/routes\";\nimport PageWrapper from \"../components/PageWrapper\";\nimport Paragraph from \"../components/Paragraph\";\nimport SEO from \"../components/SEO\";\nimport Button from \"../components/Button\";\nimport EmbedModal from \"../components/EmbedModal\";\nimport RenterLandingImage from \"../images/renter-landing.jpg\";\nimport { HUBSPOT_FORMS } from \"../utils/constants\";\nimport MAnchor from \"../components/MAnchor\";\n\nconst LandLordLanding: React.FC = () => {\n  const [dialogVisible, setDialogVisible] = React.useState(false);\n  const [dialogData, setDialogData] = React.useState({\n    embedUrl: \"\",\n    header: \"\",\n  });\n\n  return (\n    <PageWrapper path={ROUTE_LINKS.renterLanding}>\n      <SEO pageUrl={ROUTE_LINKS.renterLanding} />\n      <main className=\"flex flex-col md:flex-row max-w-6xl md:mx-auto md:items-center p-2.5 pb-12 justify-between min-h-[700px]  md:min-h-[555px]\">\n        <div className=\"w-full md:w-5/12\">\n          <Paragraph title=\"Ready for an upgrade?\">\n            Simplify your home rental journey - Matrix Rental Solutions provides one application for you to submit all your information to find your new home.\n            <ul className=\"list-disc ml-8 font-bold\">\n              <li>One Application</li>\n              <li>One Tenant Screening</li>\n              <li>One-time Application Fee</li>\n            </ul>\n          </Paragraph>\n\n          <div className=\"mt-16 flex flex-col\">\n            <Paragraph title=\"\">\n                Matrix gives residents 30 Days of application access to apply to any rental in our network.\n            </Paragraph>\n            <Button\n              type=\"button\"\n              className=\"py-1 px-4 mt-5 w-max\"\n              onClick={() => {\n                setDialogData({\n                  embedUrl: HUBSPOT_FORMS.renterLearnMore,\n                  header: \"Learn More\",\n                });\n                setDialogVisible(true);\n              }}\n            >\n              Learn More\n            </Button>\n            <Button\n              type=\"button\"\n              className=\"py-1 px-4 mt-5 w-max\"\n              onClick={() => {\n                setDialogData({\n                  embedUrl: HUBSPOT_FORMS.renterLearnMore,\n                  header: \"Apply now\",\n                });\n                setDialogVisible(true);\n              }}\n            >\n              Apply Now\n            </Button>\n          </div>\n        </div>\n        <div className=\"w-full md:w-6/12 mt-4 md:mt-0\">\n          <img\n            src={RenterLandingImage}\n            alt=\"Matrix Model\"\n            title=\"Matrix Model\"\n            className=\"mx-auto\"\n          />\n        </div>\n      </main>\n      <EmbedModal\n        data={dialogData}\n        isVisible={dialogVisible}\n        setIsVisible={() => setDialogVisible(false)}\n      />\n    </PageWrapper>\n  );\n};\n\nexport default React.memo(LandLordLanding);\n"],"names":["Button","className","type","children","props","cx","defaultProps","React","Paragraph","title","SEO","description","lang","pageUrl","meta","imageUrl","isArticle","author","richData","useSiteUrlForImage","site","useStaticQuery","metaTitle","siteMetadata","siteName","metaDescription","keywords","Array","isArray","length","metaKeywords","join","facebookTags","property","content","ENV_GATSBY_SITE_URL","facebookAppId","twitterTags","name","twitterHandle","twitterId","allMeta","filter","tag","htmlAttributes","siteLanguage","JSON","stringify","LandLordLanding","dialogVisible","setDialogVisible","embedUrl","header","dialogData","setDialogData","PageWrapper","path","ROUTE_LINKS","onClick","HUBSPOT_FORMS","src","RenterLandingImage","alt","EmbedModal","data","isVisible","setIsVisible"],"sourceRoot":""}