{"version":3,"sources":["webpack:///./src/pages/contact.js"],"names":["Contact","about","data","className","fluid","carteDeVisite","alt","style","width","margin","imgStyle","objectFit","href","target","rel","name","method","action","data-netlify-honeypot","data-netlify","type","value","required","id","aria-label","query"],"mappings":"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","file":"component---src-pages-contact-js-73c60f59c2f28754e266.js","sourcesContent":["import React from 'react'\nimport { graphql } from 'gatsby'\nimport Img from 'gatsby-image'\nimport Layout from \"../components/layout\"\n\nconst Contact = ({ data: { about } }) => {\n  return (\n  <Layout>\n  <div className=\"main-wrapper-contact\">\n    <div className=\"section-wrapper-contact production-site\">\n        <h2>Notre site de production</h2>\n        <div>\n            <h3>Fermap Forbach</h3>\n            <Img fluid={about.carteDeVisite.fluid} alt=\"Carte de visite de Fermap au Technopôle de Forbach\" style={{width: \"90%\", margin: \"0 auto 1em\"}}  imgStyle={{objectFit: \"fill\"}} />\n            <p>Adresse: <a href=\"https://www.google.com/maps/place/FERMAP/@49.161079,6.9282583,17z/data=!3m1!4b1!4m5!3m4!1s0x4795b28c69785c11:0x7234720ef2358b1c!8m2!3d49.161079!4d6.930447\" alt=\"Lien google map Adresse Fermap\" target=\"_blank\" rel=\"noopener noreferrer\">Technopôle de Forbach - Rue Faraday \"Folkling\" - 57600 FORBACH</a></p>\n            <p>Tél: <a href=\"tel:0387871008\" alt=\"Telephone de l'accueil de fermap\" >03.87.87.10.08</a></p>\n            <p>Mail: <a href=\"mailto:info@fermap.fr\" alt=\"Lien pour envoyer un mail à Fermap\">info@fermap.fr</a></p>\n        </div>\n    </div>\n    <div className=\"section-wrapper-contact form-contact\">\n        <h2>Formulaire de contact</h2>\n        <form className=\"contact-form\" name=\"formulaire-contact\" method=\"POST\" action=\"/formulaire-envoi\" data-netlify-honeypot=\"bot-field\" data-netlify=\"true\">\n            <input type=\"hidden\" name=\"form-name\" value=\"formulaire-contact\" />\n            <div className=\"column\">\n                <p>\n                    <label>Nom complet <span>*</span><input type=\"text\" name=\"Nom Complet :\" required /></label>   \n                </p>\n                <p>\n                    <label>Adresse mail <span>*</span><input type=\"email\" name=\"Email :\" required /></label>\n                </p>\n                <p>\n                    <label>Téléphone <span>*</span><input type=\"text\" name=\"Téléphone :\" required /></label>\n                </p>\n                <p>\n                    <label>Ville <span>*</span><input type=\"text\" name=\"Ville :\" required /></label>\n                </p>\n                <p>\n                    <label>Adresse <span>*</span><input type=\"text\" name=\"Adresse :\" required /></label>\n                </p>\n                <p>\n                    <label>Code postal <span>*</span><input type=\"text\" name=\"Code Postal :\" required /></label>\n                </p>\n                <p>\n                    <label>Message<textarea name=\"message\" /></label>\n                </p>\n            </div>\n            <div className=\"column type-projet\">\n                <h3>Type de projet</h3>\n                <p>\n                    <label><input type=\"checkbox\" name=\"Fenêtre PVC :\" value=\"***** OUI *****\" />Fenêtre PVC</label>\n                </p>\n                <p>\n                    <label><input type=\"checkbox\" name=\"Fenêtre Alu :\" value=\"***** OUI *****\" />Fenêtre ALU</label>\n                </p>\n                <p>\n                    <label><input type=\"checkbox\" name=\"Porte d'entrée Alu :\" value=\"***** OUI *****\"/>Porte d'entrée ALU</label>\n                </p>\n                <p>\n                    <label><input type=\"checkbox\" name=\"Porte d'entrée PVC :\" value=\"***** OUI *****\"/>Porte d'entrée PVC</label>\n                </p>\n                <p>\n                    <label><input type=\"checkbox\" name=\"Volets Roulants :\" value=\"***** OUI *****\"/>Volets roulants</label>\n                </p>\n                <p>\n                    <label><input type=\"checkbox\" name=\"BSO :\" value=\"***** OUI *****\"/>Brise Soleil Orientable</label>\n                </p>\n                <p>\n                    <label><input type=\"checkbox\" name=\"Porte de garage :\" value=\"***** OUI *****\"/>Porte de garage</label>\n                </p>\n                <p>\n                    <label><input type=\"checkbox\" name=\"Portail :\" value=\"***** OUI *****\"/>Portail</label>\n                </p>\n                <p>\n                    <label><input type=\"checkbox\" name=\"Garde Corps :\" value=\"***** OUI *****\"/>Garde Corps</label>\n                </p>\n                <p>\n                    <label><input type=\"checkbox\" name=\"Clôture :\" value=\"***** OUI *****\"/>Clôture</label>\n                </p>\n                <p>\n                    <label><input type=\"checkbox\" name=\"Alarme :\" value=\"***** OUI *****\"/>Alarme</label>\n                </p>\n                <div className=\"wrapper-type-echeance\">\n                    <div className=\"echeance\">\n                        <h3>Echéance de votre projet</h3>\n                        <p>\n                            <label><input type=\"checkbox\" name=\"Maintenant :\" value=\"***** OUI *****\"/>De suite</label>\n                        </p>\n                        <p>\n                            <label><input type=\"checkbox\" name=\"3 à 6 mois :\" value=\"***** OUI *****\"/>Dans 3 à 6 mois</label>\n                        </p>\n                        <p>\n                            <label><input type=\"checkbox\" name=\"6 à 12 mois :\" value=\"***** OUI *****\"/>Dans 6 à 12 mois</label>\n                        </p>\n                        <p>\n                            <label><input type=\"checkbox\" name=\"Non Planifié :\" value=\"***** OUI *****\"/>Non planifié</label>\n                        </p>\n                    </div>\n                    <div className=\"type-batiment\">\n                        <h3>Type de bâtiment</h3>\n                        <p>\n                            <label><input type=\"checkbox\" name=\"Bâtiment Neuf :\" value=\"***** OUI *****\"/>Bâtiment neuf</label>\n                        </p>\n                        <p>\n                            <label><input type=\"checkbox\" name=\"Rénovation :\" value=\"***** OUI *****\"/>Rénovation</label>\n                        </p>\n                        <p>\n                            <label><input type=\"checkbox\" name=\"Immeuble Collectif :\" value=\"***** OUI *****\"/>Immeuble collectif</label>\n                        </p>\n                    </div>\n                </div>\n            </div>\n            <div className=\"validation\">\n                <p>\n                    <label>Utilisation des données <span>*</span><input required id=\"utilisation-donnees\" type=\"checkbox\" value=\"En soumettant ce formulaire, j’accepte que les informations saisies soient exploitées\n                    dans le cadre de la demande de contact et de la relation commerciale qui peut en découler.\"></input>\n                    <span id=\"description-utilisation-donnees\">En soumettant ce formulaire, j’accepte que les informations saisies soient exploitées\n                    dans le cadre de la demande de documentation et de la relation commerciale qui peut en découler.</span></label>\n                </p>\n                <input aria-label=\"button\" id=\"send-button\" value=\"Envoyer\" type=\"submit\" className=\"contact-form-btn\"/>\n                <p><span>*</span> : Champs obligatoires</p>\n            </div>\n        </form>\n      </div>\n  </div>\n    \n  </Layout>\n)}\n\nexport default Contact\n\nexport const query = graphql`\n  query PictureQuery {\n    about: datoCmsAboutPage {\n      carteDeVisite {\n        fluid(maxWidth: 600, imgixParams: { fm: \"jpg\", auto: \"compress\" }) {\n          ...GatsbyDatoCmsSizes\n        }\n      }\n    }\n  }\n`\n"],"sourceRoot":""}