{"ast":null,"code":"import React from\"react\";import Typewriter from\"../../hooks/typewriter\";import{FontAwesomeIcon}from\"@fortawesome/react-fontawesome\";import{faUser,faEnvelope,faGlobe,faMessage,faBuilding}from\"@fortawesome/free-solid-svg-icons\";import CustomBoutonn from\"../../common/button\";import{Helmet}from\"react-helmet\";import{jsx as _jsx}from\"react/jsx-runtime\";import{jsxs as _jsxs}from\"react/jsx-runtime\";import{Fragment as _Fragment}from\"react/jsx-runtime\";var Contact=function Contact(){var Meta=function Meta(){return/*#__PURE__*/_jsx(\"div\",{children:/*#__PURE__*/_jsxs(Helmet,{children:[/*#__PURE__*/_jsx(\"title\",{children:\" Page de contact - Mon portfolio d\\xE9v\\xE9loppeur web\"}),/*#__PURE__*/_jsx(\"meta\",{name:\" ici vous pourrez remplir le formulaire de contact et de mander mes services\",content:\"Bienvenue sur mon site Web. D\\xE9couvrez mes services et r\\xE9alisations.Ici vous pourrez remplir le formulaire de contact et de mander mes services\"})]})});};return/*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(Meta,{}),/*#__PURE__*/_jsxs(\"div\",{className:\"bg-stone-300 h-full contact mt-5\",children:[/*#__PURE__*/_jsx(\"div\",{className:\"w-full border-b mb-8 px-10 max-sm:p-1 \",children:/*#__PURE__*/_jsx(\"h3\",{children:\"Contact\"})}),/*#__PURE__*/_jsx(\"div\",{className:\"total-contact w-full flex px-10 max-sm:p-1  \",children:/*#__PURE__*/_jsx(\"div\",{className:\"contact-form w-full flex  \",children:/*#__PURE__*/_jsxs(\"form\",{className:\"w-full flex  items-center justify-center\",action:\"\",method:\"post\",children:[/*#__PURE__*/_jsx(\"div\",{className:\"contact-identifiant w-1/3   flex flex-col items-center justify-center \",children:/*#__PURE__*/_jsxs(\"div\",{className:\"w-3/4 max-sm:w-full max-sm:flex max-sm:flex-col max-sm:justify-center max-sm:items-center space-y-5\",children:[/*#__PURE__*/_jsxs(\"p\",{className:\"relative\",children:[/*#__PURE__*/_jsx(\"input\",{id:\"chp_nom\",name:\"chp_author\",type:\"text\",title:\"Votre nom *\",className:\"required border relative\",placeholder:\"Votre nom*\"}),/*#__PURE__*/_jsxs(\"span\",{className:\"absolute left-1\",children:[/*#__PURE__*/_jsx(FontAwesomeIcon,{icon:faUser,alt:\"icon name\"}),\" \"]})]}),/*#__PURE__*/_jsxs(\"p\",{className:\"relative\",children:[/*#__PURE__*/_jsx(\"input\",{name:\"chp_author\",type:\"email\",title:\"Votre mail *\",className:\"required relative border b\",placeholder:\"Votre mail*\"}),/*#__PURE__*/_jsx(\"span\",{className:\"absolute left-1\",children:/*#__PURE__*/_jsx(FontAwesomeIcon,{icon:faEnvelope,alt:\"icon mail\"})})]}),/*#__PURE__*/_jsxs(\"p\",{className:\"relative\",children:[/*#__PURE__*/_jsx(\"input\",{name:\"chp_author\",type:\"text\",title:\"Votre mail *\",className:\"required relative border bg-gray-300\",placeholder:\"Votre site internet\"}),/*#__PURE__*/_jsx(\"span\",{className:\"absolute left-1\",children:/*#__PURE__*/_jsx(FontAwesomeIcon,{icon:faGlobe,alt:\"icon contact\"})})]}),/*#__PURE__*/_jsxs(\"p\",{className:\"relative\",children:[/*#__PURE__*/_jsx(\"input\",{name:\"chp_author\",type:\"email\",title:\"Votre mail *\",className:\"required relative border bg-gray-300\",placeholder:\"Votre soci\\xE9t\\xE9\"}),/*#__PURE__*/_jsx(\"span\",{className:\"absolute left-1\",children:/*#__PURE__*/_jsx(FontAwesomeIcon,{icon:faBuilding,alt:\"icon entreprise\"})})]}),/*#__PURE__*/_jsx(\"p\",{className:\"text-justify parag light-text\",children:\"* Les champs marqu\\xE9s d'une \\xE9toile sont obligatoires.\"}),/*#__PURE__*/_jsx(\"div\",{className:\"text-contact-fin max-sm:pb-5 \",children:/*#__PURE__*/_jsx(\"p\",{className:\"parag text-justify\",children:\"Pour me contacter vous pouvez \\xE9galement utiliser l'adresse : varas.cundo@gmail.com\"})})]})}),/*#__PURE__*/_jsx(\"div\",{className:\"contact-text w-1/3 \",children:/*#__PURE__*/_jsxs(\"div\",{className:\"flex flex-col \",children:[/*#__PURE__*/_jsx(\"div\",{className:\"mb-3\",children:/*#__PURE__*/_jsx(\"h4\",{className:\"\",children:/*#__PURE__*/_jsx(Typewriter,{text:\"Votre message :\",delay:100})})}),/*#__PURE__*/_jsxs(\"div\",{className:\"flex flex-col items-center justify-center space-y-3 pb-5\",children:[/*#__PURE__*/_jsxs(\"p\",{className:\"relative mx-8  \",style:{width:\"100%\"},children:[/*#__PURE__*/_jsx(\"textarea\",{placeholder:\"\\xE9crivez un message\",id:\"message\",type:\"text\",rows:\"15\",cols:\"60\",className:\"bg-neutral-300 shadow-lg  shadow-neutral-500/50  \",style:{width:\"100%\"}}),/*#__PURE__*/_jsx(\"span\",{className:\"absolute left-1\",children:/*#__PURE__*/_jsx(FontAwesomeIcon,{icon:faMessage,alt:\"icon message\"})})]}),/*#__PURE__*/_jsx(CustomBoutonn,{type:\"submit\",text:\"envoyer\",className:\"self-start\"})]})]})})]})})})]})]});};export default Contact;","map":{"version":3,"names":["React","Typewriter","FontAwesomeIcon","faUser","faEnvelope","faGlobe","faMessage","faBuilding","CustomBoutonn","Helmet","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","Contact","Meta","children","name","content","className","action","method","id","type","title","placeholder","icon","alt","text","delay","style","width","rows","cols"],"sources":["C:/Users/user/Desktop/03portreact/src/components/pages/contact/contact.js"],"sourcesContent":["import React from \"react\";\r\nimport Typewriter from \"../../hooks/typewriter\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport {\r\n  faUser,\r\n  faEnvelope,\r\n  faGlobe,\r\n  faMessage,\r\n  faBuilding,\r\n} from \"@fortawesome/free-solid-svg-icons\";\r\nimport CustomBoutonn from \"../../common/button\";\r\nimport { Helmet } from \"react-helmet\";\r\n\r\n\r\nconst Contact = () => {\r\n\r\n  const Meta=()=>{\r\n    return(\r\n      <div>\r\n      <Helmet>\r\n          <title> Page de contact - Mon portfolio dévéloppeur web</title>\r\n          <meta\r\n          name=\" ici vous pourrez remplir le formulaire de contact et de mander mes services\"\r\n          content=\"Bienvenue sur mon site Web. Découvrez mes services et réalisations.Ici vous pourrez remplir le formulaire de contact et de mander mes services\"/>\r\n      </Helmet>\r\n  </div>\r\n\r\n    )\r\n  }\r\n\r\n\r\n  return (\r\n    <>\r\n    <Meta/>\r\n    <div className=\"bg-stone-300 h-full contact mt-5\">\r\n      <div className=\"w-full border-b mb-8 px-10 max-sm:p-1 \">\r\n        <h3>Contact</h3>\r\n      </div>\r\n      <div className=\"total-contact w-full flex px-10 max-sm:p-1  \">\r\n        <div className=\"contact-form w-full flex  \">\r\n          <form\r\n            className=\"w-full flex  items-center justify-center\"\r\n            action=\"\"\r\n            method=\"post\"\r\n          >\r\n            <div className=\"contact-identifiant w-1/3   flex flex-col items-center justify-center \">\r\n              <div className=\"w-3/4 max-sm:w-full max-sm:flex max-sm:flex-col max-sm:justify-center max-sm:items-center space-y-5\">\r\n                <p className=\"relative\">\r\n       \r\n                  <input\r\n                    id=\"chp_nom\"\r\n                    name=\"chp_author\"\r\n                    type=\"text\"\r\n                    title=\"Votre nom *\"\r\n                    className=\"required border relative\"\r\n                    placeholder=\"Votre nom*\"\r\n                  />\r\n                  <span className=\"absolute left-1\">\r\n                    <FontAwesomeIcon icon={faUser} alt=\"icon name\" />{\" \"}\r\n                  </span>\r\n                </p>\r\n                <p className=\"relative\">\r\n                  <input\r\n                    name=\"chp_author\"\r\n                    type=\"email\"\r\n                    title=\"Votre mail *\"\r\n                    className=\"required relative border b\"\r\n                    placeholder=\"Votre mail*\"\r\n                  />\r\n                  <span className=\"absolute left-1\">\r\n                    <FontAwesomeIcon icon={faEnvelope} alt=\"icon mail\"  />\r\n                  </span>\r\n                </p>\r\n\r\n                <p className=\"relative\">\r\n                  <input\r\n                    name=\"chp_author\"\r\n                    type=\"text\"\r\n                    title=\"Votre mail *\"\r\n                    className=\"required relative border bg-gray-300\"\r\n                    placeholder=\"Votre site internet\"\r\n                  />\r\n                  <span className=\"absolute left-1\">\r\n                    <FontAwesomeIcon icon={faGlobe} alt=\"icon contact\" />\r\n                  </span>\r\n                </p>\r\n\r\n                <p className=\"relative\">\r\n                  <input\r\n                    name=\"chp_author\"\r\n                    type=\"email\"\r\n                    title=\"Votre mail *\"\r\n                    className=\"required relative border bg-gray-300\"\r\n                    placeholder=\"Votre société\"\r\n                  />\r\n                  <span className=\"absolute left-1\">\r\n                    <FontAwesomeIcon icon={faBuilding} alt=\"icon entreprise\"/>\r\n                  </span>\r\n                </p>\r\n                <p className=\"text-justify parag light-text\">\r\n                  * Les champs marqués d'une étoile sont obligatoires.\r\n                </p>\r\n\r\n                <div className=\"text-contact-fin max-sm:pb-5 \">\r\n                  <p className=\"parag text-justify\">\r\n                    Pour me contacter vous pouvez également utiliser l'adresse :\r\n                    varas.cundo@gmail.com\r\n                  </p>\r\n                </div>\r\n              </div>\r\n            </div>\r\n\r\n            <div className=\"contact-text w-1/3 \">\r\n              <div className=\"flex flex-col \">\r\n                <div className=\"mb-3\">\r\n                  <h4 className=\"\">\r\n                    <Typewriter text=\"Votre message :\" delay={100} />\r\n                  </h4>\r\n                </div>\r\n                <div className=\"flex flex-col items-center justify-center space-y-3 pb-5\">\r\n                  <p className=\"relative mx-8  \" style={{ width: \"100%\" }}>\r\n        \r\n                    <textarea\r\n                      placeholder=\"écrivez un message\"\r\n                      id=\"message\"\r\n                      type=\"text\"\r\n                      rows=\"15\"\r\n                      cols=\"60\"\r\n                      className=\"bg-neutral-300 shadow-lg  shadow-neutral-500/50  \"\r\n                      style={{ width: \"100%\" }}\r\n                    ></textarea>\r\n                    <span className=\"absolute left-1\">\r\n                      <FontAwesomeIcon icon={faMessage} alt=\"icon message\" />\r\n                    </span>\r\n                  </p>\r\n\r\n                  <CustomBoutonn type=\"submit\" text=\"envoyer\" className=\"self-start\" />\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </form>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    </>\r\n  );\r\n};\r\n\r\nexport default Contact;\r\n"],"mappings":"AAAA,MAAO,CAAAA,KAAK,KAAM,OAAO,CACzB,MAAO,CAAAC,UAAU,KAAM,wBAAwB,CAC/C,OAASC,eAAe,KAAQ,gCAAgC,CAChE,OACEC,MAAM,CACNC,UAAU,CACVC,OAAO,CACPC,SAAS,CACTC,UAAU,KACL,mCAAmC,CAC1C,MAAO,CAAAC,aAAa,KAAM,qBAAqB,CAC/C,OAASC,MAAM,KAAQ,cAAc,CAAC,OAAAC,GAAA,IAAAC,IAAA,gCAAAC,IAAA,IAAAC,KAAA,gCAAAC,QAAA,IAAAC,SAAA,yBAGtC,GAAM,CAAAC,OAAO,CAAG,QAAV,CAAAA,OAAOA,CAAA,CAAS,CAEpB,GAAM,CAAAC,IAAI,CAAC,QAAL,CAAAA,IAAIA,CAAA,CAAK,CACb,mBACEN,IAAA,QAAAO,QAAA,cACAL,KAAA,CAACJ,MAAM,EAAAS,QAAA,eACHP,IAAA,UAAAO,QAAA,CAAO,wDAAgD,CAAO,CAAC,cAC/DP,IAAA,SACAQ,IAAI,CAAC,8EAA8E,CACnFC,OAAO,CAAC,sJAAgJ,CAAC,CAAC,EACtJ,CAAC,CACR,CAAC,CAGN,CAAC,CAGD,mBACEP,KAAA,CAAAE,SAAA,EAAAG,QAAA,eACAP,IAAA,CAACM,IAAI,GAAC,CAAC,cACPJ,KAAA,QAAKQ,SAAS,CAAC,kCAAkC,CAAAH,QAAA,eAC/CP,IAAA,QAAKU,SAAS,CAAC,wCAAwC,CAAAH,QAAA,cACrDP,IAAA,OAAAO,QAAA,CAAI,SAAO,CAAI,CAAC,CACb,CAAC,cACNP,IAAA,QAAKU,SAAS,CAAC,8CAA8C,CAAAH,QAAA,cAC3DP,IAAA,QAAKU,SAAS,CAAC,4BAA4B,CAAAH,QAAA,cACzCL,KAAA,SACEQ,SAAS,CAAC,0CAA0C,CACpDC,MAAM,CAAC,EAAE,CACTC,MAAM,CAAC,MAAM,CAAAL,QAAA,eAEbP,IAAA,QAAKU,SAAS,CAAC,wEAAwE,CAAAH,QAAA,cACrFL,KAAA,QAAKQ,SAAS,CAAC,qGAAqG,CAAAH,QAAA,eAClHL,KAAA,MAAGQ,SAAS,CAAC,UAAU,CAAAH,QAAA,eAErBP,IAAA,UACEa,EAAE,CAAC,SAAS,CACZL,IAAI,CAAC,YAAY,CACjBM,IAAI,CAAC,MAAM,CACXC,KAAK,CAAC,aAAa,CACnBL,SAAS,CAAC,0BAA0B,CACpCM,WAAW,CAAC,YAAY,CACzB,CAAC,cACFd,KAAA,SAAMQ,SAAS,CAAC,iBAAiB,CAAAH,QAAA,eAC/BP,IAAA,CAACT,eAAe,EAAC0B,IAAI,CAAEzB,MAAO,CAAC0B,GAAG,CAAC,WAAW,CAAE,CAAC,CAAC,GAAG,EACjD,CAAC,EACN,CAAC,cACJhB,KAAA,MAAGQ,SAAS,CAAC,UAAU,CAAAH,QAAA,eACrBP,IAAA,UACEQ,IAAI,CAAC,YAAY,CACjBM,IAAI,CAAC,OAAO,CACZC,KAAK,CAAC,cAAc,CACpBL,SAAS,CAAC,4BAA4B,CACtCM,WAAW,CAAC,aAAa,CAC1B,CAAC,cACFhB,IAAA,SAAMU,SAAS,CAAC,iBAAiB,CAAAH,QAAA,cAC/BP,IAAA,CAACT,eAAe,EAAC0B,IAAI,CAAExB,UAAW,CAACyB,GAAG,CAAC,WAAW,CAAG,CAAC,CAClD,CAAC,EACN,CAAC,cAEJhB,KAAA,MAAGQ,SAAS,CAAC,UAAU,CAAAH,QAAA,eACrBP,IAAA,UACEQ,IAAI,CAAC,YAAY,CACjBM,IAAI,CAAC,MAAM,CACXC,KAAK,CAAC,cAAc,CACpBL,SAAS,CAAC,sCAAsC,CAChDM,WAAW,CAAC,qBAAqB,CAClC,CAAC,cACFhB,IAAA,SAAMU,SAAS,CAAC,iBAAiB,CAAAH,QAAA,cAC/BP,IAAA,CAACT,eAAe,EAAC0B,IAAI,CAAEvB,OAAQ,CAACwB,GAAG,CAAC,cAAc,CAAE,CAAC,CACjD,CAAC,EACN,CAAC,cAEJhB,KAAA,MAAGQ,SAAS,CAAC,UAAU,CAAAH,QAAA,eACrBP,IAAA,UACEQ,IAAI,CAAC,YAAY,CACjBM,IAAI,CAAC,OAAO,CACZC,KAAK,CAAC,cAAc,CACpBL,SAAS,CAAC,sCAAsC,CAChDM,WAAW,CAAC,qBAAe,CAC5B,CAAC,cACFhB,IAAA,SAAMU,SAAS,CAAC,iBAAiB,CAAAH,QAAA,cAC/BP,IAAA,CAACT,eAAe,EAAC0B,IAAI,CAAErB,UAAW,CAACsB,GAAG,CAAC,iBAAiB,CAAC,CAAC,CACtD,CAAC,EACN,CAAC,cACJlB,IAAA,MAAGU,SAAS,CAAC,+BAA+B,CAAAH,QAAA,CAAC,4DAE7C,CAAG,CAAC,cAEJP,IAAA,QAAKU,SAAS,CAAC,+BAA+B,CAAAH,QAAA,cAC5CP,IAAA,MAAGU,SAAS,CAAC,oBAAoB,CAAAH,QAAA,CAAC,uFAGlC,CAAG,CAAC,CACD,CAAC,EACH,CAAC,CACH,CAAC,cAENP,IAAA,QAAKU,SAAS,CAAC,qBAAqB,CAAAH,QAAA,cAClCL,KAAA,QAAKQ,SAAS,CAAC,gBAAgB,CAAAH,QAAA,eAC7BP,IAAA,QAAKU,SAAS,CAAC,MAAM,CAAAH,QAAA,cACnBP,IAAA,OAAIU,SAAS,CAAC,EAAE,CAAAH,QAAA,cACdP,IAAA,CAACV,UAAU,EAAC6B,IAAI,CAAC,iBAAiB,CAACC,KAAK,CAAE,GAAI,CAAE,CAAC,CAC/C,CAAC,CACF,CAAC,cACNlB,KAAA,QAAKQ,SAAS,CAAC,0DAA0D,CAAAH,QAAA,eACvEL,KAAA,MAAGQ,SAAS,CAAC,iBAAiB,CAACW,KAAK,CAAE,CAAEC,KAAK,CAAE,MAAO,CAAE,CAAAf,QAAA,eAEtDP,IAAA,aACEgB,WAAW,CAAC,uBAAoB,CAChCH,EAAE,CAAC,SAAS,CACZC,IAAI,CAAC,MAAM,CACXS,IAAI,CAAC,IAAI,CACTC,IAAI,CAAC,IAAI,CACTd,SAAS,CAAC,mDAAmD,CAC7DW,KAAK,CAAE,CAAEC,KAAK,CAAE,MAAO,CAAE,CAChB,CAAC,cACZtB,IAAA,SAAMU,SAAS,CAAC,iBAAiB,CAAAH,QAAA,cAC/BP,IAAA,CAACT,eAAe,EAAC0B,IAAI,CAAEtB,SAAU,CAACuB,GAAG,CAAC,cAAc,CAAE,CAAC,CACnD,CAAC,EACN,CAAC,cAEJlB,IAAA,CAACH,aAAa,EAACiB,IAAI,CAAC,QAAQ,CAACK,IAAI,CAAC,SAAS,CAACT,SAAS,CAAC,YAAY,CAAE,CAAC,EAClE,CAAC,EACH,CAAC,CACH,CAAC,EACF,CAAC,CACJ,CAAC,CACH,CAAC,EACH,CAAC,EACJ,CAAC,CAEP,CAAC,CAED,cAAe,CAAAL,OAAO"},"metadata":{},"sourceType":"module","externalDependencies":[]}