{"version":3,"file":"component---src-templates-index-index-tsx-1a6dacc27f6e881cc6e5.js","mappings":"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","sources":["webpack://riot-tournament-eu/./src/components/home/game-card/game-card.tsx","webpack://riot-tournament-eu/./src/components/home/games/home-games.tsx","webpack://riot-tournament-eu/./src/components/home/games/home-game.module.scss","webpack://riot-tournament-eu/./src/components/home/hero/home-hero.tsx","webpack://riot-tournament-eu/./src/components/home/hero/home-hero.module.scss","webpack://riot-tournament-eu/./src/templates/index/index.tsx"],"sourcesContent":["import { Link } from 'gatsby';\nimport React, { FC, useEffect, useState } from 'react';\nimport { Game } from '../../../interfaces/game.interface';\nimport GlobalButton from '../../global/global-button/global-button';\nimport { getLangFullPathname } from '../../global/languages/languageUtils';\nimport * as styles from './game-card.module.scss';\nimport './game-card.scss';\n\ntype RTHomeGameCard = {\n  game: Game;\n  gameCta: string;\n  isReversed: boolean;\n};\n\nconst RTHomeGameCard: FC<RTHomeGameCard> = ({ game, gameCta, isReversed }) => {\n  const [currentLang, setCurrentLang] = useState('');\n\n  const imageUrl = game.thumbnailGameImage && Array.isArray(game.thumbnailGameImage) ? game.thumbnailGameImage[0]?.url : '';\n\n  useEffect(() => {\n    const currentLang = localStorage.getItem('RT_current_lang');\n\n    if (currentLang) {\n      setCurrentLang((JSON.parse(currentLang) as { value: string }).value);\n    }\n  }, []);\n\n  return (\n    <div className={`flex justify-center ${isReversed ? 'flex-row-reverse' : ''}`}>\n      <div className={`hidden md:flex flex-col justify-center md:w-7/12 items-start  ${isReversed ? 'pl-8 lg:pl-20' : 'pr-8 lg:pr-20'}`}>\n        <h3 className={`${styles.title} title`}>\n          {game.title}\n          <span className={`${styles.titleBar} decorator`} style={{ backgroundColor: game.mainColor }} />\n        </h3>\n        <div\n          className={`${styles.description} description wysiwyg`}\n          dangerouslySetInnerHTML={{\n            __html: game.description,\n          }}\n        />\n        <GlobalButton animated={true} bgColor={game.mainColor} url={`games/${game.slug}`} text={gameCta} />\n      </div>\n      <div className={`w-full md:w-5/12`}>\n        <Link to={getLangFullPathname(currentLang, `/games/${game.slug}`, true, currentLang !== '')}>\n          <div className={`${styles.gameImageWrapper} game-image-wrapper aspect-w-3 aspect-h-4`}>\n            <img src={imageUrl} alt='' className='object-cover' />\n          </div>\n        </Link>\n      </div>\n    </div>\n  );\n};\n\nexport default RTHomeGameCard;\n","import React, { FC } from 'react';\nimport { InView } from 'react-intersection-observer';\nimport { Game } from '../../../interfaces/game.interface';\nimport RTHomeGameCard from '../game-card/game-card';\nimport * as styles from './home-game.module.scss';\n\ntype RTHomeGamesProps = {\n  games: Game[];\n  mainColor: string;\n  gameCta: string;\n  title: string;\n};\n\nconst RTHomeGames: FC<RTHomeGamesProps> = ({ mainColor, games, gameCta, title }) => {\n  return (\n    <section className='container py-8 pt-20 md:py-12 xl:py-20' id='games'>\n      <div className='max-w-5xl mx-auto space-y-12'>\n        <h2 className={styles.title}>\n          {title || 'Games'}\n          <span className={styles.titleBar} style={{ backgroundColor: mainColor }} />\n        </h2>\n        <div className='space-y-6 md:space-y-8'>\n          {games.map((game, index) => {\n            if (Object.keys(game).length !== 0) {\n              return (\n                <InView\n                  threshold={0.4}\n                  as='div'\n                  key={game.id}\n                  onChange={(inView, entry) => (inView ? entry.target.classList.add('is-visible') : '')}\n                >\n                  <RTHomeGameCard game={game} key={game.id} gameCta={gameCta} isReversed={index % 2 !== 0} />\n                </InView>\n              );\n            }\n          })}\n        </div>\n      </div>\n    </section>\n  );\n};\n\nexport default RTHomeGames;\n","// extracted by mini-css-extract-plugin\nexport var title = \"home-game-module--title--TX-Vn\";\nexport var titleBar = \"home-game-module--titleBar--BjAn+\";","import React, { FC } from 'react';\nimport Hero from '../../../interfaces/hero.interface';\nimport * as styles from './home-hero.module.scss';\n\nconst RTHomeHero: FC<Hero> = hero => {\n  const imageUrl = hero && hero.heroImgRight && Array.isArray(hero.heroImgRight) ? hero.heroImgRight[0].url : '';\n\n  const scrollDown = () => {\n    document.querySelector('#games')?.scrollIntoView({ behavior: 'smooth' });\n  };\n\n  return (\n    <section className={`${styles.wrapper} relative lg:flex text-white flex justify-center`}>\n      <div className='container'>\n        <div className='relative max-w-screen-xl mx-auto flex justify-between'>\n          <div className='relative py-32 lg:py-36 xl:py-44 lg:w-8/12 xl:pl-8'>\n            <div\n              className={`${styles.background} bg-grey-dark absolute w-screen top-0 -left-4 md:-left-8 lg:right-0 lg:left-auto h-full bg-no-repeat bg-center bg-cover`}\n              style={hero.heroImgLeft.length > 0 ? { backgroundImage: `url(${hero.heroImgLeft[0].url})` } : {}}\n            />\n            <div className='max-w-xl'>\n              <h1 className={`${styles.title} text-3xl md:text-4xl lg:text-5xl font-black`}>\n                {hero.title}\n                <span className={styles.titleBar} style={{ backgroundColor: hero.homeMainColor }} />\n              </h1>\n              <div\n                className={`${styles.description} wysiwyg`}\n                dangerouslySetInnerHTML={{\n                  __html: hero.description,\n                }}\n              />\n            </div>\n          </div>\n          <span\n            onClick={scrollDown}\n            className={`${styles.scrollDown} cursor-pointer absolute transform -translate-x-1/2 left-1/2 bottom-12 md:bottom-24 flex flex-col items-center justify-center z-20`}\n          >\n            {hero.scrollDownText || 'Scroll'}\n          </span>\n          <div className='hidden lg:flex relative w-4/12 items-center justify-center -left-24'>\n            <div className={`${styles.imageContainer} absolute z-10`}>\n              <img src={imageUrl} alt='hero image' className='w-full h-full z-0 object-contain' />\n            </div>\n          </div>\n        </div>\n      </div>\n    </section>\n  );\n};\n\nexport default RTHomeHero;\n","// extracted by mini-css-extract-plugin\nexport var background = \"home-hero-module--background--8e3X6\";\nexport var decoratorAnimation = \"home-hero-module--decorator-animation--vsY04\";\nexport var description = \"home-hero-module--description--pjdC+\";\nexport var imageContainer = \"home-hero-module--imageContainer--2DxYo\";\nexport var scrollDOwn = \"home-hero-module--scrollDOwn--iRJmb\";\nexport var scrollDown = \"home-hero-module--scrollDown--jW-mO\";\nexport var textAnimation = \"home-hero-module--text-animation--upG3K\";\nexport var title = \"home-hero-module--title--KUAuA\";\nexport var titleBar = \"home-hero-module--titleBar--REOLg\";\nexport var wrapper = \"home-hero-module--wrapper--XC7Hp\";","import React, { FC } from 'react';\nimport RTFaq from '../../components/global/faq/faq';\nimport RTLayout from '../../components/global/layout/layout';\nimport SEO from '../../components/global/seo/seo';\nimport RTHomeGames from '../../components/home/games/home-games';\nimport RTHomeHero from '../../components/home/hero/home-hero';\nimport Home from '../../interfaces/home.interface';\n\nconst IndexPage: FC<{ pageContext: Home }> = ({ pageContext }) => {\n  const uiElements = pageContext.uiElements;\n\n  return (\n    <RTLayout\n      menuText={uiElements.menuTxt[0]}\n      footerText={uiElements.footerTxt[0]}\n      langModalTranslations={{ title: uiElements.languageModalTitle, subtitle: uiElements.languageModalText }}\n      cookie={{\n        cookieContent: uiElements.cookieContent,\n        cookieButtonAccept: uiElements.cookieButtonAccept,\n        cookieButtonReject: uiElements.cookieButtonReject,\n      }}\n    >\n      <div\n        style={{\n          backgroundImage: `url('${pageContext.homepage?.homepagePatternImage[0]?.url}')`,\n          backgroundColor: pageContext?.homepage?.homepageBackgroundColor,\n        }}\n      >\n        <SEO />\n        <RTHomeHero {...pageContext.homepage} />\n        <RTHomeGames\n          games={pageContext.games}\n          gameCta={pageContext.homepage?.gameCta}\n          mainColor={pageContext.homepage?.homeMainColor}\n          title={uiElements?.homepageTitleTxt[0]?.gameSectionTitle || 'Games'}\n        />\n        {pageContext.homepage?.questions && pageContext.homepage?.questions.length > 0 && (\n          <RTFaq\n            items={pageContext.homepage?.questions}\n            faqImage={pageContext.homepage?.faqImage}\n            faqTitle={uiElements?.homepageTitleTxt[0]?.faqSectionTitle || 'General FAQ'}\n            mainColor={pageContext.homepage?.homeMainColor}\n            isSkewed={true}\n            textColor={pageContext.homepage?.textColor}\n          />\n        )}\n      </div>\n    </RTLayout>\n  );\n};\n\nexport default IndexPage;\n"],"names":["_ref","_game$thumbnailGameIm","game","gameCta","isReversed","currentLang","setCurrentLang","useState","imageUrl","thumbnailGameImage","Array","isArray","url","useEffect","localStorage","getItem","JSON","parse","value","React","className","title","style","backgroundColor","mainColor","dangerouslySetInnerHTML","__html","description","GlobalButton","animated","bgColor","slug","text","Link","to","getLangFullPathname","src","alt","games","id","map","index","Object","keys","length","InView","threshold","as","key","onChange","inView","entry","target","classList","add","RTHomeGameCard","hero","heroImgRight","heroImgLeft","backgroundImage","homeMainColor","onClick","scrollDown","_document$querySelect","document","querySelector","scrollIntoView","behavior","scrollDownText","_pageContext$homepage","_pageContext$homepage2","_pageContext$homepage3","_pageContext$homepage4","_pageContext$homepage5","_uiElements$homepageT","_pageContext$homepage6","_pageContext$homepage7","_pageContext$homepage8","_pageContext$homepage9","_uiElements$homepageT2","_pageContext$homepage10","_pageContext$homepage11","pageContext","uiElements","RTLayout","menuText","menuTxt","footerText","footerTxt","langModalTranslations","languageModalTitle","subtitle","languageModalText","cookie","cookieContent","cookieButtonAccept","cookieButtonReject","homepage","homepagePatternImage","homepageBackgroundColor","SEO","RTHomeHero","RTHomeGames","homepageTitleTxt","gameSectionTitle","questions","RTFaq","items","faqImage","faqTitle","faqSectionTitle","isSkewed","textColor"],"sourceRoot":""}