{"version":3,"file":"SiteNav.BWBBOSkq.mjs","names":["useState"],"sources":["https:/framerusercontent.com/modules/Wv11LKXRLmoK5JZwvI82/gm7FkliLKvSNTYwcNpbE/SiteNav.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";import{useState}from\"react\";const FONT=\"'Plus Jakarta Sans', sans-serif\";const LOGO_URL=\"https://framerusercontent.com/images/FDcBAdIv9cZPclP3dHvllvWToM.png\";const NAV_LINKS=[{label:\"Blog\",href:\"/blog\"},{label:\"Shop\",href:\"/shop\"},{label:\"About Us\",href:\"/about-us\"},{label:\"The Hair Corner\",href:\"/hair-corner\"}];const css=`\n*, *::before, *::after { box-sizing: border-box; }\nbody, html { margin: 0 !important; padding: 0 !important; }\n\n.sn-root { width: 100%; background: #424615; }\n\n/* DESKTOP + TABLET: always full horizontal nav */\n.sn-desktop { \n    height: 60px; \n    display: flex; \n    align-items: center; \n    justify-content: space-between; \n    padding: 0 120px; \n    position: sticky;\n    top: 0;\n    z-index: 100;\n    width: 100%;\n    box-sizing: border-box;\n}\n.sn-links {\n    display: flex;\n    gap: 32px;\n    position: absolute;\n    left: 50%;\n    transform: translateX(-50%);\n}\n\n/* MOBILE: hamburger */\n.sn-mobile { display: none; }\n.sn-mobile-open { display: none; }\n\n@media (max-width: 1024px) {\n    .sn-desktop { padding: 0 48px !important; }\n}\n\n@media (max-width: 767px) {\n    .sn-desktop { display: none !important; }\n    .sn-mobile { \n        display: flex !important; \n        height: 60px;\n        align-items: center;\n        justify-content: space-between;\n        padding: 0 20px;\n        position: sticky;\n        top: 0;\n        z-index: 100;\n        width: 100%;\n        box-sizing: border-box;\n    }\n    .sn-mobile-open { display: block !important; }\n}\n`;export default function SiteNav({activePage=\"\"}){const[menuOpen,setMenuOpen]=useState(false);const currentPath=typeof window!==\"undefined\"?window.location.pathname:activePage;return /*#__PURE__*/_jsxs(\"div\",{className:\"sn-root\",children:[/*#__PURE__*/_jsx(\"style\",{children:css}),/*#__PURE__*/_jsxs(\"nav\",{className:\"sn-desktop\",children:[/*#__PURE__*/_jsx(\"a\",{href:\"/\",style:{textDecoration:\"none\",flexShrink:0},children:/*#__PURE__*/_jsx(\"img\",{src:LOGO_URL,alt:\"MaariCare\",style:{height:22,width:\"auto\",objectFit:\"contain\",display:\"block\"}})}),/*#__PURE__*/_jsx(\"div\",{className:\"sn-links\",children:NAV_LINKS.map(link=>{const isActive=currentPath===link.href||activePage===link.href;return /*#__PURE__*/_jsx(\"a\",{href:link.href,style:{fontFamily:FONT,fontSize:11,fontWeight:600,letterSpacing:\"0.1em\",textTransform:\"uppercase\",color:isActive?\"white\":\"rgba(255,255,255,0.55)\",textDecoration:\"none\",borderBottom:isActive?\"1.5px solid #D78A56\":\"none\",paddingBottom:isActive?2:0,whiteSpace:\"nowrap\"},children:link.label},link.href);})}),/*#__PURE__*/_jsx(\"a\",{href:\"/#email-signup\",style:{fontFamily:FONT,fontSize:11,fontWeight:700,letterSpacing:\"0.1em\",textTransform:\"uppercase\",color:\"white\",background:\"#D78A56\",padding:\"9px 22px\",borderRadius:50,textDecoration:\"none\",whiteSpace:\"nowrap\",flexShrink:0},children:\"Join Us\"})]}),/*#__PURE__*/_jsxs(\"div\",{className:\"sn-mobile\",children:[/*#__PURE__*/_jsxs(\"button\",{onClick:()=>setMenuOpen(!menuOpen),style:{background:\"none\",border:\"none\",cursor:\"pointer\",padding:4,display:\"flex\",flexDirection:\"column\",gap:5,flexShrink:0},children:[/*#__PURE__*/_jsx(\"span\",{style:{display:\"block\",width:22,height:2,background:\"#F7EFEA\",transform:menuOpen?\"rotate(45deg) translate(5px, 5px)\":\"none\",transition:\"all 0.3s\"}}),/*#__PURE__*/_jsx(\"span\",{style:{display:\"block\",width:22,height:2,background:\"#F7EFEA\",opacity:menuOpen?0:1,transition:\"all 0.3s\"}}),/*#__PURE__*/_jsx(\"span\",{style:{display:\"block\",width:22,height:2,background:\"#F7EFEA\",transform:menuOpen?\"rotate(-45deg) translate(5px, -5px)\":\"none\",transition:\"all 0.3s\"}})]}),/*#__PURE__*/_jsx(\"a\",{href:\"/\",style:{textDecoration:\"none\",position:\"absolute\",left:\"50%\",transform:\"translateX(-50%)\"},children:/*#__PURE__*/_jsx(\"img\",{src:LOGO_URL,alt:\"MaariCare\",style:{height:22,width:\"auto\",objectFit:\"contain\",display:\"block\"}})}),/*#__PURE__*/_jsx(\"div\",{style:{width:38}})]}),menuOpen&&/*#__PURE__*/_jsxs(\"div\",{className:\"sn-mobile-open\",style:{background:\"#424615\",padding:\"12px 20px 28px\",width:\"100%\"},children:[NAV_LINKS.map(link=>/*#__PURE__*/_jsx(\"a\",{href:link.href,onClick:()=>setMenuOpen(false),style:{display:\"block\",fontFamily:FONT,fontSize:28,fontWeight:800,color:currentPath===link.href?\"#D78A56\":\"#F7EFEA\",textDecoration:\"none\",padding:\"18px 0\",borderBottom:\"0.5px solid rgba(247,239,234,0.1)\"},children:link.label},link.href)),/*#__PURE__*/_jsx(\"a\",{href:\"/#email-signup\",onClick:()=>setMenuOpen(false),style:{display:\"inline-block\",marginTop:24,padding:\"9px 22px\",background:\"#D78A56\",color:\"#F7EFEA\",fontFamily:FONT,fontSize:11,fontWeight:700,letterSpacing:\"0.1em\",textTransform:\"uppercase\",borderRadius:50,textDecoration:\"none\"},children:\"Join Us\"})]})]});}addPropertyControls(SiteNav,{activePage:{type:ControlType.String,title:\"Active Page\",defaultValue:\"\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"SiteNav\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./SiteNav.map"],"mappings":"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"}