1import{r as c,j as e,x as m,P as p,H as h,D as x,B as u,Z as g}from"./index-ReD1RTaB.js";import{P as b}from"./play-DeimV3Br.js";import{u as j}from"./youtubeShorts-DZ8ba_cY.js";import{C as f}from"./chevron-left-Bmp25J0v.js";const y=(s,r)=>{const a=[`https://i.ytimg.com/vi/${s}/maxresdefault.jpg`,`https://i.ytimg.com/vi/${s}/hq720.jpg`,`https://i.ytimg.com/vi/${s}/hqdefault.jpg`];return r&&!a.includes(r)?[r,...a]:a},v=({short:s})=>{const r=y(s.videoId,s.thumbnailUrl),[a,o]=c.useState(0);return c.useEffect(()=>{o(0)},[s.videoId,s.thumbnailUrl]),e.jsxs(m,{to:`/resources/vlog/${s.videoId}`,className:"group block bg-white rounded-lg overflow-hidden transition-all hover:shadow-md text-left w-full",children:[e.jsxs("div",{className:"relative aspect-[9/16] bg-mushroom-100 overflow-hidden rounded-t-[16px]",children:[e.jsx("img",{src:r[a],alt:s.title,className:"w-full h-full object-cover transition-transform duration-300 group-hover:scale-105",loading:"lazy",onError:()=>{a<r.length-1&&o(a+1)}}),e.jsx("div",{className:"absolute inset-0 bg-obsidian/20 flex items-center justify-center opacity-0 group-hover:opacity-100 transition-opacity",children:e.jsx("div",{className:"w-14 h-14 rounded-full bg-white/90 flex items-center justify-center",children:e.jsx(b,{className:"w-6 h-6 text-teal-700 fill-current ml-0.5"})})})]}),e.jsx("div",{className:"p-4",children:e.jsx("h3",{className:"font-sans font-semibold text-base text-obsidian group-hover:text-teal transition-colors line-clamp-2",children:s.title})})]})},l=6,H=()=>{const[s,r]=c.useState(1),{shorts:a,loading:o}=j(),i=Math.ceil(a.length/l),d=a.slice((s-1)*l,s*l);return e.jsxs(p,{multiSection:!0,stickyBar:e.jsx("div",{className:"w-full bg-white border-b border-obsidian-200",children:e.jsx("div",{className:"max-w-[1350px] mx-auto px-6 md:px-12 py-3",children:e.jsxs("nav",{className:"flex items-center font-sans text-caption",children:[e.jsx(m,{to:"/",className:"text-mushroom hover:text-teal transition-colors",children:"Home"}),e.jsx("span",{className:"text-mushroom mx-2",children:"/"}),e.jsx(m,{to:"/resources",className:"text-mushroom hover:text-teal transition-colors",children:"Resources"}),e.jsx("span",{className:"text-mushroom mx-2",children:"/"}),e.jsx("span",{className:"text-obsidian font-semibold",children:"Vlog"})]})})}),children:[e.jsxs(h,{children:[e.jsx("title",{children:"Vlog | Hunter & Bard"}),e.jsx("meta",{name:"description",content:"Short-form video insights on B2B marketing, perception, and enterprise strategy from Hunter & Bard."}),e.jsx("link",{rel:"canonical",href:"https://hunterandbard.com/resources/vlog"}),e.jsx("meta",{property:"og:title",content:"Vlog | Hunter & Bard"}),e.jsx("meta",{property:"og:description",content:"Short-form video insights on B2B marketing, perception, and enterprise strategy from Hunter & Bard."}),e.jsx("meta",{property:"og:type",content:"website"}),e.jsx("meta",{property:"og:url",content:"https://hunterandbard.com/resources/vlog"}),e.jsx("meta",{property:"og:image",content:"https://hunterandbard.com/og-image.png"}),e.jsx("meta",{name:"twitter:card",content:"summary_large_image"}),e.jsx("meta",{name:"twitter:title",content:"Vlog | Hunter & Bard"}),e.jsx("meta",{name:"twitter:description",content:"Short-form video insights on B2B marketing, perception, and enterprise strategy from Hunter & Bard."}),e.jsx("meta",{name:"twitter:image",content:"https://hunterandbard.com/og-image.png"}),e.jsx("script",{type:"application/ld+json",children:JSON.stringify({"@context":"https://schema.org","@type":"CollectionPage",name:"Hunter & Bard Vlog",url:"https://hunterandbard.com/resources/vlog",description:"Short-form video insights on B2B marketing, perception, and enterprise strategy.",publisher:{"@type":"Organization",name:"Hunter & Bard",url:"https://hunterandbard.com",logo:{"@type":"ImageObject",url:"https://hunterandbard.com/og-image.png"}},hasPart:d.map(t=>({"@type":"VideoObject",name:t.title,description:t.description||t.title,thumbnailUrl:t.thumbnailUrl||`https://i.ytimg.com/vi/${t.videoId}/hqdefault.jpg`,uploadDate:t.publishedAt,contentUrl:`https://www.youtube.com/watch?v=${t.videoId}`,embedUrl:`https://www.youtube-nocookie.com/embed/${t.videoId}`,url:`https://hunterandbard.com/resources/vlog/${t.videoId}`}))})}),e.jsx("script",{type:"application/ld+json",children:JSON.stringify({"@context":"https://schema.org","@type":"BreadcrumbList",itemListElement:[{"@type":"ListItem",position:1,name:"Home",item:"https://hunterandbard.com/"},{"@type":"ListItem",position:2,name:"Resources",item:"https://hunterandbard.com/resources"},{"@type":"ListItem",position:3,name:"Vlog",item:"https://hunterandbard.com/resources/vlog"}]})})]}),e.jsxs("main",{children:[e.jsx("section",{className:"on-dark bg-teal-700 rounded-lg relative overflow-hidden px-8 md:px-16 py-16 md:py-24",children:e.jsxs("div",{className:"relative max-w-3xl text-center mx-auto",children:[e.jsx("p",{className:"font-semibold text-xs text-white uppercase tracking-wider mb-8",children:"Hunter & Bard on YouTube"}),e.jsxs("h1",{className:"font-display font-semibold uppercase leading-[0.9] tracking-tight text-white text-[2.5rem] sm:text-[3.5rem] md:text-[4rem] lg:text-[4.5rem] mb-6",children:["The",e.jsx("br",{}),e.jsx("span",{className:"font-serif italic font-normal text-wasabi",children:"Vlog"})]}),e.jsx("p",{className:"subtitle-lead-on-dark mx-auto mb-8 sm:mb-10",children:"Qu
1ick insights on B2B marketing, perception, and enterprise strategy."})]})}),e.jsxs("section",{id:"vlog",className:"py-12 md:py-16",children:[o?e.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6",children:Array.from({length:6}).map((t,n)=>e.jsx("div",{className:"bg-mushroom-100 rounded-lg aspect-[9/16] animate-pulse"},n))}):e.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6",children:d.map(t=>e.jsx(v,{short:t},t.id))}),i>1&&e.jsxs("nav",{className:"flex items-center justify-center gap-2 mt-12",children:[e.jsxs("button",{onClick:()=>r(t=>Math.max(1,t-1)),disabled:s===1,className:"flex items-center gap-1 px-4 py-2 text-sm font-semibold text-obsidian/70 hover:text-teal disabled:opacity-30 disabled:cursor-not-allowed transition-colors",children:[e.jsx(f,{className:"w-4 h-4"})," Previous"]}),Array.from({length:i},(t,n)=>n+1).map(t=>e.jsx("button",{onClick:()=>r(t),className:`w-9 h-9 rounded-full text-sm font-semibold transition-colors ${t===s?"bg-teal-700 text-white":"text-obsidian/70 hover:bg-mushroom-100"}`,children:t},t)),e.jsxs("button",{onClick:()=>r(t=>Math.min(i,t+1)),disabled:s===i,className:"flex items-center gap-1 px-4 py-2 text-sm font-semibold text-obsidian/70 hover:text-teal disabled:opacity-30 disabled:cursor-not-allowed transition-colors",children:["Next ",e.jsx(x,{className:"w-4 h-4"})]})]})]}),e.jsxs("section",{className:"on-dark bg-teal-700 rounded-lg px-8 md:px-16 py-16 md:py-20 text-center",children:[e.jsxs("h2",{className:"font-display font-semibold uppercase text-[28px] md:text-section text-white mb-4",children:["Watch More on",e.jsx("br",{}),e.jsx("em",{className:"font-serif italic font-normal text-wasabi",children:"YouTube"})]}),e.jsx("p",{className:"font-sans font-normal text-base leading-relaxed text-white/70 mb-10 max-w-xl mx-auto",children:"Follow Hunter & Bard for more B2B marketing insights, strategy breakdowns, and quick tips."}),e.jsx(u,{variant:"wasabi",size:"xl",asChild:!0,children:e.jsxs("a",{href:"https://www.youtube.com/shiraabel",target:"_blank",rel:"noopener noreferrer",className:"inline-flex items-center gap-2",children:[e.jsx(g,{className:"w-5 h-5"}),"Visit YouTube"]})})]})]})]})};export{H as default};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.