{"ast":null,"code":"import React from\"react\";import Crea1 from\"./crea1/crea1\";import Crea3 from\"./crea3/crea3\";import Crea2 from\"./crea2/crea2\";import{Helmet}from\"react-helmet\";import CardCrea from\"./cardCrea\";import{NavLink}from\"react-router-dom\";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 Design=function Design(){var Meta=function Meta(){return/*#__PURE__*/_jsx(\"div\",{children:/*#__PURE__*/_jsxs(Helmet,{children:[/*#__PURE__*/_jsx(\"title\",{children:\" Page exercice - Mon portfolio d\\xE9v\\xE9loppeur web\"}),/*#__PURE__*/_jsx(\"meta\",{name:\"accueil de mon portafolio, on peut y trouver mes comp\\xE9tences en d\\xE9v\\xE9loppememts web, les technologie web que j'utilise et quelques exemples de projets en tant que d\\xE9v\\xE9loppeur ou int\\xE9grateur web\",content:\"Bienvenue sur sur ma page web de gabarit d'exemples. D\\xE9couvrez mes services et r\\xE9alisations.page d'accueil de mon portafolio, on peut y trouver mes comp\\xE9tences en d\\xE9v\\xE9loppememts web, les technologie web que j'utilise et quelques exemples de projets en tant que d\\xE9v\\xE9loppeur ou int\\xE9grateur web\"})]})});};return/*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(Meta,{}),/*#__PURE__*/_jsx(\"section\",{className:\" w-full h-full   flex flex-col items-center  contact \",children:/*#__PURE__*/_jsxs(\"div\",{className:\" w-5/6 max-sm:mt-7 \",children:[/*#__PURE__*/_jsx(\"h3\",{className:\" w-full border-b mt-10 max-sm:m-0 mb-9 max-sm:mb-12 \",children:\"Travaux\"}),/*#__PURE__*/_jsx(\"div\",{className:\" flex flex-wrap items-center justify-center cardH xl:h-96 max-sm:h-full \",children:/*#__PURE__*/_jsxs(\"div\",{className:\"flex max-sm:flex-wrap items-center justify-center lg:space-x-6\",children:[/*#__PURE__*/_jsx(NavLink,{to:\"/creation2\",children:/*#__PURE__*/_jsxs(CardCrea,{dataImage:\"/images/design-crea/Crea3.PNG\",children:[/*#__PURE__*/_jsx(\"h1\",{slot:\"header\",children:\"page produit\"}),/*#__PURE__*/_jsx(\"p\",{slot:\"content\",children:\"produit individuel, choix des photos, modal-carousel.Reponsive,taiwlind.\"})]})}),/*#__PURE__*/_jsx(NavLink,{to:\"/creation3\",children:/*#__PURE__*/_jsxs(CardCrea,{dataImage:\"/images/design-crea/Crea2.PNG\",children:[/*#__PURE__*/_jsx(\"h1\",{slot:\"header\",children:\"Page d'accueil\"}),/*#__PURE__*/_jsx(\"p\",{slot:\"content\",children:\"Page d'accueil avec carousel, reponsive, taiwlind.              \"})]})}),/*#__PURE__*/_jsx(NavLink,{to:\"/creation1\",children:/*#__PURE__*/_jsxs(CardCrea,{dataImage:\"/images/design-crea/Crea1.PNG\",children:[/*#__PURE__*/_jsx(\"h1\",{slot:\"header\",children:\"Divers\"}),/*#__PURE__*/_jsx(\"p\",{slot:\"content\",children:\"Multiples exemples traveaux, cr\\xE9\\xE9s avec tailwind.\"})]})})]})})]})})]});};export default Design;","map":{"version":3,"names":["React","Crea1","Crea3","Crea2","Helmet","CardCrea","NavLink","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","Design","Meta","children","name","content","className","to","dataImage","slot"],"sources":["C:/Users/user/Desktop/02portreact/src/components/pages/design/design.js"],"sourcesContent":["import React from \"react\";\r\n\r\nimport Crea1 from \"./crea1/crea1\";\r\nimport Crea3 from \"./crea3/crea3\";\r\nimport Crea2 from \"./crea2/crea2\";\r\nimport { Helmet } from \"react-helmet\";\r\nimport CardCrea from \"./cardCrea\";\r\nimport { NavLink } from \"react-router-dom\";\r\n\r\nconst Design = () => {\r\n  const Meta = () => {\r\n    return (\r\n      <div>\r\n        <Helmet>\r\n          <title> Page exercice - Mon portfolio dévéloppeur web</title>\r\n          <meta\r\n            name=\"accueil de mon portafolio, on peut y trouver mes compétences en dévéloppememts web, les technologie web que j'utilise et quelques exemples de projets en tant que dévéloppeur ou intégrateur web\"\r\n            content=\"Bienvenue sur sur ma page web de gabarit d'exemples. Découvrez mes services et réalisations.page d'accueil de mon portafolio, on peut y trouver mes compétences en dévéloppememts web, les technologie web que j'utilise et quelques exemples de projets en tant que dévéloppeur ou intégrateur web\"\r\n          />\r\n        </Helmet>\r\n      </div>\r\n    );\r\n  };\r\n\r\n  return (\r\n    <>\r\n      <Meta />\r\n      <section className=\" w-full h-full   flex flex-col items-center  contact \">\r\n\r\n        <div className=\" w-5/6 max-sm:mt-7 \">\r\n\r\n\r\n          <h3 className=\" w-full border-b mt-10 max-sm:m-0 mb-9 max-sm:mb-12 \">Travaux</h3>\r\n        <div className=\" flex flex-wrap items-center justify-center cardH xl:h-96 max-sm:h-full \">\r\n          \r\n          <div className=\"flex max-sm:flex-wrap items-center justify-center lg:space-x-6\">\r\n\r\n\r\n          <NavLink to =\"/creation2\">\r\n            <CardCrea\r\n              dataImage=\"/images/design-crea/Crea3.PNG\" >\r\n              <h1 slot=\"header\">page produit</h1>\r\n           \r\n              <p slot=\"content\">\r\n               produit individuel, choix des photos, modal-carousel.Reponsive,taiwlind.\r\n              </p>\r\n            </CardCrea>\r\n            </NavLink>\r\n\r\n            <NavLink to =\"/creation3\">\r\n            <CardCrea dataImage=\"/images/design-crea/Crea2.PNG\">\r\n              <h1 slot=\"header\">Page d'accueil</h1>\r\n              <p slot=\"content\">\r\n                Page d'accueil avec carousel, reponsive, taiwlind.              </p>\r\n            \r\n            </CardCrea>\r\n\r\n            </NavLink>\r\n\r\n            <NavLink to =\"/creation1\">\r\n            <CardCrea dataImage=\"/images/design-crea/Crea1.PNG\">\r\n              <h1 slot=\"header\">Divers</h1>\r\n              <p slot=\"content\">\r\n                Multiples exemples traveaux, créés avec tailwind.\r\n              </p>\r\n            </CardCrea>\r\n\r\n            </NavLink>\r\n            {/* <NavLink to =\"/creation3\">\r\n\r\n            <CardCrea dataImage=\"https://images.unsplash.com/photo-1479621051492-5a6f9bd9e51a?dpr=2&auto=compress,format&fit=crop&w=1199&h=811&q=80&cs=tinysrgb&crop=\">\r\n              <h1 slot=\"header\">Lakes</h1>\r\n              <p slot=\"content\">\r\n                Lorem ipsum dolor sit amet, consectetur adipisicing elit.\r\n              </p>\r\n            </CardCrea>\r\n            </NavLink> */}\r\n          </div>\r\n        </div>\r\n\r\n        {/* <div className=\"flex flex-col items-center justify-center\">\r\n          <Crea2 />\r\n          <Crea3 />\r\n\r\n          <Crea1 />\r\n        </div> */}\r\n        </div>\r\n  \r\n      </section>\r\n    </>\r\n  );\r\n};\r\n\r\nexport default Design;\r\n"],"mappings":"AAAA,MAAO,CAAAA,KAAK,KAAM,OAAO,CAEzB,MAAO,CAAAC,KAAK,KAAM,eAAe,CACjC,MAAO,CAAAC,KAAK,KAAM,eAAe,CACjC,MAAO,CAAAC,KAAK,KAAM,eAAe,CACjC,OAASC,MAAM,KAAQ,cAAc,CACrC,MAAO,CAAAC,QAAQ,KAAM,YAAY,CACjC,OAASC,OAAO,KAAQ,kBAAkB,CAAC,OAAAC,GAAA,IAAAC,IAAA,gCAAAC,IAAA,IAAAC,KAAA,gCAAAC,QAAA,IAAAC,SAAA,yBAE3C,GAAM,CAAAC,MAAM,CAAG,QAAT,CAAAA,MAAMA,CAAA,CAAS,CACnB,GAAM,CAAAC,IAAI,CAAG,QAAP,CAAAA,IAAIA,CAAA,CAAS,CACjB,mBACEN,IAAA,QAAAO,QAAA,cACEL,KAAA,CAACN,MAAM,EAAAW,QAAA,eACLP,IAAA,UAAAO,QAAA,CAAO,sDAA8C,CAAO,CAAC,cAC7DP,IAAA,SACEQ,IAAI,CAAC,oNAAkM,CACvMC,OAAO,CAAC,6TAAqS,CAC9S,CAAC,EACI,CAAC,CACN,CAAC,CAEV,CAAC,CAED,mBACEP,KAAA,CAAAE,SAAA,EAAAG,QAAA,eACEP,IAAA,CAACM,IAAI,GAAE,CAAC,cACRN,IAAA,YAASU,SAAS,CAAC,uDAAuD,CAAAH,QAAA,cAExEL,KAAA,QAAKQ,SAAS,CAAC,qBAAqB,CAAAH,QAAA,eAGlCP,IAAA,OAAIU,SAAS,CAAC,sDAAsD,CAAAH,QAAA,CAAC,SAAO,CAAI,CAAC,cACnFP,IAAA,QAAKU,SAAS,CAAC,0EAA0E,CAAAH,QAAA,cAEvFL,KAAA,QAAKQ,SAAS,CAAC,gEAAgE,CAAAH,QAAA,eAG/EP,IAAA,CAACF,OAAO,EAACa,EAAE,CAAE,YAAY,CAAAJ,QAAA,cACvBL,KAAA,CAACL,QAAQ,EACPe,SAAS,CAAC,+BAA+B,CAAAL,QAAA,eACzCP,IAAA,OAAIa,IAAI,CAAC,QAAQ,CAAAN,QAAA,CAAC,cAAY,CAAI,CAAC,cAEnCP,IAAA,MAAGa,IAAI,CAAC,SAAS,CAAAN,QAAA,CAAC,0EAElB,CAAG,CAAC,EACI,CAAC,CACF,CAAC,cAEVP,IAAA,CAACF,OAAO,EAACa,EAAE,CAAE,YAAY,CAAAJ,QAAA,cACzBL,KAAA,CAACL,QAAQ,EAACe,SAAS,CAAC,+BAA+B,CAAAL,QAAA,eACjDP,IAAA,OAAIa,IAAI,CAAC,QAAQ,CAAAN,QAAA,CAAC,gBAAc,CAAI,CAAC,cACrCP,IAAA,MAAGa,IAAI,CAAC,SAAS,CAAAN,QAAA,CAAC,kEACgD,CAAG,CAAC,EAE9D,CAAC,CAEF,CAAC,cAEVP,IAAA,CAACF,OAAO,EAACa,EAAE,CAAE,YAAY,CAAAJ,QAAA,cACzBL,KAAA,CAACL,QAAQ,EAACe,SAAS,CAAC,+BAA+B,CAAAL,QAAA,eACjDP,IAAA,OAAIa,IAAI,CAAC,QAAQ,CAAAN,QAAA,CAAC,QAAM,CAAI,CAAC,cAC7BP,IAAA,MAAGa,IAAI,CAAC,SAAS,CAAAN,QAAA,CAAC,yDAElB,CAAG,CAAC,EACI,CAAC,CAEF,CAAC,EAUP,CAAC,CACH,CAAC,EAQD,CAAC,CAEC,CAAC,EACV,CAAC,CAEP,CAAC,CAED,cAAe,CAAAF,MAAM"},"metadata":{},"sourceType":"module","externalDependencies":[]}