{"version":3,"file":"component---src-templates-blog-post-js-2269dcf377ea43aab50e.js","mappings":"4LA0MA,UAnMyB,SAAC,GAAwB,IAAD,EAArBA,EAAqB,EAArBA,KAAMC,EAAe,EAAfA,SAC1BC,EAAOF,EAAKG,eACZC,GAAY,UAAAJ,EAAKK,KAAKC,oBAAV,eAAwBC,QAAxB,QAElB,OACE,gBAAC,IAAD,CAAQN,SAAUA,EAAUM,MAAOH,GACjC,gBAAC,IAAD,CACEG,MAAOL,EAAKM,YAAYC,UACxBC,YAAaR,EAAKM,YAAYG,iBAAmBT,EAAKU,UAExD,gBAAC,IAAD,KACE,uBAAKC,UAAU,wCACb,uBACEA,UAAU,eACVC,IAAG,IAAMZ,EAAKM,YAAYO,MAC1BC,IAAKd,EAAKM,YAAYD,MACtBU,QAAQ,QACRC,MAAM,MACNC,OAAO,QAGT,uBAAKN,UAAU,uHACb,uBAAKA,UAAU,wCACb,qBAAGA,UAAU,QAAb,aACA,qBAAGA,UAAU,2BACVX,EAAKM,YAAYY,SAGtB,uBAAKP,UAAU,0EACb,qBAAGA,UAAU,QAAb,mBACA,uBAAKA,UAAU,+CACZQ,MAAMC,MAAM,KAAM,CACjBC,OAAQrB,EAAKM,YAAYgB,iBACxBC,KAAI,SAACC,EAAGC,GAAJ,OACL,uBACEb,IAAI,mBACJD,UAAU,oBACVe,IAAKD,EACLX,IAAI,SACJC,QAAQ,OACRC,MAAM,KACNC,OAAO,UAEP,QAKZ,uBAAKN,UAAU,2CACb,uBAAKA,UAAU,gEACb,yBACE,uBACEC,IAAI,kBACJE,IAAI,QACJC,QAAQ,OACRC,MAAM,MACNC,OAAO,SAGX,qBACEN,UAAU,OACVgB,wBAAyB,CACvBC,OAAQ5B,EAAKM,YAAYuB,kBAI/B,uBAAKlB,UAAU,gEACb,yBACE,uBACEC,IAAI,0BACJE,IAAI,eACJC,QAAQ,OACRC,MAAM,MACNC,OAAO,SAGX,qBAAGN,UAAU,QAAQX,EAAKM,YAAYwB,WAExC,uBAAKnB,UAAU,gEACb,yBACE,uBACEC,IAAI,kCACJE,IAAI,mBACJC,QAAQ,OACRC,MAAM,MACNC,OAAO,SAGX,qBAAGN,UAAU,QAAQX,EAAKM,YAAYyB,cAExC,uBAAKpB,UAAU,mDACb,yBACE,uBACEC,IAAI,mCACJE,IAAI,0BACJC,QAAQ,OACRC,MAAM,MACNC,OAAO,SAGX,qBAAGN,UAAU,QAAQX,EAAKM,YAAY0B,iBAI5C,uBAAKrB,UAAU,6BACb,uBAAKA,UAAU,iBACb,sBAAIA,UAAU,4BACX,IADH,wCAMJ,gBAAC,IAAD,KACE,uBAAKA,UAAU,+BACZX,EAAKM,YAAY2B,eAAeV,KAAI,SAACW,EAASC,GAC7C,OACE,uBAAKT,IAAKS,EAAOxB,UAAU,wCACzB,uBACEA,UAAU,QACVC,IAAI,kBACJE,IAAI,UACJC,QAAQ,OACRC,MAAM,MACNC,OAAO,QAET,yBAAIiB,SAMd,uBAAKvB,UAAU,6BACb,uBAAKA,UAAU,iBACb,sBAAIA,UAAU,4BAAd,mBAGJ,gBAAC,IAAD,KACE,2BACEA,UAAU,YACVyB,WAAS,EACTC,SAAS,6BAMT,qBAAG1B,UAAU,oBAAb,QACQX,EAAKM,YAAYgC,eADzB,sBAGA,sBAAI3B,UAAU,0DACZ,gBAAC,EAAA4B,KAAD,CAAMC,GAAIxC,EAAKyC,OAAOC,KAAMC,SAAS,OACnC,wBAAMA,SAAS,YAAf,GAA8B3C,EAAKM,YAAYsC,OAInD,qBAAGC,KAAM7C,EAAKM,YAAYwC,UAAWC,OAAO,SAASC,IAAI,cACvD,sBAAIrC,UAAU,qBAAd,+BAGF,2BACEgB,wBAAyB,CAAEC,OAAQ5B,EAAKiD,MACxCN,SAAS","sources":["webpack://gatsby-starter-blog/./src/templates/blog-post.js"],"sourcesContent":["import * as React from \"react\"\r\nimport { Link, graphql } from \"gatsby\"\r\n\r\nimport Layout from \"../components/layout\"\r\nimport Container from \"../components/container\"\r\nimport Seo from \"../components/seo\"\r\n\r\nconst BlogPostTemplate = ({ data, location }) => {\r\n  const post = data.markdownRemark\r\n  const siteTitle = data.site.siteMetadata?.title || `Title`\r\n\r\n  return (\r\n    <Layout location={location} title={siteTitle}>\r\n      <Seo\r\n        title={post.frontmatter.metaTitle}\r\n        description={post.frontmatter.metaDescription || post.excerpt}\r\n      />\r\n      <Container>\r\n        <div className=\"flex flex-wrap justify-between mb-16\">\r\n          <img\r\n            className=\"service-logo\"\r\n            src={`/${post.frontmatter.cover}`}\r\n            alt={post.frontmatter.title}\r\n            loading=\"eager\"\r\n            width=\"480\"\r\n            height=\"480\"\r\n          />\r\n\r\n          <div className=\"flex mt-16 md:mt-0 space-x-4 border-t-2 border-t-gray-200 border-b-2 border-b-gray-200 md:border-0 w-full md:w-auto\">\r\n            <div className=\"flex-1 md:flex-auto text-center py-4\">\r\n              <p className=\"mb-2\">Our Score</p>\r\n              <p className=\"text-2xl font-bold mb-0\">\r\n                {post.frontmatter.rating}\r\n              </p>\r\n            </div>\r\n            <div className=\"flex-1 md:flex-auto text-center border-l-2 border-l-gray-200 pl-4 py-4\">\r\n              <p className=\"mb-2\">Reviewer Rating</p>\r\n              <div className=\"text-2xl font-bold flex mb-0 justify-center\">\r\n                {Array.apply(null, {\r\n                  length: post.frontmatter.reviewerRating,\r\n                }).map((e, i) => (\r\n                  <img\r\n                    src=\"/star-rating.svg\"\r\n                    className=\"star bg-no-repeat\"\r\n                    key={i}\r\n                    alt=\"Rating\"\r\n                    loading=\"lazy\"\r\n                    width=\"24\"\r\n                    height=\"24\"\r\n                  />\r\n                ))}{\" \"}\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div className=\"details grid grid-cols-1 md:grid-cols-4\">\r\n          <div className=\"md:border-2 md:border-gray-200 p-8 md:border-r-0 text-center\">\r\n            <p>\r\n              <img\r\n                src=\"/price-icon.svg\"\r\n                alt=\"Price\"\r\n                loading=\"lazy\"\r\n                width=\"100\"\r\n                height=\"100\"\r\n              />\r\n            </p>\r\n            <p\r\n              className=\"mb-0\"\r\n              dangerouslySetInnerHTML={{\r\n                __html: post.frontmatter.ratePerMinute,\r\n              }}\r\n            />\r\n          </div>\r\n          <div className=\"md:border-2 md:border-gray-200 p-8 md:border-r-0 text-center\">\r\n            <p>\r\n              <img\r\n                src=\"/reading-types-icon.svg\"\r\n                alt=\"Reading Type\"\r\n                loading=\"lazy\"\r\n                width=\"100\"\r\n                height=\"100\"\r\n              />\r\n            </p>\r\n            <p className=\"mb-0\">{post.frontmatter.channels}</p>\r\n          </div>\r\n          <div className=\"md:border-2 md:border-gray-200 p-8 md:border-r-0 text-center\">\r\n            <p>\r\n              <img\r\n                src=\"/favorite-reading-type-icon.svg\"\r\n                alt=\"Favorite Reading\"\r\n                loading=\"lazy\"\r\n                width=\"100\"\r\n                height=\"100\"\r\n              />\r\n            </p>\r\n            <p className=\"mb-0\">{post.frontmatter.specialties}</p>\r\n          </div>\r\n          <div className=\"md:border-2 md:border-gray-200 p-8  text-center\">\r\n            <p>\r\n              <img\r\n                src=\"/satisfaction-guarantee-icon.svg\"\r\n                alt=\"Satisfaction Guaranteed\"\r\n                loading=\"lazy\"\r\n                width=\"100\"\r\n                height=\"100\"\r\n              />\r\n            </p>\r\n            <p className=\"mb-0\">{post.frontmatter.satisfaction}</p>\r\n          </div>\r\n        </div>\r\n      </Container>\r\n      <div className=\"section-header global-nav\">\r\n        <div className=\"global-header\">\r\n          <h2 className=\"my-0 text-white text-2xl\">\r\n            {\" \"}\r\n            Top Rated Psychic Service Features\r\n          </h2>\r\n        </div>\r\n      </div>\r\n      <Container>\r\n        <div className=\"flex flex-wrap md:space-x-8\">\r\n          {post.frontmatter.featuresDetail.map((feature, index) => {\r\n            return (\r\n              <div key={index} className=\"flex md:flex-1 mb-8 w-full md:w-auto\">\r\n                <img\r\n                  className=\"check\"\r\n                  src=\"/check-mark.svg\"\r\n                  alt=\"Feature\"\r\n                  loading=\"lazy\"\r\n                  width=\"100\"\r\n                  height=\"100\"\r\n                />\r\n                <p>{feature}</p>\r\n              </div>\r\n            )\r\n          })}\r\n        </div>\r\n      </Container>\r\n      <div className=\"section-header global-nav\">\r\n        <div className=\"global-header\">\r\n          <h2 className=\"my-0 text-white text-2xl\">Full Overview</h2>\r\n        </div>\r\n      </div>\r\n      <Container>\r\n        <article\r\n          className=\"blog-post\"\r\n          itemScope\r\n          itemType=\"http://schema.org/Article\"\r\n        >\r\n          {/* <header>\r\n            <h1 itemProp=\"headline\">{post.frontmatter.title}</h1>\r\n            <p>{post.frontmatter.date}</p>\r\n          </header> */}\r\n          <p className=\"mb-0 font-normal\">\r\n            Over {post.frontmatter.yearsOfService} Years in Business\r\n          </p>\r\n          <h1 className=\"text-lg md:text-2xl text-sans uppercase font-bold mt-1\">\r\n            <Link to={post.fields.slug} itemProp=\"url\">\r\n              <span itemProp=\"headline\">{`${post.frontmatter.url}`}</span>\r\n            </Link>\r\n          </h1>\r\n\r\n          <a href={post.frontmatter.enrollUrl} target=\"_blank\" rel=\"noreferrer\">\r\n            <h4 className=\"text-lg font-bold\">Special New Customer Offer</h4>\r\n          </a>\r\n\r\n          <section\r\n            dangerouslySetInnerHTML={{ __html: post.html }}\r\n            itemProp=\"articleBody\"\r\n          />\r\n        </article>\r\n        {/* <nav className=\"blog-post-nav\">\r\n          <ul\r\n            style={{\r\n              display: `flex`,\r\n              flexWrap: `wrap`,\r\n              justifyContent: `space-between`,\r\n              listStyle: `none`,\r\n              padding: 0,\r\n            }}\r\n          >\r\n            <li>\r\n              {previous && (\r\n                <Link to={previous.fields.slug} rel=\"prev\">\r\n                  ← {previous.frontmatter.title}\r\n                </Link>\r\n              )}\r\n            </li>\r\n            <li>\r\n              {next && (\r\n                <Link to={next.fields.slug} rel=\"next\">\r\n                  {next.frontmatter.title} →\r\n                </Link>\r\n              )}\r\n            </li>\r\n          </ul>\r\n        </nav> */}\r\n      </Container>\r\n    </Layout>\r\n  )\r\n}\r\n\r\nexport default BlogPostTemplate\r\n\r\nexport const pageQuery = graphql`\r\n  query BlogPostBySlug(\r\n    $id: String!\r\n    $previousPostId: String\r\n    $nextPostId: String\r\n  ) {\r\n    site {\r\n      siteMetadata {\r\n        title\r\n      }\r\n    }\r\n    markdownRemark(id: { eq: $id }) {\r\n      id\r\n      excerpt(pruneLength: 160)\r\n      html\r\n      frontmatter {\r\n        title\r\n        date(formatString: \"MMMM DD, YYYY\")\r\n        metaTitle\r\n        metaDescription\r\n        description\r\n        yearsOfService\r\n        featuresFront\r\n        featuresDetail\r\n        url\r\n        cover\r\n        rating\r\n        reviewerRating\r\n        ratePerMinute\r\n        channels\r\n        specialties\r\n        satisfaction\r\n        experts {\r\n          name\r\n          channels\r\n          tagline\r\n          url\r\n          picture\r\n        }\r\n        appStoreUrl\r\n        playStoreUrl\r\n        enrollUrl\r\n      }\r\n      fields {\r\n        slug\r\n      }\r\n    }\r\n    previous: markdownRemark(id: { eq: $previousPostId }) {\r\n      fields {\r\n        slug\r\n      }\r\n      frontmatter {\r\n        title\r\n      }\r\n    }\r\n    next: markdownRemark(id: { eq: $nextPostId }) {\r\n      fields {\r\n        slug\r\n      }\r\n      frontmatter {\r\n        title\r\n      }\r\n    }\r\n  }\r\n`\r\n"],"names":["data","location","post","markdownRemark","siteTitle","site","siteMetadata","title","frontmatter","metaTitle","description","metaDescription","excerpt","className","src","cover","alt","loading","width","height","rating","Array","apply","length","reviewerRating","map","e","i","key","dangerouslySetInnerHTML","__html","ratePerMinute","channels","specialties","satisfaction","featuresDetail","feature","index","itemScope","itemType","yearsOfService","Link","to","fields","slug","itemProp","url","href","enrollUrl","target","rel","html"],"sourceRoot":""}