https://jpmarquez.com/assets/Videos-r2-CE0L7IDo.js

1import{u as h,j as e}from"./vendor-query-r2-B0UDiO8U.js";import{r as m,_ as r,al as x,a2 as j}from"./vendor-icons2-r2-sw8q4CDx.js";import{p as b,j as f,k as g,N as y,g as N,C as _,v,w as C,x as w,l as I,F as k}from"./index-r2-B7qKR5Il.js";import{s as L}from"./client-r2-lkUhMl-9.js";import{B as E}from"./badge-r2-6XmqamZK.js";import{S as o}from"./ScrollReveal-r2-QP5-9HV8.js";/* empty css                       */import{a as V}from"./vendor-react2-r2-DThrtG6L.js";import"./vendor-charts2-r2-P9hqzVnm.js";function B(){const{trackEvent:t}=b(),{language:q,setLanguage:u}=f(),l=V();m.useEffect(()=>{u("es")},[]),m.useEffect(()=>{t("page_view",{page_path:l.pathname})},[t,l.pathname]);const{data:i,isLoading:p}=h({queryKey:["youtube-videos"],queryFn:async()=>{const{data:s,error:a}=await L.from("youtube_videos").select("*").eq("is_active",!0).eq("language","es").order("sort_order",{ascending:!0}).order("published_at",{ascending:!1,nullsFirst:!1});if(a)throw a;return s}}),n=(i??[]).filter(s=>s.youtube_url),c=n.length?{"@context":"https://schema.org","@type":"ItemList",itemListElement:n.map((s,a)=>({"@type":"ListItem",position:a+1,item:{"@type":"VideoObject",name:s.title,description:s.description??s.title,thumbnailUrl:s.thumbnail_url?[s.thumbnail_url]:void 0,uploadDate:s.published_at??void 0,contentUrl:s.youtube_url??void 0}}))}:null;return e.jsxs("div",{className:"public-page",children:[e.jsx(g,{title:"Vídeos | Juan Pedro Márquez | Microsoft, Copilot e IA para empresa",description:"Vídeos prácticos sobre Microsoft 365, Copilot, gobierno de IA y adopción para IT Directors y CIOs. En español.",canonicalUrl:"https://jpmarquez.com/es/videos"}),c&&e.jsx("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:JSON.stringify(c)}}),e.jsx(y,{}),e.jsxs("main",{children:[e.jsx("section",{className:"public-hero",children:e.jsxs("div",{className:"public-frame public-hero__grid",children:[e.jsxs(o,{children:[e.jsx("p",{className:"public-kicker",children:"Canal de YouTube"}),e.jsx("h1",{children:"Vídeos para decidir con criterio"}),e.jsx("p",{className:"public-hero__intro",children:"Microsoft 365, Copilot y gobierno de IA explicados de forma directa para IT Directors y CIOs."})]}),e.jsxs(o,{className:"public-hero__aside",delay:.12,children:[e.jsx(r,{className:"h-8 w-8 text-primary mb-5"}),e.jsx("strong",{children:"Del concepto a la arquitectura"}),e.jsx("p",{children:"Vídeos en español con ejemplos, contexto y decisiones aplicables."})]})]})}),e.jsx("section",{className:"public-section",children:e.jsxs("div",{className:"public-frame",children:[e.jsx(o,{className:"public-section__heading",children:e.jsx("h2",{children:"Últimos vídeos"})}),p?e.jsx("div",{className:"videos-grid",children:[1,2,3].map(s=>e.jsx(N,{className:"h-64 w-full rounded-none"},s))}):i&&i.length>0?e.jsx("div",{className:"videos-grid",children:i.map(s=>{const a=!!s.youtube_url,d=e.jsxs(_,{className:"video-card flex flex-col",children:[s.thumbnail_url&&e.jsxs("div",{className:"relative aspect-video bg-muted overflow-hidden",children:[e.jsx("img",{src:s.thumbnail_url,alt:s.title,className:"w-full h-full object-cover",loading:"lazy"}),e.jsx("div",{className:"absolute inset-0 flex items-center justify-center bg-black/20 opacity-0 hover:opacity-100 transition-opacity",children:e.jsx("div",{className:"rounded-full bg-white/90 p-3",children:e.jsx(x,{className:"h-6 w-6 text-primary fill-primary"})})}),!a&&e.jsxs(E,{className:"absolute top-2 right-2 rounded-none",variant:"secondary",children:[e.jsx(j,{className:"h-3 w-3 mr-1"})," Próximamente"]})]}),e.jsxs(v,{children:[e.jsx(C,{className:"text-lg leading-snug",children:s.title}),s.description&&e.jsx(w,{className:"line-clamp-3",children:s.description})]}),e.jsx(I,{className:"mt-auto pt-0",children:a?e.jsxs("span",{className:"inline-flex items-center gap-2 text-sm font-medium text-primary",children:[e.jsx(r,{className:"h-4 w-4"})," Ver en YouTube"]}):e.jsx("span",{className:"text-sm text-muted-foreground",children:"Disponible muy pronto"})})]});return a?e.jsx("a",{href:s.youtube_url??"#",target:"_blank",rel:"noopener noreferrer",onClick:()=>t("video_click",{title:s.title}),children:d},s.id):e.jsx("div",{children:d},s.id)})}):e.jsxs("div",{className:"contact-panel py-12",children:[e.jsx(r,{className:"h-10 w-10 text-muted-foreground mx-auto mb-3"}),e.jsx("p",{className:"text-lg font-medium",children:"Próximamente"}),e.jsx("p",{className:"text-muted-foreground",children:"Los primeros vídeos están en camino. Vuelve pronto."})]})]})})]}),e.jsx(k,{})]})}

1export{B as default};