{"version":3,"file":"HummerBanner.CgK412Ql.mjs","names":["useState","_Fragment"],"sources":["https:/framerusercontent.com/modules/6WmDiSwLe2yiatzyG8Go/XfGZFWUe927HOi6fycjU/HummerBanner.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from\"react/jsx-runtime\";import{useState,useEffect}from\"react\";export default function HummerBanner(){const[isModalOpen,setIsModalOpen]=useState(false);const[email,setEmail]=useState(\"\");const[thankYouShown,setThankYouShown]=useState(false);const[showHummerUTMBanner,setShowHummerUTMBanner]=useState(false);useEffect(()=>{const closed=localStorage.getItem(\"noBannerEdyouPersist\");if(!closed){setIsModalOpen(true);}// Detect if URL contains utm_source=hummer or similar\nif(window.location.search.includes(\"utm_source=hummer\")){setShowHummerUTMBanner(true);}},[]);const handleSubmit=async e=>{e.preventDefault();if(!email)return;const portalId=\"8174166\";const formId=\"ced315d8-0563-4f6d-aeff-3890ee531ca1\";const url=`https://api.hsforms.com/submissions/v3/integration/submit/${portalId}/${formId}`;const data={fields:[{name:\"email\",value:email}]};try{await fetch(url,{method:\"POST\",headers:{\"Content-Type\":\"application/json\"},body:JSON.stringify(data)});setThankYouShown(true);setEmail(\"\");setTimeout(()=>{window.location.href=\"https://app.edyou.com/signup?utm_source=hummerBannerEmailSubmitted&utm_medium=hummerBannerEmailSubmitted&utm_campaign=hummerBannerEmailSubmitted&utm_term=hummerBannerEmailSubmitted&utm_content=hummerBannerEmailSubmitted\";},2600);}catch(err){console.error(\"Error submitting to HubSpot:\",err);}};const closeModal=()=>{setIsModalOpen(false);localStorage.setItem(\"noBannerEdyouPersist\",\"userClosedHummerModal\");};if(!isModalOpen)return null;return /*#__PURE__*/_jsxs(_Fragment,{children:[showHummerUTMBanner&&/*#__PURE__*/_jsx(\"div\",{className:\"modal-overlay\",children:/*#__PURE__*/_jsxs(\"div\",{className:\"modal-content\",children:[/*#__PURE__*/_jsx(\"button\",{className:\"close-btn hummer-text\",onClick:closeModal,children:\"\\xd7\"}),/*#__PURE__*/_jsx(\"h2\",{className:\"hummer-text hummer-text-title\",children:showHummerUTMBanner?\"Thanks for spotting our Hummer! Get 25% off of edYOU!\":\"Spot our Hummer and get 25% off of edYOU!\"}),/*#__PURE__*/_jsx(\"img\",{src:\"https://8174166.fs1.hubspotusercontent-na2.net/hubfs/8174166/HUMMER-edyou.webp\",alt:\"edYOU Hummer\",className:\"hummer-image\"}),!thankYouShown?/*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(\"h3\",{className:\"hummer-text\",children:\"Enter your email for 25% Off\"}),/*#__PURE__*/_jsxs(\"form\",{onSubmit:handleSubmit,className:\"hummer-hs-form\",children:[/*#__PURE__*/_jsx(\"input\",{type:\"email\",placeholder:\"Email Address\",required:true,value:email,onChange:e=>setEmail(e.target.value)}),/*#__PURE__*/_jsx(\"button\",{type:\"submit\",disabled:!email,children:\"Enter Email\"})]})]}):/*#__PURE__*/_jsxs(\"div\",{className:\"hummer-thank-you-message\",children:[/*#__PURE__*/_jsx(\"h3\",{children:\"Thanks!\"}),/*#__PURE__*/_jsx(\"p\",{children:\"Check your email for your discount!\"})]})]})}),/*#__PURE__*/_jsx(\"style\",{children:`\n        .modal-overlay {\n          position: fixed;\n          top: 0; left: 0; right: 0; bottom: 0;\n          background: rgba(0,0,0,0.5);\n          display: flex;\n          justify-content: center;\n          align-items: center;\n          z-index: 1000;\n        }\n\n        .modal-content {\n          padding: 20px;\n          border-radius: 24px;\n          text-align: center;\n          background: linear-gradient(90deg, #3AC1F0 12.19%, #243873 87.81%);\n          box-shadow: 0 4px 8px rgba(0,0,0,0.2);\n          width: 75%;\n          display: flex;\n          flex-direction: column;\n          align-items: center;\n          user-select: none;\n          position: relative;\n        }\n\n        .close-btn {\n          background: transparent;\n          border: none;\n          color: #fff;\n          font-size: 2rem;\n          position: absolute;\n          top: 20px;\n          right: 30px;\n          cursor: pointer;\n        }\n\n        .hummer-text { color: #fff; }\n        .hummer-text-title { font-size: 2.5em; font-weight: 600; margin-bottom: 16px; padding: 0 40px; }\n        .hummer-image { width: 94%; }\n\n        .hummer-hs-form {\n          display: flex;\n          flex-wrap: wrap;\n          gap: 16px;\n          justify-content: center;\n          align-items: center;\n          margin-top: 10px;\n        }\n\n        .hummer-hs-form input[type=\"email\"] {\n          padding: 12px 16px;\n          border: 1px solid #ddd;\n          border-radius: 6px;\n          font-size: 1rem;\n          min-width: 220px;\n          outline: none;\n        }\n\n        .hummer-hs-form input[type=\"email\"]:focus {\n          border: 1.5px solid #579BDB;\n          background: #f8fbff;\n        }\n\n        .hummer-hs-form button[type=\"submit\"] {\n          padding: 12px 16px;\n          background: #579BDB;\n          color: #fff;\n          border: none;\n          border-radius: 6px;\n          font-size: 1rem;\n          font-weight: 600;\n          cursor: pointer;\n          transition: background 0.2s;\n        }\n\n        .hummer-hs-form button[type=\"submit\"]:hover:enabled {\n          background: #2566a3;\n        }\n\n        .hummer-hs-form button[disabled] {\n          opacity: 0.6;\n          cursor: not-allowed;\n        }\n\n        .hummer-thank-you-message {\n          text-align: center;\n          padding-top: 24px;\n        }\n\n        .hummer-thank-you-message h3 {\n          color: #fff;\n          font-size: 2rem;\n          margin-bottom: 8px;\n        }\n\n        .hummer-thank-you-message p {\n          color: #fff;\n          font-size: 1.2rem;\n        }\n\n        @media (max-width: 480px) {\n          .hummer-text-title { font-size: 1.8em; }\n        }\n      `})]});}\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"HummerBanner\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./HummerBanner.map"],"mappings":"qJAAqH,SAAwB,GAAc,CAAC,GAAK,CAAC,EAAY,GAAgBA,EAAS,EAAK,EAAO,CAAC,EAAM,GAAUA,EAAS,EAAE,EAAO,CAAC,EAAc,GAAkBA,EAAS,EAAK,EAAO,CAAC,EAAoB,GAAwBA,EAAS,EAAK,EAC2nB,OADznB,MAAc,CAAc,aAAa,QAAQ,sBAAiC,GAAG,EAAe,EAAI,EAC9c,EAAO,SAAS,OAAO,SAAS,mBAAmB,GAAG,EAAuB,EAAI,CAAG,EAAE,CAAC,CAAC,EAA+2B,EAA4C,EAAMC,EAAU,CAAC,SAAS,CAAC,GAAkC,EAAK,MAAM,CAAC,UAAU,gBAAgB,SAAsB,EAAM,MAAM,CAAC,UAAU,gBAAgB,SAAS,CAAc,EAAK,SAAS,CAAC,UAAU,wBAAwB,YAAtX,CAAC,EAAe,EAAK,EAAE,aAAa,QAAQ,uBAAuB,uBAAuB,CAAE,EAA6S,SAAS,GAAM,CAAC,EAAe,EAAK,KAAK,CAAC,UAAU,gCAAgC,SAAS,EAAoB,wDAAwD,2CAA2C,CAAC,EAAe,EAAK,MAAM,CAAC,IAAI,iFAAiF,IAAI,eAAe,UAAU,cAAc,CAAC,EAAG,EAAid,EAAM,MAAM,CAAC,UAAU,2BAA2B,SAAS,CAAc,EAAK,KAAK,CAAC,SAAS,SAAS,CAAC,EAAe,EAAK,IAAI,CAAC,SAAS,qCAAqC,CAAC,CAAC,CAAC,CAAC,EAAxmB,EAAMA,EAAU,CAAC,SAAS,CAAc,EAAK,KAAK,CAAC,UAAU,cAAc,SAAS,8BAA8B,CAAC,EAAe,EAAM,OAAO,CAAC,SAAS,KAAnqD,IAAG,CAAoB,GAAnB,EAAE,eAAe,EAAK,CAAC,EAAM,OAAoF,IAAkG,EAAK,CAAC,OAAO,CAAC,CAAC,KAAK,QAAQ,MAAM,CAAK,CAAC,CAAC,EAAE,GAAG,CAAC,MAAM,MAAM,yGAAI,CAAC,OAAO,OAAO,QAAQ,CAAC,eAAe,kBAAkB,EAAE,KAAK,KAAK,UAAU,CAAI,CAAC,CAAC,EAAE,EAAiB,EAAI,EAAE,EAAS,EAAE,EAAE,eAAe,CAAC,EAAO,SAAS,KAAK,6NAA8N,EAAE,IAAI,CAAE,OAAO,EAAI,CAAC,QAAQ,MAAM,+BAA+B,CAAG,CAAE,CAAC,EAAq9B,UAAU,iBAAiB,SAAS,CAAc,EAAK,QAAQ,CAAC,KAAK,QAAQ,YAAY,gBAAgB,SAAS,GAAK,MAAM,EAAM,SAAS,GAAG,EAAS,EAAE,OAAO,KAAK,CAAC,CAAC,EAAe,EAAK,SAAS,CAAC,KAAK,SAAS,SAAS,CAAC,EAAM,SAAS,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAkM,CAAC,CAAC,CAAC,CAAC,EAAe,EAAK,QAAQ,CAAC,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAuG5wE,CAAC,CAAC,CAAC,CAAC,EAvGk9B,IAuGh9B,qBAxGiE,IAAsC"}