{"version":3,"file":"static/chunks/585-9a30ca931199a6c5.js","mappings":"mLAYe,SAASA,EAAgB,G,IAAA,SAAEC,EAAQ,SAAEC,GAAZ,E,IAqCvBD,EApCf,OACE,UAACE,SAAAA,CAAOC,UAAU,S,WAChB,SAACC,MAAAA,CAAID,UAAU,c,UACb,SAACC,MAAAA,CAAID,UAAU,yB,UACb,UAACC,MAAAA,CAAID,UAAU,oD,WACb,UAACC,MAAAA,CAAID,UAAU,wB,WACb,SAACE,KAAAA,CAAGF,UAAU,mB,SAAmB,aACjC,UAACG,KAAAA,CAAGH,UAAU,c,WACZ,SAACI,KAAAA,C,UACC,SAACC,EAAAA,QAAIA,CAACC,KAAK,aAAaN,UAAU,c,SAAc,gBAIlD,SAACI,KAAAA,C,UACC,SAACC,EAAAA,QAAIA,CAACC,KAAK,SAASN,UAAU,c,SAAc,cAI9C,SAACI,KAAAA,C,UACC,SAACC,EAAAA,QAAIA,CAACC,KAAK,SAASN,UAAU,c,SAAc,mBAI9C,SAACI,KAAAA,C,UACC,SAACC,EAAAA,QAAIA,CACHC,KAAK,gEACLN,UAAU,c,SACX,wBAMP,UAACC,MAAAA,CAAID,UAAU,wB,WACb,SAACE,KAAAA,CAAGF,UAAU,mB,SAAmB,cACjC,SAACG,KAAAA,CAAGH,UAAU,c,SACXH,OAAAA,QAAAA,IAAAA,GACiD,QADjDA,EAAAA,EACGU,QAAQC,GAAsC,aAAjBA,EAAQC,cADxCZ,IAAAA,OAAAA,EAAAA,EAEGa,KAAI,CAACF,EAAkBG,KACvB,SAACP,KAAAA,C,UACC,SAACC,EAAAA,QAAIA,CAACC,KAAM,IAAiB,OAAbE,EAAQC,MAAQT,UAAU,c,SACvCQ,OAAAA,QAAAA,IAAAA,OAAAA,EAAAA,EAASI,QAFLD,WASjB,UAACV,MAAAA,CAAID,UAAU,sC,WACb,SAACE,KAAAA,CAAGF,UAAU,mB,SAAmB,wBACjC,UAACG,KAAAA,CAAGH,UAAU,c,WACZ,SAACI,KAAAA,C,UACC,SAACC,EAAAA,QAAIA,CACHC,KAAK,gEACLN,UAAU,c,SACX,eAIH,SAACI,KAAAA,C,UACC,SAACC,EAAAA,QAAIA,CAACC,KAAK,kBAAkBN,UAAU,c,SAAc,mCAItDF,OAAAA,QAAAA,IAAAA,OAAAA,EAAAA,EAAUY,KACT,CAACG,EAAgBF,IACC,wBAAhBE,EAAOJ,OACL,SAACL,KAAAA,C,UACC,SAACC,EAAAA,QAAIA,CACHC,KAAM,aAAyB,OAAZO,EAAOJ,MAC1BT,UAAU,c,SAETa,EAAOC,SALHH,MAWf,SAACP,KAAAA,C,UACC,SAACC,EAAAA,QAAIA,CAACC,KAAK,WAAWN,UAAU,c,SAAc,eAIhD,SAACI,KAAAA,C,UACC,SAACC,EAAAA,QAAIA,CAACC,KAAK,cAAcN,UAAU,c,SAAc,kBAInD,SAACI,KAAAA,C,UACC,UAACD,KAAAA,CAAGH,UAAU,qE,WACZ,SAACI,KAAAA,C,UACC,SAACC,EAAAA,QAAIA,CAACC,KAAK,8BAA8BS,OAAO,S,UAC9C,SAACC,EAAAA,QAAKA,CACJC,IAAI,oCACJC,IAAI,GACJC,MAAM,KACNC,OAAO,YAIb,SAAChB,KAAAA,C,UACC,SAACC,EAAAA,QAAIA,CACHC,KAAK,0CACLS,OAAO,S,UAEP,SAACC,EAAAA,QAAKA,CACJC,IAAI,sCACJC,IAAI,GACJC,MAAM,KACNC,OAAO,YAIb,SAAChB,KAAAA,C,UACC,SAACC,EAAAA,QAAIA,CACHC,KAAK,wCACLS,OAAO,S,UAEP,SAACC,EAAAA,QAAKA,CACJC,IAAI,qCACJC,IAAI,GACJC,MAAM,KACNC,OAAO,YAIb,SAAChB,KAAAA,C,UACC,SAACC,EAAAA,QAAIA,CACHC,KAAK,yCACLS,OAAO,S,UAEP,SAACC,EAAAA,QAAKA,CACJC,IAAI,oCACJC,IAAI,GACJC,MAAM,KACNC,OAAO,8BAW3B,SAACnB,MAAAA,CAAID,UAAU,yB,UACb,SAACC,MAAAA,CAAID,UAAU,Y,UACb,SAACqB,IAAAA,C,SAAE,gCAKb,C,8KCvJe,SAASC,EAAO,G,IAAA,SAAEzB,GAAF,GACd0B,EAAAA,EAAAA,cACEC,EAAAA,EAAAA,eADjB,MAEOC,EAAcC,IAAmBC,EAAAA,EAAAA,WAAS,IAC1CC,EAAWC,IAAgBF,EAAAA,EAAAA,WAAS,IACpCG,EAAcC,IAAmBJ,EAAAA,EAAAA,WAAS,IAC1CK,EAAgBC,IAAqBN,EAAAA,EAAAA,WAAS,IAC9CO,EAAYC,IAAiBR,EAAAA,EAAAA,WAAS,IACvC,KAAES,EAAI,UAAEC,EAAS,QAAEC,EAAO,aAAEC,IAAiBC,EAAAA,EAAAA,MAC5CC,EAAeC,IAAoBf,EAAAA,EAAAA,WAAkB,IACrDgB,EAAUC,IAAejB,EAAAA,EAAAA,UAG7B,CACDkB,OAAQ,KACRC,WAAY,OAQRC,EAAmB,KACvBd,GAAmBe,IAIfC,SAASC,gBAAgBC,MAAMC,SAH5BJ,EAGuC,GAFA,UAIpCA,IACR,GAGJK,EAAAA,EAAAA,YAAU,IACD,KACLJ,SAASC,gBAAgBC,MAAMC,SAAW,EAAE,GAE7C,IAEH,MAcME,EAAiBC,U,IAKrBC,EAAgB,QAAhBA,EAAAA,OAAOC,iBAAPD,IAAAA,GAAAA,EAAkBE,KAAK,CACrBC,MAAO,YACPC,UAAW,CACTC,MAAOzB,KAGX,MAAM,OAAES,EAAM,WAAEC,GAAeH,EAC/B,GAAIE,EAAQ,CACV,MAAMiB,QAAoBC,EAAAA,EAAAA,IAAUlB,GACpCP,EAAQwB,GACRvB,EACEuB,EAAYE,MAAMC,MAAMC,QACtB,CAACC,EAAYC,IAAcD,EAAQC,EAAKC,KAAKC,UAC7C,GAGN,CACAC,GAAgB,EAEZA,EAAiB,KACrB7B,GAAiB,EAAK,EAMxB,OACE,sB,WACE,SAAC8B,EAAAA,EAASA,CAACC,SAAUhC,EAAeiC,YANhB,KACtBhC,GAAiB,EAAM,KAOrB,SAACiC,SAAAA,CAAO3E,UAAU,2B,UAChB,SAACC,MAAAA,CAAID,UAAU,Y,UACb,UAAC4E,MAAAA,CAAI5E,UAAU,0B,WACb,UAAC6E,SAAAA,CACC7E,UAAU,gDACV8E,KAAK,SACLC,iBAAe,WACfC,iBAAe,uBACfC,gBAAc,sBACdC,gBAAc,QACdC,aAAW,oB,WAEX,SAACC,OAAAA,CAAKpF,UAAU,6CAEhB,UAACoF,OAAAA,CACCpF,UAAU,oDACVqF,QAAS,IAAMtD,GAAgB,G,UAE9B,IAAI,IACH,WAIN,SAAC9B,MAAAA,CACCD,UAAU,wCACVsF,GAAG,sB,UAEH,UAACnF,KAAAA,CAAGH,UAAU,oC,WACZ,UAACI,KAAAA,CAAGJ,UAAU,qB,WACZ,SAACuF,IAAAA,CAAEvF,UAAU,WAAWM,KAAK,O,SAAO,UAIpC,SAACL,MAAAA,CAAID,UAAU,oC,UACb,SAACC,MAAAA,CAAID,UAAU,Y,UACb,SAACG,KAAAA,CAAGH,UAAU,mE,SACXH,OAAAA,QAAAA,IAAAA,OAAAA,EAAAA,EACGU,QACCC,GAAsC,aAAjBA,EAAQC,OAE/BC,KAAI,CAACF,EAAkBG,KACtB,SAACP,KAAAA,C,UACC,UAACC,EAAAA,QAAIA,CACHC,KAAM,IAAiB,OAAbE,EAAQC,MAClBT,UAAU,c,WAEV,SAACgB,EAAAA,QAAKA,CACJC,IAAK,UAAGuE,EAAAA,IAAqC,OAAvBhF,OAAAA,QAAAA,IAAAA,OAAAA,EAAAA,EAASiF,eAC/BtE,MAAM,MACNC,OAAO,MACPF,IAAI,QACJiC,MAAO,CACLuC,OAAQ,oBACRC,aAAc,WAGlB,SAACzF,KAAAA,CAAGF,UAAU,W,SAAYQ,EAAQI,QAClC,SAACX,MAAAA,CACCD,UAAU,GACV4F,wBAAyB,CACvBC,OAAQrF,EAAQsF,mBAnBfnF,eA6BrB,UAACP,KAAAA,CAAGJ,UAAU,sB,WACZ,SAACuF,IAAAA,CAAEvF,UAAU,WAAWM,KAAK,S,SAAS,WAGtC,SAACL,MAAAA,CAAID,UAAU,qC,UACb,SAACC,MAAAA,CAAID,UAAU,Y,UACb,UAACC,MAAAA,CAAID,UAAU,M,WACb,SAACC,MAAAA,CAAID,UAAU,Q,UACb,UAACG,KAAAA,CAAGH,UAAU,a,WACZ,SAACI,KAAAA,C,UACC,SAACC,EAAAA,QAAIA,CAACC,KAAK,S,SAAS,qBAEtB,SAACF,KAAAA,C,UACC,SAACC,EAAAA,QAAIA,CAACC,KAAK,kB,SAAkB,uBAI/B,SAACF,KAAAA,C,UACC,SAACC,EAAAA,QAAIA,CAACC,KAAK,S,SAAS,iBAI1B,SAACL,MAAAA,CAAID,UAAU,Q,UACb,SAACgB,EAAAA,QAAKA,CACJC,IAAI,uCACJC,IAAI,GACJC,MAAM,MACNC,OAAO,MACP2E,QAAS,mBAOrB,SAAC3F,KAAAA,CAAGJ,UAAU,W,UACZ,SAACuF,IAAAA,CAAEvF,UAAU,WAAWM,KAAK,a,SAAa,kBAMhD,SAACiF,IAAAA,CACCvF,UAAU,sDACVM,KAAK,I,UAEL,SAACU,EAAAA,QAAKA,CACJC,IAAI,qCACJC,IAAI,cACJC,MAAM,MACNC,OAAO,KACPpB,UAAU,cAGd,SAACC,MAAAA,CAAID,UAAU,6C,UASb,UAAC6E,SAAAA,CACC7E,UAAU,MACVmD,MAAO,CACL6C,SAAU,WACVC,QAAS,IACTP,OAAQ,OACRQ,WAAY,Q,WAGd,SAAClF,EAAAA,QAAKA,CACJC,IAAI,iCACJjB,UAAU,UACVkB,IAAI,YACJC,MAAM,KACNC,OAAO,KACPiE,QAAS/B,IAEVjB,EAAY,IACX,SAAC+C,OAAAA,CACCjC,MAAO,CACL6C,SAAU,WACVG,IAAK,QACLC,MAAO,QACPC,gBAAiB,MACjBC,MAAO,QACPX,aAAc,MACdM,QAAS,UACTM,SAAU,OACVC,WAAY,OACZC,QAAS,OACTC,WAAY,SACZC,eAAgB,U,SAGjBtE,iBAUf,SAACsC,SAAAA,CAAO3E,UAAU,qC,UAChB,SAACC,MAAAA,CAAID,UAAU,Y,UACb,UAAC4E,MAAAA,CAAI5E,UAAU,0B,WACb,SAAC6E,SAAAA,CACC7E,UAAU,gDACV8E,KAAK,SACLI,gBAAelD,EACfmD,aAAW,oBACXE,QAAStC,E,SAGRf,GACC,qB,UACE,SAAChB,EAAAA,QAAKA,CACJC,IAAI,0CACJC,IAAI,iBACJC,MAAM,KACNC,OAAO,UAIX,SAACgE,OAAAA,CAAKpF,UAAU,+CAMpB,SAACuF,IAAAA,CACCvF,UAAU,sDACVM,KAAK,I,UAEL,SAACU,EAAAA,QAAKA,CACJC,IAAI,qCACJC,IAAI,cACJC,MAAM,MACNC,OAAO,KACPpB,UAAU,cAId,SAACC,MAAAA,CAAID,UAAU,6C,UASb,UAAC6E,SAAAA,CACC7E,UAAU,MACVmD,MAAO,CACL6C,SAAU,WACVC,QAAS,IACTP,OAAQ,OACRQ,WAAY,Q,WAGd,SAAClF,EAAAA,QAAKA,CACJhB,UAAU,UACVqF,QAAS/B,EACTrC,IAAI,iCACJC,IAAI,YACJC,MAAM,KACNC,OAAO,OAERiB,EAAY,IACX,SAAC+C,OAAAA,CACCjC,MAAO,CACL6C,SAAU,WACVG,IAAK,QACLC,MAAO,QACPC,gBAAiB,MACjBC,MAAO,QACPX,aAAc,MACdM,QAAS,UACTM,SAAU,OACVC,WAAY,OACZC,QAAS,OACTC,WAAY,SACZC,eAAgB,U,SAGjBtE,gBAUdL,IACC,sB,WACE,SAAC/B,MAAAA,CAA8BoF,QAAStC,E,kDACxC,SAAC9C,MAAAA,C,0EACC,UAACA,MAAAA,CAA6CqF,GAAG,mB,yEAC/C,UAACrF,MAAAA,C,mFACC,SAAC2G,KAAAA,C,uEACC,SAAC/B,SAAAA,CAECC,KAAK,SACLC,iBAAe,WACfC,iBAAe,eACfE,gBAAc,QACdD,gBAAc,cACdI,QAzUY,KAC5B,MAAMwB,EAAgB5D,SAAS6D,cAC7B,gCAEED,IAEFA,EAAcE,UAAY,EAC5B,E,gGAoUgB,SAAC1G,EAAAA,QAAIA,CACHC,KAAK,OACLN,UAAU,4C,SACX,cAKL,SAACC,MAAAA,CACCqF,GAAG,cAEH0B,iBAAe,oB,uEAEf,SAAC/G,MAAAA,C,gGACC,SAACA,MAAAA,C,2CACC,SAACA,MAAAA,C,8CAEEJ,OAAAA,QAAAA,IAAAA,OAAAA,EAAAA,EACGU,QACCC,GAAsC,aAAjBA,EAAQC,OAE/BC,KAAI,CAACF,EAAkBG,KACtB,SAACV,MAAAA,C,iDACC,UAACI,EAAAA,QAAIA,CACHC,KAAM,IAAiB,OAAbE,EAAQC,MAClBT,UAAU,oFACVqF,QAAU4B,IAENzD,OAAO0D,SAASC,WAChB,IAAiB,OAAb3G,EAAQC,OAEZwG,EAAEG,iBAEFnF,GAAkB,GAClBgB,SAASC,gBAAgBC,MAAMC,SAC7B,KAEFnB,GAAkB,GAClBgB,SAASC,gBAAgBC,MAAMC,SAC7B,GACJ,E,WAGF,SAACpC,EAAAA,QAAKA,CACJC,IAAK,UAAGuE,EAAAA,IAAoC,OAAtBhF,OAAAA,QAAAA,IAAAA,OAAAA,EAAAA,EAAS6G,cAC/BlG,MAAM,MACNC,OAAO,MACPF,IAAKV,OAAAA,QAAAA,IAAAA,OAAAA,EAAAA,EAASI,KACduC,MAAO,CACLuC,OAAQ,oBACRC,aAAc,WAGlB,SAACzF,KAAAA,C,4DACEM,OAAAA,QAAAA,IAAAA,OAAAA,EAAAA,EAASI,QAEZ,SAACX,MAAAA,CAEC2F,wBAAyB,CACvBC,OAAQrF,OAAAA,QAAAA,IAAAA,OAAAA,EAAAA,EAASsF,a,wCArCGnF,iBAiD1C,UAACV,MAAAA,C,mFACC,SAAC2G,KAAAA,C,uEACC,SAAC/B,SAAAA,CAECC,KAAK,SACLC,iBAAe,WACfC,iBAAe,eACfE,gBAAc,QACdD,gBAAc,c,gGAEd,SAAC5E,EAAAA,QAAIA,CACHC,KAAK,IACLN,UAAU,4C,SACX,eAKL,SAACC,MAAAA,CACCqF,GAAG,cAEH0B,iBAAe,oB,uEAEf,SAAC/G,MAAAA,C,oFACC,UAACA,MAAAA,C,iDACC,SAACA,MAAAA,C,gDACC,SAACI,EAAAA,QAAIA,CACHC,KAAK,SACLN,UAAU,6C,SACX,qBAIH,SAACC,MAAAA,C,gDACC,SAACI,EAAAA,QAAIA,CACHC,KAAK,kBACLN,UAAU,6C,SACX,uBAIH,SAACC,MAAAA,C,2CACC,SAACI,EAAAA,QAAIA,CACHC,KAAK,SACLN,UAAU,6C,SACX,sBASX,SAACK,EAAAA,QAAIA,CACHC,KAAK,aACLN,UAAU,4C,UAEV,UAACC,MAAAA,C,mFACC,SAAC2G,KAAAA,C,uEACC,SAAC/B,SAAAA,CAECC,KAAK,SACLC,iBAAe,WACfC,iBAAe,iBACfE,gBAAc,QACdD,gBAAc,gB,uGAEd,SAAC5D,IAAAA,C,oEAAwC,eAG7C,SAACpB,MAAAA,CACCqF,GAAG,gBAEH0B,iBAAe,oB,ikBAiE5B9E,IACC,SAACjC,MAAAA,CAAID,UAAU,sB,UACb,UAACC,MAAAA,CAAID,UAAU,Y,WACb,UAACC,MAAAA,CAAID,UAAU,W,WACb,SAACC,MAAAA,CAAID,UAAU,mB,UACb,SAACsH,QAAAA,CACCxC,KAAK,OACLlE,KAAK,SACLZ,UAAU,+CACVuH,YAAY,iBAGhB,SAACtH,MAAAA,CAAID,UAAU,2C,UACb,SAACgB,EAAAA,QAAKA,CACJC,IAAI,0CACJC,IAAI,oBACJC,MAAM,KACNC,OAAO,KACPiE,QAnjBK,KACnBlD,GAAea,IAAUA,GAAK,UAujBtB,SAAC3B,IAAAA,CAAErB,UAAU,0B,SAA0B,sBAEvC,UAACC,MAAAA,CAAID,UAAU,4B,WACb,SAACC,MAAAA,CAAID,UAAU,O,UACb,SAACqB,IAAAA,CAAErB,UAAU,O,SAAO,gBAEtB,SAACC,MAAAA,CAAID,UAAU,O,UACb,SAACqB,IAAAA,CAAErB,UAAU,O,SAAO,iBAEtB,SAACC,MAAAA,CAAID,UAAU,O,UACb,SAACqB,IAAAA,CAAErB,UAAU,O,SAAO,yBAQpC,C","sources":["webpack://_N_E/./src/components/footer.tsx","webpack://_N_E/./src/components/header.tsx"],"sourcesContent":["'use client';\nimport React from \"react\";\nimport Image from \"next/image\";\nimport Link from \"next/link\";\nimport { Policy } from \"@/types/policy\";\nimport { Product } from \"@/types/page-content\";\n\ninterface FooterProps {\n  products: Product[];\n  policies: Policy[];\n}\n\nexport default function FooterComponent({ products, policies }: FooterProps) {\n  return (\n    <footer className=\"footer\">\n      <div className=\"footer-main\">\n        <div className=\"container px-5 px-sm-0\">\n          <div className=\"d-flex flex-row flex-wrap justify-content-between\">\n            <div className=\"fm-col col-6 col-sm-4\">\n              <h5 className=\"footer-col-title\">Company</h5>\n              <ul className=\"footer-menu\">\n                <li>\n                  <Link href=\"/our-story\" className=\"footer-list\">\n                    About Us\n                  </Link>\n                </li>\n                <li>\n                  <Link href=\"/howto\" className=\"footer-list\">\n                    How To\n                  </Link>\n                </li>\n                <li>\n                  <Link href=\"/learn\" className=\"footer-list\">\n                    Latest Post\n                  </Link>\n                </li>\n                <li>\n                  <Link\n                    href=\"https://alethahealth.customerdesk.io/#rp-customer-widget-home\"\n                    className=\"footer-list\"\n                  >\n                    Contact Us\n                  </Link>\n                </li>\n              </ul>\n            </div>\n            <div className=\"fm-col col-6 col-sm-4\">\n              <h5 className=\"footer-col-title\">Products</h5>\n              <ul className=\"footer-menu\">\n                {products\n                  ?.filter((product: Product) => product.slug !== \"tfl-ball\")\n                  ?.map((product: Product, index: number) => (\n                    <li key={index}>\n                      <Link href={`/${product.slug}`} className=\"footer-list\">\n                        {product?.name}\n                      </Link>\n                    </li>\n                  ))}\n              </ul>\n            </div>\n\n            <div className=\"fm-col col-12 col-sm-4 mt-5 mt-sm-0\">\n              <h5 className=\"footer-col-title\">Help & Information</h5>\n              <ul className=\"footer-menu\">\n                <li>\n                  <Link\n                    href=\"https://alethahealth.customerdesk.io/#rp-customer-widget-home\"\n                    className=\"footer-list\"\n                  >\n                    Support\n                  </Link>\n                </li>\n                <li>\n                  <Link href=\"/manuals-safety\" className=\"footer-list\">\n                    Manuals & Safety Information\n                  </Link>\n                </li>\n                {policies?.map(\n                  (policy: Policy, index: number) =>\n                    policy.slug !== \"safety-terms-of-use\" && ( // Add this condition\n                      <li key={index}>\n                        <Link\n                          href={`/policies/${policy.slug}`}\n                          className=\"footer-list\"\n                        >\n                          {policy.title}\n                        </Link>\n                      </li>\n                    )\n                )}\n\n                <li>\n                  <Link href=\"/patents\" className=\"footer-list\">\n                    Patents\n                  </Link>\n                </li>\n                <li>\n                  <Link href=\"/affiliates\" className=\"footer-list\">\n                    Affiliates\n                  </Link>\n                </li>\n                <li>\n                  <ul className=\"social-list d-flex justify-content-center justify-content-sm-start\">\n                    <li>\n                      <Link href=\"https://x.com/alethahealth/\" target=\"_blank\">\n                        <Image\n                          src=\"/assets/images/v2/twitter-icn.svg\"\n                          alt=\"\"\n                          width=\"20\"\n                          height=\"20\"\n                        />\n                      </Link>\n                    </li>\n                    <li>\n                      <Link\n                        href=\"https://www.instagram.com/alethahealth/\"\n                        target=\"_blank\"\n                      >\n                        <Image\n                          src=\"/assets/images/v2/instagram-icn.svg\"\n                          alt=\"\"\n                          width=\"20\"\n                          height=\"20\"\n                        />\n                      </Link>\n                    </li>\n                    <li>\n                      <Link\n                        href=\"https://www.facebook.com/alethahealth\"\n                        target=\"_blank\"\n                      >\n                        <Image\n                          src=\"/assets/images/v2/facebook-icn.svg\"\n                          alt=\"\"\n                          width=\"20\"\n                          height=\"20\"\n                        />\n                      </Link>\n                    </li>\n                    <li>\n                      <Link\n                        href=\"https://www.youtube.com/c/AlethaHealth\"\n                        target=\"_blank\"\n                      >\n                        <Image\n                          src=\"/assets/images/v2/youtube-icn.svg\"\n                          alt=\"\"\n                          width=\"20\"\n                          height=\"20\"\n                        />\n                      </Link>\n                    </li>\n                  </ul>\n                </li>\n              </ul>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div className=\"footer-btm text-center\">\n        <div className=\"container\">\n          <p>2024 &copy; Aletha Inc.</p>\n        </div>\n      </div>\n    </footer>\n  );\n}\n","\"use client\";\nimport Link from \"next/link\";\nimport Image from \"next/image\";\nimport { useRouter, usePathname } from \"next/navigation\";\nimport { useEffect, useState } from \"react\";\nimport { useCart } from \"@/context/CartContext\";\nimport { fetchCart } from \"@/utils/Shopify/products\";\nimport CartModal from \"./popUpSection/cartModel\";\nimport { S3_BASE_URL } from \"@/utils/constants\";\nimport { Product } from \"@/types/product\";\n\ninterface HeaderProps {\n  products: Product[];\n}\n\nexport default function Header({ products }: HeaderProps) {\n  const router = useRouter();\n  const pathName = usePathname();\n  const [showProducts, setShowProducts] = useState(false);\n  const [showLearn, setShowLearn] = useState(false);\n  const [showTopLabel, setShowTopLabel] = useState(true);\n  const [showMobileMenu, setShowMobileMenu] = useState(false);\n  const [showSearch, setShowSearch] = useState(false); // New state for search section\n  const { cart, itemCount, setCart, setItemCount } = useCart();\n  const [cartShowModel, setCartShowModel] = useState<boolean>(false);\n  const [cartData, setCartData] = useState<{\n    cartId: string | null;\n    checkoutId: string | null;\n  }>({\n    cartId: null,\n    checkoutId: null,\n  });\n  // New state for mobile menu\n\n  const onProductClick = (slug: string) => {\n    router.push(`/shop/${slug}`);\n  };\n\n  const toggleMobileMenu = () => {\n    setShowMobileMenu((prev) => {\n      if (!prev) {\n        document.documentElement.style.overflow = \"hidden\";\n      } else {\n        document.documentElement.style.overflow = \"\";\n      }\n      return !prev;\n    });\n  };\n\n  useEffect(() => {\n    return () => {\n      document.documentElement.style.overflow = \"\"; // Restore scrolling on unmount\n    };\n  }, []);\n\n  const toggleSearch = () => {\n    setShowSearch((prev) => !prev); // Toggle search section visibility\n  };\n\n  const handleAccordionToggle = () => {\n    const accordionBody = document.querySelector(\n      \"#collapseOne .accordion-body\"\n    );\n    if (accordionBody) {\n      // Scroll the accordion body to the top\n      accordionBody.scrollTop = 0;\n    }\n  };\n\n  const handleBagClick = async () => {\n    // if (typeof window.fbq === \"function\") {\n    //   window.fbq(\"track\", \"Pageview - Cart Page\");\n    // }\n\n    window.dataLayer?.push({\n      event: \"View-Cart\",\n      ecommerce: {\n        items: cart,\n      },\n    });\n    const { cartId, checkoutId } = cartData;\n    if (cartId) {\n      const updatedCart = await fetchCart(cartId);\n      setCart(updatedCart);\n      setItemCount(\n        updatedCart.lines.edges.reduce(\n          (total: any, edge: any) => total + edge.node.quantity,\n          0\n        )\n      );\n    }\n    handleCartShow();\n  };\n  const handleCartShow = () => {\n    setCartShowModel(true);\n  };\n  const handleCartClose = () => {\n    setCartShowModel(false);\n  };\n\n  return (\n    <>\n      <CartModal cartShow={cartShowModel} handleClose={handleCartClose} />\n\n      <header className=\"header d-none d-sm-block\">\n        <div className=\"container\">\n          <nav className=\"navbar navbar-expand-lg\">\n            <button\n              className=\"navbar-toggler menu-icon-section even-measure\"\n              type=\"button\"\n              data-bs-toggle=\"collapse\"\n              data-bs-target=\"#navbarTogglerDemo01\"\n              aria-controls=\"navbarTogglerDemo01\"\n              aria-expanded=\"false\"\n              aria-label=\"Toggle navigation\"\n            >\n              <span className=\"navbar-toggler-icon custom-toggler-icon\"></span>\n\n              <span\n                className=\"position-absolute top-0 end-0 me-3 mt-2 float-end\"\n                onClick={() => setShowTopLabel(false)}\n              >\n                {\" \"}\n                x{\" \"}\n              </span>\n            </button>\n\n            <div\n              className=\"collapse navbar-collapse flex-grow-0 \"\n              id=\"navbarTogglerDemo01\"\n            >\n              <ul className=\"main-menu navbar-nav mb-2 mb-lg-0\">\n                <li className=\"nav-item shop-link\">\n                  <a className=\"nav-link\" href=\"/set\">\n                    Shop\n                  </a>\n                  {/* productss */}\n                  <div className=\"drop-menu-wrap shop-dropdown-menu\">\n                    <div className=\"container\">\n                      <ul className=\"menu-prod-list d-flex align-items-center justify-content-between\">\n                        {products\n                          ?.filter(\n                            (product: Product) => product.slug !== \"tfl-ball\"\n                          )\n                          .map((product: Product, index: number) => (\n                            <li key={index}>\n                              <Link\n                                href={`/${product.slug}`}\n                                className=\"text-center\"\n                              >\n                                <Image\n                                  src={`${S3_BASE_URL}${product?.desktop_image}`}\n                                  width=\"165\"\n                                  height=\"150\"\n                                  alt=\"Image\"\n                                  style={{\n                                    border: \"1px solid #848484\",\n                                    borderRadius: \"14px\",\n                                  }}\n                                />\n                                <h5 className=\"mpl-name\">{product.name}</h5>\n                                <div\n                                  className=\"\"\n                                  dangerouslySetInnerHTML={{\n                                    __html: product.description,\n                                  }}\n                                />\n                              </Link>\n                            </li>\n                          ))}\n                      </ul>\n                    </div>\n                  </div>\n                </li>\n                <li className=\"nav-item learn-link\">\n                  <a className=\"nav-link\" href=\"/learn\">\n                    Learn\n                  </a>\n                  <div className=\"drop-menu-wrap learn-dropdown-menu\">\n                    <div className=\"container\">\n                      <div className=\"row\">\n                        <div className=\"col-6\">\n                          <ul className=\"learn-menu\">\n                            <li>\n                              <Link href=\"/howto\">How-to Videos</Link>\n                            </li>\n                            <li>\n                              <Link href=\"/manuals-safety\">\n                                Product Manuals\n                              </Link>\n                            </li>\n                            <li>\n                              <Link href=\"/learn\">Blog</Link>\n                            </li>\n                          </ul>\n                        </div>\n                        <div className=\"col-6\">\n                          <Image\n                            src=\"/assets/images/learn-nav-section.jpg\"\n                            alt=\"\"\n                            width=\"810\"\n                            height=\"325\"\n                            quality={100}\n                          />\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                </li>\n                <li className=\"nav-item\">\n                  <a className=\"nav-link\" href=\"/our-story\">\n                    About\n                  </a>\n                </li>\n              </ul>\n            </div>\n            <a\n              className=\"navbar-brand text-center ms-sm-auto me-0 me-sm-auto\"\n              href=\"/\"\n            >\n              <Image\n                src=\"/assets/images/alethaLogoWhite.svg\"\n                alt=\"Aletha Logo\"\n                width=\"130\"\n                height=\"76\"\n                className=\"h-auto\"\n              />\n            </a>\n            <div className=\"d-flex justify-content-center even-measure\">\n              {/* <button className=\"btn me-2\" onClick={toggleSearch}>\n                <Image\n                  src=\"/assets/images/v2/search-icn.svg\"\n                  alt=\"Search Icon\"\n                  width=\"18\"\n                  height=\"22\"\n                />\n              </button> */}\n              <button\n                className=\"btn\"\n                style={{\n                  position: \"relative\",\n                  padding: \"0\",\n                  border: \"none\",\n                  background: \"none\",\n                }}\n              >\n                <Image\n                  src=\"/assets/images/v2/cart-icn.svg\"\n                  className=\"bag-btn\"\n                  alt=\"Cart Icon\"\n                  width=\"18\"\n                  height=\"26\"\n                  onClick={handleBagClick}\n                />\n                {itemCount > 0 && (\n                  <span\n                    style={{\n                      position: \"absolute\",\n                      top: \"-12px\",\n                      right: \"-14px\",\n                      backgroundColor: \"red\",\n                      color: \"white\",\n                      borderRadius: \"50%\",\n                      padding: \"2px 6px\",\n                      fontSize: \"12px\",\n                      fontWeight: \"bold\",\n                      display: \"flex\",\n                      alignItems: \"center\",\n                      justifyContent: \"center\",\n                    }}\n                  >\n                    {itemCount}\n                  </span>\n                )}\n              </button>\n            </div>\n          </nav>\n        </div>\n      </header>\n\n      {/* mobile header */}\n      <header className=\"header pt-5 pb-3 d-block d-sm-none\">\n        <div className=\"container\">\n          <nav className=\"navbar navbar-expand-lg\">\n            <button\n              className=\"navbar-toggler menu-icon-section even-measure\"\n              type=\"button\"\n              aria-expanded={showMobileMenu} // Reflects current state\n              aria-label=\"Toggle navigation\"\n              onClick={toggleMobileMenu} // Toggles menu visibility\n            >\n              {/* Conditionally render the hamburger or close (X) icon */}\n              {showMobileMenu ? (\n                <>\n                  <Image\n                    src=\"/assets/images/new-image/close-icon.png\" // Ensure you have this image\n                    alt=\"Hamburger Icon\"\n                    width=\"24\"\n                    height=\"24\"\n                  />\n                </>\n              ) : (\n                <span className=\"navbar-toggler-icon custom-toggler-icon\">\n                  {/* Hamburger icon */}\n                </span>\n              )}\n            </button>\n\n            <a\n              className=\"navbar-brand text-center ms-sm-auto me-0 me-sm-auto\"\n              href=\"/\"\n            >\n              <Image\n                src=\"/assets/images/alethaLogoWhite.svg\"\n                alt=\"Aletha Logo\"\n                width=\"100\"\n                height=\"76\"\n                className=\"h-auto\"\n              />\n            </a>\n\n            <div className=\"d-flex justify-content-center even-measure\">\n              {/* <button className=\"btn me-2\" onClick={toggleSearch}>\n                <Image\n                  src=\"/assets/images/v2/search-icn.svg\"\n                  alt=\"Search Icon\"\n                  width=\"18\"\n                  height=\"22\"\n                />\n              </button> */}\n              <button\n                className=\"btn\"\n                style={{\n                  position: \"relative\",\n                  padding: \"0\",\n                  border: \"none\",\n                  background: \"none\",\n                }}\n              >\n                <Image\n                  className=\"bag-btn\"\n                  onClick={handleBagClick}\n                  src=\"/assets/images/v2/cart-icn.svg\"\n                  alt=\"Cart Icon\"\n                  width=\"18\"\n                  height=\"26\"\n                />\n                {itemCount > 0 && (\n                  <span\n                    style={{\n                      position: \"absolute\",\n                      top: \"-15px\",\n                      right: \"-15px\",\n                      backgroundColor: \"red\",\n                      color: \"white\",\n                      borderRadius: \"50%\",\n                      padding: \"2px 6px\",\n                      fontSize: \"12px\",\n                      fontWeight: \"bold\",\n                      display: \"flex\",\n                      alignItems: \"center\",\n                      justifyContent: \"center\",\n                    }}\n                  >\n                    {itemCount}\n                  </span>\n                )}\n              </button>\n            </div>\n          </nav>\n        </div>\n      </header>\n\n      {/* Conditionally render the mobile menu based on the state */}\n      {showMobileMenu && (\n        <>\n          <div className=\"black-overlay\" onClick={toggleMobileMenu}></div>\n          <div className=\"mobile-lists d-block d-sm-none\">\n            <div className=\"accordion mobile-product-nav\" id=\"accordionExample\">\n              <div className=\"accordion-item bg-transparent border-0\">\n                <h3 className=\"accordion-header border-top\">\n                  <button\n                    className=\"accordion-button collapsed bg-transparent text-white\"\n                    type=\"button\"\n                    data-bs-toggle=\"collapse\"\n                    data-bs-target=\"#collapseOne\"\n                    aria-expanded=\"false\"\n                    aria-controls=\"collapseOne\"\n                    onClick={handleAccordionToggle}\n                  >\n                    <Link\n                      href=\"/set\"\n                      className=\"text-decoration-none menu-list text-white\"\n                    >\n                      Shop\n                    </Link>\n                  </button>\n                </h3>\n                <div\n                  id=\"collapseOne\"\n                  className=\"accordion-collapse collapse\"\n                  data-bs-parent=\"#accordionExample\"\n                >\n                  <div className=\"accordion-body bg-transparent text-white mobile-body\">\n                    <div>\n                      <div className=\"row\">\n                        {/* Product Links */}\n                        {products\n                          ?.filter(\n                            (product: Product) => product.slug !== \"tfl-ball\"\n                          ) // Filter out the product with slug 'tfl-ball'\n                          .map((product: Product, index: number) => (\n                            <div className=\"col-6\" key={index}>\n                              <Link\n                                href={`/${product.slug}`}\n                                className=\"text-center text-decoration-none text-white d-flex flex-column align-items-center\"\n                                onClick={(e) => {\n                                  if (\n                                    window.location.pathname ===\n                                    `/${product.slug}`\n                                  ) {\n                                    e.preventDefault();\n\n                                    setShowMobileMenu(false);\n                                    document.documentElement.style.overflow =\n                                      \"\";\n                                  } else {\n                                    setShowMobileMenu(false);\n                                    document.documentElement.style.overflow =\n                                      \"\";\n                                  }\n                                }}\n                              >\n                                <Image\n                                  src={`${S3_BASE_URL}${product?.mobile_image}`}\n                                  width=\"165\"\n                                  height=\"150\"\n                                  alt={product?.name}\n                                  style={{\n                                    border: \"1px solid #848484\",\n                                    borderRadius: \"14px\",\n                                  }}\n                                />\n                                <h5 className=\"product-name mt-2\">\n                                  {product?.name}\n                                </h5>\n                                <div\n                                  className=\"\"\n                                  dangerouslySetInnerHTML={{\n                                    __html: product?.description,\n                                  }}\n                                />\n                              </Link>\n                            </div>\n                          ))}\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n\n              <div className=\"accordion-item bg-transparent border-0\">\n                <h3 className=\"accordion-header border-top\">\n                  <button\n                    className=\"accordion-button collapsed bg-transparent text-white\"\n                    type=\"button\"\n                    data-bs-toggle=\"collapse\"\n                    data-bs-target=\"#collapseTwo\"\n                    aria-expanded=\"false\"\n                    aria-controls=\"collapseTwo\"\n                  >\n                    <Link\n                      href=\"#\"\n                      className=\"text-decoration-none text-white menu-list\"\n                    >\n                      Learn\n                    </Link>\n                  </button>\n                </h3>\n                <div\n                  id=\"collapseTwo\"\n                  className=\"accordion-collapse collapse\"\n                  data-bs-parent=\"#accordionExample\"\n                >\n                  <div className=\"accordion-body bg-transparent text-white\">\n                    <div className=\"ms-4\">\n                      <div className=\"mb-2\">\n                        <Link\n                          href=\"/howto\"\n                          className=\"text-white learn-list text-decoration-none\"\n                        >\n                          How-to Videos\n                        </Link>\n                      </div>\n                      <div className=\"mb-2\">\n                        <Link\n                          href=\"/manuals-safety\"\n                          className=\"text-white learn-list text-decoration-none\"\n                        >\n                          Product Manuals\n                        </Link>\n                      </div>\n                      <div>\n                        <Link\n                          href=\"/learn\"\n                          className=\"text-white learn-list text-decoration-none\"\n                        >\n                          Blog\n                        </Link>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n\n              <Link\n                href=\"/our-story\"\n                className=\"text-decoration-none menu-list text-white\"\n              >\n                <div className=\"accordion-item bg-transparent border-0\">\n                  <h3 className=\"accordion-header border-top\">\n                    <button\n                      className=\"accordion-button no-icn collapsed bg-transparent text-white\"\n                      type=\"button\"\n                      data-bs-toggle=\"collapse\"\n                      data-bs-target=\"#collapseThree\"\n                      aria-expanded=\"false\"\n                      aria-controls=\"collapseThree\"\n                    >\n                      <p className=\"menu-list text-white mb-0\">About</p>\n                    </button>\n                  </h3>\n                  <div\n                    id=\"collapseThree\"\n                    className=\"accordion-collapse collapse border-0\"\n                    data-bs-parent=\"#accordionExample\"\n                  ></div>\n                </div>\n              </Link>\n            </div>\n          </div>\n          <style jsx>{`\n            .black-overlay {\n              position: fixed;\n              top: 0;\n              left: 0;\n              width: 100%;\n              height: 100vh;\n              background-color: #000;\n              z-index: 999;\n              opacity: 1;\n            }\n\n            .accordion-collapse {\n              overflow: hidden;\n              transition: height 0.3s ease;\n            }\n\n            .accordion-collapse.show {\n              height: auto;\n            }\n            @media (min-width: 769px) {\n              .black-overlay {\n                display: none;\n              }\n            }\n          `}</style>\n        </>\n      )}\n\n      {/* search */}\n      {/* \n      <div className=\"search-wrapper container mt-5\">\n        <div className=\"row px-3\">\n          <div className=\"col-10 col-sm-11\">\n            <input type=\"text\" name=\"\" id=\"\" className=\"control-form text-white bg-transparent w-100\" placeholder=\"search \" />\n          </div>\n          <div className=\"col-2 col-sm-1 d-flex align-items-center\">\n            <Image\n              src=\"/assets/images/new-image/close-icon.png\" // Ensure you have this image\n              alt=\"Hamburger Icon\"\n              width=\"24\"\n              height=\"24\"\n            />\n          </div>\n        </div>\n        <div className=\"d-flex flex-row px-3 my-4\">\n          <div className=\"tags\">\n            <p className=\"mb-0\">the Mark</p>\n          </div>\n          <div className=\"tags\">\n            <p className=\"mb-0\">the Orbit</p>\n          </div>\n          <div className=\"tags\">\n            <p className=\"mb-0\">hip pain</p>\n          </div>\n        </div>\n      </div> */}\n\n      {/* Conditionally render the search section */}\n      {showSearch && (\n        <div className=\"search-wrapper mt-5\">\n          <div className=\"container\">\n            <div className=\"row px-3\">\n              <div className=\"col-10 col-sm-11\">\n                <input\n                  type=\"text\"\n                  name=\"search\"\n                  className=\"control-form text-white bg-transparent w-100\"\n                  placeholder=\"Search...\"\n                />\n              </div>\n              <div className=\"col-2 col-sm-1 d-flex align-items-center\">\n                <Image\n                  src=\"/assets/images/new-image/close-icon.png\"\n                  alt=\"Close Search Icon\"\n                  width=\"24\"\n                  height=\"24\"\n                  onClick={toggleSearch} // Close search when clicked\n                />\n              </div>\n            </div>\n\n            <p className=\"mb-0 text-white popular\">Popular Searches</p>\n\n            <div className=\"d-flex flex-row px-3 my-4\">\n              <div className=\"tags\">\n                <p className=\"mb-0\">the Mark</p>\n              </div>\n              <div className=\"tags\">\n                <p className=\"mb-0\">the Orbit</p>\n              </div>\n              <div className=\"tags\">\n                <p className=\"mb-0\">hip pain</p>\n              </div>\n            </div>\n          </div>\n        </div>\n      )}\n    </>\n  );\n}\n"],"names":["FooterComponent","products","policies","footer","className","div","h5","ul","li","Link","href","filter","product","slug","map","index","name","policy","title","target","Image","src","alt","width","height","p","Header","useRouter","usePathname","showProducts","setShowProducts","useState","showLearn","setShowLearn","showTopLabel","setShowTopLabel","showMobileMenu","setShowMobileMenu","showSearch","setShowSearch","cart","itemCount","setCart","setItemCount","useCart","cartShowModel","setCartShowModel","cartData","setCartData","cartId","checkoutId","toggleMobileMenu","prev","document","documentElement","style","overflow","useEffect","handleBagClick","async","window","dataLayer","push","event","ecommerce","items","updatedCart","fetchCart","lines","edges","reduce","total","edge","node","quantity","handleCartShow","CartModal","cartShow","handleClose","header","nav","button","type","data-bs-toggle","data-bs-target","aria-controls","aria-expanded","aria-label","span","onClick","id","a","S3_BASE_URL","desktop_image","border","borderRadius","dangerouslySetInnerHTML","__html","description","quality","position","padding","background","top","right","backgroundColor","color","fontSize","fontWeight","display","alignItems","justifyContent","h3","accordionBody","querySelector","scrollTop","data-bs-parent","e","location","pathname","preventDefault","mobile_image","input","placeholder"],"sourceRoot":""}