1import{j as e}from"./ui-vendor-BEr847px.js";import{r as a,u as b,L as v}from"./react-vendor-OTlEtIIB.js";import{x as y,s as j,B as r}from"./index-lz5BD1AP.js";import{A as k}from"./arrow-right-B4E9M8pg.js";import{P as N}from"./play-BVfHg2HU.js";import{L as C}from"./lock-Bz5S09NY.js";import"./utils-vendor-BTGVH9Kg.js";const l=["350+ Claude Skills","STOP Wasting Credits & Master Claude Skills","Claude Agent Skills Pack","Claude Skills Factory Prompt","10 Claude Skills for Ecom & Creative Agencies","Claude Code Skills Guide","Claude Agent Teams Guide + Skill","Skill Chaining Kit for Claude Code"],S=new Set(l.map(s=>s.toLowerCase())),m=3;function I(){const[s,p]=a.useState(m),[o,x]=a.useState([]),g=b(),{hasAccess:n}=y();a.useEffect(()=>{let t=!1;return j.from("resources").select("id, name, title, short_description, long_description, cover_image_url").order("created_at",{ascending:!1}).then(({data:d,error:h})=>{if(t||h||!d)return;const _=d.filter(i=>S.has(i.title.toLowerCase())).map(i=>({id:`resource-${i.id}`,title:i.title,description:i.short_description||i.long_description,image:i.cover_image_url,detailHref:`/resources/${i.id}`,type:"resource"})).sort((i,f)=>l.indexOf(i.title)-l.indexOf(f.title));x(_)}),()=>{t=!0}},[]);const c=a.useMemo(()=>o,[o]),u=()=>{g("/#pricing-section"),setTimeout(()=>{var t;(t=document.getElementById("pricing-section"))==null||t.scrollIntoView({behavior:"smooth"})},50)};return e.jsx("section",{id:"claude-skills",className:"relative bg-background py-16 md:py-24 scroll-mt-24","aria-labelledby":"claude-skills-title",children:e.jsxs("div",{className:"container mx-auto px-6",children:[e.jsxs("h2",{id:"claude-skills-title",className:"text-3xl sm:text-4xl md:text-5xl lg:text-6xl font-bold leading-tight text-center mb-10 md:mb-14",children:[e.jsx("span",{style:{color:"#f04800"},children:"Claude"})," ",e.jsx("span",{className:"text-foreground",children:"Skills"})]}),e.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6",children:c.slice(0,s).map(t=>e.jsxs("article",{className:"group relative bg-gradient-to-br from-card/95 via-card to-card/90 border-2 border-border rounded-2xl overflow-hidden shadow-[0_8px_0_0_hsl(var(--border)),0_12px_30px_-4px_rgba(0,0,0,0.2),inset_2px_2px_4px_0_rgba(255,255,255,0.15),inset_-2px_-2px_4px_0_rgba(0,0,0,0.1)] hover:shadow-[0_4px_0_0_hsl(var(--border)),0_8px_25px_-4px_rgba(0,0,0,0.25),inset_2px_2px_4px_0_rgba(255,255,255,0.15),inset_-2px_-2px_4px_0_rgba(0,0,0,0.1)] transition-all duration-300 hover:translate-y-[4px]",children:[e.jsx("div",{className:"relative aspect-video bg-secondary/50 overflow-hidden flex items-center justify-center",children:t.image?e.jsx("img",{src:t.image,alt:t.title,className:"w-full h-full object-cover transition-transform duration-500 group-hover:scale-110",loading:"lazy"}):e.jsx("span",{className:"text-foreground/80 text-xl font-semibold",children:"Courses image"})}),e.jsxs("div",{className:"p-6 space-y-4",children:[e.jsxs("div",{children:[e.jsx("h3",{className:"font-semibold text-lg leading-tight mb-2 group-hover:text-primary transition-colors",children:t.title}),e.jsx("p",{className:"text-sm text-muted-foreground line-clamp-2",children:t.description})]}),n&&t.detailHref?e.jsx(r,{asChild:!0,size:"sm",className:"w-full bg-gradient-primary hover:opacity-90 transition-opacity",children:e.jsxs(v,{to:t.detailHref,"aria-label":`View ${t.title}`,children:["View Resource",e.jsx(k,{className:"w-4 h-4 ml-2"})]})}):n?e.jsx(r,{asChild:!0,size:"sm",className:"w-full bg-gradient-primary hover:opacity-90 transition-opacity",children:e.jsxs("a",{href:t.watchUrl||"#",target:"_blank",rel:"noopener noreferrer","aria-label":`Watch ${t.title}`,children:[e.jsx(N,{className:"w-4 h-4 mr-2"}),"Watch Now"]})}):e.jsxs(r,{size:"sm",onClick:u,className:"w-full bg-gradient-primary hover:opacity-90 transition-opacity","aria-label":`Upgrade to access ${t.title}`,children:[e.jsx(C,{className:"w-4 h-4 mr-2"}),"Upgrade"]})]}),e.jsx("div",{className:"absolute inset-0 rounded-2xl bg-gradient-primary opacity-0 group-hover:opacity-5 transition-opacity duration-300 pointer-events-none"})]},t.id))}),s<c.length&&e.jsx("div",{className:"flex justify-center mt-12",children:e.jsx(r,{size:"lg",onClick:()=>p(t=>t+m),className:"px-10 bg-gradient-primary hover:opacity-90 transition-opacity",children:"Load More"})})]})})}export{I as ClaudeSkills}; 2//# sourceMappingURL=ClaudeSkills-C1w48pNE.js.map
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.