{
  version: 3,
  file: "component---gatsby-theme-husky-src-templates-home-page-home-page-tsx-44bc3efdc4126cdd9db0.js",
  mappings: "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",
  sources: [
  "webpack://husky-site/../gatsby-theme-husky/src/components/Banner/Banner.tsx",
  "webpack://husky-site/../gatsby-theme-husky/src/templates/HomePage/HomePage.tsx"
  ],
  sourcesContent: [
  "import React, { FC } from 'react';
  import { Carousel } from 'react-responsive-carousel';
  import { Link } from 'gatsby';
  
  import Image from 'common/Image';
  
  import { BannerProps } from './models';
  
  const Banner: FC<BannerProps> = ({ bannerSlider }) => (
    <Carousel infiniteLoop showArrows showThumbs={false} showStatus={false}>
      {bannerSlider.map(({ bannerDesktop, bannerMobile, bannerText1, bannerText2, link }) => (
        <div key={bannerDesktop.id}>
          <Link to={link.url ? link.url : ''}>
            <Image imageData={bannerDesktop} alt={bannerDesktop.name} className="d-none d-md-block" />
            <Image imageData={bannerMobile} alt={bannerMobile.name} className="d-md-none" />
            <h2 className="title--left">{bannerText1}</h2>
            <h2 className="title--right">{bannerText2}</h2>
          </Link>
        </div>
      ))}
    </Carousel>
  );
  
  export default Banner;
  ",
  "import React, { FC } from 'react';
  import { Carousel } from 'react-responsive-carousel';
  import { graphql, Link } from 'gatsby';
  import { useLocation } from '@reach/router';
  
  import DangerouslySetInnerHtml from 'layout/DangerouslySetInnerHtml';
  import Layout from 'layout/Layout';
  import Image from 'common/Image';
  import PageSchema from 'common/PageSchema';
  import Seo from 'common/Seo';
  import Banner from 'components/Banner';
  import { TagEventTracker } from 'components/TagEventTracker';
  import YouTubeLazyLoaded from 'components/YouTubeLazyLoaded';
  
  import { getYoutubeId } from '../../utils/functions';
  
  import 'styles/main.scss';
  import './HomePage.scss';
  
  const HomePage: FC<HomepageTypes.HomepageProps> = ({
    data: {
      homepage: {
        urls,
        seo,
        youtubeLinks,
        articleText1,
        articleText2,
        productText1,
        productText2,
        productLink,
        recipeText1,
        recipeText2,
        recipeLink,
        headband,
        imageDesktop,
        imageMobile,
        bannerSlider,
      },
      allArticleList: { nodes: articleLists },
      header: { logo },
    },
  }) => {
    const { title: seoTitle, keywords: seoKeywords, description: seoDescription } = seo;
    const location = useLocation();
  
    return (
      <Layout headerTransparent {...{ headband }}>
        <Seo {...{ urls, seo }} />
        <PageSchema
          type="WebPage"
          name={seoTitle}
          data={{
            metaTitle: seoTitle,
            metaDescription: seoDescription,
            metaKeywords: seoKeywords,
          }}
        />
        <TagEventTracker eventType="page_view" data={{ pageTemplate: location.pathname }}>
          <div className="homepage">
            <div className="homepage__banner">
              {bannerSlider ? <Banner {...{ bannerSlider }} /> : null}
            </div>
            <div className="homepage__video px-2">
              <div className="homepage__video--wrapper pb-4">
                {youtubeLinks ? (
                  <Carousel infiniteLoop showArrows showStatus={false} showThumbs={false}>
                    {youtubeLinks.map(({ url, name }) => (
                      <YouTubeLazyLoaded key={name} videoId={getYoutubeId(url)} videoName={name} />
                    ))}
                  </Carousel>
                ) : null}
              </div>
            </div>
            <div className="homepage__academy">
              <h2 className="text-center">{articleText1}</h2>
              <div className="container-fluid">
                <div className="row">
                  <div className="col d-none homepage__academy__item-circle d-md-flex justify-content-center align-items-center mb-4">
                    <div className="homepage__academy__circle">
                      <DangerouslySetInnerHtml
                        html={articleText2}
                        element="span"
                        className="text-center"
                      />
                    </div>
                  </div>
                  {articleLists.map(({ id, title, url, tags, imageHome, iconHome }) => (
                    <div className="col d-flex align-items-center mb-4" key={id}>
                      <div className={`homepage__academy__item-${tags.name}`}>
                        <div className="homepage__academy__image">
                          <Link to={url}>
                            <Image imageData={imageHome} alt={imageHome.altText} />
                          </Link>
                        </div>
                        <div className="homepage__academy__text text-center py-1 px-2 d-flex align-items-center">
                          <Image imageData={iconHome} alt={iconHome.altText} />
                          <div className="w-100">
                            <Link to={url}>{title}</Link>
                          </div>
                          <i className="fas fa-chevron-right text-white" />
                        </div>
                      </div>
                    </div>
                  ))}
                  <div className="col d-block d-md-none homepage__academy__item-circle d-flex justify-content-center align-items-center mb-4">
                    <div className="homepage__academy__circle">
                      <DangerouslySetInnerHtml
                        html={articleText2}
                        element="span"
                        className="text-center"
                      />
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div className="homepage__products">
              <div className="container-fluid px-0">
                {imageDesktop ? (
                  <Image
                    className="d-none d-md-block"
                    imageData={imageDesktop}
                    alt={imageDesktop.name}
                  />
                ) : null}
                {imageMobile ? (
                  <Image
                    className="d-md-none w-100 pt-5"
                    imageData={imageMobile}
                    alt={imageMobile.name}
                  />
                ) : null}
                <div className="row homepage__products__content">
                  <div className="col offset-md-7 text-center homepage__products__info">
                    <h2 className="homepage__products__title text-uppercase">{productText1}</h2>
                    <p className="homepage__products__subtitle">{productText2}</p>
                    <div>
                      <Link to={productLink.url} className="w-100 d-block py-2">
                        {productLink.name}
                      </Link>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div className="homepage__recipes d-flex align-items-md-center">
              <div className="container-fluid">
                <div className="row pt-5 mt-5 pt-md-0 mt-md-0">
                  <div className="col text-center text-white mx-auto">
                    <h2 className="pb-2">{recipeText1}</h2>
                    <div>
                      <Image imageData={logo} alt={logo.altText} />
                    </div>
                    <p className="pt-3">{recipeText2}</p>
                    <div className="mb-4">
                      <Link to={recipeLink.url} className="d-block py-2">
                        {recipeLink.name}
                      </Link>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </TagEventTracker>
      </Layout>
    );
  };
  
  export const query = graphql`
    query ($lang: String) {
      homepage(lang: { eq: $lang }) {
        headband {
          cta {
            url
            name
          }
          imageDesktop {
            name
            childImageSharp {
              gatsbyImageData
            }
          }
          imageMobile {
            name
            childImageSharp {
              gatsbyImageData
            }
          }
        }
        bannerSlider {
          bannerText1
          bannerText2
          bannerDesktop {
            childImageSharp {
              gatsbyImageData
            }
          }
          bannerMobile {
            childImageSharp {
              gatsbyImageData
            }
          }
          link {
            name
            url
          }
        }
        urls {
          lang
          href
        }
        headband {
          id
        }
        seo {
          ...SEOStructureFragment
        }
        youtubeLinks {
          name
          url
        }
        video
        articleText1
        articleText2
        productText1
        productText2
        productLink {
          name
          url
        }
        recipeText1
        recipeText2
        recipeLink {
          name
          url
        }
        imageDesktop {
          name
          childImageSharp {
            gatsbyImageData
          }
        }
        imageMobile {
          name
          childImageSharp {
            gatsbyImageData
          }
        }
      }
      allArticleList {
        nodes {
          id
          title
          url
          tags {
            name
            id
          }
          imageHome {
            altText
            fallbackUrl
            desktop {
              childImageSharp {
                gatsbyImageData(placeholder: BLURRED, width: 400)
              }
            }
            mobile {
              childImageSharp {
                gatsbyImageData(placeholder: BLURRED, width: 400)
              }
            }
            tablet {
              childImageSharp {
                gatsbyImageData(placeholder: BLURRED, width: 400)
              }
            }
          }
          iconHome {
            altText
            fallbackUrl
            desktop {
              childImageSharp {
                gatsbyImageData(placeholder: BLURRED, width: 35)
              }
            }
            mobile {
              childImageSharp {
                gatsbyImageData(placeholder: BLURRED, width: 35)
              }
            }
            tablet {
              childImageSharp {
                gatsbyImageData(placeholder: BLURRED, width: 35)
              }
            }
          }
        }
      }
      header {
        logo {
          desktop {
            childImageSharp {
              gatsbyImageData(placeholder: BLURRED, width: 300)
            }
          }
          mobile {
            childImageSharp {
              gatsbyImageData(placeholder: BLURRED, width: 300)
            }
          }
          tablet {
            childImageSharp {
              gatsbyImageData(placeholder: BLURRED, width: 300)
            }
          }
        }
      }
    }
  `;
  
  export default HomePage;
  "
  ],
  names: [
  "bannerSlider",
  "infiniteLoop",
  "showArrows",
  "showThumbs",
  "showStatus",
  "map",
  "bannerDesktop",
  "bannerMobile",
  "bannerText1",
  "bannerText2",
  "link",
  "key",
  "id",
  "Link",
  "to",
  "url",
  "Image",
  "imageData",
  "alt",
  "name",
  "className",
  "data",
  "homepage",
  "urls",
  "seo",
  "youtubeLinks",
  "articleText1",
  "articleText2",
  "productText1",
  "productText2",
  "productLink",
  "recipeText1",
  "recipeText2",
  "recipeLink",
  "headband",
  "imageDesktop",
  "imageMobile",
  "articleLists",
  "allArticleList",
  "nodes",
  "logo",
  "header",
  "seoTitle",
  "title",
  "seoKeywords",
  "keywords",
  "seoDescription",
  "description",
  "location",
  "useLocation",
  "Layout",
  "headerTransparent",
  "Seo",
  "PageSchema",
  "type",
  "metaTitle",
  "metaDescription",
  "metaKeywords",
  "TagEventTracker",
  "eventType",
  "pageTemplate",
  "pathname",
  "YouTubeLazyLoaded",
  "videoId",
  "getYoutubeId",
  "videoName",
  "DangerouslySetInnerHtml",
  "html",
  "element",
  "tags",
  "imageHome",
  "iconHome",
  "altText"
  ],
  sourceRoot: ""
  }