1import{a as y,j as e,m as u,A as b}from"./vendor-framer-motion-7g6XWQ1T.js";import{e as N,f as v,h as w,A as n,L as i}from"./main-ngl9OQpB.js";import{P as k}from"./PillFilter-CqpH6Kk_.js";import{a as S}from"./CTACard-Dl8uVl0-.js";const h=["from-blue-500 to-cyan-500","from-purple-500 to-pink-500","from-orange-500 to-red-500","from-green-500 to-teal-500","from-yellow-500 to-orange-500","from-indigo-500 to-purple-500","from-pink-500 to-rose-500","from-cyan-500 to-blue-500"];function A(s){return h[s%h.length]}const g=s=>s.toLowerCase().replace(/\s+/g,"-");function z(){const{templates:s,types:o}=N.useLoaderData(),{category:c,plan:d,billing:m}=v({from:"/templates/"}),x=w({from:"/templates/"}),a=c?o.find(t=>g(t)===c)??"All":"All",f=y.useCallback(t=>{x({search:l=>({...l,category:t==="All"?void 0:g(t)}),replace:!0,resetScroll:!1})},[x]),p=a==="All"?s:s.filter(t=>t.template_type.includes(a));return e.jsxs("div",{className:"pt-32",children:[e.jsx(C,{}),e.jsx("section",{className:"section-padding",children:e.jsxs("div",{className:"container-custom",children:[e.jsx(n,{className:"mb-12",children:e.jsx(k,{items:o,activeItem:a,onSelect:f,className:"justify-center"})}),e.jsx(u.div,{layout:!0,className:"grid sm:grid-cols-2 lg:grid-cols-3 gap-6",children:e.jsx(b,{mode:"popLayout",children:p.map((t,l)=>e.jsx(u.div,{layout:!0,initial:{opacity:0,scale:.9},animate:{opacity:1,scale:1},exit:{opacity:0,scale:.9},transition:{duration:.3},children:e.jsx(i,{to:"/templates/$slug",params:{slug:t.slug},search:d||m?{plan:d,billing:m}:void 0,title:`View ${t.title} template`,children:e.jsxs("div",{className:"glass-card cursor-pointer group h-full flex flex-col",children:[t.featured_image?e.jsx("div",{className:"w-full aspect-[4/3] rounded-xl overflow-hidden mb-4",children:e.jsx("img",{src:t.featured_image,alt:t.title,width:"760",height:"570",loading:"lazy",decoding:"async",className:"w-full h-full object-cover transition-transform duration-300 group-hover:scale-105"})}):e.jsx("div",{className:`w-full aspect-[4/3] rounded-xl bg-gradient-to-br ${A(l)} flex items-center justify-center text-4xl mb-4`,children:"ð"}),e.jsx("div",{className:"flex items-center justify-between mb-3",children:t.template_type.length>0&&e.jsx("span",{className:"px-3 py-1 text-xs font-medium bg-primary-500/20 text-primary-600 dark:text-primary-400 rounded-full",children:t.template_type[0]})}),e.jsx("h3",{className:"text-lg font-semibold mb-2 group-hover:text-primary-500 dark:group-hover:text-primary-400 transition-colors",children:t.title}),e.jsx("p",{className:"text-sm text-slate-600 dark:text-slate-400 mb-4 flex-1",children:t.excerpt}),e.jsxs("div",{className:"flex flex-wrap gap-2 mt-auto",children:[t.key_features.slice(0,2).map((r,j)=>e.jsx("span",{className:"px-2 py-1 text-xs bg-slate-100 dark:bg-white/5 text-slate-600 dark:text-slate-400 rounded",children:r.length>30?r.substring(0,30)+"...":r},j)),t.key_features.length>2&&e.jsxs("span",{className:"px-2 py-1 text-xs bg-slate-100 dark:bg-white/5 text-slate-600 dark:text-slate-400 rounded",children:["+",t.key_features.length-2," more"]})]})]})})},t.slug))})}),p.length===0&&e.jsx("div",{className:"text-center py-12",children:e.jsx("p",{className:"text-slate-600 dark:text-slate-400",children:"No templates found in this category."})})]})}),e.jsx(L,{})]})}function C(){return e.jsx("section",{className:"section-padding pb-4",children:e.jsx("div",{className:"container-custom text-center",children:e.jsxs(n,{children:[e.jsx("p",{className:"text-2xl font-semibold text-slate-800 dark:text-slate-200 mb-6",children:"Choose a template and get started for free"}),e.jsxs("h1",{className:"mb-6",children:["App ",e.jsx("span",{className:"gradient-text",children:"Template Library"})]}),e.jsx("p",{className:"text-xl text-slate-600 dark:text-slate-400 max-w-3xl mx-auto",children:"Start with a professionally designed template and customize it to fit your unique business needs. Launch faster with pre-built solutions."})]})})})}function L(){return e.jsx("section",{className:"section-padding",children:e.jsx("div",{className:"container-custom",children:e.jsx(n,{children:e.jsx(S,{title:"Don't see what you need?",description:"Can't find an application that works for you? Let us know what template would help your business, or start building from scratch.",children:e.jsxs("div",{className:"flex flex-wrap justify-center gap-4",children:[e.jsx(i,{to:"/contact",className:"btn-primary",title:"Contact us to suggest a new template",children:"Suggest a Template"}),e.jsx(i,{to:"/templates/",className:"btn-secondary",title:"Browse all templates",children:"Start from Scratch"})]})})})})})}export{z as component};
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.