{"version":3,"file":"component---src-pages-index-js-c7c484c409ca50583af6.js","mappings":"yTAqBe,SAASA,EAASC,GAC/B,MAAM,SAAEC,GAAaD,EAAME,KAIrBC,EAAYF,EAASG,OAAOC,QAClC,IAAIC,EAAYC,EAASJ,EAAUK,YAAcC,EAAAA,EAEjD,MAAMC,EAAWT,EAASG,OAAOC,QACjC,IAAIM,EAAeJ,EAASG,EAASF,YAAcC,EAAAA,EAEnD,OACEG,EAAAA,cAACC,EAAAA,GAAO,KACRD,EAAAA,cAACE,EAAAA,EAAM,KAGHF,EAAAA,cAACN,EAASS,OAAAC,OAAA,CAACC,IAAKd,EAAUe,IAAQf,IAGlCS,EAAAA,cAACD,EAAYI,OAAAC,OAAA,CAACC,IAAKP,EAASQ,IAAQR,IASrCT,EAASG,OAAOe,KAAKC,IAEpB,MAAM,GAAEF,EAAE,UAAEV,KAAca,GAAmBD,EAE7C,OADAd,EAAYC,EAASC,IAAcC,EAAAA,EAC5BG,EAAAA,cAACN,EAASS,OAAAC,OAAA,CAACC,IAAKC,GAAQG,GAAkB,KAYzD,CAEO,MAAMC,EAAQtB,IACnB,MAAM,SAAEC,GAAaD,EAAME,KAC3B,OAAOU,EAAAA,cAACW,EAAAA,EAAYtB,EAAY,C","sources":["webpack://gatsby-starter-kontent-ai-homepage/./src/pages/index.js"],"sourcesContent":["import * as React from \"react\"\nimport { graphql } from \"gatsby\"\nimport Layout from \"../components/layout\"\nimport * as sections from \"../components/sections\"\nimport Fallback from \"../components/fallback\"\nimport SEOHead from \"../components/head\"\nimport {\n  Box,\n  ButtonList,\n  Container,\n  Flex,\n  Heading,\n  Kicker,\n  Section,\n  Subhead,\n  Text,\n} from \"../components/ui\"\nimport Trending from \"../components/trending-caraousel\"\nimport TwoColumnHighlight from \"../components/TwoColumnHighlight\"\nimport  ApiDemoComponent from \"../components/api-demo-component\";\n\nexport default function Homepage(props) {\n  const { homepage } = props.data\n  \n  // console.log(\"HomePage Blocks: \",homepage.blocks);\n  \n  const heroBlock = homepage.blocks.shift();\n  let Component = sections[heroBlock.blocktype] || Fallback\n\n  const ctaBlock = homepage.blocks.shift();\n  let ComponentCTA = sections[ctaBlock.blocktype] || Fallback\n\n  return (\n    <Section>\n    <Layout>\n      \n      {        \n        <Component key={heroBlock.id} {...heroBlock} />\n      } \n      { \n        <ComponentCTA key={ctaBlock.id} {...ctaBlock} />\n      }\n      {/* {\n        <Subhead as=\"h2\" center={true}>Search Farcaster Using AI</Subhead>\n      } */}\n      {/* {\n        <Trending/>\n      } */}\n\n      {homepage.blocks.map((block) => {\n        // console.log(block)\n        const { id, blocktype, ...componentProps } = block\n        Component = sections[blocktype] || Fallback\n        return <Component key={id} {...componentProps} />\n      })}\n       {/* {\n        <div>\n        <main>\n          <ApiDemoComponent />\n        </main>\n      </div> */}\n      \n    </Layout>\n    </Section>\n  )\n}\n\nexport const Head = (props) => {\n  const { homepage } = props.data\n  return <SEOHead {...homepage} />\n}\n\n\nexport const query = graphql`\n  {\n    homepage {\n      id\n      title\n      description\n      image {\n        id\n        url\n      }\n      blocks: content {\n        id\n        blocktype\n        ...HomepageHeroContent\n        ...PricingTableContent\n        ...HomepageFeatureListContent\n        ...HomepageTestimonialListContent\n        ...HomepageBenefitListContent\n        ...HomepageStatListContent\n        ...HomepageLogoListContent\n        ...HomepageCtaContent\n        ...HomepageProductListContent\n        ...TwoColumnFeatureContent\n      }\n    }\n  }\n`\n"],"names":["Homepage","props","homepage","data","heroBlock","blocks","shift","Component","sections","blocktype","Fallback","ctaBlock","ComponentCTA","React","Section","Layout","Object","assign","key","id","map","block","componentProps","Head","SEOHead"],"sourceRoot":""}