{"version":3,"file":"Header_1.D3Ffe-1m.mjs","names":["useState","_Fragment"],"sources":["https:/framerusercontent.com/modules/BfB1SNFHi33QwNgQSL4v/SqW6gVA9yEd8cdJEsQCt/Header_1.js"],"sourcesContent":["// Transparent header with logo/company name on left, menu in center, social media and contact button on right\nimport{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";import{useState,useEffect,startTransition}from\"react\";/**\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight auto\n */export default function Header(props){const{logo={src:\"https://framerusercontent.com/images/GfGkADagM4KEibNcIiRUWlfrR0.jpg\",alt:\"Logo\"},companyName,menuItems,socialLinks,contactButtonText,contactButtonLink,backgroundColor,textColor,buttonColor,buttonTextColor,logoBoxColor,logoFont,menuFont,buttonFont}=props;const[isMobileMenuOpen,setIsMobileMenuOpen]=useState(false);const[isMobile,setIsMobile]=useState(false);const[isTablet,setIsTablet]=useState(false);useEffect(()=>{if(typeof window===\"undefined\")return;const checkMobile=()=>{startTransition(()=>{setIsMobile(window.innerWidth<768);setIsTablet(window.innerWidth>=768&&window.innerWidth<1024);});};checkMobile();window.addEventListener(\"resize\",checkMobile);return()=>window.removeEventListener(\"resize\",checkMobile);},[]);const toggleMobileMenu=()=>{startTransition(()=>{setIsMobileMenuOpen(!isMobileMenuOpen);});};return /*#__PURE__*/_jsxs(\"header\",{style:{...props.style,position:\"relative\",width:\"100%\",backgroundColor,padding:isMobile?\"12px 16px\":\"20px 40px\",display:\"flex\",alignItems:\"center\",justifyContent:\"space-between\",gap:isMobile?12:40,flexWrap:\"wrap\"},children:[/*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",alignItems:\"center\",gap:isMobile?8:12,minWidth:\"max-content\"},children:[/*#__PURE__*/_jsx(\"img\",{...logo,style:{width:isMobile?36:50,height:isMobile?36:50,objectFit:\"contain\",backgroundColor:logoBoxColor,borderRadius:isMobile?6:8,padding:2}}),/*#__PURE__*/_jsx(\"span\",{style:{color:textColor,...logoFont,fontSize:isMobile?\"14px\":logoFont.fontSize,minWidth:\"max-content\"},children:companyName})]}),isMobile&&/*#__PURE__*/_jsxs(\"button\",{onClick:toggleMobileMenu,style:{background:\"none\",border:\"none\",cursor:\"pointer\",padding:8,display:\"flex\",flexDirection:\"column\",gap:4,marginLeft:\"auto\"},\"aria-label\":\"Toggle menu\",children:[/*#__PURE__*/_jsx(\"span\",{style:{width:24,height:2,backgroundColor:textColor,transition:\"all 0.3s\",transform:isMobileMenuOpen?\"rotate(45deg) translateY(6px)\":\"none\"}}),/*#__PURE__*/_jsx(\"span\",{style:{width:24,height:2,backgroundColor:textColor,transition:\"all 0.3s\",opacity:isMobileMenuOpen?0:1}}),/*#__PURE__*/_jsx(\"span\",{style:{width:24,height:2,backgroundColor:textColor,transition:\"all 0.3s\",transform:isMobileMenuOpen?\"rotate(-45deg) translateY(-6px)\":\"none\"}})]}),!isMobile&&/*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(\"nav\",{style:{display:\"flex\",alignItems:\"center\",gap:32,flex:1,justifyContent:\"center\"},children:menuItems.map((item,index)=>/*#__PURE__*/_jsx(\"a\",{href:typeof item.link===\"string\"?item.link:item.link?.href||\"#\",style:{color:textColor,textDecoration:\"none\",...menuFont,minWidth:\"max-content\",transition:\"opacity 0.2s\"},onMouseEnter:e=>{e.currentTarget.style.opacity=\"0.7\";},onMouseLeave:e=>{e.currentTarget.style.opacity=\"1\";},children:item.label},index))}),!isTablet&&/*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",alignItems:\"center\",gap:20,minWidth:\"max-content\"},children:[/*#__PURE__*/_jsx(\"div\",{style:{display:\"flex\",alignItems:\"center\",gap:16},children:socialLinks.map((social,index)=>/*#__PURE__*/_jsx(\"a\",{href:social.link,style:{color:textColor,textDecoration:\"none\",fontSize:20,transition:\"opacity 0.2s\"},onMouseEnter:e=>{e.currentTarget.style.opacity=\"0.7\";},onMouseLeave:e=>{e.currentTarget.style.opacity=\"1\";},children:social.icon},index))}),/*#__PURE__*/_jsx(\"a\",{href:typeof contactButtonLink===\"string\"?contactButtonLink:contactButtonLink?.href||\"#\",style:{backgroundColor:buttonColor,color:buttonTextColor,padding:\"12px 24px\",borderRadius:8,textDecoration:\"none\",...buttonFont,minWidth:\"max-content\",transition:\"opacity 0.2s\",border:\"none\",cursor:\"pointer\"},onMouseEnter:e=>{e.currentTarget.style.opacity=\"0.9\";},onMouseLeave:e=>{e.currentTarget.style.opacity=\"1\";},children:contactButtonText})]})]}),isMobile&&isMobileMenuOpen&&/*#__PURE__*/_jsx(\"div\",{style:{width:\"100%\",display:\"flex\",flexDirection:\"column\",gap:20,paddingTop:12,paddingBottom:8},children:/*#__PURE__*/_jsx(\"nav\",{style:{display:\"flex\",flexDirection:\"column\",gap:16,alignItems:\"center\"},children:menuItems.map((item,index)=>/*#__PURE__*/_jsx(\"a\",{href:typeof item.link===\"string\"?item.link:item.link?.href||\"#\",style:{color:textColor,textDecoration:\"none\",...menuFont,transition:\"opacity 0.2s\"},onClick:()=>setIsMobileMenuOpen(false),children:item.label},index))})})]});}addPropertyControls(Header,{logo:{type:ControlType.ResponsiveImage,title:\"Logo\"},companyName:{type:ControlType.String,title:\"Company Name\",defaultValue:\"Company\"},logoBoxColor:{type:ControlType.Color,title:\"Logo Box Color\",defaultValue:\"#CCCCCC\"},menuItems:{type:ControlType.Array,title:\"Menu Items\",control:{type:ControlType.Object,controls:{label:{type:ControlType.String,title:\"Label\",defaultValue:\"Menu Item\"},link:{type:ControlType.Link,title:\"Link\"}}},defaultValue:[{label:\"Home\",link:\"\"},{label:\"About\",link:\"\"},{label:\"Services\",link:\"\"},{label:\"Contact\",link:\"\"}]},socialLinks:{type:ControlType.Array,title:\"Social Links\",control:{type:ControlType.Object,controls:{icon:{type:ControlType.String,title:\"Icon\",defaultValue:\"📱\"},link:{type:ControlType.String,title:\"Link\",defaultValue:\"#\"}}},defaultValue:[{icon:\"📘\",link:\"#\"},{icon:\"🐦\",link:\"#\"},{icon:\"📷\",link:\"#\"}]},contactButtonText:{type:ControlType.String,title:\"Button Text\",defaultValue:\"Contact Now\"},contactButtonLink:{type:ControlType.Link,title:\"Button Link\"},backgroundColor:{type:ControlType.Color,title:\"Background\",defaultValue:\"rgba(255, 255, 255, 0)\"},textColor:{type:ControlType.Color,title:\"Text Color\",defaultValue:\"#000000\"},buttonColor:{type:ControlType.Color,title:\"Button Color\",defaultValue:\"#000000\"},buttonTextColor:{type:ControlType.Color,title:\"Button Text\",defaultValue:\"#FFFFFF\"},logoFont:{type:ControlType.Font,title:\"Logo Font\",controls:\"extended\",defaultFontType:\"sans-serif\",defaultValue:{fontSize:\"16px\",variant:\"Semibold\",letterSpacing:\"-0.01em\",lineHeight:\"1.2em\"}},menuFont:{type:ControlType.Font,title:\"Menu Font\",controls:\"extended\",defaultFontType:\"sans-serif\",defaultValue:{fontSize:\"15px\",variant:\"Medium\",letterSpacing:\"-0.01em\",lineHeight:\"1em\"}},buttonFont:{type:ControlType.Font,title:\"Button Font\",controls:\"extended\",defaultFontType:\"sans-serif\",defaultValue:{fontSize:\"14px\",variant:\"Semibold\",letterSpacing:\"-0.01em\",lineHeight:\"1em\"}}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Header\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutHeight\":\"auto\",\"framerContractVersion\":\"1\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Header_1.map"],"mappings":"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"}