{"version":3,"file":"component---src-pages-index-tsx-278ae0cc129e6ab77be4.js","mappings":"yJAmBMA,EAAuB,SAACC,GAC1B,IACAC,EAUED,EAVFC,MACAC,EASEF,EATFE,YACAC,EAQEH,EARFG,KAEAC,GAMEJ,EAPFK,KAOEL,EANFI,SALA,GAWEJ,EALFM,SAKEN,EAJFO,WAAAA,OAPA,SAQAC,EAGER,EAHFQ,OAEAC,GACET,EAFFU,mBAEEV,EADFS,UAGME,GAASC,EAAAA,EAAAA,gBAAe,cAAxBD,KAkBFE,EAAYZ,GAASU,EAAKG,aAAaC,SACvCC,EAAkBd,GAAeS,EAAKG,aAAaZ,YAErDe,EAAWjB,EAAMiB,WAChBA,GAAaC,MAAMC,QAAQF,IAAiC,IAApBA,EAASG,UACpDH,EAAWN,EAAKG,aAAaG,UAG/B,IAAMI,EAAeH,MAAMC,QAAQF,GAAYA,EAASK,KAAK,MAAQL,EAI/DM,EAAe,CACnB,CACEC,SAAS,SACTC,QALgBC,EAAAA,GAAsBtB,GAOxC,CACEoB,SAAS,eACTC,QAASd,EAAKG,aAAaC,UAE7B,CACES,SAAS,WACTC,QAASZ,GAEX,CACEW,SAAS,iBACTC,QAAST,GAMX,CACEQ,SAAS,UACTC,QAASlB,EAAY,UAAY,WAEnC,CACEiB,SAAS,oBACTC,QAASjB,GAEX,CACEgB,SAAS,YACTC,QAAStB,GAEX,CACEqB,SAAS,YACTC,QAASd,EAAKG,aAAaa,gBAIzBC,EAAc,CAClB,CACEC,KAAK,eACLJ,QAAQ,WAEV,CACEI,KAAK,eACLJ,QAASd,EAAKG,aAAagB,eAE7B,CACED,KAAK,kBACLJ,QAASd,EAAKG,aAAaiB,WAE7B,CACEF,KAAK,kBACLJ,QAASjB,GAEX,CACEqB,KAAK,gBACLJ,QAASZ,GAEX,CACEgB,KAAK,sBACLJ,QAAST,IAmBPgB,EAAU,CACd,CACEH,KAAM,cACNJ,QAAST,GAEX,CACEa,KAAM,WACNJ,QAASJ,IAPG,OASXE,EACAK,EAjBiB,CACpB,CACEC,KAAK,iBACLJ,QAASjB,KAgBXyB,QAAO,SAAAC,GAAG,QAAMA,EAAIT,WAEtB,OACE,gBAAC,IAAD,CACEU,eAAgB,CAAEhC,KAAMQ,EAAKG,aAAasB,cAC1CnC,MAAOY,EACPR,KAAM2B,KAEHvB,GACD,0BAAQ4B,KAAK,uBAAuBC,KAAKC,UAAU9B,MAM3DV,EAAIyC,aAAe,CACjBrC,KAAK,KACLE,KAAM,GACNH,YAAY,IAGd,IAAeuC,EAAAA,KAAW1C,I,4GCjL1B,EAAe,IAA0B,oDCAzC,EAAe,IAA0B,qDCAzC,EAAe,IAA0B,sDCAzC,EAAe,IAA0B,uDC0BzC,EAnBsD,SAAC,GAIhD,IAHL2C,EAGI,EAHJA,MACAzC,EAEI,EAFJA,MACAwB,EACI,EADJA,QAEA,OACE,uBAAKkB,UAAU,oCACb,uBACEC,IAAKF,EACLG,IAAK5C,EACLA,MAAOA,EACP0C,UAAU,wDAEZ,sBAAIA,UAAU,uBAAuB1C,GACrC,qBAAG0C,UAAU,kBAAkBlB,KCZ/BqB,EAAU,WACd,OACE,gCACE,2BAASH,UAAU,6CACjB,uBAAKA,UAAU,iHACb,uBAAKA,UAAU,gCACb,sBAAIA,UAAU,mEACZ,wBAAMA,UAAU,WAAhB,iBACA,2BACA,0CAEF,qBAAGA,UAAU,uBAAb,gJAKA,wBAAMA,UAAU,oCAAhB,mBAEE,gBAAC,EAAAI,KAAD,CACEC,GAAIC,EAAAA,EAAAA,cACJN,UAAU,yCAFZ,SAOF,wBAAMA,UAAU,+BAAhB,mBAEE,gBAAC,EAAAI,KAAD,CACEC,GAAIC,EAAAA,EAAAA,eACJN,UAAU,yCAFZ,aAQJ,uBAAKA,UAAU,4BACb,uBAAKC,IAAKM,EAAWL,IAAI,aAAa5C,MAAM,iBAGhD,uBAAK0C,UAAU,mCACb,gBAAC,EAAD,CACED,MAAOS,EACPlD,MAAM,oBACNwB,QAAQ,oKAIV,gBAAC,EAAD,CACEiB,MAAOU,EACPnD,MAAM,oBACNwB,QAAQ,4HAGV,gBAAC,EAAD,CACEiB,MAAOW,EACPpD,MAAM,kBACNwB,QAAQ,6JAUpB,EAAegB,EAAAA,KAAWK,GC3D1B,EAdqB,WACnB,OACE,2BAASH,UAAU,0EACjB,0BACEC,IAAI,gDACJD,UAAU,6BACV1C,MAAM,UACNqD,MAAM,aACNC,OAAO,UCVf,EAAe,IAA0B,qDCmCzC,EAhCwB,WACtB,OACE,2BAASZ,UAAU,wDACjB,uBAAKA,UAAU,oEACb,uBAAKA,UAAU,oBACb,uBAAKA,UAAU,yDACb,sBAAIA,UAAU,kDAAd,wEAIA,sBAAIA,UAAU,aAAd,yBACA,qBAAGA,UAAU,QAAb,+HAIA,sBAAIA,UAAU,aAAd,iCACA,gHAMJ,uBAAKA,UAAU,oBACb,uBAAKA,UAAU,oCACb,uBAAKC,IAAKY,EAAWX,IAAI,SAASF,UAAU,wB,UCNxD,EAb2B,WACzB,OACE,gBAACc,EAAA,EAAD,CAAaC,KAAMT,EAAAA,EAAAA,OACjB,gBAAClD,EAAA,EAAD,CAAKK,QAAS6C,EAAAA,EAAAA,QACd,4BACE,gBAAC,EAAD,MACA,gBAAC,EAAD,MACA,gBAAC,EAAD","sources":["webpack://website-v2/./src/components/SEO.tsx","webpack://website-v2/./src/images/amico.png","webpack://website-v2/./src/images/pana-1.png","webpack://website-v2/./src/images/amico-1.png","webpack://website-v2/./src/images/rafiki-1.png","webpack://website-v2/./src/components/ImageContainer.tsx","webpack://website-v2/./src/components/Landing.tsx","webpack://website-v2/./src/components/LandingVideo.tsx","webpack://website-v2/./src/images/mobile.png","webpack://website-v2/./src/components/MobileContainer.tsx","webpack://website-v2/./src/pages/index.tsx"],"sourcesContent":["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/amico-06dbfdf5ad118f37322912aede601339.png\";","export default __webpack_public_path__ + \"static/pana-1-3ecda335091f79f3bfe70acfeb061d53.png\";","export default __webpack_public_path__ + \"static/amico-1-17adb076f2775dce9da86d78f1da181c.png\";","export default __webpack_public_path__ + \"static/rafiki-1-1cd575364dc69a31867e8b3c592edd6c.png\";","import React from \"react\";\n\ninterface ImageContainerProps {\n  image?: any;\n  title: string;\n  content: string;\n}\nconst ImageContainer: React.FC<ImageContainerProps> = ({\n  image,\n  title,\n  content,\n}) => {\n  return (\n    <div className=\"w-full md:w-1/3 p-2 flex-shrink \">\n      <img\n        src={image}\n        alt={title}\n        title={title}\n        className=\"max-h-64 md:h-48 lg:h-64 object-cover min-h-[250px]\"\n      />\n      <h2 className=\"mt-2 mb-1 font-bold\">{title}</h2>\n      <p className=\"text-slate-700\">{content}</p>\n    </div>\n  );\n};\n\nexport default ImageContainer;\n","import React from \"react\";\nimport { Link } from \"gatsby\";\nimport HeroImage from \"../images/amico.png\";\nimport HomeImage1 from \"../images/pana-1.png\";\nimport HomeImage2 from \"../images/amico-1.png\";\nimport HomeImage3 from \"../images/rafiki-1.png\";\nimport ImageContainer from \"./ImageContainer\";\nimport { ROUTE_LINKS } from \"../utils/routes\";\n\nconst Landing = () => {\n  return (\n    <>\n      <section className=\"flex flex-col max-w-6xl md:mx-auto p-2.5 \">\n        <div className=\"flex flex-col items-center md:flex-row min-h-[500px] md:min-h-[400px] lg:min-h-[500px] space-y-4 md:space-y-0\">\n          <div className=\"w-full break-words md:w-5/12\">\n            <h2 className=\"font-bold text-semiLarge lg:text-large lg:leading-64 leading-48\">\n              <span className=\"heading\">Matrix Rental</span>\n              <br />\n              <span>Solutions</span>\n            </h2>\n            <p className=\"mb-5 text-slate-700\">\n              The first universal rental application built to help both renters\n              and landlords. To get started, select the option that applies to\n              you below\n            </p>\n            <span className=\"text-slate-700 text-lg mb-3 flex\">\n              I am Looking to&nbsp;\n              <Link\n                to={ROUTE_LINKS.renterLanding}\n                className=\"text-primary text-lg font-bold inline\"\n              >\n                Rent\n              </Link>\n            </span>\n            <span className=\"text-slate-700 text-lg flex\">\n              I am a Property&nbsp;\n              <Link\n                to={ROUTE_LINKS.managerLanding}\n                className=\"text-primary text-lg font-bold inline\"\n              >\n                Manager\n              </Link>\n            </span>\n          </div>\n          <div className=\"w-full md:w-7/12 md:ml-4\">\n            <img src={HeroImage} alt=\"Hero Image\" title=\"Hero Image\" />\n          </div>\n        </div>\n        <div className=\"flex flex-col mt-24 md:flex-row\">\n          <ImageContainer\n            image={HomeImage1}\n            title=\"Better Experience\"\n            content=\"Matrix provides a fully digital experience that can be completed in\n          minutes, from your mobile, tablet or desktop. Login, connect your\n          accounts and you’re done.\"\n          />\n          <ImageContainer\n            image={HomeImage2}\n            title=\"Faster Turnaround\"\n            content=\"Once your application is completed, our technology analyzes your\n          data and creates a decision ready application package.\"\n          />\n          <ImageContainer\n            image={HomeImage3}\n            title=\"One Application\"\n            content=\"You want your dream home sooner than later and if you don’t get it\n            on the first shot, no sweat! Find a home in our network... at no\n            additional cost.\"\n          />\n        </div>\n      </section>\n    </>\n  );\n};\n\nexport default React.memo(Landing);\n","import React from \"react\";\n\nconst LandingVideo = () => {\n  return (\n    <section className=\"flex flex-col max-w-6xl md:mx-auto p-2.5 pb-12 py-12 md:py-16 lg:py-24\">\n      <iframe\n        src=\"https://assets.mymatrixrent.com/home_hero.mp4\"\n        className=\"w-full h-full aspect-video\"\n        title=\"youtube\"\n        allow=\"fullscreen\"\n        typeof=\"mp4\"\n      />\n    </section>\n  );\n};\n\nexport default LandingVideo;\n","export default __webpack_public_path__ + \"static/mobile-cb9101f12c70b0e50d5370a527d7aa26.png\";","import React from \"react\";\nimport MobileImg from \"../images/mobile.png\";\n\nconst MobileContainer = () => {\n  return (\n    <section className=\"bg-primary -mx-3 px-3 min-h-[900px] md:min-h-[500px]\">\n      <div className=\"max-w-6xl md:mx-auto p-2.5 pb-1 md:p-1 flex flex-col md:flex-row\">\n        <div className=\"w-full md:w-7/12\">\n          <div className=\"p-2.5 mt-5 mb-12 break-words leading-5 text-slate-700\">\n            <h2 className=\"mb-5 text-2xl font-bold text-black lg:text-4xl\">\n              A more complete up-front application leads to faster processing\n              time\n            </h2>\n            <h4 className=\"font-bold\">User-Driven Analytics</h4>\n            <p className=\"mb-4\">\n              Matrix takes a data-driven approach to the experience. Our goal is\n              to assist tenants through the simplest process possible.\n            </p>\n            <h4 className=\"font-bold\">Automated Workflow Management</h4>\n            <p>\n              Matrix assembles application packages in an easy to read, easy to\n              process format.\n            </p>\n          </div>\n        </div>\n        <div className=\"w-full md:w-5/12\">\n          <div className=\"mt-0 md:-mt-12 p-2.5 pb-0 md:p-0\">\n            <img src={MobileImg} alt=\"Mobile\" className=\"w-auto mx-auto\" />\n          </div>\n        </div>\n      </div>\n    </section>\n  );\n};\n\nexport default MobileContainer;\n","import * as React from \"react\";\nimport { ROUTE_LINKS } from \"../utils/routes\";\nimport PageWrapper from \"../components/PageWrapper\";\nimport Landing from \"../components/Landing\";\nimport LandingVideo from \"../components/LandingVideo\";\nimport MobileContainer from \"../components/MobileContainer\";\nimport SEO from \"../components/SEO\";\n\nconst HomePage: React.FC = () => {\n  return (\n    <PageWrapper path={ROUTE_LINKS.index}>\n      <SEO pageUrl={ROUTE_LINKS.index} />\n      <main>\n        <Landing />\n        <LandingVideo />\n        <MobileContainer />\n      </main>\n    </PageWrapper>\n  );\n};\n\nexport default HomePage;\n"],"names":["SEO","props","title","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","type","JSON","stringify","defaultProps","React","image","className","src","alt","Landing","Link","to","ROUTE_LINKS","HeroImage","HomeImage1","HomeImage2","HomeImage3","allow","typeof","MobileImg","PageWrapper","path"],"sourceRoot":""}