{"ast":null,"code":"import{Flex,ScrollArea,Box,Text}from\"@radix-ui/themes\";import React from\"react\";import Crea2 from\"../crea2/crea2\";import Crea3 from\"../crea3/crea3\";import{jsx as _jsx}from\"react/jsx-runtime\";import{jsxs as _jsxs}from\"react/jsx-runtime\";var Crea1=function Crea1(){return/*#__PURE__*/_jsxs(\"div\",{className:\"fond-crea    lg:flex flex-wrap  max-md:mt-10  items-center justify-around xl:p-2 custom-font \",children:[/*#__PURE__*/_jsxs(\"div\",{className:\"lg:w-3/6 max-md:w-full  bg-neutral-300   \",children:[/*#__PURE__*/_jsxs(\"div\",{className:\"flex items-center justify-center mb-5 p-2\",children:[/*#__PURE__*/_jsx(\"div\",{className:\"w-1/3\",children:/*#__PURE__*/_jsx(\"h3\",{className:\"custom-font-title \",children:\"Innov\"})}),/*#__PURE__*/_jsx(\"div\",{className:\"w-1/3 flex h-full items-center justify-center max-sm:w-2/3\",children:/*#__PURE__*/_jsxs(\"ul\",{className:\"flex h-full items-center justify-center space-x-3\",children:[/*#__PURE__*/_jsx(\"li\",{children:/*#__PURE__*/_jsx(\"a\",{href:\"#\",children:\"Accueil\"})}),/*#__PURE__*/_jsx(\"li\",{children:/*#__PURE__*/_jsx(\"a\",{href:\"#\",children:\"Projets\"})}),/*#__PURE__*/_jsx(\"li\",{children:/*#__PURE__*/_jsx(\"a\",{href:\"#\",children:\"\\xE0 propos\"})})]})}),/*#__PURE__*/_jsx(\"div\",{className:\"w-1/3 flex items-center justify-end \",children:/*#__PURE__*/_jsx(\"button\",{className:\"p-3 border font-titre\",children:\"contact\"})})]}),/*#__PURE__*/_jsxs(\"div\",{className:\"flex  relative max-lg:flex-col \",children:[/*#__PURE__*/_jsxs(\"div\",{className:\"w-1/3   \",children:[/*#__PURE__*/_jsx(\"p\",{className:\"  mt-24 pl-2 \",children:\"\\xE9dition 01\"}),/*#__PURE__*/_jsxs(\"div\",{className:\"h-1/2   absolute  tot max-lg:ml-0 max-sm:top-25 max-sm:-left-20 max-sm:w-full\",children:[/*#__PURE__*/_jsx(\"h1\",{className:\"lg:text-7xl sm:text-5xl md:text-6xl font-titre-fond-g\",children:\"Innovation\"}),/*#__PURE__*/_jsx(\"h1\",{className:\"font-titre-fond-g  lg:text-7xl sm:text-5xl md:text-6xl \",children:\"Architecture\"})]})]}),/*#__PURE__*/_jsx(\"div\",{className:\"w-2/3flex justify-end  h-96  \",children:/*#__PURE__*/_jsx(\"img\",{src:\"/images/crea/house.jpg\",alt:\"\",className:\" object-cover w-full h-full\"})})]}),/*#__PURE__*/_jsxs(\"div\",{className:\"w-full flex \",children:[/*#__PURE__*/_jsx(\"div\",{className:\"xl:w-2/6 lg:w-2/6 md:1/3 p-10\",children:\"intro\"}),/*#__PURE__*/_jsx(\"div\",{className:\"xl:w-2/6 lg:w-1/6 pt-12\",children:/*#__PURE__*/_jsx(\"div\",{className:\"border border-t border-gray-400 \"})}),/*#__PURE__*/_jsx(\"div\",{className:\"lg:w-3/6 md:2/3 p-10 text-justify\",children:\"On sait depuis longtemps que travailler avec du texte lisible et contenant du sens est source de distractions, et emp\\xEAche de se lettres plus ou moins normale, et en tout cas comparable avec celle du fran\\xE7ais standard.\"})]}),/*#__PURE__*/_jsxs(\"div\",{className:\" bg-neutral-400 flex  \",children:[/*#__PURE__*/_jsxs(\"div\",{className:\"p-10 lg:w-2/3 \",children:[/*#__PURE__*/_jsx(\"h3\",{className:\"text-justify\",children:\"On sait depuis longtemps que travailler avec du texte lisible et contenant du sens est source de distractions, et emp\\xEAche de se lettres plus ou moins normale, et en tout cas comparable avec celle du fran\\xE7ais standard.\"}),/*#__PURE__*/_jsx(\"p\",{className:\"mt-3\",children:\"Who we are\"})]}),/*#__PURE__*/_jsx(\"div\",{className:\"w-1/3 \",children:/*#__PURE__*/_jsx(\"img\",{src:\"./images/crea/Rect.svg\",className:\"w-full h-full object-cover \"})})]})]}),/*#__PURE__*/_jsx(\"div\",{className:\"lg:w-2/6 bg-black scrollBar-rigth \",children:/*#__PURE__*/_jsx(ScrollArea,{type:\"always\",scrollbars:\"vertical\",style:{height:900},children:/*#__PURE__*/_jsx(Box,{children:/*#__PURE__*/_jsxs(Text,{as:\"div\",children:[/*#__PURE__*/_jsxs(\"div\",{className:\"w-full relative flex bg-slate-200   \",style:{height:\"30rem\"},children:[/*#__PURE__*/_jsxs(\"div\",{className:\"absolute\",style:{height:\"50px\",width:\"50px\",borderRadius:\"50%\",left:\"50%\",transform:\"translate(-50%,-50%)\",top:\"25px\"},children:[\" \",/*#__PURE__*/_jsx(\"img\",{className:\"\",src:\"./images/crea/logo.png\"}),\" \"]}),/*#__PURE__*/_jsx(\"div\",{className:\"absolute  bottom-0\",style:{color:\"white\",height:\"50px\",width:\"50px\",borderRadius:\"50%\"},children:/*#__PURE__*/_jsx(\"h1\",{children:\"01.\"})}),/*#__PURE__*/_jsx(\"div\",{className:\"w-1/2\",children:/*#__PURE__*/_jsx(\"img\",{className:\"object-cover w-full h-full\",src:\"./images/crea/maison.jpg\",alt:\"image-crea\"})}),/*#__PURE__*/_jsx(\"div\",{className:\"w-1/2 flex items-center justify-center\",children:/*#__PURE__*/_jsxs(\"div\",{className:\"w-full flex flex-col items-center justify-center\",children:[/*#__PURE__*/_jsxs(\"div\",{className:\"flex w-3/4 border-b-2   m-3 border-gray-300 hover:border-gray-500 \",children:[/*#__PURE__*/_jsx(\"div\",{style:{fontSize:\".7rem\"},children:\"01\"}),/*#__PURE__*/_jsxs(\"div\",{className:\"ml-4\",children:[\" \",/*#__PURE__*/_jsx(\"a\",{href:\"#\",children:/*#__PURE__*/_jsx(\"h4\",{children:\"Cuisine\"})}),\" \"]})]}),/*#__PURE__*/_jsxs(\"div\",{className:\"flex w-3/4 border-b-2  m-3 border-gray-300 hover:border-gray-500 \",children:[/*#__PURE__*/_jsx(\"div\",{style:{fontSize:\".7rem\"},children:\"02\"}),/*#__PURE__*/_jsxs(\"div\",{className:\"ml-4\",children:[\" \",/*#__PURE__*/_jsx(\"a\",{href:\"#\",children:/*#__PURE__*/_jsx(\"h4\",{children:\"Salon\"})}),\" \"]})]}),/*#__PURE__*/_jsxs(\"div\",{className:\"flex w-3/4 border-b-2  m-3 border-gray-300 hover:border-gray-500 \",children:[/*#__PURE__*/_jsx(\"div\",{style:{fontSize:\".7rem\"},children:\"03\"}),/*#__PURE__*/_jsxs(\"div\",{className:\"ml-4\",children:[\" \",/*#__PURE__*/_jsx(\"a\",{href:\"#\",children:/*#__PURE__*/_jsx(\"h4\",{children:\"Salle de bain\"})}),\" \"]})]}),/*#__PURE__*/_jsxs(\"div\",{className:\"flex w-3/4 border-b-2  m-3 border-gray-300 hover:border-gray-500 \",children:[/*#__PURE__*/_jsx(\"div\",{style:{fontSize:\".7rem\"},children:\"04\"}),/*#__PURE__*/_jsxs(\"div\",{className:\"ml-4\",children:[\" \",/*#__PURE__*/_jsx(\"a\",{href:\"#\",children:/*#__PURE__*/_jsx(\"h4\",{children:\"Innovations\"})}),\" \"]})]})]})})]}),/*#__PURE__*/_jsxs(\"div\",{className:\"w-full flex flex-col  relative  bg-stone-800  \",style:{height:\"30rem\"},children:[/*#__PURE__*/_jsx(\"button\",{className:\" absolute vertical \",children:/*#__PURE__*/_jsx(\"h1\",{className:\" text-7xl z-0 rotate-letter\",children:\"EXPERIENCE\"})}),/*#__PURE__*/_jsx(\"div\",{className:\"absolute w-1/2 h-1/2 right-0 z-0 background\"}),/*#__PURE__*/_jsxs(\"div\",{className:\"flex  z-20 flex-col h-full w-full auto items-center\",children:[/*#__PURE__*/_jsx(\"div\",{className:\"w-5/6 h-32 \",style:{color:\"white\"},children:/*#__PURE__*/_jsx(\"div\",{className:\" w-1/2 h-full bg-stone-900 \",children:/*#__PURE__*/_jsxs(\"div\",{className:\"p-2 projet\",children:[/*#__PURE__*/_jsx(\"h3\",{children:\"Nos projets\"}),/*#__PURE__*/_jsx(\"p\",{children:\"Pr\\xE9sentation de nos futures projets \"})]})})}),/*#__PURE__*/_jsxs(\"div\",{className:\"w-5/6 flex z-10  \",children:[/*#__PURE__*/_jsx(\"div\",{className:\"w-1/2 \",children:/*#__PURE__*/_jsx(\"img\",{className:\"object-cover w-full h-full\",src:\"./images/crea/ville.jpg\",alt:\"image-crea ville\"})}),/*#__PURE__*/_jsx(\"div\",{className:\"w-1/2 bg-white \",children:/*#__PURE__*/_jsxs(\"div\",{className:\"p-1\",children:[/*#__PURE__*/_jsx(\"h3\",{className:\"font-titre-fond\",children:\"ZION VILLE\"}),/*#__PURE__*/_jsx(\"p\",{children:\"Ville du future inspir\\xE9 par le meilleur du pass\\xE9 \"})]})})]}),/*#__PURE__*/_jsxs(\"div\",{className:\"w-5/6 flex mt-3  \",children:[/*#__PURE__*/_jsx(\"div\",{className:\"w-1/2 h-32 \",children:/*#__PURE__*/_jsx(\"img\",{className:\"object-cover w-full h-full\",src:\"./images/crea/nat.jpg\",alt:\"image-crea ville\"})}),/*#__PURE__*/_jsx(\"div\",{className:\"w-1/2 bg-white\",children:/*#__PURE__*/_jsxs(\"div\",{className:\"p-1\",children:[/*#__PURE__*/_jsx(\"h3\",{className:\"font-titre-fond\",children:\"VILLE VERTE\"}),/*#__PURE__*/_jsx(\"p\",{children:\"Ne cherchez plus, vous n'\\xEAtes plus en ville \"})]})})]})]})]}),/*#__PURE__*/_jsxs(\"div\",{className:\"w-full  bg-slate-200 auto  \",style:{height:\"30rem\"},children:[/*#__PURE__*/_jsxs(\"div\",{className:\"h-2/3 border  bg-neutral-300 relative\",children:[/*#__PURE__*/_jsxs(\"div\",{className:\"h-1/4 flex  \",children:[/*#__PURE__*/_jsx(\"div\",{className:\"w-2/6 flex flex-col items-center justify-center\",children:/*#__PURE__*/_jsx(\"h4\",{children:\"Notre A team\"})}),/*#__PURE__*/_jsx(\"div\",{className:\"w-3/6 \",children:/*#__PURE__*/_jsx(\"div\",{className:\"h-1/2 border-b border-gray-700\"})}),/*#__PURE__*/_jsx(\"div\",{className:\"w-1/6 flex items-center justify-center\",children:/*#__PURE__*/_jsx(\"button\",{className:\"border p-2 font-titre mx-1\",children:\"contact\"})})]}),/*#__PURE__*/_jsxs(\"div\",{className:\"h-3/4 flex   items-center justify-between px-3 \",children:[/*#__PURE__*/_jsxs(\"div\",{className:\"w-1/4  \",children:[/*#__PURE__*/_jsx(\"div\",{className:\"border border-neutral-950  \",style:{height:\"100px\",width:\"100px\"},children:/*#__PURE__*/_jsx(\"img\",{src:\"./images/crea/p1.jpg\",alt:\"image-portrait\",className:\" object-cover w-full h-full\"})}),/*#__PURE__*/_jsx(\"p\",{className:\"mt-1 w-full\",children:\"Laurent Dam\"}),/*#__PURE__*/_jsx(\"p\",{children:\"architecte\"})]}),/*#__PURE__*/_jsxs(\"div\",{className:\"w-1/4  \",children:[/*#__PURE__*/_jsx(\"div\",{className:\"border border-neutral-950  \",style:{height:\"100px\",width:\"100px\"},children:/*#__PURE__*/_jsx(\"img\",{src:\"./images/crea/p1.jpg\",alt:\"image-portrait\",className:\" object-cover w-full h-full\"})}),/*#__PURE__*/_jsx(\"p\",{className:\"mt-1 w-full\",children:\"Laurent Dam\"}),/*#__PURE__*/_jsx(\"p\",{children:\"architecte\"})]}),/*#__PURE__*/_jsxs(\"div\",{className:\"w-1/4  \",children:[/*#__PURE__*/_jsx(\"div\",{className:\"border border-neutral-950  \",style:{height:\"100px\",width:\"100px\"},children:/*#__PURE__*/_jsx(\"img\",{src:\"./images/crea/p1.jpg\",alt:\"image-portrait\",className:\" object-cover w-full h-full\"})}),/*#__PURE__*/_jsx(\"p\",{className:\"mt-1 w-full\",children:\"Laurent Dam\"}),/*#__PURE__*/_jsx(\"p\",{children:\"architecte\"})]})]})]}),/*#__PURE__*/_jsx(\"div\",{className:\"h-1/3 flex  items-center justify-center\",children:/*#__PURE__*/_jsxs(\"div\",{className:\"w-1/3  flex flex-col items-center justify-center\",children:[/*#__PURE__*/_jsx(\"p\",{className:\"text-center\",children:\"chose \\xE0 dire \"}),/*#__PURE__*/_jsx(\"h4\",{className:\"text-center\",children:\"20 ans d'\\xE9periences\"}),/*#__PURE__*/_jsx(\"button\",{className:\"p-1 font-titre\",children:\"explorer\"})]})})]})]})})})})]});};export default Crea1;","map":{"version":3,"names":["Flex","ScrollArea","Box","Text","React","Crea2","Crea3","jsx","_jsx","jsxs","_jsxs","Crea1","className","children","href","src","alt","type","scrollbars","style","height","as","width","borderRadius","left","transform","top","color","fontSize"],"sources":["C:/Users/user/Desktop/02portreact/src/components/pages/design/crea1/crea1.js"],"sourcesContent":["import { Flex, ScrollArea, Box, Text } from \"@radix-ui/themes\";\r\nimport React from \"react\";\r\nimport Crea2 from \"../crea2/crea2\";\r\nimport Crea3 from \"../crea3/crea3\";\r\nconst Crea1 = () => {\r\n  return (\r\n\r\n    <div className=\"fond-crea    lg:flex flex-wrap  max-md:mt-10  items-center justify-around xl:p-2 custom-font \">\r\n      \r\n      \r\n     \r\n     \r\n      <div className=\"lg:w-3/6 max-md:w-full  bg-neutral-300   \">\r\n        <div className=\"flex items-center justify-center mb-5 p-2\">\r\n          <div className=\"w-1/3\">\r\n            <h3 className=\"custom-font-title \">Innov</h3>\r\n          </div>\r\n          <div className=\"w-1/3 flex h-full items-center justify-center max-sm:w-2/3\">\r\n            <ul className=\"flex h-full items-center justify-center space-x-3\">\r\n              <li>\r\n                <a href=\"#\">Accueil</a>\r\n              </li>\r\n              <li>\r\n                <a href=\"#\">Projets</a>\r\n              </li>\r\n              <li>\r\n                <a href=\"#\">à propos</a>\r\n              </li>\r\n            </ul>\r\n          </div>\r\n\r\n          <div className=\"w-1/3 flex items-center justify-end \">\r\n            <button className=\"p-3 border font-titre\">contact</button>\r\n          </div>\r\n        </div>\r\n\r\n        <div className=\"flex  relative max-lg:flex-col \">\r\n          <div className=\"w-1/3   \">\r\n            <p className=\"  mt-24 pl-2 \">édition 01</p>\r\n\r\n            <div className=\"h-1/2   absolute  tot max-lg:ml-0 max-sm:top-25 max-sm:-left-20 max-sm:w-full\">\r\n              <h1 className=\"lg:text-7xl sm:text-5xl md:text-6xl font-titre-fond-g\">\r\n                Innovation\r\n              </h1>\r\n              <h1 className=\"font-titre-fond-g  lg:text-7xl sm:text-5xl md:text-6xl \">\r\n                Architecture\r\n              </h1>\r\n            </div>\r\n          </div>\r\n\r\n          <div className=\"w-2/3flex justify-end  h-96  \">\r\n            <img\r\n              src=\"/images/crea/house.jpg\"\r\n              alt=\"\"\r\n              className=\" object-cover w-full h-full\"\r\n            />\r\n          </div>\r\n        </div>\r\n\r\n        <div className=\"w-full flex \">\r\n          <div className=\"xl:w-2/6 lg:w-2/6 md:1/3 p-10\">intro</div>\r\n          <div className=\"xl:w-2/6 lg:w-1/6 pt-12\">\r\n            <div className=\"border border-t border-gray-400 \"></div>\r\n          </div>\r\n          <div className=\"lg:w-3/6 md:2/3 p-10 text-justify\">\r\n            On sait depuis longtemps que travailler avec du texte lisible et\r\n            contenant du sens est source de distractions, et empêche de se\r\n            lettres plus ou moins normale, et en tout cas comparable avec celle\r\n            du français standard.\r\n          </div>\r\n        </div>\r\n\r\n        <div className=\" bg-neutral-400 flex  \">\r\n          <div className=\"p-10 lg:w-2/3 \">\r\n            <h3 className=\"text-justify\">\r\n              On sait depuis longtemps que travailler avec du texte lisible et\r\n              contenant du sens est source de distractions, et empêche de se\r\n              lettres plus ou moins normale, et en tout cas comparable avec\r\n              celle du français standard.\r\n            </h3>\r\n            <p className=\"mt-3\">Who we are</p>\r\n          </div>\r\n\r\n          <div className=\"w-1/3 \">\r\n            <img\r\n              src=\"./images/crea/Rect.svg\"\r\n              className=\"w-full h-full object-cover \"\r\n            />\r\n          </div>\r\n        </div>\r\n      </div>\r\n      {/* ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;; */}\r\n\r\n      <div className=\"lg:w-2/6 bg-black scrollBar-rigth \">\r\n        <ScrollArea type=\"always\" scrollbars=\"vertical\" style={{ height: 900 }}>\r\n          <Box>\r\n            <Text as=\"div\">\r\n              <div\r\n                className=\"w-full relative flex bg-slate-200   \"\r\n                style={{ height: \"30rem\" }}\r\n              >\r\n                <div\r\n                  className=\"absolute\"\r\n                  style={{\r\n                    height: \"50px\",\r\n                    width: \"50px\",\r\n                    borderRadius: \"50%\",\r\n                    left: \"50%\",\r\n                    transform: \"translate(-50%,-50%)\",\r\n                    top: \"25px\",\r\n                  }}\r\n                >\r\n                  {\" \"}\r\n                  <img className=\"\" src=\"./images/crea/logo.png\" />{\" \"}\r\n                </div>\r\n                <div\r\n                  className=\"absolute  bottom-0\"\r\n                  style={{\r\n                    color: \"white\",\r\n                    height: \"50px\",\r\n                    width: \"50px\",\r\n                    borderRadius: \"50%\",\r\n                  }}\r\n                >\r\n                  <h1>01.</h1>\r\n                </div>\r\n\r\n                <div className=\"w-1/2\">\r\n                  <img\r\n                    className=\"object-cover w-full h-full\"\r\n                    src=\"./images/crea/maison.jpg\"\r\n                    alt=\"image-crea\"\r\n                  />\r\n                </div>\r\n                <div className=\"w-1/2 flex items-center justify-center\">\r\n                  <div className=\"w-full flex flex-col items-center justify-center\">\r\n                    <div className=\"flex w-3/4 border-b-2   m-3 border-gray-300 hover:border-gray-500 \">\r\n                      <div style={{ fontSize: \".7rem\" }}>01</div>\r\n                      <div className=\"ml-4\">\r\n                        {\" \"}\r\n                        <a href=\"#\">\r\n                          <h4>Cuisine</h4>\r\n                        </a>{\" \"}\r\n                      </div>\r\n                    </div>\r\n\r\n                    <div className=\"flex w-3/4 border-b-2  m-3 border-gray-300 hover:border-gray-500 \">\r\n                      <div style={{ fontSize: \".7rem\" }}>02</div>\r\n                      <div className=\"ml-4\">\r\n                        {\" \"}\r\n                        <a href=\"#\">\r\n                          <h4>Salon</h4>\r\n                        </a>{\" \"}\r\n                      </div>\r\n                    </div>\r\n\r\n                    <div className=\"flex w-3/4 border-b-2  m-3 border-gray-300 hover:border-gray-500 \">\r\n                      <div style={{ fontSize: \".7rem\" }}>03</div>\r\n                      <div className=\"ml-4\">\r\n                        {\" \"}\r\n                        <a href=\"#\">\r\n                          <h4>Salle de bain</h4>\r\n                        </a>{\" \"}\r\n                      </div>\r\n                    </div>\r\n\r\n                    <div className=\"flex w-3/4 border-b-2  m-3 border-gray-300 hover:border-gray-500 \">\r\n                      <div style={{ fontSize: \".7rem\" }}>04</div>\r\n                      <div className=\"ml-4\">\r\n                        {\" \"}\r\n                        <a href=\"#\">\r\n                          <h4>Innovations</h4>\r\n                        </a>{\" \"}\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              <div\r\n                className=\"w-full flex flex-col  relative  bg-stone-800  \"\r\n                style={{ height: \"30rem\" }}\r\n              >\r\n                <button className=\" absolute vertical \">\r\n                  <h1 className=\" text-7xl z-0 rotate-letter\">EXPERIENCE</h1>\r\n                </button>\r\n                <div className=\"absolute w-1/2 h-1/2 right-0 z-0 background\"></div>\r\n\r\n                <div className=\"flex  z-20 flex-col h-full w-full auto items-center\">\r\n                  <div className=\"w-5/6 h-32 \" style={{ color: \"white\" }}>\r\n                    <div className=\" w-1/2 h-full bg-stone-900 \">\r\n                      <div className=\"p-2 projet\">\r\n                        <h3>Nos projets</h3>\r\n                        <p>Présentation de nos futures projets </p>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <div className=\"w-5/6 flex z-10  \">\r\n                    <div className=\"w-1/2 \">\r\n                      <img\r\n                        className=\"object-cover w-full h-full\"\r\n                        src=\"./images/crea/ville.jpg\"\r\n                        alt=\"image-crea ville\"\r\n                      />\r\n                    </div>\r\n                    <div className=\"w-1/2 bg-white \">\r\n                      <div className=\"p-1\">\r\n                        <h3 className=\"font-titre-fond\">ZION VILLE</h3>\r\n                        <p>Ville du future inspiré par le meilleur du passé </p>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <div className=\"w-5/6 flex mt-3  \">\r\n                    <div className=\"w-1/2 h-32 \">\r\n                      <img\r\n                        className=\"object-cover w-full h-full\"\r\n                        src=\"./images/crea/nat.jpg\"\r\n                        alt=\"image-crea ville\"\r\n                      />\r\n                    </div>\r\n                    <div className=\"w-1/2 bg-white\">\r\n                      <div className=\"p-1\">\r\n                        <h3 className=\"font-titre-fond\">VILLE VERTE</h3>\r\n                        <p>Ne cherchez plus, vous n'êtes plus en ville </p>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n\r\n              <div\r\n                className=\"w-full  bg-slate-200 auto  \"\r\n                style={{ height: \"30rem\" }}\r\n              >\r\n                <div className=\"h-2/3 border  bg-neutral-300 relative\">\r\n                  {/* <div className=\"h-full w-1/2 z-0 absolute right-0 opacity-75 \">\r\n                    <img\r\n                      src=\"./images/crea/Rect.svg\"\r\n                      alt=\"background-blue\"\r\n                      className=\"object-fill w-full h-full z-0\"\r\n                    />\r\n                  </div> */}\r\n                  <div className=\"h-1/4 flex  \">\r\n                    <div className=\"w-2/6 flex flex-col items-center justify-center\">\r\n                      <h4>Notre A team</h4>\r\n                    </div>\r\n                    <div className=\"w-3/6 \">\r\n                      <div className=\"h-1/2 border-b border-gray-700\"></div>\r\n                    </div>\r\n                    <div className=\"w-1/6 flex items-center justify-center\">\r\n                      <button className=\"border p-2 font-titre mx-1\">\r\n                        contact\r\n                      </button>\r\n                    </div>\r\n                  </div>\r\n                  <div className=\"h-3/4 flex   items-center justify-between px-3 \">\r\n                    <div className=\"w-1/4  \">\r\n                      <div\r\n                        className=\"border border-neutral-950  \"\r\n                        style={{ height: \"100px\", width: \"100px\" }}\r\n                      >\r\n                        <img\r\n                          src=\"./images/crea/p1.jpg\"\r\n                          alt=\"image-portrait\"\r\n                          className=\" object-cover w-full h-full\"\r\n                        />\r\n                      </div>\r\n\r\n                      <p className=\"mt-1 w-full\">Laurent Dam</p>\r\n                      <p>architecte</p>\r\n                    </div>\r\n                    <div className=\"w-1/4  \">\r\n                      <div\r\n                        className=\"border border-neutral-950  \"\r\n                        style={{ height: \"100px\", width: \"100px\" }}\r\n                      >\r\n                        <img\r\n                          src=\"./images/crea/p1.jpg\"\r\n                          alt=\"image-portrait\"\r\n                          className=\" object-cover w-full h-full\"\r\n                        />\r\n                      </div>\r\n\r\n                      <p className=\"mt-1 w-full\">Laurent Dam</p>\r\n                      <p>architecte</p>\r\n                    </div>\r\n                    <div className=\"w-1/4  \">\r\n                      <div\r\n                        className=\"border border-neutral-950  \"\r\n                        style={{ height: \"100px\", width: \"100px\" }}\r\n                      >\r\n                        <img\r\n                          src=\"./images/crea/p1.jpg\"\r\n                          alt=\"image-portrait\"\r\n                          className=\" object-cover w-full h-full\"\r\n                        />\r\n                      </div>\r\n\r\n                      <p className=\"mt-1 w-full\">Laurent Dam</p>\r\n                      <p>architecte</p>\r\n                    </div>\r\n\r\n                  \r\n                  </div>\r\n                </div>\r\n                <div className=\"h-1/3 flex  items-center justify-center\">\r\n                  <div className=\"w-1/3  flex flex-col items-center justify-center\">\r\n                    <p className=\"text-center\">chose à dire </p>\r\n                    <h4 className=\"text-center\">20 ans d'éperiences</h4>\r\n                    <button className=\"p-1 font-titre\">explorer</button>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </Text>\r\n          </Box>\r\n        </ScrollArea>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default Crea1;\r\n"],"mappings":"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"},"metadata":{},"sourceType":"module","externalDependencies":[]}