{"version":3,"sources":["webpack:///./src/components/comment.js","webpack:///./src/pages/index.js"],"names":["Comment","image","className","commentContainer","fluid","childImageSharp","commentImage","alt","comment","href","query","IndexPage","data","lang","bg","sizes","objectFit","styles","heroImage","style","position","heroInner","tagName","heroHeadline","width","maxWidth","margin","title","role","aria-label","wavingHand","textAlign","bgColor","wavingHandParent","padding","balloonParent","inlineBlock","classNames","balloon","gutters","vAlign","target","rel","opacity","svalorna","clientImage","memira","anders"],"mappings":"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","file":"component---src-pages-index-js-b1b3c7439e234a34ef7d.js","sourcesContent":["import { graphql } from \"gatsby\"\nimport Img from \"gatsby-image\"\nimport React from 'react'\nimport P from \"../components/paragraph\"\n\nimport { commentContainer, comment, commentImage } from \"./comment.module.css\"\n\nconst Comment = ({ image }) => {\n    return (\n        <blockquote className={commentContainer}>\n            <Img\n                fluid={image.childImageSharp.fluid}\n                className={commentImage}\n                alt=\"\"\n            />\n            <footer className={comment}>\n                <P>“Jag har jobbat återkommande med Sumway och är väldigt nöjd med vad de levererat t.ex. <a href=\"https://hockeyresultat.se/shl-tabell/\">tabeller för SHL</a>. Kvalitet i fokus, tar hänsyn till budget med bra återkoppling. Kan varmt rekommendera att ni anlitar dem.”</P>\n                <P> Anders Granström, Sportnyhet AB</P>\n            </footer>\n        </blockquote>\n    )\n}\nexport default Comment","import { graphql } from \"gatsby\"\nimport Img from \"gatsby-image\"\nimport React from \"react\"\nimport classNames from \"classnames\"\n\nimport Layout from \"../components/layout\"\nimport Hero from \"../components/hero\"\nimport Section from \"../components/section\"\nimport Columns from \"../components/columns\"\nimport SEO from \"../components/seo\"\nimport Headline from \"../components/headline\"\nimport P from \"../components/paragraph\"\nimport LanguageSwitch from \"../components/languageSwitch\"\nimport Comment from \"../components/comment\"\n\nimport Logo from \"../images/sumway.svg\"\nimport Evidensia from \"../images/evidensia.svg\"\n\nimport styles from \"./index.module.css\"\n\nexport const query = graphql`\n  query {\n    bg: file(relativePath: { eq: \"bg.jpg\" }) {\n      childImageSharp {\n        fluid(quality: 75) {\n          ...GatsbyImageSharpFluid\n        }\n      }\n    }\n    memira: file(relativePath: { eq: \"memira.png\" }) {\n      childImageSharp {\n        fluid(maxWidth: 500) {\n          ...GatsbyImageSharpFluid_noBase64\n        }\n      }\n    }\n    svalorna: file(relativePath: { eq: \"svalorna.png\" }) {\n      childImageSharp {\n        fluid(maxWidth: 500) {\n          ...GatsbyImageSharpFluid_noBase64\n        }\n      }\n    }\n    anders: file(relativePath: { eq: \"anders-granstrom.png\" }) {\n      childImageSharp {\n        fluid(maxWidth: 500) {\n          ...GatsbyImageSharpFluid_noBase64\n        }\n      }\n    }\n  }\n`\n\nconst IndexPage = ({ data }) => {\n  return (\n    <Layout>\n      <SEO lang=\"sv\" />\n      <Hero\n        bg={\n          <Img\n            fluid={{ ...data.bg.childImageSharp.fluid, sizes: \"100vw\" }}\n            objectFit=\"cover\"\n            className={styles.heroImage}\n            style={{ position: \"absolute\" }}\n          />\n        }\n      >\n        <div className={styles.heroInner}>\n          <Headline tagName=\"h1\" className={styles.heroHeadline}>\n            <Logo\n              style={{ width: \"70%\", maxWidth: \"80rem\", margin: \"auto\" }}\n              title=\"Sumway\"\n            />\n          </Headline>\n        </div>\n        <LanguageSwitch />\n      </Hero>\n      <Section\n        title={\n          <>\n            Hej där{\" \"}\n            <span role=\"img\" aria-label=\"waving\" className={styles.wavingHand}>\n              👋\n            </span>\n          </>\n        }\n        textAlign=\"center\"\n        bgColor=\"grey\"\n        className={styles.wavingHandParent}\n      >\n        <P style={{ padding: \"0 1em\" }}>\n          Om du är intresserad av blixtsnabba hemsidor, har du kommit rätt.\n        </P>\n      </Section>\n      <Section\n        title=\"Det är inte komplicerat\"\n        textAlign=\"center\"\n        className={styles.balloonParent}\n      >\n        <Columns>\n          <>\n            <Headline>\n              Användare{\" \"}\n              <span className={styles.inlineBlock}>väntar inte på dig</span>\n            </Headline>\n            <P>\n              En väntetid längre än 3 sekunder får dig att tappa ~30% av dina\n              besökare.\n            </P>\n          </>\n          <>\n            <Headline>\n              Designa för{\" \"}\n              <span className={styles.inlineBlock}>mobila enheter</span>\n            </Headline>\n            <P>\n              Mer än 50% av dina besökare har mobiltelefon &ndash; och de blir\n              bara fler och fler varje dag. Se till att anpassa för det.\n            </P>\n          </>\n          <>\n            <Headline>\n              Avancerat är inte{\" \"}\n              <span className={styles.inlineBlock}>lika med komplicerat</span>\n            </Headline>\n            <P>\n              <>\n                Använd inte komplicerad design på din hemsida. Gör det istället\n                enkelt{\" \"}\n                <span className={classNames([styles.inlineBlock])}>\n                  (och roligt{\" \"}\n                  <span\n                    role=\"img\"\n                    aria-label=\"balloon\"\n                    className={styles.balloon}\n                  >\n                    🎈\n                  </span>\n                  )\n                </span>{\" \"}\n                för dina besökare.\n              </>\n            </P>\n          </>\n        </Columns>\n      </Section>\n      <Section title=\"Vår erfarenhet\" bgColor=\"grey\" textAlign=\"center\">\n        <Columns>\n          <>\n            <Headline>WordPress</Headline>\n            <P>Över 10 års erfarenhet av att bygga specialanpassade teman.</P>\n          </>\n          <>\n            <Headline>JavaScript &amp; PHP</Headline>\n            <P>Djup kunskap inom komponentbaserad utveckling.</P>\n          </>\n          <>\n            <Headline>CSS</Headline>\n            <P>\n              Använder senaste CSS-funktionerna, men ser även till att stödja\n              gamla webbläsare.\n            </P>\n          </>\n          <>\n            <Headline>React</Headline>\n            <P>\n              Lång erfarenhet av att dela upp komponenter i återanvändbara\n              delar.\n            </P>\n          </>\n          <>\n            <Headline>Git</Headline>\n            <P>\n              Använder alltid versionshantering &amp; feature branches när det\n              behövs.\n            </P>\n          </>\n          <>\n            <Headline>Laravel &amp; Lumen</Headline>\n            <P>\n              För att bygga API:er eller webbplatser med väldigt specific\n              funktionalitet.\n            </P>\n          </>\n        </Columns>\n      </Section>\n      <Section title=\"Fantastiska kunder\" textAlign=\"center\">\n        <Columns gutters=\"large\" vAlign=\"center\">\n          <a\n            href=\"https://svalorna.org\"\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            style={{ opacity: \".8\" }}\n          >\n            <Img\n              fluid={data.svalorna.childImageSharp.fluid}\n              className={styles.clientImage}\n              alt=\"Svalorna Indien Bangladesh\"\n            />\n          </a>\n          <a\n            href=\"https://www.memira.se\"\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            style={{ opacity: \".7\" }}\n          >\n            <Img\n              fluid={data.memira.childImageSharp.fluid}\n              className={styles.clientImage}\n              alt=\"Memira Eyecenter\"\n            />\n          </a>\n          <a\n            href=\"https://evidensia.se\"\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            style={{ opacity: \".7\" }}\n          >\n            <Evidensia className={styles.clientImage} title=\"Evidensia\" />\n          </a>\n        </Columns>\n      </Section>\n\n      <Section textAlign=\"center\" bgColor=\"grey\">\n        <Comment image={data.anders} />\n      </Section>\n\n\n\n      <Section title=\"Kontakta oss\" textAlign=\"center\" bgColor=\"white\">\n        <Columns>\n          <>\n            <Headline>E-post</Headline>\n            <P>\n              <a href=\"mailto:hello@sumway.se\">hej@sumway.se</a>\n            </P>\n          </>\n          <>\n            <Headline>Telefon</Headline>\n            <P>\n              <a href=\"tel:+46738046446\">+46 (0) 73-804 64 46</a>\n            </P>\n          </>\n          <>\n            <Headline>LinkedIn</Headline>\n            <P>\n              <a\n                href=\"https://bit.ly/2mbJYVi\"\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n              >\n                https://bit.ly/2mbJYVi\n              </a>\n            </P>\n          </>\n        </Columns>\n      </Section>\n    </Layout >\n  )\n}\n\nexport default IndexPage\n"],"sourceRoot":""}