{"version":3,"file":"NavBar.DD2_NTGs.mjs","names":["useState","_Fragment"],"sources":["https:/framerusercontent.com/modules/wMkuC7q1F7lCgAgTo9Oz/mm8DpQunSMwqbzFLvXBX/NavBar.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from\"react/jsx-runtime\";import{useState}from\"react\";import{addPropertyControls,ControlType}from\"framer\";const fonts=`@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Syne:wght@400;700;800&family=DM+Sans:wght@300;400;500&display=swap');`;const css=`\n.tm-nav-wrap {\n    background: #0f0e0d;\n    width: 100%;\n    box-sizing: border-box;\n    font-family: 'DM Sans', sans-serif;\n    border-bottom: 0.5px solid rgba(201,169,110,0.15);\n    position: relative;\n    z-index: 10;\n}\n.tm-nav-inner {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 20px 24px;\n}\n.tm-nav-logo {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    text-decoration: none;\n    flex-shrink: 0;\n}\n.tm-nav-logo-mark {\n    width: 24px;\n    height: 24px;\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 3px;\n    flex-shrink: 0;\n}\n.tm-nav-logo-mark span {\n    background: #c9a96e;\n    border-radius: 2px;\n    display: block;\n}\n.tm-nav-logo-mark span:nth-child(2),\n.tm-nav-logo-mark span:nth-child(3) {\n    background: rgba(201,169,110,0.35);\n}\n.tm-nav-wordmark {\n    font-family: 'Syne', sans-serif;\n    font-weight: 700;\n    font-size: 13px;\n    color: #ffffff;\n    letter-spacing: 0.04em;\n    text-transform: uppercase;\n    white-space: nowrap;\n}\n.tm-nav-desktop-links {\n    display: none;\n    align-items: center;\n    gap: 28px;\n    list-style: none;\n    margin: 0;\n    padding: 0;\n}\n.tm-nav-desktop-links a {\n    font-family: 'DM Sans', sans-serif;\n    font-size: 13px;\n    color: rgba(255,255,255,0.5);\n    text-decoration: none;\n    letter-spacing: 0.02em;\n    white-space: nowrap;\n    cursor: pointer;\n}\n.tm-nav-desktop-links a.active {\n    color: rgba(255,255,255,0.9);\n}\n.tm-nav-desktop-cta {\n    font-family: 'Syne', sans-serif !important;\n    font-size: 11px !important;\n    font-weight: 700 !important;\n    color: #c9a96e !important;\n    border: 0.5px solid rgba(201,169,110,0.4) !important;\n    padding: 10px 16px !important;\n    border-radius: 2px !important;\n    letter-spacing: 0.05em !important;\n    text-transform: uppercase !important;\n    white-space: normal !important;\n    text-align: center !important;\n    width: 88px !important;\n    line-height: 1.3 !important;\n    display: inline-flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    text-decoration: none !important;\n}\n.tm-nav-hamburger {\n    display: flex;\n    flex-direction: column;\n    gap: 5px;\n    cursor: pointer;\n    padding: 4px;\n    background: none;\n    border: none;\n}\n.tm-nav-hamburger span {\n    display: block;\n    height: 1px;\n    background: rgba(255,255,255,0.5);\n    width: 22px;\n}\n.tm-nav-hamburger span:last-child { width: 14px; }\n.tm-nav-mobile-menu {\n    position: absolute;\n    top: 0; left: 0; right: 0;\n    background: #0f0e0d;\n    z-index: 100;\n    padding: 20px 24px;\n    border-bottom: 0.5px solid rgba(201,169,110,0.15);\n}\n.tm-nav-mobile-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-bottom: 32px;\n}\n.tm-nav-mobile-close {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: rgba(255,255,255,0.5);\n    font-size: 28px;\n    line-height: 1;\n    padding: 0;\n}\n.tm-nav-mobile-links {\n    list-style: none;\n    margin: 0 0 32px 0;\n    padding: 0;\n}\n.tm-nav-mobile-links li {\n    border-bottom: 0.5px solid rgba(255,255,255,0.06);\n}\n.tm-nav-mobile-links a {\n    display: block;\n    font-family: 'DM Sans', sans-serif;\n    font-size: 16px;\n    color: rgba(255,255,255,0.6);\n    text-decoration: none;\n    padding: 18px 0;\n    cursor: pointer;\n}\n.tm-nav-mobile-cta {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: #c9a96e;\n    color: #0f0e0d;\n    font-family: 'Syne', sans-serif;\n    font-weight: 700;\n    font-size: 13px;\n    letter-spacing: 0.07em;\n    text-transform: uppercase;\n    padding: 16px 24px;\n    border-radius: 2px;\n    text-decoration: none;\n    width: 100%;\n    box-sizing: border-box;\n    cursor: pointer;\n}\n@media (min-width: 640px) {\n    .tm-nav-inner { padding: 24px 40px; }\n    .tm-nav-hamburger { display: none; }\n    .tm-nav-desktop-links { display: flex; }\n}\n@media (min-width: 1024px) {\n    .tm-nav-inner { padding: 28px 56px; }\n}\n`;export default function NavBar({ctaLink=\"/launch\",pricingLink=\"/pricing\",venuesLink=\"/for-venues\",activePage=\"\"}){const[menuOpen,setMenuOpen]=useState(false);return /*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(\"style\",{dangerouslySetInnerHTML:{__html:fonts+css}}),/*#__PURE__*/_jsxs(\"div\",{className:\"tm-nav-wrap\",children:[menuOpen&&/*#__PURE__*/_jsxs(\"div\",{className:\"tm-nav-mobile-menu\",children:[/*#__PURE__*/_jsxs(\"div\",{className:\"tm-nav-mobile-header\",children:[/*#__PURE__*/_jsxs(\"a\",{href:\"/\",className:\"tm-nav-logo\",children:[/*#__PURE__*/_jsxs(\"div\",{className:\"tm-nav-logo-mark\",children:[/*#__PURE__*/_jsx(\"span\",{}),/*#__PURE__*/_jsx(\"span\",{}),/*#__PURE__*/_jsx(\"span\",{}),/*#__PURE__*/_jsx(\"span\",{})]}),/*#__PURE__*/_jsx(\"span\",{className:\"tm-nav-wordmark\",children:\"Tabletop Media\"})]}),/*#__PURE__*/_jsx(\"button\",{className:\"tm-nav-mobile-close\",onClick:()=>setMenuOpen(false),children:\"\\xd7\"})]}),/*#__PURE__*/_jsxs(\"ul\",{className:\"tm-nav-mobile-links\",children:[/*#__PURE__*/_jsx(\"li\",{children:/*#__PURE__*/_jsx(\"a\",{href:\"/\",onClick:()=>setMenuOpen(false),children:\"Home\"})}),/*#__PURE__*/_jsx(\"li\",{children:/*#__PURE__*/_jsx(\"a\",{href:pricingLink,onClick:()=>setMenuOpen(false),children:\"Pricing\"})}),/*#__PURE__*/_jsx(\"li\",{children:/*#__PURE__*/_jsx(\"a\",{href:venuesLink,onClick:()=>setMenuOpen(false),children:\"For Venues\"})})]}),/*#__PURE__*/_jsx(\"a\",{href:ctaLink,className:\"tm-nav-mobile-cta\",children:\"Launch a campaign →\"})]}),/*#__PURE__*/_jsxs(\"div\",{className:\"tm-nav-inner\",children:[/*#__PURE__*/_jsxs(\"a\",{href:\"/\",className:\"tm-nav-logo\",children:[/*#__PURE__*/_jsxs(\"div\",{className:\"tm-nav-logo-mark\",children:[/*#__PURE__*/_jsx(\"span\",{}),/*#__PURE__*/_jsx(\"span\",{}),/*#__PURE__*/_jsx(\"span\",{}),/*#__PURE__*/_jsx(\"span\",{})]}),/*#__PURE__*/_jsx(\"span\",{className:\"tm-nav-wordmark\",children:\"Tabletop Media\"})]}),/*#__PURE__*/_jsxs(\"ul\",{className:\"tm-nav-desktop-links\",children:[/*#__PURE__*/_jsx(\"li\",{children:/*#__PURE__*/_jsx(\"a\",{href:\"/\",className:activePage===\"home\"?\"active\":\"\",children:\"Home\"})}),/*#__PURE__*/_jsx(\"li\",{children:/*#__PURE__*/_jsx(\"a\",{href:pricingLink,className:activePage===\"pricing\"?\"active\":\"\",children:\"Pricing\"})}),/*#__PURE__*/_jsx(\"li\",{children:/*#__PURE__*/_jsx(\"a\",{href:venuesLink,className:activePage===\"venues\"?\"active\":\"\",children:\"For Venues\"})}),/*#__PURE__*/_jsx(\"li\",{children:/*#__PURE__*/_jsxs(\"a\",{href:ctaLink,className:\"tm-nav-desktop-cta\",children:[\"Launch a\",/*#__PURE__*/_jsx(\"br\",{}),\"campaign\"]})})]}),/*#__PURE__*/_jsxs(\"button\",{className:\"tm-nav-hamburger\",onClick:()=>setMenuOpen(true),\"aria-label\":\"Open menu\",children:[/*#__PURE__*/_jsx(\"span\",{}),/*#__PURE__*/_jsx(\"span\",{}),/*#__PURE__*/_jsx(\"span\",{})]})]})]})]});}addPropertyControls(NavBar,{ctaLink:{type:ControlType.String,title:\"CTA Link\",defaultValue:\"/launch\"},pricingLink:{type:ControlType.String,title:\"Pricing Link\",defaultValue:\"/pricing\"},venuesLink:{type:ControlType.String,title:\"For Venues Link\",defaultValue:\"/for-venues\"},activePage:{type:ControlType.String,title:\"Active Page\",defaultValue:\"\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"NavBar\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./NavBar.map"],"mappings":"wLA0KE,SAAwB,EAAO,CAAC,UAAQ,UAAU,cAAY,WAAW,aAAW,cAAc,aAAW,IAAI,CAAC,GAAK,CAAC,EAAS,GAAaA,EAAS,GAAM,CAAC,OAAoB,EAAMC,EAAU,CAAC,SAAS,CAAc,EAAK,QAAQ,CAAC,wBAAwB,CAAC,OAAO,EAAM,EAAI,CAAC,CAAC,CAAc,EAAM,MAAM,CAAC,UAAU,cAAc,SAAS,CAAC,GAAuB,EAAM,MAAM,CAAC,UAAU,qBAAqB,SAAS,CAAc,EAAM,MAAM,CAAC,UAAU,uBAAuB,SAAS,CAAc,EAAM,IAAI,CAAC,KAAK,IAAI,UAAU,cAAc,SAAS,CAAc,EAAM,MAAM,CAAC,UAAU,mBAAmB,SAAS,CAAc,EAAK,OAAO,EAAE,CAAC,CAAc,EAAK,OAAO,EAAE,CAAC,CAAc,EAAK,OAAO,EAAE,CAAC,CAAc,EAAK,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAc,EAAK,OAAO,CAAC,UAAU,kBAAkB,SAAS,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAc,EAAK,SAAS,CAAC,UAAU,sBAAsB,YAAY,EAAY,GAAM,CAAC,SAAS,IAAO,CAAC,CAAC,CAAC,CAAC,CAAc,EAAM,KAAK,CAAC,UAAU,sBAAsB,SAAS,CAAc,EAAK,KAAK,CAAC,SAAsB,EAAK,IAAI,CAAC,KAAK,IAAI,YAAY,EAAY,GAAM,CAAC,SAAS,OAAO,CAAC,CAAC,CAAC,CAAc,EAAK,KAAK,CAAC,SAAsB,EAAK,IAAI,CAAC,KAAK,EAAY,YAAY,EAAY,GAAM,CAAC,SAAS,UAAU,CAAC,CAAC,CAAC,CAAc,EAAK,KAAK,CAAC,SAAsB,EAAK,IAAI,CAAC,KAAK,EAAW,YAAY,EAAY,GAAM,CAAC,SAAS,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAc,EAAK,IAAI,CAAC,KAAK,EAAQ,UAAU,oBAAoB,SAAS,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAc,EAAM,MAAM,CAAC,UAAU,eAAe,SAAS,CAAc,EAAM,IAAI,CAAC,KAAK,IAAI,UAAU,cAAc,SAAS,CAAc,EAAM,MAAM,CAAC,UAAU,mBAAmB,SAAS,CAAc,EAAK,OAAO,EAAE,CAAC,CAAc,EAAK,OAAO,EAAE,CAAC,CAAc,EAAK,OAAO,EAAE,CAAC,CAAc,EAAK,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAc,EAAK,OAAO,CAAC,UAAU,kBAAkB,SAAS,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAc,EAAM,KAAK,CAAC,UAAU,uBAAuB,SAAS,CAAc,EAAK,KAAK,CAAC,SAAsB,EAAK,IAAI,CAAC,KAAK,IAAI,UAAU,IAAa,OAAO,SAAS,GAAG,SAAS,OAAO,CAAC,CAAC,CAAC,CAAc,EAAK,KAAK,CAAC,SAAsB,EAAK,IAAI,CAAC,KAAK,EAAY,UAAU,IAAa,UAAU,SAAS,GAAG,SAAS,UAAU,CAAC,CAAC,CAAC,CAAc,EAAK,KAAK,CAAC,SAAsB,EAAK,IAAI,CAAC,KAAK,EAAW,UAAU,IAAa,SAAS,SAAS,GAAG,SAAS,aAAa,CAAC,CAAC,CAAC,CAAc,EAAK,KAAK,CAAC,SAAsB,EAAM,IAAI,CAAC,KAAK,EAAQ,UAAU,qBAAqB,SAAS,CAAC,WAAwB,EAAK,KAAK,EAAE,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAc,EAAM,SAAS,CAAC,UAAU,mBAAmB,YAAY,EAAY,GAAK,CAAC,aAAa,YAAY,SAAS,CAAc,EAAK,OAAO,EAAE,CAAC,CAAc,EAAK,OAAO,EAAE,CAAC,CAAc,EAAK,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,sBA1KtmF,IAA4B,IAAoD,CAAM,EAAM,gJAAsJ,EAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0Kk3E,EAAoB,EAAO,CAAC,QAAQ,CAAC,KAAK,EAAY,OAAO,MAAM,WAAW,aAAa,UAAU,CAAC,YAAY,CAAC,KAAK,EAAY,OAAO,MAAM,eAAe,aAAa,WAAW,CAAC,WAAW,CAAC,KAAK,EAAY,OAAO,MAAM,kBAAkB,aAAa,cAAc,CAAC,WAAW,CAAC,KAAK,EAAY,OAAO,MAAM,cAAc,aAAa,GAAG,CAAC,CAAC"}