{"version":3,"sources":["webpack:///./src/components/Banner.js","webpack:///./src/components/Home/About.js","webpack:///./src/constants/services.js","webpack:///./src/components/Home/Services.js","webpack:///./src/components/Home/FeaturedTours.js","webpack:///./src/pages/index.js","webpack:///./src/components/Tours/Tour.js"],"names":["Banner","title","info","children","className","styles","banner","About","aboutImage","about","Title","subtitle","aboutCenter","aboutImg","imgContainer","fluid","childImageSharp","alt","aboutInfo","type","icon","text","Services","services","center","map","item","index","key","service","FeaturedTours","tours","featuredTours","edges","node","Tour","contentful_id","tour","fade","to","data","Layout","SEO","StyledHero","home","img","defaultBcg","query","file","name","price","country","days","slug","images","mainImage","link","footer","details"],"mappings":"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","file":"component---src-pages-index-js-df9df5d7e591a0f99bf4.js","sourcesContent":["import React from \"react\"\nimport styles from \"../css/banner.module.css\"\nconst Banner = ({ title, info, children }) => {\n  return (\n    <div className={styles.banner}>\n      <h1>{title}</h1>\n      <p>{info}</p>\n      {children}\n    </div>\n  )\n}\n\nexport default Banner\n","import React from \"react\"\nimport Title from \"../Title\"\nimport styles from \"../../css/about.module.css\"\n// import img from \"../../images/defaultBcg.jpeg\"\nimport { useStaticQuery, graphql } from \"gatsby\"\nimport Img from \"gatsby-image\"\nconst getAbout = graphql`\n  query aboutImage {\n    aboutImage: file(relativePath: { eq: \"defaultBcg.jpeg\" }) {\n      childImageSharp {\n        fluid(maxWidth: 600) {\n          ...GatsbyImageSharpFluid_tracedSVG\n        }\n      }\n    }\n  }\n`\n\nconst About = () => {\n  const { aboutImage } = useStaticQuery(getAbout)\n\n  return (\n    <section className={styles.about}>\n      <Title title=\"about\" subtitle=\"us\" />\n      <div className={styles.aboutCenter}>\n        <article className={styles.aboutImg}>\n          <div className={styles.imgContainer}>\n            {/* <img src={img} alt=\"about company\" /> */}\n            <Img\n              fluid={aboutImage.childImageSharp.fluid}\n              alt=\"awesome landscape\"\n            />\n          </div>\n        </article>\n        <article className={styles.aboutInfo}>\n          <h4>explore the difference</h4>\n          <p>\n            Lorem ipsum, dolor sit amet consectetur adipisicing elit. Nulla\n            doloribus enim necessitatibus?\n          </p>\n          <p>\n            Lorem ipsum, dolor sit amet consectetur adipisicing elit. Nulla\n            doloribus enim necessitatibus?\n          </p>\n          <button type=\"button\" className=\"btn-primary\">\n            read more\n          </button>\n        </article>\n      </div>\n    </section>\n  )\n}\n\nexport default About\n","import React from \"react\"\nimport { FaWallet, FaTree, FaSocks } from \"react-icons/fa\"\n\nexport default [\n  {\n    icon: <FaWallet />,\n    title: \"saving money\",\n    text: \"Lorem ipsum, dolor sit amet consectetur adipisicing elit. Null\",\n  },\n  {\n    icon: <FaTree />,\n    title: \"endless hiking\",\n    text: \"Lorem ipsum, dolor sit amet consectetur adipisicing elit. Null\",\n  },\n  {\n    icon: <FaSocks />,\n    title: \"amazing comfort\",\n    text: \"Lorem ipsum, dolor sit amet consectetur adipisicing elit. Null\",\n  },\n]\n","import React from \"react\"\nimport Title from \"../Title\"\nimport styles from \"../../css/services.module.css\"\nimport services from \"../../constants/services\"\nconst Services = () => {\n  return (\n    <section className={styles.services}>\n      <Title title=\"our\" subtitle=\"services\" />\n      <div className={styles.center}>\n        {services.map((item, index) => {\n          return (\n            <article key={index} className={styles.service}>\n              <span>{item.icon}</span>\n              <h4>{item.title}</h4>\n              <p>{item.text}</p>\n            </article>\n          )\n        })}\n      </div>\n    </section>\n  )\n}\n\nexport default Services\n","import React from \"react\"\nimport Tour from \"../Tours/Tour\"\nimport { useStaticQuery, graphql } from \"gatsby\"\nimport Title from \"../Title\"\nimport styles from \"../../css/items.module.css\"\nimport AniLink from \"gatsby-plugin-transition-link/AniLink\"\n\nconst getTours = graphql`\n  query {\n    featuredTours: allContentfulTour(filter: { featured: { eq: true } }) {\n      edges {\n        node {\n          name\n          price\n          slug\n          country\n          contentful_id\n          days\n          images {\n            fluid {\n              ...GatsbyContentfulFluid\n            }\n          }\n        }\n      }\n    }\n  }\n`\n\nconst FeaturedTours = () => {\n  const response = useStaticQuery(getTours)\n  const tours = response.featuredTours.edges\n\n  return (\n    <section className={styles.tours}>\n      <Title title=\"featured\" subtitle=\"tours\" />\n      <div className={styles.center}>\n        {tours.map(({ node }) => {\n          return <Tour key={node.contentful_id} tour={node} />\n        })}\n      </div>\n\n      <AniLink fade to=\"/tours\" className=\"btn-primary\">\n        all tours\n      </AniLink>\n    </section>\n  )\n}\n\nexport default FeaturedTours\n","import React from \"react\"\nimport Layout from \"../components/Layout\"\nimport Banner from \"../components/Banner\"\nimport About from \"../components/Home/About\"\nimport Services from \"../components/Home/Services\"\nimport StyledHero from \"../components/StyledHero\"\nimport { graphql } from \"gatsby\"\nimport AniLink from \"gatsby-plugin-transition-link/AniLink\"\nimport FeaturedTours from \"../components/Home/FeaturedTours\"\nimport SEO from \"../components/SEO\"\nexport default ({ data }) => (\n  <Layout>\n    <SEO title=\"Home\" />\n    <StyledHero home=\"true\" img={data.defaultBcg.childImageSharp.fluid}>\n      <Banner\n        title=\"continue exploring\"\n        info=\" Lorem ipsum dolor sit amet consectetur adipisicing elit. Eius, officiis.\"\n      >\n        <AniLink fade to=\"/tours\" className=\"btn-white\">\n          explore tours\n        </AniLink>\n      </Banner>\n    </StyledHero>\n    <About />\n    <Services />\n    <FeaturedTours />\n  </Layout>\n)\nexport const query = graphql`\n  query {\n    defaultBcg: file(relativePath: { eq: \"defaultBcg.jpeg\" }) {\n      childImageSharp {\n        fluid(quality: 90, maxWidth: 4160) {\n          ...GatsbyImageSharpFluid_withWebp\n        }\n      }\n    }\n  }\n`\n","import React from \"react\"\nimport Image from \"gatsby-image\"\nimport styles from \"../../css/tour.module.css\"\nimport { FaMap } from \"react-icons/fa\"\nimport AniLink from \"gatsby-plugin-transition-link/AniLink\"\nimport PropTypes from \"prop-types\"\nimport { useStaticQuery, graphql } from \"gatsby\"\n\nconst getImage = graphql`\n  query {\n    file(relativePath: { eq: \"defaultBcg.jpeg\" }) {\n      childImageSharp {\n        fluid {\n          ...GatsbyImageSharpFluid\n        }\n      }\n    }\n  }\n`\n\nconst Tour = ({ tour }) => {\n  const data = useStaticQuery(getImage)\n  const img = data.file.childImageSharp.fluid\n  const { name, price, country, days, slug, images } = tour\n\n  // let mainImage\n  // if (images) {\n  //   mainImage = images[0].fluid\n  // } else {\n  //   mainImage = img\n  // }\n  let mainImage = images ? images[0].fluid : img\n\n  return (\n    <article className={styles.tour}>\n      <div className={styles.imgContainer}>\n        <Image fluid={mainImage} className={styles.img} alt=\"single tour\" />\n        <AniLink fade className={styles.link} to={`/tours/${slug}`}>\n          details\n        </AniLink>\n      </div>\n      <div className={styles.footer}>\n        <h3>{name}</h3>\n        <div className={styles.info}>\n          <h4 className={styles.country}>\n            <FaMap className={styles.icon} />\n            {country || \"default country\"}\n          </h4>\n          <div className={styles.details}>\n            <h6>{days} days</h6>\n            <h6>from ${price}</h6>\n          </div>\n        </div>\n      </div>\n    </article>\n  )\n}\n\nTour.propTypes = {\n  tour: PropTypes.shape({\n    name: PropTypes.string.isRequired,\n    country: PropTypes.string.isRequired,\n    price: PropTypes.number.isRequired,\n    days: PropTypes.number.isRequired,\n    images: PropTypes.arrayOf(PropTypes.object).isRequired,\n  }),\n}\n\nexport default Tour\n"],"sourceRoot":""}