https://templates-notion.fr/assets/Templates-CFF3NAlt.js

1import{r as a,j as e}from"./vendor-react-DR4Baqra.js";import{T as q}from"./TemplateCard-DoWz0iMh.js";import{T as z}from"./TemplateCardImage-Bx4pIgQ3.js";import{F as A}from"./Footer-DMB9PYdA.js";import{S as E}from"./SEO-BBakm6qZ.js";import{s as B}from"./staticTemplates--5vXBxsL.js";import{t as s}from"./index-Du17jUPC.js";import{m as p}from"./vendor-motion-Bib-rqBB.js";import{A as N,k as G,o as V,p as O,q as D}from"./vendor-lucide-BuM6w3pN.js";import{L as b}from"./vendor-router-BECSV0hU.js";import"./vendor-react-dom-D78vBj0x.js";const H={title:"Templates Notion | Catalogue",description:"Découvrez notre collection de templates Notion professionnels.",keywords:["templates notion","modèles notion","catalogue"],openGraph:{title:"Templates Notion | Le Catalogue",description:"Des templates pour tous vos besoins.",type:"website"},twitterCard:"summary_large_image"},C=l=>(l||"").toLowerCase().includes("gratuit"),k=l=>{const y=(l||"").replace(",",".").replace(/[^0-9.]/g,""),i=parseFloat(y);return Number.isFinite(i)?i:C(l)?0:1/0},ee=()=>{const[l,y]=a.useState(""),[i,M]=a.useState("Tous"),[g,F]=a.useState("Tous"),[m,I]=a.useState("default"),[f,T]=a.useState("grid"),[o,u]=a.useState(1),v=12,c=a.useMemo(()=>B,[]),L=a.useMemo(()=>{const r=c.map(x=>x.category).filter(Boolean),t=c.map(x=>x.theme).filter(Boolean);return["Tous",...[...new Set([...r,...t])].sort()]},[c]),w=a.useMemo(()=>new Map(c.map((r,t)=>[r.id,t])),[c]),h=a.useMemo(()=>{const r=l.toLowerCase().trim();return c.filter(t=>{const n=t.title.toLowerCase().includes(r)||t.description.toLowerCase().includes(r),x=i==="Tous"||t.category===i||t.theme===i,S=g==="Tous"||g==="Gratuit"&&C(t.price)||g==="Payant"&&!C(t.price);return n&&x&&S})},[c,l,i,g]),j=a.useMemo(()=>{const r=[...h];return m==="asc"?r.sort((t,n)=>k(t.price)-k(n.price)):m==="desc"?r.sort((t,n)=>k(n.price)-k(t.price)):r.sort((t,n)=>{const x=w.get(t.id)??0;return(w.get(n.id)??0)-x})},[h,w,m]),d=Math.max(1,Math.ceil(j.length/v));a.useEffect(()=>{u(1)},[l,i,g,m]),a.useEffect(()=>{o>d&&u(d)},[o,d]);const P=a.useMemo(()=>{const r=(o-1)*v;return j.slice(r,r+v)},[j,o]);return e.jsxs("div",{className:"min-h-screen bg-cream-50 dark:bg-dark-950",children:[e.jsx(E,{data:H}),e.jsxs("section",{className:"relative pt-24 pb-16 overflow-hidden",children:[e.jsxs("div",{className:"absolute inset-0 overflow-hidden pointer-events-none",children:[e.jsx("div",{className:"absolute -top-20 -right-20 w-72 h-72 rounded-full bg-rose-200/40 dark:bg-rose-500/10 blur-3xl"}),e.jsx("div",{className:"absolute top-1/2 -left-20 w-64 h-64 rounded-full bg-teal-200/30 dark:bg-teal-500/10 blur-3xl"}),e.jsx("div",{className:"absolute bottom-10 right-1/4 w-48 h-48 rounded-full bg-amber-200/25 dark:bg-amber-500/8 blur-3xl"})]}),e.jsx("div",{className:"absolute inset-0",style:{backgroundImage:"radial-gradient(circle at 1px 1px, rgba(0,0,0,0.06) 1px, transparent 0)",backgroundSize:"28px 28px"}}),e.jsx("div",{className:"absolute inset-0 hidden dark:block",style:{backgroundImage:"radial-gradient(circle at 1px 1px, rgba(255,255,255,0.04) 1px, transparent 0)",backgroundSize:"28px 28px"}}),e.jsx("div",{className:"relative max-w-7xl mx-auto px-4 sm:px-6 lg:px-8",children:e.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-2 gap-12 lg:gap-16 items-center",children:[e.jsxs("div",{children:[e.jsx(p.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{duration:.5},className:"inline-block px-4 py-2 rounded-full bg-rose-50/80 dark:bg-rose-950/20 border border-rose-200/60 dark:border-rose-800/30 mb-8",children:e.jsx("span",{className:"text-sm font-medium text-rose-700 dark:text-rose-300 tracking-wide",children:"Templates Notion · Catalogue"})}),e.jsxs(p.h1,{initial:{opacity:0,y:24},animate:{opacity:1,y:0},transition:{duration:.5,delay:.05},className:"text-4xl sm:text-5xl lg:text-6xl font-bold text-gray-900 dark:text-white leading-[1.08] tracking-tight mb-6",children:["Des outils pour",e.jsx("br",{}),"l'excellence."]}),e.jsx(p.p,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{duration:.5,delay:.1},className:"text-lg text-gray-600 dark:text-gray-400 max-w-xl leading-relaxed mb-10",children:"Ne partez pas de zéro. Adoptez des systèmes Notion éprouvés pour structurer votre entreprise, votre qualité et votre patrimoine."}),e.jsx(p.div,{initial:{opacity:0,y:20}

1,animate:{opacity:1,y:0},transition:{duration:.5,delay:.15},children:e.jsxs("button",{onClick:()=>{s("Templates Hero CTA Click",{target:"#catalogue"}),document.getElementById("catalogue")?.scrollIntoView({behavior:"smooth"})},className:"inline-flex items-center gap-2 bg-teal-600 dark:bg-teal-500 text-white px-6 py-3.5 rounded-xl font-semibold hover:bg-teal-700 dark:hover:bg-teal-400 transition-colors active:scale-[0.98]",children:["Voir tout le catalogue",e.jsx(N,{className:"h-5 w-5"})]})})]}),e.jsxs(p.div,{initial:{opacity:0,scale:.98},animate:{opacity:1,scale:1},transition:{duration:.6,delay:.2},className:"grid grid-cols-1 sm:grid-cols-2 gap-4",children:[e.jsx(b,{to:"/crm-freelance-gratuit-gestion-autoentrepreneur",onClick:()=>s("Templates Hero Card Click",{templateSlug:"crm-freelance-gratuit-gestion-autoentrepreneur"}),className:"group block rounded-2xl border border-gray-200 dark:border-dark-800 bg-white dark:bg-dark-900 p-6 hover:border-rose-300 dark:hover:border-rose-700/50 hover:shadow-lg transition-all duration-300 sm:col-span-2",children:e.jsxs("div",{className:"flex items-start justify-between gap-4",children:[e.jsxs("div",{children:[e.jsx("span",{className:"text-xs font-semibold uppercase tracking-wider text-rose-600 dar

1k:text-rose-400 mb-2 block",children:"Freelance"}),e.jsx("h3",{className:"text-xl font-bold text-gray-900 dark:text-white mb-1 group-hover:text-rose-600 dark:group-hover:text-rose-400 transition-colors",children:"CRM Freelance gratuit"}),e.jsx("p",{className:"text-sm text-gray-600 dark:text-gray-400",children:"Clients, projets, factures, pipeline — tout-en-un pour auto-entrepreneurs."})]}),e.jsx(N,{className:"h-5 w-5 text-gray-400 group-hover:text-rose-500 dark:group-hover:text-rose-400 shrink-0 transition-colors"})]})}),e.jsxs(b,{to:"/qualiopi-systeme-qualite",onClick:()=>s("Templates Hero Card Click",{templateSlug:"qualiopi-systeme-qualite"}),className:"group block rounded-2xl border border-gray-200 dark:border-dark-800 bg-white dark:bg-dark-900 p-6 hover:border-teal-300 dark:hover:border-teal-700/50 hover:shadow-lg transition-all duration-300",children:[e.jsx("span",{className:"text-xs font-semibold uppercase tracking-wider text-teal-600 dark:text-teal-400 mb-2 block",children:"Template phare"}),e.jsx("h3",{className:"text-lg font-bold text-gray-900 dark:text-white mb-1 group-hover:text-teal-600 dark:group-hover:text-teal-400 transition-colors",children:"Qualiopi"}),e.jsx("p",{className:"text-xs text-gray-600 dark:text-gray-400",children:"Système qualité formation complet + 32 indicateurs."})]}),e.jsxs(b,{to:"/generateur-prompts",onClick:()=>s("Templates Hero Card Click",{target:"generateur-prompts"}),className:"group block rounded-2xl border border-gray-200 dark:border-dark-800 bg-white dark:bg-dark-900 p-6 hover:border-amber-300 dark:hover:border-amber-700/50 hover:shadow-lg transition-all duration-300",children:[e.jsxs("span",{className:"text-xs font-semibold uppercase tracking-wider text-amber-600 dark:text-amber-400 mb-2 flex items-center gap-1.5",children:[e.jsx(G,{className:"h-3.5 w-3.5"})," Prompts IA"]}),e.jsx("h3",{className:"text-lg font-bold text-gray-900 dark:text-white mb-1 group-hover:text-amber-600 dark:group-hover:text-amber-400 transition-colors",children:"Générateur de prompts"}),e.jsx("p",{className:"text-xs text-gray-600 dark:text-gray-400",children:"Créez des prompts IA sur mesure pour vos templates."})]})]})]})})]}),e.jsx("div",{className:"sticky top-0 z-30 bg-cream-50/90 dark:bg-dark-950/90 backdrop-blur-md border-b border-gray-200 dark:border-dark-800 transition-all duration-300",children:e.jsx("div",{className:"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-6",children:e.jsxs("div",{className:"flex flex-col lg:flex-row gap-6 items-stretch lg:items-center justify-between",children:[e.jsxs("div",{className:"flex items-center gap-3 w-full lg:max-w-md lg:min-w-0",children:[e.jsxs("div",{className:"flex-1 min-w-0 relative group",children:[e.jsx(V,{className:"absolute left-4 top-1/2 -translate-y-1/2 h-5 w-5 text-gray-400 group-focus-within:text-teal-500 dark:group-focus-within:text-teal-400 transition-colors"}),e.jsx("input",{type:"text",placeholder:"Rechercher un template...",value:l,onChange:r=>y(r.target.value),onBlur:r=>{const t=r.target.value.trim();t.length>0&&s("Templates Search",{query:t,queryLength:t.length})},className:"w-full pl-12 pr-4 py-3 bg-white dark:bg-dark-900 border border-gray-200 dark:border-dark-800 rounded-2xl text-gray-900 dark:text-white placeholder-gray-500 focus:outline-none focus:ring-2 focus:ring-teal-300/50 dark:focus:ring-teal-600/50 focus:border-teal-400 dark:focus:border-teal-500 transition-all"})]}),e.jsxs("span",{className:"text-sm text-gray-400 dark:text-gray-500 whitespace-nowrap shrink-0",children:[h.length," résultat",h.length>1?"s":""]})]}),e.jsxs("div",{className:"flex flex-col sm:flex-row w-full lg:w-auto gap-4 items-center",children:[e.jsxs("div",{className:"flex flex-col sm:flex-row gap-3 w-full",children:[e.jsx("select",{value:i,onChange:r=>{M(r.target.value),s("Templates Filter Change",{filter:"category",value:r.target.value})},className:"w-full sm:w-56 px-4 py-3 bg-white dark:bg-dark-900 border border-gray-200 dark:border-dark-800 rounded-2xl text-gray-900 dark:text-white focus:outline-none focus:ring-2 focus:ring-teal-300/50 dark:focus:ring-teal-600/50 focus:border-teal-400 dark:focus:border-teal-500 transition-all",children:L.map(r=>e.jsx("option",{value:r,children:r==="Tous"?"Toutes les catégories":r},r))}),e.jsxs("select",{value:g,onChange:r=>{F(r.target.value),s("Templates Filter Change",{filter:"price",value:r.target.value})},className:"w-full sm:w-40 px-4 py-3 bg-white dark:bg-dark-900 border border-gray-200 dark:border-dark-800 rounded-2xl text-gray-900 dark:text-white focus:outline-none focus:ring-2 focus:ring-teal-300/50 dark:focus:ring-teal-600/50 focus:border-teal-400 dark:focus:border-teal-500 transition-all",children:[e.jsx("option",{value:"Tous",children:"Tous les prix"}),e.jsx("option",{value:"Gratuit",children:"Gratuit"}),e.jsx("option",{value:"Payant",children:"Payant"})]}),e.jsxs("select",{value:m,onChange:r=>{I(r.target.value),s("Templates Filter Change",{filter:"order",value:r.target.value})},className:"w-full sm:w-48 px-4 py-3 bg-white dark:bg-dark-900 border border-gray-200 dark:border-dark-800 rounded-2xl text-gray-900 dark:text-white focus:outline-none focus:ring-2 focus:ring-teal-300/50 dark:focus:ring-teal-600/50 focus:border-teal-400 dark:focus:border-teal-500 transition-all",children:[e.jsx("option",{value:"default",children:"Ordre par défaut"}),e.jsx("option",{value:"asc",children:"Prix croissant"}),e.jsx("option",{value:"desc",children:"Prix décroissant"})]})]}),e.jsxs("div",{className:"flex items-center gap-1 bg-gray-200/80 dark:bg-dark-800 rounded-xl p-1 shrink-0",children:[e.jsx("button",{type:"button",onClick:()=>{T("grid"),s("Templates View Mode Change",{mode:"grid"})},className:`px-3 py-2 rounded-lg text-sm font-semibold transition-all ${f==="grid"?"bg-white dark:bg-dark-900 text-gray-900 dark:text-white shadow-sm":"text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-300"}`,children:e.jsx(O,{className:"h-4 w-4"})}),e.jsx("button",{type:"button",onClick:()=>{T("list"),s("Templates View Mode Change",{mode:"list"})},className:`px-3 py-2 rounded-lg text-sm font-semibold transition-all ${f==="list"?"bg-white dark:bg-dark-900 text-gray-900 dark:text-white shadow-sm":"text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-300"}`,children:e.jsx(D,{className:"h-4 w-4"})})]})]})]})})}),e.jsxs("div",{id:"catalogue",className:"relative py-20 overflow-hidden bg-gray-100 dark:bg-dark-900",children:[e.jsx("div",{className:"absolute inset-0 pointer-events-none opacity-60",style:{backgroundImage:"radial-gradient(circle at 1px 1px, rgba(0,0,0,0.06) 1px, transparent 0)",backgroundSize:"28px 28px"}}),e.jsxs("div",{className:"relative max-w-7xl mx-auto px-4 sm:px-6 lg:px-8",children:[f==="grid"?e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-x-8 gap-y-12",children:P.map((r,t)=>e.jsx(q,{template:r,index:t},r.id))}):e.jsx("div",{className:"flex flex-col gap-6",children:P.map(r=>e.jsxs(b,{to:`/${r.slug}`,onClick:()=>

1s("Template List Click",{templateId:r.id,templateName:r.title,templateSlug:r.slug,price:r.price,category:r.category,theme:r.theme}),className:"group flex flex-col md:flex-row gap-6 bg-white dark:bg-dark-800 rounded-2xl border border-gray-200 dark:border-dark-700 p-4 md:p-5 hover:border-teal-300 dark:hover:border-teal-700/50 hover:shadow-lg transition-all",children:[e.jsx("div",{className:"w-full md:w-64 h-40 md:h-36 rounded-xl overflow-hidden border border-gray-200 dark:border-dark-700",children:e.jsx(z,{mainUrl:r.images?.main,mainThumbnail:r.images?.mainThumbnail,alt:r.title,className:"w-full h-full object-cover"})}),e.jsxs("div",{className:"flex-1 flex flex-col gap-3",children:[e.jsxs("div",{className:"flex items-start justify-between gap-4",children:[e.jsxs("div",{className:"flex flex-col gap-2",children:[e.jsx("h3",{className:"text-xl font-bold text-gray-900 dark:text-white group-hover:text-gray-700 dark:group-hover:text-gray-200 transition-colors",children:r.title}),e.jsx("span",{className:"inline-flex w-fit px-2.5 py-0.5 text-[10px] font-bold uppercase tracking-wider rounded border bg-gray-200/80 dark:bg-dark-800 text-gray-800 dark:text-gray-300 border-gray-200 dark:border-dark-700",children:r.category})]}),e.jsx("span",{className:"shrink-0 px-3 py-1.5 bg-gray-100 dark:bg-dark-900 text-gray-900 dark:text-white text-sm font-bold rounded-full",children:r.price})]}),e.jsx("p",{className:"text-gray-500 dark:text-gray-400 text-sm leading-relaxed line-clamp-2",children:r.shortDescription||r.description}),e.jsxs("div",{className:"mt-auto flex items-center gap-2 text-sm font-semibold text-gray-700 dark:text-gray-300 group-hover:text-teal-600 dark:group-hover:text-teal-400 transition-colors",children:["Voir les détails",e.jsx(N,{className:"h-4 w-4 group-hover:translate-x-0.5 transition-transform"})]})]})]},r.id))}),d>1&&e.jsxs("div",{className:"mt-12 flex flex-col sm:flex-row items-center justify-between gap-4",children:[e.jsxs("div",{className:"text-sm text-gray-500 dark:text-gray-400",children:["Page ",o," sur ",d]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("button",{type:"button",onClick:()=>{const r=Math.max(1,o-1);u(r),s("Templates Pagination Click",{action:"previous",page:r})},disabled:o===1,className:"px-4 py-2 rounded-xl border border-gray-200 dark:border-dark-800 text-sm font-semibold text-gray-700 dark:text-gray-300 disabled:opacity-50",children:"Précédent"}),e.jsx("div",{className:"flex items-center gap-2",children:Array.from({length:d},(r,t)=>t+1).map(r=>e.jsx("button",{type:"button",onClick:()=>{u(r),s("Templates Pagination Click",{action:"page",page:r})},className:`w-9 h-9 rounded-xl text-sm font-semibold transition-all ${r===o?"bg-teal-600 dark:bg-teal-500 text-white":"text-gray-700 dark:text-gray-300 border border-gray-200 dark:border-dark-700 hover:border-teal-300 dark:hover:border-teal-600"}`,children:r},r))}),e.jsx("button",{type:"button",onClick:()=>{const r=Math.min(d,o+1);u(r),s("Templates Pagination Click",{action:"next",page:r})},disabled:o===d,className:"px-4 py-2 rounded-xl border border-gray-200 dark:border-dark-800 text-sm font-semibold text-gray-700 dark:text-gray-300 disabled:opacity-50",children:"Suivant"})]})]})]})]}),e.jsx(A,{})]})};export{ee as default};
2//# sourceMappingURL=Templates-CFF3NAlt.js.map