https://www.imaglobal.org/assets/entries/pages_dev_hubspot_index.page.Dz3pA4bX.js

1import{_ as r}from"../chunks/chunk-D7HrI6pR.js";import{r as n,j as o}from"../chunks/chunk-x91YZxKf.js";const R={title:"HubSpot Templates",description:"Browse and copy HubSpot HTML templates"},E=Object.assign({

1"../../../assets/hubspot-templates/Content/Content.html":()=>r(()=>import("../chunks/chunk-DrKBDpVY.js"),[]).then(e=>e.default),

1"../../../assets/hubspot-templates/Content/ContentCards.html":()=>r(()=>import("../chunks/chunk-Bhk8Au06.js"),[]).then(e=>e.default),

1"../../../assets/hubspot-templates/Content/ContentText.html":()=>r(()=>import("../chunks/chunk-BwKqVd3b.js"),[]).then(e=>e.default),

1"../../../assets/hubspot-templates/Content/FeatureListCardsSection.html":()=>r(()=>import("../chunks/chunk-B-QiSvx_.js"),[]).then(e=>e.default),

1"../../../assets/hubspot-templates/Content/Testimonial.html":()=>r(()=>import("../chunks/chunk-Do30gzuO.js"),[]).then(e=>e.default),

1"../../../assets/hubspot-templates/FAQ/FAQ.html":()=>r(()=>import("../chunks/chunk-CqcMoUaW.js"),[]).then(e=>e.default),

1"../../../assets/hubspot-templates/Features/IconsAndLinks.html":()=>r(()=>import("../chunks/chunk-BEL0Qsmi.js"),[]).then(e=>e.default),

1"../../../assets/hubspot-templates/Features/SplitHeadingCard.html":()=>r(()=>import("../chunks/chunk-DjTuNcA5.js"),[]).then(e=>e.default),

1"../../../assets/hubspot-templates/Features/TwoColFeature.html":()=>r(()=>import("../chunks/chunk-C7BF5fqp.js"),[]).then(e=>e.default),

1"../../../assets/hubspot-templates/Footer/Footer.html":()=>r(()=>import("../chunks/chunk-DgbCj-F6.js"),[]).then(e=>e.default),

1"../../../assets/hubspot-templates/Hero/HeroIllustrationWithEmail.html":()=>r(()=>import("../chunks/chunk-BEifLfj9.js"),[]).then(e=>e.default),

1"../../../assets/hubspot-templates/Hero/PageHero.html":()=>r(()=>import("../chunks/chunk-uACpASO0.js"),[]).then(e=>e.default),

1"../../../assets/hubspot-templates/Home/LogoGrid.html":()=>r(()=>import("../chunks/chunk-uqNiKCs-.js"),[])

1.then(e=>e.default)});function j(e){const l=e.split("/"),s=l[l.length-1].replace(".html",""),u=l[l.length-2];return{name:s,category:u}}function T(){const[e,l]=n.useState([]),[s,u]=n.useState(null),[f,m]=n.useState(!1),[a,h]=n.useState(null),[c,b]=n.useState("preview"),[p,x]=n.useState(!0);n.useEffect(()=>{Promise.all(Object.entries(E).map(async([t,d])=>{const i=await d(),{name:S,category:C}=j(t);return{name:S,category:C,html:i}})).then(t=>{t.sort((d,i)=>d.category.localeCompare(i.category)||d.name.localeCompare(i.name)),l(t)})},[]);const _=n.useMemo(()=>Array.from(new Set(e.map(t=>t.category))),[e]),g=n.useMemo(()=>a?e.filter(t=>t.category===a):e,[a,e]),y=n.useCallback(async()=>{s&&(await navigator.clipboard.writeText(s.html),m(!0),setTimeout(()=>m(!1),2e3))},[s]),v=n.useCallback(()=>{if(!s)return;const t=new Blob([s.html],{type:"text/html"}),d=URL.createObjectURL(t),i=document.createElement("a");i.href=d,i.download=`${s.name}.html`,i.click(),URL.revokeObjectURL(d)},[s]);return o.jsxs("div",{style:{minHeight:"100vh",fontFamily:"Inter, system-ui, sans-serif"},children:[o.jsx("button",{onClick:()=>x(!p),style:{position:"fixed",top:12,left:p?292:12,zIndex:1001,width:32,height:32,borderRadius:6,border:"1px solid #d1d5db",background:"#fff",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",fontSize:16,boxShadow:"0 1px 3px rgba(0,0,0,0.1)",transition:"left 0.2s ease"},children:p?"✕":"☰"}),o.jsxs("aside",{style:{position:"fixed",top:0,left:p?0:-280,width:280,height:"100vh",borderRight:"1px solid #e5e7eb",background:"#f9fafb",padding:16,overflowY:"auto",zIndex:1e3,transition:"left 0.2s ease",boxShadow:p?"2px 0 8px rgba(0,0,0,0.08)":"none"},children:[o.jsx("h1",{style:{fontSize:18,fontWeight:700,marginBottom:16},children:"HubSpot Templates"}),o.jsxs("div",{style:{marginBottom:16,display:"flex",flexWrap:"wrap",gap:4},children:[o.jsx("button",{onClick:()=>h(null),style:{padding:"4px 10px",fontSize:12,borderRadius:9999,border:"1px solid #d1d5db",background:a?"#fff":"#1f2937",color:a?"#374151":"#fff",cursor:"pointer"},children:"All"}),_.map(t=>o.jsx("button",{onClick:()=>h(t),style:{padding:"4px 10px",fontSize:12,borderRadius:9999,border:"1px solid #d1d5db",background:a===t?"#1f2937":"#fff",color:a===t?"#fff":"#374151",cursor:"pointer"},children:t},t))]}),o.jsx("nav",{style:{display:"flex",flexDirection:"column",gap:2},children:g.map(t=>o.jsxs("button",{onClick:()=>{u(t),m(!1)},style:{textAlign:"left",padding:"8px 12px",borderRadius:6,border:"none",background:s===t?"#dbeafe":"transparent",color:s===t?"#1e40af":"#374151",fontWeight:s===t?600:400,cursor:"pointer",fontSize:14},children:[o.jsxs("span",{style:{opacity:.5,fontSize:12},children:[t.category,"/"]}),t.name]},`${t.category}/${t.name}`))})]}),s&&o.jsxs("div",{style:{position:"sticky",top:0,zIndex:999,display:"flex",alignItems:"center",gap:8,padding:"12px 16px",paddingLeft:p?340:56,borderBottom:"1px solid #e5e7eb",background:"#fff",transition:"padding-left 0.2s ease"},children:[o.jsxs("h2",{style:{fontSize:16,fontWeight:600,marginRight:"auto"},children:[s.category," / ",s.name]}),o.jsx("button",{onClick:()=>b("preview"),style:{padding:"6px 12px",fontSize:13,borderRadius:6,border:"1px solid #d1d5db",background:c==="preview"?"#1f2937":"#fff",color:c==="preview"?"#fff":"#374151",cursor:"pointer"},children:"Preview"}),o.jsx("button",{onClick:()=>b("source"),style:{padding:"6px 12px",fontSize:13,borderRadius:6,border:"1px solid #d1d5db",background:c==="source"?"#1f2937":"#fff",color:c==="source"?"#fff":"#374151",cursor:"pointer"},children:"Source"}),o.jsx("div",{style:{width:1,height:24,background:"#e5e7eb"}}),o.jsx("button",{onClick:y,style:{padding:"6px 12px",fontSize:13,borderRadius:6,border:"1px solid #d1d5db",background:f?"#059669":"#fff",color:f?"#fff":"#374151",cursor:"pointer",minWidth:90},children:f?"Copied!":"Copy HTML"}),o.jsx("button",{onClick:v,style:{padding:"6px 12px",fontSize:13,borderRadius:6,border:"1px solid #d1d5db",background:"#fff",color:"#374151",cursor:"pointer"},children:"Download"})]}),s?c==="preview"?o.jsx("div",{dangerouslySetInnerHTML:{__html:s.html}}):o.jsx("pre",{style:{margin:0,padding:16,background:"#1e1e1e",color:"#d4d4d4",fontSize:13,lineHeight:1.6,whiteSpace:"pre-wrap",wordBreak:"break-word"},children:o.jsx("code",{children:s.html})}):o.jsx("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",minHeight:"80vh",color:"#9ca3af",fontSize:15},children:"Select a template from the sidebar"})]})}

1export{T as Page,R as documentProps};