{"version":3,"file":"Menu_Navigation.D8WsFCol.mjs","names":["React.useState","_Fragment"],"sources":["https:/framerusercontent.com/modules/XN6WpRB1vQSztk7joa2r/AJTon0TSJpr29xH0SO6r/Menu_Navigation.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from\"react/jsx-runtime\";import*as React from\"react\";import{AnimatePresence,motion}from\"framer-motion\";import{addPropertyControls,ControlType}from\"framer\";const links=[{label:\"Home\",href:\"/\"},{label:\"About Us\",href:\"/about\"},{label:\"Our Services\",href:\"/services\"},{label:\"Luxury Stays\",href:\"/luxury-stays\"},{label:\"Curated Art Experiences\",href:\"/curated-art-experiences\"},{label:\"Concierge\",href:\"/concierge\"}];export default function LuxuryNavigation({velvetImage}){const[isOpen,setIsOpen]=React.useState(false);React.useEffect(()=>{document.body.style.overflow=isOpen?\"hidden\":\"\";return()=>{document.body.style.overflow=\"\";};},[isOpen]);const velvetStyle=velvetImage?{backgroundImage:`linear-gradient(rgba(0,0,0,0.48), rgba(0,0,0,0.72)), url(${velvetImage})`,backgroundSize:\"cover\",backgroundPosition:\"center\"}:{};return /*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(\"style\",{children:`\n                * {\n                    box-sizing: border-box;\n                }\n\n                .luxury-nav {\n                    position: fixed;\n                    top: 0;\n                    left: 0;\n                    width: 100%;\n                    height: 82px;\n                    z-index: 1000;\n                    display: flex;\n                    align-items: center;\n                    justify-content: flex-start;\n                    padding: 0 42px;\n                    color: #ffffff;\n                    background: #090909;\n                    backdrop-filter: blur(10px);\n                    -webkit-backdrop-filter: blur(10px);\n                }\n\n                .luxury-logo {\n                    color: #ffffff;\n                    font-family: \"Cormorant Garamond\", Georgia, serif;\n                    font-size: 30px;\n                    font-weight: 500;\n                    letter-spacing: 0.16em;\n                    text-decoration: none;\n                    white-space: nowrap;\n                }\n\n                .desktop-links {\n                    display: flex;\n                    align-items: center;\n                    gap: 24px;\n                    margin-left: auto;\n                }\n\n                .desktop-links a,\n                .menu-link {\n                    color: #ffffff;\n                    font-family: \"Cormorant Garamond\", Georgia, serif;\n                    font-size: 14px;\n                    font-weight: 600;\n                    letter-spacing: 0.08em;\n                    text-decoration: none;\n                    text-transform: uppercase;\n                    white-space: nowrap;\n                }\n\n                .desktop-links a:hover,\n                .menu-link:hover {\n                    color: #c8a96a;\n                }\n\n                .enquiry-button {\n                    display: inline-flex;\n                    align-items: center;\n                    justify-content: center;\n                    min-height: 50px;\n                    padding: 0 24px;\n                    border: 1px solid rgba(255,255,255,0.7);\n                    color: #ffffff;\n                    font-family: \"Cormorant Garamond\", Georgia, serif;\n                    font-size: 14px;\n                    font-weight: 600;\n                    letter-spacing: 0.08em;\n                    text-decoration: none;\n                    text-transform: uppercase;\n                    white-space: nowrap;\n                    transition: background 0.25s ease, color 0.25s ease;\n                }\n\n                .enquiry-button:hover {\n                    background: #ffffff;\n                    color: #090909;\n                }\n\n                .desktop-enquiry {\n                    margin-left: 24px;\n                }\n\n                .menu-button {\n                    display: none;\n                    position: absolute;\n                    right: 24px;\n                    width: 48px;\n                    height: 48px;\n                    padding: 0;\n                    border: 0;\n                    color: #ffffff;\n                    background: transparent;\n                    cursor: pointer;\n                }\n\n                .hamburger,\n                .hamburger::before,\n                .hamburger::after {\n                    display: block;\n                    position: absolute;\n                    width: 25px;\n                    height: 1.5px;\n                    background: currentColor;\n                    transition: transform 0.3s ease;\n                }\n\n                .hamburger {\n                    top: 23px;\n                    left: 12px;\n                }\n\n                .hamburger::before,\n                .hamburger::after {\n                    content: \"\";\n                    left: 0;\n                }\n\n                .hamburger::before {\n                    top: -8px;\n                }\n\n                .hamburger::after {\n                    top: 8px;\n                }\n\n                .menu-button.open .hamburger {\n                    background: transparent;\n                }\n\n                .menu-button.open .hamburger::before {\n                    top: 0;\n                    transform: rotate(45deg);\n                }\n\n                .menu-button.open .hamburger::after {\n                    top: 0;\n                    transform: rotate(-45deg);\n                }\n\n                .mobile-overlay {\n                    position: fixed;\n                    inset: 0;\n                    z-index: 999;\n                    display: flex;\n                    flex-direction: column;\n                    align-items: center;\n                    justify-content: center;\n                    padding: 110px 30px 42px;\n                    background: #090909;\n                }\n\n                .mobile-menu-links {\n                    display: flex;\n                    width: 100%;\n                    max-width: 390px;\n                    flex-direction: column;\n                    align-items: center;\n                    gap: 27px;\n                }\n\n                .mobile-menu-links .menu-link {\n                    font-size: 20px;\n                }\n\n                .mobile-enquiry {\n                    width: 100%;\n                    margin-top: 22px;\n                }\n\n                @media (max-width: 900px) {\n                    .luxury-nav {\n                        height: 70px;\n                        justify-content: flex-start;\n                        padding: 0 24px;\n                    }\n\n                    .luxury-logo {\n                        font-size: 24px;\n                    }\n\n                    .desktop-links,\n                    .desktop-enquiry {\n                        display: none;\n                    }\n\n                    .menu-button {\n                        display: block;\n                    }\n                }\n            `}),/*#__PURE__*/_jsxs(\"header\",{className:\"luxury-nav\",style:velvetStyle,children:[/*#__PURE__*/_jsx(\"a\",{className:\"luxury-logo\",href:\"/\",children:\"PRIV\\xc9\"}),/*#__PURE__*/_jsx(\"nav\",{className:\"desktop-links\",children:links.map(link=>/*#__PURE__*/_jsx(\"a\",{href:link.href,children:link.label},link.href))}),/*#__PURE__*/_jsx(\"a\",{className:\"enquiry-button desktop-enquiry\",href:\"/contact\",children:\"Make an enquiry\"}),/*#__PURE__*/_jsx(\"button\",{className:`menu-button ${isOpen?\"open\":\"\"}`,onClick:()=>setIsOpen(!isOpen),\"aria-label\":isOpen?\"Close menu\":\"Open menu\",\"aria-expanded\":isOpen,children:/*#__PURE__*/_jsx(\"span\",{className:\"hamburger\"})})]}),/*#__PURE__*/_jsx(AnimatePresence,{children:isOpen&&/*#__PURE__*/_jsx(motion.div,{className:\"mobile-overlay\",style:velvetStyle,initial:{x:\"100%\"},animate:{x:0},exit:{x:\"100%\"},transition:{type:\"spring\",stiffness:260,damping:30,mass:.8},children:/*#__PURE__*/_jsxs(motion.nav,{className:\"mobile-menu-links\",initial:\"hidden\",animate:\"visible\",variants:{hidden:{},visible:{transition:{delayChildren:.18,staggerChildren:.06}}},children:[links.map(link=>/*#__PURE__*/_jsx(motion.a,{className:\"menu-link\",href:link.href,onClick:()=>setIsOpen(false),variants:{hidden:{opacity:0,y:16},visible:{opacity:1,y:0}},transition:{duration:.35},children:link.label},link.href)),/*#__PURE__*/_jsx(motion.a,{className:\"enquiry-button mobile-enquiry\",href:\"/contact\",onClick:()=>setIsOpen(false),variants:{hidden:{opacity:0,y:16},visible:{opacity:1,y:0}},transition:{duration:.35},children:\"Make an enquiry\"})]})})})]});}addPropertyControls(LuxuryNavigation,{velvetImage:{type:ControlType.Image,title:\"Velvet Background\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"LuxuryNavigation\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Menu_Navigation.map"],"mappings":"6OAAod,SAAwB,EAAiB,CAAC,eAAa,CAAC,GAAK,CAAC,EAAO,GAAWA,EAAe,EAAK,EAAE,OAAqB,SAAS,KAAK,MAAM,SAAS,EAAO,SAAS,OAAa,CAAC,SAAS,KAAK,MAAM,SAAS,EAAG,GAAI,CAAC,CAAM,CAAC,EAAE,IAAM,EAAY,EAAY,CAAC,gBAAgB,4DAA4D,EAAY,GAAG,eAAe,QAAQ,mBAAmB,QAAQ,EAAE,CAAC,EAAE,OAAoB,EAAMC,EAAU,CAAC,SAAS,CAAc,EAAK,QAAQ,CAAC,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;aA8L/6B,CAAC,EAAe,EAAM,SAAS,CAAC,UAAU,aAAa,MAAM,EAAY,SAAS,CAAc,EAAK,IAAI,CAAC,UAAU,cAAc,KAAK,IAAI,SAAS,OAAU,CAAC,EAAe,EAAK,MAAM,CAAC,UAAU,gBAAgB,SAAS,EAAM,IAAI,GAAmB,EAAK,IAAI,CAAC,KAAK,EAAK,KAAK,SAAS,EAAK,KAAK,EAAE,EAAK,IAAI,CAAC,CAAC,CAAC,EAAe,EAAK,IAAI,CAAC,UAAU,iCAAiC,KAAK,WAAW,SAAS,iBAAiB,CAAC,EAAe,EAAK,SAAS,CAAC,UAAU,eAAe,EAAO,OAAO,KAAK,YAAY,EAAU,CAAC,CAAM,EAAE,aAAa,EAAO,aAAa,YAAY,gBAAgB,EAAO,SAAsB,EAAK,OAAO,CAAC,UAAU,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAe,EAAK,EAAgB,CAAC,SAAS,GAAqB,EAAK,EAAO,IAAI,CAAC,UAAU,iBAAiB,MAAM,EAAY,QAAQ,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,CAAC,EAAE,KAAK,CAAC,EAAE,MAAM,EAAE,WAAW,CAAC,KAAK,SAAS,UAAU,IAAI,QAAQ,GAAG,KAAK,EAAE,EAAE,SAAsB,EAAM,EAAO,IAAI,CAAC,UAAU,oBAAoB,QAAQ,SAAS,QAAQ,UAAU,SAAS,CAAC,OAAO,CAAC,EAAE,QAAQ,CAAC,WAAW,CAAC,cAAc,IAAI,gBAAgB,GAAG,CAAC,CAAC,EAAE,SAAS,CAAC,EAAM,IAAI,GAAmB,EAAK,EAAO,EAAE,CAAC,UAAU,YAAY,KAAK,EAAK,KAAK,YAAY,EAAU,EAAK,EAAE,SAAS,CAAC,OAAO,CAAC,QAAQ,EAAE,EAAE,EAAE,EAAE,QAAQ,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC,SAAS,GAAG,EAAE,SAAS,EAAK,KAAK,EAAE,EAAK,IAAI,CAAC,EAAe,EAAK,EAAO,EAAE,CAAC,UAAU,gCAAgC,KAAK,WAAW,YAAY,EAAU,EAAK,EAAE,SAAS,CAAC,OAAO,CAAC,QAAQ,EAAE,EAAE,EAAE,EAAE,QAAQ,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC,SAAS,GAAG,EAAE,SAAS,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAE,mBA9Ln9C,IAA4B,IAAkD,IAAoD,EAAO,EAAM,CAAC,CAAC,MAAM,OAAO,KAAK,GAAG,EAAE,CAAC,MAAM,WAAW,KAAK,QAAQ,EAAE,CAAC,MAAM,eAAe,KAAK,WAAW,EAAE,CAAC,MAAM,eAAe,KAAK,eAAe,EAAE,CAAC,MAAM,0BAA0B,KAAK,0BAA0B,EAAE,CAAC,MAAM,YAAY,KAAK,YAAY,CAAC,EA8LglC,EAAoB,EAAiB,CAAC,YAAY,CAAC,KAAK,EAAY,MAAM,MAAM,mBAAmB,CAAC,CAAC"}