{"version":3,"sources":["webpack:///./src/pages/kontakt.tsx"],"names":["P","styled","p","data","siteTitle","site","siteMetadata","title","keywords","className","to","src","Logo","alt","href","query"],"mappings":"8VAgBA,IAAMA,EAAIC,IAAOC,EAAV,IACC,2EAGO,sBAAqB,YAAlBC,EAAkB,EAAlBA,KACd,OACI,kBAAC,IAAD,CAAQC,WAAW,UAAAD,EAAKE,YAAL,mBAAWC,oBAAX,eAAyBC,QAAS,IACjD,kBAAC,IAAD,CAAKA,OAAO,UAAAJ,EAAKE,YAAL,mBAAWC,oBAAX,eAAyBC,QAAS,GAAIC,SAAU,CAAC,MAAD,mBAC5D,yBAAKC,UAAU,kCACX,yBAAKA,UAAU,iGACX,kBAAC,OAAD,CAAMC,GAAE,KACJ,yBAAKC,IAAKC,IAAMC,IAAI,OAAOJ,UAAU,wCAG7C,yBAAKA,UAAU,4CACX,wBAAIA,UAAU,mEAAd,WACA,kBAACT,EAAD,2CACuC,6BADvC,4CAIA,kBAACA,EAAD,sBACkB,6BADlB,qBAEsB,6BAFtB,sBAKA,kBAACA,EAAD,KACI,uBAAGc,KAAK,6BAAR,sBADJ,IAC+D,6BAC3D,uBAAGA,KAAK,mBAAR,qBAEJ,kBAACd,EAAD,4BAOb,IAAMe,EAAQ","file":"component---src-pages-kontakt-tsx-54402375749b4c3bcc60.js","sourcesContent":["import React from 'react';\nimport styled from '@emotion/styled';\nimport tw from 'tailwind.macro';\n\nimport Layout from '../components/layout';\nimport SEO from '../components/seo';\nimport { graphql } from 'gatsby';\nimport { Link } from 'gatsby';\n\nimport Logo from '../images/logo.svg';\nimport { KontaktQuery } from '../../types/graphql-types';\n\ntype Props = {\n    data: KontaktQuery;\n};\n\nconst P = styled.p`\n    ${tw`mb-6 font-sm leading-relaxed relative z-10`}\n`;\n\nexport default ({ data }: Props) => {\n    return (\n        <Layout siteTitle={data.site?.siteMetadata?.title || ''}>\n            <SEO title={data.site?.siteMetadata?.title || ''} keywords={[`AGB`, `DFP`, `Kontakt`]} />\n            <div className=\"bg-gradient-top pb-24 md:pb-34\">\n                <div className=\"container mx-auto pt-12 mb-24 md:mb-32 flex items-center justify-center md:justify-start z-10\">\n                    <Link to={`/`}>\n                        <img src={Logo} alt=\"Logo\" className=\"object-contain w-full h-full mb-0\" />\n                    </Link>\n                </div>\n                <div className=\"container mx-auto flex flex-col relative\">\n                    <h1 className=\"mb-4 text-3xl md:text-4xl font-bold leading-tight relative z-10\">Kontakt</h1>\n                    <P>\n                        Herzlichen Dank für Ihr Interesse. <br />\n                        Wir freuen uns auf Ihre Kontaktaufnahme.\n                    </P>\n                    <P>\n                        swisspeers AG <br />\n                        Zürcherstrasse 12 <br />\n                        CH-8400 Winterthur\n                    </P>\n                    <P>\n                        <a href=\"mailto:info@swisspeers.ch\">info@swisspeers.ch</a> <br />\n                        <a href=\"tel:41525115080\">+41 52 511 50 80</a>\n                    </P>\n                    <P>CHE-292.634.550</P>\n                </div>\n            </div>\n        </Layout>\n    );\n};\n\nexport const query = graphql`\n    query Kontakt {\n        site {\n            siteMetadata {\n                title\n                description\n                image\n                siteUrl\n            }\n        }\n    }\n`;\n"],"sourceRoot":""}