{"version":3,"file":"ProjectsSection.C2YKDuCe.mjs","names":["useState"],"sources":["https:/framerusercontent.com/modules/9CD4aROewWvleHKkTfhM/VycvVtnzTGuB07TKspgQ/ProjectsSection.js"],"sourcesContent":["// Our Projects section with image cards that expand when clicked, includes CTA button\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{useState,startTransition,useEffect}from\"react\";import{addPropertyControls,ControlType}from\"framer\";import{motion,AnimatePresence}from\"framer-motion\";/**\n * Our Projects section with expandable image cards and CTA button\n *\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight auto\n */export default function ProjectsSection(props){const{projects,backgroundColor,cardBorderRadius}=props;const[isMobile,setIsMobile]=useState(false);const[selectedImage,setSelectedImage]=useState(null);useEffect(()=>{if(typeof window!==\"undefined\"){const checkMobile=()=>{startTransition(()=>setIsMobile(window.innerWidth<=768));};checkMobile();window.addEventListener(\"resize\",checkMobile);return()=>window.removeEventListener(\"resize\",checkMobile);}},[]);const handleImageClick=imageSrc=>{if(isMobile){startTransition(()=>setSelectedImage(imageSrc));}};const closeModal=()=>{startTransition(()=>setSelectedImage(null));};return /*#__PURE__*/_jsxs(\"div\",{style:{width:\"100%\",backgroundColor,padding:isMobile?\"20px 0\":\"60px 20px\",position:\"relative\",...props.style},children:[/*#__PURE__*/_jsx(\"div\",{style:{maxWidth:isMobile?\"100%\":\"1200px\",margin:\"0 auto\",display:\"flex\",flexDirection:\"column\",gap:\"40px\"},children:/*#__PURE__*/_jsxs(\"div\",{style:{display:isMobile?\"flex\":\"grid\",gridTemplateColumns:isMobile?\"none\":\"repeat(auto-fit, minmax(280px, 1fr))\",gap:isMobile?\"16px\":\"24px\",width:\"100%\",overflowX:isMobile?\"auto\":\"visible\",paddingLeft:isMobile?\"20px\":\"0\",paddingRight:isMobile?\"20px\":\"0\",scrollSnapType:isMobile?\"x mandatory\":\"none\",WebkitOverflowScrolling:\"touch\",scrollbarWidth:\"none\",msOverflowStyle:\"none\"},className:isMobile?\"hide-scrollbar\":\"\",children:[/*#__PURE__*/_jsx(\"style\",{children:isMobile&&`\n                            .hide-scrollbar::-webkit-scrollbar {\n                                display: none;\n                            }\n                        `}),projects.map((project,index)=>/*#__PURE__*/_jsx(motion.div,{style:{borderRadius:cardBorderRadius,overflow:\"hidden\",cursor:\"pointer\",boxShadow:\"0 4px 12px rgba(0, 0, 0, 0.1)\",transition:\"transform 0.2s ease, box-shadow 0.2s ease\",minWidth:isMobile?\"calc(100vw - 56px)\":\"auto\",maxWidth:isMobile?\"calc(100vw - 56px)\":\"auto\",scrollSnapAlign:isMobile?\"start\":\"none\",flex:isMobile?\"0 0 auto\":\"none\"},whileHover:!isMobile?{transform:\"translateY(-4px)\",boxShadow:\"0 8px 24px rgba(0, 0, 0, 0.15)\"}:{},whileTap:{scale:.98},onClick:()=>handleImageClick(project.image?.src||\"https://framerusercontent.com/images/GfGkADagM4KEibNcIiRUWlfrR0.jpg\"),children:/*#__PURE__*/_jsx(\"div\",{style:{width:\"100%\",aspectRatio:isMobile?\"3/4\":\"1/1\",backgroundImage:`url(${project.image?.src||\"https://framerusercontent.com/images/GfGkADagM4KEibNcIiRUWlfrR0.jpg\"})`,backgroundSize:\"cover\",backgroundPosition:\"center\"},role:\"img\",\"aria-label\":project.image?.alt||\"Project image\"})},index))]})}),/*#__PURE__*/_jsx(AnimatePresence,{children:isMobile&&selectedImage&&/*#__PURE__*/_jsxs(motion.div,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},style:{position:\"fixed\",top:0,left:0,right:0,bottom:0,backgroundColor:\"rgba(0, 0, 0, 0.9)\",zIndex:1e3,display:\"flex\",alignItems:\"center\",justifyContent:\"center\",padding:\"20px\"},onClick:closeModal,children:[/*#__PURE__*/_jsx(motion.img,{initial:{scale:.8,opacity:0},animate:{scale:1,opacity:1},exit:{scale:.8,opacity:0},src:selectedImage,style:{maxWidth:\"100%\",maxHeight:\"100%\",objectFit:\"contain\",borderRadius:cardBorderRadius},onClick:e=>e.stopPropagation()}),/*#__PURE__*/_jsx(\"button\",{style:{position:\"absolute\",top:\"20px\",right:\"20px\",background:\"rgba(255, 255, 255, 0.2)\",border:\"none\",borderRadius:\"50%\",width:\"40px\",height:\"40px\",color:\"white\",fontSize:\"20px\",cursor:\"pointer\",display:\"flex\",alignItems:\"center\",justifyContent:\"center\"},onClick:closeModal,children:\"\\xd7\"})]})})]});}addPropertyControls(ProjectsSection,{projects:{type:ControlType.Array,title:\"Projects\",control:{type:ControlType.Object,controls:{image:{type:ControlType.ResponsiveImage,title:\"Project Image\"},title:{type:ControlType.String,title:\"Project Title\",defaultValue:\"Project Name\"}}},defaultValue:[{image:{src:\"https://framerusercontent.com/images/GfGkADagM4KEibNcIiRUWlfrR0.jpg\",alt:\"Project 1\"},title:\"Modern Website Design\"},{image:{src:\"https://framerusercontent.com/images/aNsAT3jCvt4zglbWCUoFe33Q.jpg\",alt:\"Project 2\"},title:\"Mobile App Interface\"},{image:{src:\"https://framerusercontent.com/images/BYnxEV1zjYb9bhWh1IwBZ1ZoS60.jpg\",alt:\"Project 3\"},title:\"Brand Identity System\"},{image:{src:\"https://framerusercontent.com/images/2uTNEj5aTl2K3NJaEFWMbnrA.jpg\",alt:\"Project 4\"},title:\"E-commerce Platform\"}],maxCount:12},backgroundColor:{type:ControlType.Color,title:\"Background Color\",defaultValue:\"#FFFFFF\"},cardBorderRadius:{type:ControlType.Number,title:\"Card Border Radius\",defaultValue:12,min:0,max:24,step:1,unit:\"px\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"ProjectsSection\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutWidth\":\"any-prefer-fixed\",\"framerSupportedLayoutHeight\":\"auto\",\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./ProjectsSection.map"],"mappings":"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"}