{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/jJHx2hDUXJlAuqwWhqX8/NrarKJfQt7mIr2rsePYl/HeroSectionCarte.js"],
  "sourcesContent": ["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{motion}from\"framer-motion\";import{addPropertyControls,ControlType}from\"framer\";/**\n * HeroCarteSection :\n * Ce composant place un <img> en background avec objectFit: \"contain\"\n * et ajuste automatiquement sa hauteur en fonction de la largeur / ratio.\n */export function HeroCarteSection(props){const{backgroundImage,title,subtitle}=props;return /*#__PURE__*/_jsxs(\"section\",{style:{position:\"relative\",width:\"100%\",/* \n                   On n\u2019utilise plus une hauteur fixe ni un pourcentage de la fen\u00EAtre. \n                   Ici, on va permettre \u00E0 l\u2019image d\u2019imposer sa hauteur (en auto) : \n                   - Le conteneur va se redimensionner selon la vraie hauteur de l\u2019image \n                     (gr\u00E2ce \u00E0 <img style={{ width: \"100%\", height: \"auto\" }}>) \n                   - Puis l\u2019overlay et le texte se positionneront au-dessus \n                */display:\"flex\",alignItems:\"center\",justifyContent:\"center\",textAlign:\"center\",color:\"#fff\",fontFamily:\"'Poppins', sans-serif\",overflow:\"hidden\"},children:[backgroundImage&&/*#__PURE__*/_jsx(\"img\",{src:backgroundImage,alt:\"Fond\",style:{position:\"absolute\",top:0,left:0,width:\"100%\",height:\"auto\",/* \n                           objectFit: \"contain\" garantit que l\u2019image enti\u00E8re soit visible \n                           sans d\u00E9formation, avec des barres noires ou transparentes si besoin.\n                           Mais ici, comme on fixe width 100% et height auto, on ne recadre jamais.\n                        */objectFit:\"contain\",objectPosition:\"center\",zIndex:1},onLoad:e=>{// On force la hauteur du parent \u00E0 suivre la hauteur r\u00E9elle de l'image\nconst img=e.currentTarget;const section=img.parentElement;if(img&&section){section.style.height=img.getBoundingClientRect().height+\"px\";}}}),/*#__PURE__*/_jsx(\"div\",{style:{position:\"absolute\",top:0,left:0,width:\"100%\",height:\"100%\",backgroundColor:\"rgba(0, 0, 0, 0.5)\",zIndex:2}}),/*#__PURE__*/_jsxs(motion.div,{initial:{opacity:0,y:-20},animate:{opacity:1,y:0},transition:{duration:.7},style:{position:\"relative\",zIndex:3,width:\"100%\",padding:\"1rem\"},children:[/*#__PURE__*/_jsx(\"h1\",{style:{fontSize:\"2rem\",fontWeight:\"bold\",marginBottom:\"0.5rem\"},children:title}),/*#__PURE__*/_jsx(\"p\",{style:{fontSize:\"1rem\",maxWidth:\"600px\",margin:\"0 auto\"},children:subtitle})]})]});}/* Propri\u00E9t\u00E9s \u00E9ditables dans Framer */addPropertyControls(HeroCarteSection,{backgroundImage:{type:ControlType.Image,title:\"Image de fond\"},title:{type:ControlType.String,title:\"Titre\",defaultValue:\"Livraison\"},subtitle:{type:ControlType.String,title:\"Sous-titre\",defaultValue:\"Disponible sur l'application Wedely\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"HeroCarteSection\":{\"type\":\"reactComponent\",\"name\":\"HeroCarteSection\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./HeroSectionCarte.map"],
  "mappings": "qEAIU,SAASA,EAAiBC,EAAM,CAAC,GAAK,CAAC,gBAAAC,EAAgB,MAAAC,EAAM,SAAAC,CAAQ,EAAEH,EAAM,OAAoBI,EAAM,UAAU,CAAC,MAAM,CAAC,SAAS,WAAW,MAAM,OAM3I,QAAQ,OAAO,WAAW,SAAS,eAAe,SAAS,UAAU,SAAS,MAAM,OAAO,WAAW,wBAAwB,SAAS,QAAQ,EAAE,SAAS,CAACH,GAA8BI,EAAK,MAAM,CAAC,IAAIJ,EAAgB,IAAI,OAAO,MAAM,CAAC,SAAS,WAAW,IAAI,EAAE,KAAK,EAAE,MAAM,OAAO,OAAO,OAIxR,UAAU,UAAU,eAAe,SAAS,OAAO,CAAC,EAAE,OAAOK,GAAG,CAC1F,IAAMC,EAAID,EAAE,cAAoBE,EAAQD,EAAI,cAAiBA,GAAKC,IAASA,EAAQ,MAAM,OAAOD,EAAI,sBAAsB,EAAE,OAAO,KAAM,CAAC,CAAC,EAAeF,EAAK,MAAM,CAAC,MAAM,CAAC,SAAS,WAAW,IAAI,EAAE,KAAK,EAAE,MAAM,OAAO,OAAO,OAAO,gBAAgB,qBAAqB,OAAO,CAAC,CAAC,CAAC,EAAeD,EAAMK,EAAO,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE,EAAE,GAAG,EAAE,QAAQ,CAAC,QAAQ,EAAE,EAAE,CAAC,EAAE,WAAW,CAAC,SAAS,EAAE,EAAE,MAAM,CAAC,SAAS,WAAW,OAAO,EAAE,MAAM,OAAO,QAAQ,MAAM,EAAE,SAAS,CAAcJ,EAAK,KAAK,CAAC,MAAM,CAAC,SAAS,OAAO,WAAW,OAAO,aAAa,QAAQ,EAAE,SAASH,CAAK,CAAC,EAAeG,EAAK,IAAI,CAAC,MAAM,CAAC,SAAS,OAAO,SAAS,QAAQ,OAAO,QAAQ,EAAE,SAASF,CAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAE,CAAuCO,EAAoBX,EAAiB,CAAC,gBAAgB,CAAC,KAAKY,EAAY,MAAM,MAAM,eAAe,EAAE,MAAM,CAAC,KAAKA,EAAY,OAAO,MAAM,QAAQ,aAAa,WAAW,EAAE,SAAS,CAAC,KAAKA,EAAY,OAAO,MAAM,aAAa,aAAa,qCAAqC,CAAC,CAAC",
  "names": ["HeroCarteSection", "props", "backgroundImage", "title", "subtitle", "u", "p", "e", "img", "section", "motion", "addPropertyControls", "ControlType"]
}