https://www.shekunj.com/assets/PodcastCarouselSection-2SySDzLA.js

1import{r as u,j as e}from"./vendor-misc-CVac01wp.js";import{L as f}from"./vendor-router-ClCfPVR3.js";import{u as b}from"./vendor-query-DHu-h-P3.js";import{p}from"./resources.service-CEzcrkWz.js";import{bD as h,o as n,r as c,N as w,ba as d}from"./vendor-icons-DDUvZBzo.js";import{m as g}from"./vendor-framer-motion-CHz41Reu.js";import"./index-iLSfY4ww.js";import"./vendor-auth-ClTo_901.js";import"./vendor-radix-DimYera1.js";import"./vendor-lottie-DJPGgW79.js";function j({ep:t,i:o}){const a=t.thumbnailUrl??t.cover??null,l=t.youtubeUrl??t.videoUrl??null,r=t.hostName??t.host??"SheKunj",s=t.duration??t.durationMins?`${t.durationMins} min`:null,i=["from-violet-900/80 to-indigo-900/80","from-rose-900/80 to-pink-900/80","from-amber-900/80 to-orange-900/80","from-emerald-900/80 to-teal-900/80","from-sky-900/80 to-blue-900/80","from-fuchsia-900/80 to-purple-900/80"],x=i[o%i.length];return e.jsxs(g.article,{whileHover:{y:-4,scale:1.02},transition:{type:"spring",stiffness:300,damping:24},className:"relative flex-shrink-0 w-[240px] sm:w-[280px] rounded-2xl overflow-hidden border border-white/10 cursor-pointer hover:border-white/30 hover:shadow-2xl hover:shadow-purple-500/20 transition-all",children:[e.jsx("div",{className:`absolute inset-0 bg-gradient-to-br ${x}`}),a?e.jsx("img",{src:a,alt:t.title,loading:"lazy",className:"absolute inset-0 w-full h-full object-cover opacity-50 group-hover:scale-105 transition-transform duration-500"}):e.jsx("div",{className:"absolute inset-0 flex items-center justify-center opacity-10",children:e.jsx(h,{className:"w-20 h-20 text-white"})}),e.jsx("div",{className:"absolute inset-0 bg-gradient-to-t from-black/90 via-black/30 to-transparent"}),e.jsxs("div",{className:"relative z-10 p-4 flex flex-col h-[200px] sm:h-[220px]",children:[t.category&&e.jsx("span",{className:"self-start px-2.5 py-1 rounded-full bg-white/15 backdrop-blur text-[10px] font-semibold text-white/80 mb-auto",children:t.category}),e.jsxs("div",{className:"mt-auto space-y-1.5",children:[e.jsx("h3",{className:"text-sm font-bold text-white leading-snug line-clamp-2",children:t.title}),e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsxs("div",{className:"flex items-center gap-1.5 text-[11px] text-white/60",children:[e.jsx("span",{children:r}),s&&e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"·"}),e.jsx("span",{children:s})]})]}),l?e.jsx("a",{href:l,target:"_blank",rel:"noopener noreferrer",onClick:m=>m.stopPropagation(),className:"flex items-center justify-center w-8 h-8 rounded-full bg-white/20 backdrop-blur hover:bg-white/30 transition-colors","aria-label":"Watch on YouTube",children:e.jsx(d,{className:"w-3.5 h-3.5 text-white fill-white"})}):e.jsx("div",{className:"flex items-center justify-center w-8 h-8 rounded-full bg-white/10",children:e.jsx(d,{className:"w-3.5 h-3.5 text-white/60"})})]})]})]})]})}function L(){const t=u.useRef(null),{data:o}=b({queryKey:["home","podcasts-featured"],queryFn:async()=>{const r=await p.list({isFeatured:!0,limit:12});if(r.success){const s=r.data;return Array.isArray(s)?s:s?.podcasts??s?.data??s?.items??[]}return[]},staleTime:10*6e4}),a=o??[],l=r=>{const s=t.current;if(!s)return;const i=Math.round(s.clientWidth*.75);s.scrollBy({left:r==="left"?-i:i,behavior:"smooth"})};return a.length===0?null:e.jsx("section",{className:"px-4 sm:px-6 lg:px-8",children:e.jsxs("div",{className:"max-w-[1280px] mx-auto rounded-[24px] sm:rounded-[32px] overflow-hidden px-5 sm:px-10 py-10 sm:py-14",style:{background:"linear-gradient(135deg, #1A0F2E 0%, #2A1454 50%, #1A0F2E 100%)"},children:[e.jsx("div",{className:"absolute -top-32 -left-20 w-[420px] h-[420px] rounded-full bg-purple-500/20 blur-[100px] pointer-events-none"}),e.jsx("div",{className:"absolute -bottom-32 -right-20 w-[420px] h-[420px] rounded-full bg-fuchsia-500/15 blur-[100px] pointer-events-none"}),e.jsxs("div",{className:"flex items-end justify-between mb-8 gap-4",children:[e.jsxs("div",{children:[e.jsxs("span",{className:"inline-flex items-center gap-2 px-3 py-1 rounded-full bg-white/[0.07] border border-white/10 text-white/70 text-[10px] sm:text-[11px] font-bold tracking-[0.18em] sm:tracking-[0.2em] mb-4",children:[e.jsx(h,{className:"w-3.5 h-3.5"})," SHEKUNJ PODCASTS"]}

1),e.jsxs("h2",{className:"text-2xl sm:text-3xl lg:text-4xl font-bold text-white tracking-tight leading-tight",children:["The conversations they don't",e.jsx("br",{className:"hidden sm:block"})," teach in classrooms."]}),e.jsx("p",{className:"text-white/50 text-sm mt-2 max-w-lg",children:"Leaders in tech, design, and product share authentic insights from their journey."})]}),e.jsxs("div",{className:"hidden sm:flex items-center gap-2 flex-shrink-0",children:[e.jsx("button",{onClick:()=>l("left"),className:"w-10 h-10 rounded-full bg-white/10 border border-white/20 flex items-center justify-center hover:bg-white/20 transition-colors","aria-label":"Previous",children:e.jsx(n,{className:"w-4 h-4 text-white"})}),e.jsx("button",{onClick:()=>l("right"),className:"w-10 h-10 rounded-full bg-white/10 border border-white/20 flex items-center justify-center hover:bg-white/20 transition-colors","aria-label":"Next",children:e.jsx(c,{className:"w-4 h-4 text-white"})})]})]}),e.jsx("div",{ref:t,className:"flex gap-4 overflow-x-auto scrollbar-hide pb-2 -mx-1 px-1",style:{scrollbarWidth:"none",msOverflowStyle:"none"},children:a.map((r,s)=>e.jsx(j,{ep:r,i:s},r.id??s))}),e.jsxs("div",{className:"flex items-center justify-between mt-6 gap-3",children:[e.jsxs("div",{className:"flex sm:hidden items-center gap-2",children:[e.jsx("button",{onClick:()=>l("left"),className:"w-9 h-9 rounded-full bg-white/10 border border-white/20 flex items-center justify-center","aria-label":"Previous",children:e.jsx(n,{className:"w-3.5 h-3.5 text-white"})}),e.jsx("button",{onClick:()=>l("right"),className:"w-9 h-9 rounded-full bg-white/10 border border-white/20 flex items-center justify-center","aria-label":"Next",children:e.jsx(c,{className:"w-3.5 h-3.5 text-white"})})]}),e.jsx(f,{href:"/podcasts",children:e.jsxs("a",{className:"ml-auto inline-flex items-center gap-2 px-5 py-2.5 rounded-full bg-[#C8E64C] text-gray-900 text-sm font-bold hover:bg-[#d1ea65] transition-colors",children:["Explore All Podcasts ",e.jsx(w,{className:"w-3.5 h-3.5"})]})})]})]})})}export{L as PodcastCarouselSection};