{"ast":null,"code":"var _jsxFileName = \"C:\\\\Users\\\\user\\\\Desktop\\\\000newport\\\\src\\\\components\\\\pages\\\\home\\\\components\\\\03competance\\\\competance.js\",\n  _s = $RefreshSig$();\nimport React from \"react\";\nimport Tekno from \"./components/tekno\";\nimport Savoir from \"./components/savoir\";\nimport Photo from \"./components/photo\";\nimport { gsap } from \"gsap\";\nimport { Flip } from \"gsap/Flip\";\nimport { useEffect } from \"react\";\nimport { useState } from \"react\";\nimport TextTransition, { presets } from \"react-text-transition\";\nimport CustomBoutonn from \"../../../../common/button\";\nimport { useRef } from \"react\";\nimport { faArrowRight } from \"@fortawesome/free-solid-svg-icons\";\nimport Slider from \"react-slick\";\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nimport { Fragment as _Fragment } from \"react/jsx-dev-runtime\";\nconst Texts = [\" Portfolio \", \"en ligne de\", \"Facundo Varas\"];\nexport const Competance = () => {\n  _s();\n  //carousel compétences\n  const settings = {\n    dots: true,\n    infinite: true,\n    speed: 500,\n    slidesToShow: 1,\n    slidesToScroll: 1\n  };\n  const sliderRef = useRef();\n  const nextSlide = () => {\n    sliderRef.current.slickNext();\n  };\n  return /*#__PURE__*/_jsxDEV(_Fragment, {\n    children: [/*#__PURE__*/_jsxDEV(\"div\", {\n      className: \"border-b w-full\",\n      children: /*#__PURE__*/_jsxDEV(\"h3\", {\n        children: \"savoir faire\"\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 36,\n        columnNumber: 9\n      }, this)\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 35,\n      columnNumber: 7\n    }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n      className: \"competance flex flex-wrap 2xl:w-5/6 xl:w-full pt-4 xl:space-y-20\",\n      children: [/*#__PURE__*/_jsxDEV(Savoir, {\n        className: \"w-1/3 \"\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 39,\n        columnNumber: 9\n      }, this), /*#__PURE__*/_jsxDEV(Tekno, {\n        className: \"w-1/3\"\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 40,\n        columnNumber: 9\n      }, this), /*#__PURE__*/_jsxDEV(Photo, {\n        className: \"w-1/3 change\"\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 41,\n        columnNumber: 9\n      }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n        className: \"w-full relative\",\n        children: [/*#__PURE__*/_jsxDEV(\"button\", {\n          className: \"absolute top right-0 m-10\",\n          children: /*#__PURE__*/_jsxDEV(CustomBoutonn, {\n            text: \"tekno\",\n            icon: faArrowRight,\n            alt: \"icon button\",\n            onClick: nextSlide\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 44,\n            columnNumber: 13\n          }, this)\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 43,\n          columnNumber: 11\n        }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n          className: \"w-full   justify-center  rounded-3xl text-justify bg-orange-100 h-auto \",\n          children: /*#__PURE__*/_jsxDEV(\"div\", {\n            className: \"border m-auto\",\n            children: /*#__PURE__*/_jsxDEV(Slider, {\n              ...settings,\n              className: \"w-5/6\",\n              ref: sliderRef,\n              children: [/*#__PURE__*/_jsxDEV(\"div\", {\n                className: \"w-3/6 space-y-4 p-10\",\n                children: [/*#__PURE__*/_jsxDEV(\"p\", {\n                  className: \"text-3xl\",\n                  children: \"Je m\\u2019appelle Facundo et je suis int\\xE9grateur web, d\\xE9veloppeur front-end.\"\n                }, void 0, false, {\n                  fileName: _jsxFileName,\n                  lineNumber: 51,\n                  columnNumber: 15\n                }, this), /*#__PURE__*/_jsxDEV(\"p\", {\n                  className: \"text-2xl\",\n                  children: \"Apr\\xE8s une bootcamp\\u2026. \"\n                }, void 0, false, {\n                  fileName: _jsxFileName,\n                  lineNumber: 55,\n                  columnNumber: 15\n                }, this), /*#__PURE__*/_jsxDEV(\"p\", {\n                  className: \"text-2xl \",\n                  children: \"Oui je sais qu'on ne devient pas d\\xE9veloppeur en 6 mois\\u2026\"\n                }, void 0, false, {\n                  fileName: _jsxFileName,\n                  lineNumber: 56,\n                  columnNumber: 15\n                }, this), /*#__PURE__*/_jsxDEV(\"p\", {\n                  className: \"text-2xl\",\n                  children: [\" \", \"Mais cela fait deux que je d\\xE9veloppe sur divers langages en autodidacte.\"]\n                }, void 0, true, {\n                  fileName: _jsxFileName,\n                  lineNumber: 59,\n                  columnNumber: 15\n                }, this), /*#__PURE__*/_jsxDEV(\"p\", {\n                  className: \"text-2xl\",\n                  children: \"Tous les jours je code et d\\xE9couvre de nouvelles choses et monte en comp\\xE9tence, dans ce portfolio vous pourrez explorer mes travaux sur WORDPRESS REACT SYMFONY ou le LOWCODE.\"\n                }, void 0, false, {\n                  fileName: _jsxFileName,\n                  lineNumber: 64,\n                  columnNumber: 15\n                }, this), /*#__PURE__*/_jsxDEV(\"p\", {\n                  className: \"text-2xl\",\n                  children: \"Et pour le CSS : TAILWIND et BOOTSTRAP, SCSS\"\n                }, void 0, false, {\n                  fileName: _jsxFileName,\n                  lineNumber: 69,\n                  columnNumber: 15\n                }, this), /*#__PURE__*/_jsxDEV(\"p\", {\n                  className: \"text-2xl\",\n                  children: \"Je prends un soin particulier pour le responsive ( tablette et mobile ou \\xE9cran extra-large) et le SEO.\"\n                }, void 0, false, {\n                  fileName: _jsxFileName,\n                  lineNumber: 72,\n                  columnNumber: 15\n                }, this), /*#__PURE__*/_jsxDEV(\"p\", {\n                  className: \"text-2xl\",\n                  children: \"Je ne connais pas tout mais j\\u2019ai comme ami un nomm\\xE9 Chat et Google est mon chat de compagnie.\"\n                }, void 0, false, {\n                  fileName: _jsxFileName,\n                  lineNumber: 76,\n                  columnNumber: 15\n                }, this), /*#__PURE__*/_jsxDEV(\"p\", {\n                  className: \"text-2xl\",\n                  children: \"Je me tiens r\\xE9guli\\xE8rement inform\\xE9 sur les nouvelles technologies en faisant une veille r\\xE9guli\\xE8re.\"\n                }, void 0, false, {\n                  fileName: _jsxFileName,\n                  lineNumber: 80,\n                  columnNumber: 15\n                }, this), /*#__PURE__*/_jsxDEV(\"p\", {}, void 0, false, {\n                  fileName: _jsxFileName,\n                  lineNumber: 84,\n                  columnNumber: 15\n                }, this), /*#__PURE__*/_jsxDEV(\"p\", {}, void 0, false, {\n                  fileName: _jsxFileName,\n                  lineNumber: 85,\n                  columnNumber: 15\n                }, this)]\n              }, void 0, true, {\n                fileName: _jsxFileName,\n                lineNumber: 50,\n                columnNumber: 13\n              }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n                className: \"bg-stone-900 w-full h-full\",\n                children: [\" \", /*#__PURE__*/_jsxDEV(\"h1\", {\n                  children: \"react\"\n                }, void 0, false, {\n                  fileName: _jsxFileName,\n                  lineNumber: 88,\n                  columnNumber: 58\n                }, this)]\n              }, void 0, true, {\n                fileName: _jsxFileName,\n                lineNumber: 88,\n                columnNumber: 13\n              }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n                children: [\" \", /*#__PURE__*/_jsxDEV(\"h1\", {\n                  children: \"php\"\n                }, void 0, false, {\n                  fileName: _jsxFileName,\n                  lineNumber: 89,\n                  columnNumber: 19\n                }, this)]\n              }, void 0, true, {\n                fileName: _jsxFileName,\n                lineNumber: 89,\n                columnNumber: 13\n              }, this)]\n            }, void 0, true, {\n              fileName: _jsxFileName,\n              lineNumber: 49,\n              columnNumber: 13\n            }, this)\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 47,\n            columnNumber: 13\n          }, this)\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 46,\n          columnNumber: 11\n        }, this)]\n      }, void 0, true, {\n        fileName: _jsxFileName,\n        lineNumber: 42,\n        columnNumber: 9\n      }, this)]\n    }, void 0, true, {\n      fileName: _jsxFileName,\n      lineNumber: 38,\n      columnNumber: 7\n    }, this)]\n  }, void 0, true);\n};\n_s(Competance, \"wjKMYkN3mXB32DfSYznkohhJ8nw=\");\n_c = Competance;\nvar _c;\n$RefreshReg$(_c, \"Competance\");","map":{"version":3,"names":["React","Tekno","Savoir","Photo","gsap","Flip","useEffect","useState","TextTransition","presets","CustomBoutonn","useRef","faArrowRight","Slider","jsxDEV","_jsxDEV","Fragment","_Fragment","Texts","Competance","_s","settings","dots","infinite","speed","slidesToShow","slidesToScroll","sliderRef","nextSlide","current","slickNext","children","className","fileName","_jsxFileName","lineNumber","columnNumber","text","icon","alt","onClick","ref","_c","$RefreshReg$"],"sources":["C:/Users/user/Desktop/000newport/src/components/pages/home/components/03competance/competance.js"],"sourcesContent":["import React from \"react\";\r\nimport Tekno from \"./components/tekno\";\r\nimport Savoir from \"./components/savoir\";\r\nimport Photo from \"./components/photo\";\r\nimport { gsap } from \"gsap\";\r\nimport { Flip } from \"gsap/Flip\";\r\nimport { useEffect } from \"react\";\r\nimport { useState } from \"react\";\r\nimport TextTransition, { presets } from \"react-text-transition\";\r\nimport CustomBoutonn from \"../../../../common/button\";\r\nimport { useRef } from \"react\";\r\nimport { faArrowRight } from \"@fortawesome/free-solid-svg-icons\";\r\nimport Slider from \"react-slick\";\r\n\r\nconst Texts = [\" Portfolio \", \"en ligne de\", \"Facundo Varas\"];\r\n\r\nexport const Competance = () => {\r\n\r\n//carousel compétences\r\n  const settings={\r\n    dots: true,\r\n    infinite: true,\r\n    speed: 500,\r\n    slidesToShow: 1,\r\n    slidesToScroll: 1,\r\n   \r\n  }\r\n  const sliderRef = useRef();\r\n  const nextSlide = () => {\r\n    sliderRef.current.slickNext();\r\n  };\r\n\r\n  return (\r\n    <>\r\n      <div className=\"border-b w-full\">\r\n        <h3>savoir faire</h3>\r\n      </div>\r\n      <div className=\"competance flex flex-wrap 2xl:w-5/6 xl:w-full pt-4 xl:space-y-20\">\r\n        <Savoir className=\"w-1/3 \" />\r\n        <Tekno className=\"w-1/3\" />\r\n        <Photo className=\"w-1/3 change\" />\r\n        <div className=\"w-full relative\">\r\n          <button className=\"absolute top right-0 m-10\">\r\n            <CustomBoutonn text=\"tekno\"  icon={faArrowRight} alt=\"icon button\" onClick={nextSlide} />\r\n          </button>\r\n          <div className=\"w-full   justify-center  rounded-3xl text-justify bg-orange-100 h-auto \">\r\n            <div className=\"border m-auto\">\r\n\r\n            <Slider {...settings} className=\"w-5/6\" ref={sliderRef}>\r\n            <div className=\"w-3/6 space-y-4 p-10\">\r\n              <p className=\"text-3xl\">\r\n                Je m’appelle Facundo et je suis intégrateur web, développeur\r\n                front-end.\r\n              </p>\r\n              <p className=\"text-2xl\">Après une bootcamp…. </p>\r\n              <p className=\"text-2xl \">\r\n                Oui je sais qu'on ne devient pas développeur en 6 mois…\r\n              </p>\r\n              <p className=\"text-2xl\">\r\n                {\" \"}\r\n                Mais cela fait deux que je développe sur divers langages en\r\n                autodidacte.\r\n              </p>\r\n              <p className=\"text-2xl\">\r\n                Tous les jours je code et découvre de nouvelles choses et monte\r\n                en compétence, dans ce portfolio vous pourrez explorer mes\r\n                travaux sur WORDPRESS REACT SYMFONY ou le LOWCODE.\r\n              </p>\r\n              <p className=\"text-2xl\">\r\n                Et pour le CSS : TAILWIND et BOOTSTRAP, SCSS\r\n              </p>\r\n              <p className=\"text-2xl\">\r\n                Je prends un soin particulier pour le responsive ( tablette et\r\n                mobile ou écran extra-large) et le SEO.\r\n              </p>\r\n              <p className=\"text-2xl\">\r\n                Je ne connais pas tout mais j’ai comme ami un nommé Chat et\r\n                Google est mon chat de compagnie.\r\n              </p>\r\n              <p className=\"text-2xl\">\r\n                Je me tiens régulièrement informé sur les nouvelles technologies\r\n                en faisant une veille régulière.\r\n              </p>\r\n              <p></p>\r\n              <p></p>\r\n            </div>\r\n\r\n            <div className=\"bg-stone-900 w-full h-full\"> <h1>react</h1></div>\r\n            <div> <h1>php</h1></div>\r\n\r\n            </Slider>\r\n            </div>\r\n\r\n     \r\n          </div>\r\n        </div>\r\n      </div>\r\n    </>\r\n  );\r\n};\r\n"],"mappings":"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"},"metadata":{},"sourceType":"module","externalDependencies":[]}