{"version":3,"sources":["webpack:///./src/pages/contact.js"],"names":["ContactWrapper","styled","div","IndexPage","node","useStaticQuery","allStrapiFooter","nodes","className","style","width","height","src","frameborder","scrolling","marginheight","marginwidth","href","address","mobile","contact","mail","method","class","type","placeholder","name"],"mappings":"6FAAA,2IASaA,EAAiBC,IAAOC,IAAV,6EAAGD,CAAH,+fAuGZE,UA5DG,WACd,IAaEC,EAbWC,yBAAe,cAadC,gBAAgBC,MAAM,GACpC,OACI,kBAACP,EAAD,KACI,kBAAC,IAAD,MACI,yBAAKQ,UAAU,iBAAiBC,MAAO,CAAEC,MAAM,SAC3C,4BAAQA,MAAM,OAAOC,OAAO,QAAQC,IAAI,0GAA0IC,YAAY,IAAIC,UAAU,KAAKC,aAAa,IAAIC,YAAY,KAAI,uBAAGC,KAAK,0DAAR,qBAE1P,yBAAKT,UAAU,IACf,yBAAKA,UAAU,aACX,yBAAKA,UAAU,uBACX,yBAAKA,UAAU,YACX,gDACA,yBAAKA,UAAU,qBAAoB,2BAAIJ,EAAKc,UAAkB,6BAC9D,uCAAad,EAAKe,QAClB,wCAAwBf,EAAKgB,SAC7B,yCAAoBhB,EAAKiB,OAC7B,yBAAKb,UAAU,YACX,8CACA,0BAAMA,UAAU,eAAec,OAAO,QAClC,yBAAKC,MAAM,cACP,2BAAOC,KAAK,OAAOD,MAAM,eAAeE,YAAY,uBAAuBC,KAAK,UAEpF,yBAAKlB,UAAU,cACX,2BAAOgB,KAAK,QAAQD,MAAM,eAAeE,YAAY,WAAWC,KAAK,WAEzE,yBAAKlB,UAAU,cACX,2BAAOgB,KAAK,OAAOD,MAAM,eAAeE,YAAY,gBAAgBC,KAAK,YAE7E,yBAAKlB,UAAU,cACX,2BAAOgB,KAAK,OAAOD,MAAM,eAAeE,YAAY,UAAUC,KAAK,aAEvE,yBAAKlB,UAAU,cACX,8BAAUe,MAAM,eAAeG,KAAK,UAAUD,YAAY,mBAE9D,4BAAQD,KAAK,SAASD,MAAM,6BAA5B,eAMhB,kBAAC,IAAD,MACA,kBAAC,IAAD","file":"component---src-pages-contact-js-8db2f3d2ae61380b8aac.js","sourcesContent":["import React from \"react\"\r\nimport ClientLogo from \"../components/clientsLogo/clientsLogo\";\r\nimport Header from \"../components/header/header\";\r\nimport Footer from \"../components/footer/footer\";\r\nimport styled from \"styled-components\";\r\nimport { useStaticQuery, graphql } from \"gatsby\";\r\n\r\n\r\n\r\nexport const ContactWrapper = styled.div`\r\n    max-width: 960px;\r\n    margin:15px;\r\n    padding-right: 15px;\r\n    padding-left: 15px;\r\n    margin-right: auto;\r\n    margin-left: auto;\r\n    background-color: #fff;\r\n    box-shadow: 0px 5px 10px #ccc;\r\n    min-height: 550px;\r\n    padding: 15px;\r\n    h2 {\r\n        margin-top: 20px;\r\n        color: #2e308f;\r\n        font-size: 30px;\r\n        margin-bottom: 20px;\r\n        \r\n    }\r\n    .contact-us-map iframe {height:200px;}\r\n    input >.form-control{\r\n        max-height:20px;\r\n    }\r\n    .btn-warning {\r\n        color: #fff;\r\n        background-color: #f0ad4e;\r\n        border-color: #eea236;\r\n    }\r\n    p {\r\n        margin: 0 0 10px;\r\n    }\r\n    input{\r\n        padding :6px 12px;\r\n    }\r\n    .form-group {\r\n        margin-bottom: 15px;\r\n    }\r\n    form {\r\n        display: block;\r\n        margin-top: 0em;\r\n    }\r\n`;\r\n\r\n\r\nconst IndexPage = () => {\r\n    const data = useStaticQuery(graphql`\r\n    {\r\n      allStrapiFooter {\r\n        nodes {\r\n          address\r\n          mail\r\n          mobile\r\n          contact\r\n        }\r\n      }\r\n    }\r\n  `)\r\n\r\nconst node = data.allStrapiFooter.nodes[0];\r\n    return (\r\n        <ContactWrapper>\r\n            <Header />\r\n                <div className=\"contact-us-map\" style={{ width: `100%` }}>\r\n                    <iframe width=\"100%\" height=\"350px\" src=\"https://maps.google.com/maps?width=100%&amp;height=600&amp;hl=en&amp;q=Chennai&amp;ie=UTF8&amp;t=&amp;z=12&amp;iwloc=B&amp;output=embed\" frameborder=\"0\" scrolling=\"no\" marginheight=\"0\" marginwidth=\"0\"><a href=\"https://www.mapsdirections.info/en/journey-planner.htm\">find directions</a></iframe>\r\n                </div>\r\n            <div className=\"\">\r\n            <div className=\"container\">\r\n                <div className=\"contact-us-wrap row\">\r\n                    <div className=\"col-sm-5\">\r\n                        <h2>Corporate office</h2>\r\n                        <div className=\"col-md-8 col-sm-4\"><p>{node.address}</p></div><br></br>\r\n                        <p>Mobile : {node.mobile}</p>\r\n                        <p>phone : &nbsp;&nbsp;{node.contact}</p>\r\n                        <p>Email   :&nbsp; {node.mail}</p></div>\r\n                    <div className=\"col-sm-5\">\r\n                        <h2>Quick Reach us</h2>\r\n                        <form className=\"contact_form\" method=\"post\">\r\n                            <div class=\"form-group\">\r\n                                <input type=\"text\" class=\"form-control\" placeholder=\"Enter your Full name\" name=\"name\"></input>\r\n                            </div>\r\n                            <div className=\"form-group\">\r\n                                <input type=\"email\" class=\"form-control\" placeholder=\"Email ID\" name=\"email\"></input>\r\n                            </div>\r\n                            <div className=\"form-group\">\r\n                                <input type=\"text\" class=\"form-control\" placeholder=\"Mobile Number\" name=\"number\"></input>\r\n                            </div>\r\n                            <div className=\"form-group\">\r\n                                <input type=\"text\" class=\"form-control\" placeholder=\"Subject\" name=\"subject\"></input>\r\n                            </div>\r\n                            <div className=\"form-group\">\r\n                                <textarea class=\"form-control\" name=\"message\" placeholder=\"Enter Message\"></textarea>\r\n                            </div>\r\n                            <button type=\"submit\" class=\"btn btn-warning btn-block\">Submit</button>\r\n                        </form>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            </div>\r\n            <ClientLogo />\r\n            <Footer />\r\n        </ContactWrapper>\r\n    )\r\n}\r\n\r\nexport default IndexPage;\r\n"],"sourceRoot":""}