{"version":3,"file":"CSDHero.f3o7YYje.mjs","names":["useRef","useState"],"sources":["https:/framerusercontent.com/modules/DJBNQO9RtDcldKtRE2yd/r1EbovZTR6IY8JJG3zCt/CSDHero.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{useState,useLayoutEffect,useRef}from\"react\";import{addPropertyControls,ControlType}from\"framer\";/**\n * Case-study detail pages, section 1 — dark hero with two headlines and the\n * six partner-logo tiles. Identical geometry on all three detail pages; only\n * the three text lines change (props). Includes the page's dark top padding\n * (80px wide screens / 48px below 1181) so it sits flush under the header.\n * All numbers from /tmp/adsmeasure/csd-deep-*.txt at 390 / 769 / 1512.\n */const SYSTEM_FONT='-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif';const DM_L=\"https://fonts.gstatic.com/s/dmsans/v17/rP2Yp2ywxg089UriI5-g4vlH9VoD8Cmcqbu0-K6z9mXg.woff2\";const DM_LE=\"https://fonts.gstatic.com/s/dmsans/v17/rP2Yp2ywxg089UriI5-g4vlH9VoD8Cmcqbu6-K6z9mXgjU0.woff2\";const DM_RL=\"U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD\";const DM_RLE=\"U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF\";const FONT_FACES=[400,500,600,700,800].map(w=>`@font-face{font-family:\"ASDMSans\";font-style:normal;font-weight:${w};font-display:swap;src:url(\"${DM_LE}\") format(\"woff2\");unicode-range:${DM_RLE};}`+`@font-face{font-family:\"ASDMSans\";font-style:normal;font-weight:${w};font-display:swap;src:url(\"${DM_L}\") format(\"woff2\");unicode-range:${DM_RL};}`).join(\"\");const DM_SANS='\"ASDMSans\", \"DM Sans\", sans-serif';const holderWidth=vw=>vw>=1921?1360:vw>=1441?1300:vw>=1367?1280:vw>=1281?1220:vw>=1181?1140:vw;const bodySize=vw=>vw>=1441?16.4:vw>=1181?16:vw>=768?16+.025*(vw-576)/864:16;// Hosted by Framer — see source/framer-image-map.json\nconst LOGOS=[\"https://framerusercontent.com/images/740I0AvsExhFvXwc1ku6M2Zc.webp\",\"https://framerusercontent.com/images/RZV53IMVzaIil1BUoRDWzjf65xc.webp\",\"https://framerusercontent.com/images/1oqE00NgIn2GQPdLAbwvwfA4.webp\",\"https://framerusercontent.com/images/mPTCaCUTGu4u5zR6kFGRDp1tfY.webp\",\"https://framerusercontent.com/images/DmY92FKzYb5SmHpGpv4jN7gD6A.webp\",\"https://framerusercontent.com/images/YtzFw9fbPxyt5BtYyeAbjz1oc4E.webp\"];// Rendered height / width of the logo files as measured on the live page.\nconst LOGO_RATIO=.4353;const DARK=\"#200E35\";const LINE=\"rgba(255, 255, 255, 0.85)\";/**\n * @framerSupportedLayoutWidth any\n * @framerSupportedLayoutHeight auto\n * @framerIntrinsicWidth 1512\n * @framerIntrinsicHeight 341\n */export default function CSDHero(props){const{label,title1,title2,widthOffset}=props;const rootRef=useRef(null);const[vw,setVw]=useState(1512);const[vh,setVh]=useState(900);useLayoutEffect(()=>{const el=rootRef.current;if(!el)return;const measure=()=>{setVw(el.clientWidth+widthOffset);setVh(window.innerHeight);};measure();const ro=new ResizeObserver(measure);ro.observe(el);window.addEventListener(\"resize\",measure);return()=>{ro.disconnect();window.removeEventListener(\"resize\",measure);};},[widthOffset]);const isPhone=vw<768;const u=vh/100;const holder=holderWidth(vw);const subSize=isPhone?14:bodySize(vw)*.9;const h3Style=(size,color)=>({margin:0,paddingTop:\"0.15em\",fontFamily:DM_SANS,fontSize:size,fontWeight:700,lineHeight:1.15,letterSpacing:\"-0.035em\",color,textAlign:\"center\"});// One bordered logo tile. cellW is the column width holding it.\nconst tile=(file,cellW,marginTop=0)=>{const imgW=cellW-16;const imgH=imgW*LOGO_RATIO;return /*#__PURE__*/_jsx(\"div\",{style:{width:cellW-10,marginTop,borderTop:`3px solid ${LINE}`,borderBottom:`3px solid ${LINE}`,borderRadius:5,padding:\"0 3px\",boxSizing:\"border-box\",display:\"flex\",justifyContent:\"center\"},children:/*#__PURE__*/_jsx(\"img\",{src:file,alt:\"\",style:{width:imgW,height:imgH,display:\"block\",objectFit:\"contain\"}})},file);};let logoBand;if(!isPhone){const colW=holder*.1;logoBand=/*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",width:\"100%\"},children:[/*#__PURE__*/_jsx(\"div\",{style:{width:\"20%\"}}),LOGOS.map(f=>/*#__PURE__*/_jsx(\"div\",{style:{width:\"10%\",padding:5,boxSizing:\"border-box\",display:\"flex\",alignItems:\"center\",justifyContent:\"center\"},children:tile(f,colW)},f)),/*#__PURE__*/_jsx(\"div\",{style:{width:\"20%\"}})]});}else{// Phone: 1px empty row, two rows of three tiles, 1px empty row.\n// Row 1 tiles sit 5px down, the middle two of row 2 sit 7.5px down,\n// the last tile 10px down (measured wrap margins on the live page).\nconst cellW=(vw-20)*.33;const imgH=(cellW-16)*LOGO_RATIO;const rowH=imgH+6+10+5;const cell=(i,mt)=>/*#__PURE__*/_jsx(\"div\",{style:{width:\"33%\",height:rowH,display:\"flex\",justifyContent:\"center\",alignItems:\"flex-start\",boxSizing:\"border-box\",padding:\"0 5px\"},children:tile(LOGOS[i],cellW,mt)},i);logoBand=/*#__PURE__*/_jsxs(\"div\",{style:{padding:\"0 10px\",boxSizing:\"border-box\"},children:[/*#__PURE__*/_jsx(\"div\",{style:{height:1}}),/*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",flexWrap:\"wrap\"},children:[cell(0,5),cell(1,5),cell(2,5),cell(3,7.5),cell(4,7.5),cell(5,10)]}),/*#__PURE__*/_jsx(\"div\",{style:{height:1}})]});}return /*#__PURE__*/_jsxs(\"div\",{ref:rootRef,style:{width:\"100%\",backgroundColor:DARK,boxSizing:\"border-box\",paddingTop:vw>=1181?80:48},children:[/*#__PURE__*/_jsx(\"style\",{children:FONT_FACES}),/*#__PURE__*/_jsxs(\"div\",{style:{maxWidth:holder,margin:\"0 auto\",boxSizing:\"border-box\",paddingBottom:30},children:[/*#__PURE__*/_jsxs(\"div\",{style:{padding:5,boxSizing:\"border-box\"},children:[/*#__PURE__*/_jsx(\"div\",{style:{fontFamily:SYSTEM_FONT,fontSize:subSize,fontWeight:500,lineHeight:1.6,textTransform:\"uppercase\",color:\"#FFFFFF\",textAlign:\"center\"},children:label}),/*#__PURE__*/_jsx(\"h3\",{style:h3Style(isPhone?25:36,\"#25D092\"),children:title1}),/*#__PURE__*/_jsx(\"h3\",{style:h3Style(isPhone?26:36,\"#FFFFFF\"),children:title2}),/*#__PURE__*/_jsx(\"div\",{style:{height:20}}),/*#__PURE__*/_jsx(\"div\",{style:{height:2*u}})]}),logoBand]})]});}CSDHero.defaultProps={label:\"Case Study\",title1:\"Jaipur Clothing Brand.\",title2:\"Indian Ethnic Fashion.\",widthOffset:0};addPropertyControls(CSDHero,{label:{type:ControlType.String,title:\"Small label\"},title1:{type:ControlType.String,title:\"Title (green)\"},title2:{type:ControlType.String,title:\"Title (white)\"},widthOffset:{type:ControlType.Number,title:\"Width offset\",min:0,max:200,step:1,description:\"Side padding of the parent, added back to find the window width\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"CSDHero\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutHeight\":\"auto\",\"framerIntrinsicWidth\":\"1512\",\"framerContractVersion\":\"1\",\"framerSupportedLayoutWidth\":\"any\",\"framerIntrinsicHeight\":\"341\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./CSDHero.map"],"mappings":"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"}