https://templates-notion.fr/assets/PillarPage-C0_tswV9.js

1import{r as d,j as e}from"./vendor-react-DR4Baqra.js";import{S as L}from"./SeFormerNotionBlock-CtPljKo6.js";import{F as z}from"./Footer-DMB9PYdA.js";import{S as M}from"./SEO-BBakm6qZ.js";import{g as V}from"./blogService-CrnqpZ_J.js";import{s as v}from"./staticTemplates--5vXBxsL.js";import{P as p,t as l}from"./index-Du17jUPC.js";import{T as N}from"./TemplateCardImage-Bx4pIgQ3.js";import{T as F}from"./TemplateCard-DoWz0iMh.js";import{m as s}from"./vendor-motion-Bib-rqBB.js";import{A as o,e as h,d as B,B as E,k as U,C as G,af as O}from"./vendor-lucide-BuM6w3pN.js";import{b as R,u as $,N as H,L as i}from"./vendor-router-BECSV0hU.js";import"./vendor-react-dom-D78vBj0x.js";const _={initial:{y:24,opacity:0},animate:{y:0,opacity:1},transition:{duration:.5,ease:[.25,.4,.25,1]}},D={initial:{},animate:{transition:{staggerChildren:.08,delayChildren:.1}}},le=()=>{const{pillar:m}=R(),u=$(),r=d.useMemo(()=>m?p.find(a=>a.slug===m):p.find(a=>a.path===u.pathname),[m,u.pathname]),[c,f]=d.useState([]),[w,C]=d.useState(!0);d.useEffect(()=>{if(!r)return;let a=!0;return(async()=>{try{const A=(await V()).filter(j=>!j.status||j.status==="published");a&&f(A)}catch(n){console.error("Erreur:",n)}finally{a&&C(!1)}})(),()=>{a=!1}},[r]);const g=d.useMemo(()=>{if(!r)return[];const a=new Map(v.map(t=>[t.id,t]));return r.templateIds.map(t=>a.get(t)).filter(Boolean)},[r]),y=d.useMemo(()=>new Map(v.map(a=>[a.id,a])),[]),b=d.useMemo(()=>{if(!r)return[];const a=new Map(c.map(t=>[t.slug,t]));return r.articleSlugs.map(t=>a.get(t)).filter(Boolean)},[r,c]),P=d.useMemo(()=>r?r.longForm.templateLinkIds.map(a=>y.get(a)).filter(Boolean):[],[r,y]),I=d.useMemo(()=>{if(!r)return[];const a=new Map(c.map(t=>[t.slug,t]));return r.longForm.articleLinkSlugs.map(t=>a.get(t)).filter(Boolean)},[r,c]);if(!r)return e.jsx(H,{to:"/blog",replace:!0});const x=`https://templates-notion.fr${r.path}`,k=[{"@type":"BreadcrumbList",itemListElement:[{"@type":"ListItem",position:1,name:"Accueil",item:"https://templates-notion.fr/"},{"@type":"ListItem",position:2,name:"Blog",item:"https://templates-notion.fr/blog"},{"@type":"ListItem",position:3,name:r.title,item:x}]},{"@type":"Article",headline:r.title,description:r.seo.description,url:x,author:{"@type":"Organization",name:"templates-notion.fr",url:"https://templates-notion.fr"},publisher:{"@type":"Organization",name:"templates-notion.fr",logo:{"@type":"ImageObject",url:"https://templates-notion.fr/images/preview.png"}}},{"@type":"CollectionPage",name:r.title,description:r.seo.description,url:x}];r.longForm?.sections?.length&&k.push({"@type":"HowTo",name:r.title,description:r.description,step:r.longForm.sections.map((a,t)=>({"@type":"HowToStep",position:t+1,name:a.title,text:a.paragraphs?.join(" ")||a.bullets?.join(" ")||""}))});const T={"@context":"https://schema.org","@graph":k},S={...r.seo,twitterCard:"summary_large_image",canonicalUrl:x,structuredData:T};return e.jsxs("div",{className:"min-h-screen bg-cream-50 dark:bg-dark-950",children:[e.jsx(M,{data:S}),e.jsxs("section",{className:"relative pt-24 pb-16 overflow-hidden",children:[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(s.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{duration:.5},className:"inline-block px-4 py-2 rounded-full bg-gray-200/80 dark:bg-white/5 border border-gray-300/50 dark:border-white/10 mb-8",children:e.jsx("span",{className:"text-sm font-medium text-gray-600 dark:text-gray-400 tracking-wide",children:"Guide Notion · Dossier thématique"})}),e.jsx(s.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:r.title}),e.jsx(s.p,{initial:{opacity:0,y:20}

1,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:r.subtitle}),e.jsxs(s.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{duration:.5,delay:.15},className:"flex flex-col sm:flex-row gap-4",children:[e.jsxs(i,{to:r.heroCta?.primary.to??"/templates",onClick:()=>l("Pillar Hero CTA Click",{target:r.heroCta?.primary.to??"/templates",pillar:r.slug}),className:"inline-flex items-center gap-2 bg-black dark:bg-white text-white dark:text-black px-6 py-3.5 rounded-xl font-semibold hover:bg-gray-800 dark:hover:bg-gray-200 transition-colors active:scale-[0.98]",children:[r.heroCta?.primary.label??"Voir la collection",e.jsx(o,{className:"h-5 w-5"})]}),e.jsx(i,{to:r.heroCta?.secondary?.to??"/blog",onClick:()=>l("Pillar Hero CTA Click",{target:r.heroCta?.secondary?.to??"/blog",pillar:r.slug}),className:"inline-flex items-center gap-2 px-6 py-3.5 rounded-xl font-semibold border border-gray-200 dark:border-dark-700 text-gray-700 dark:text-gray-300 hover:border-gray-300 dark:hover:border-dark-600 transition-colors",children:r.heroCta?.secondary?.label??"Lire le guide"})]})]}),e.jsx(s.div,{initial:{opacity:0,scale:.98},animate:{opacity:1,scale:1},transition:{duration:.6,delay:.2},className:"relative aspect-[4/3] w-full max-w-lg mx-auto lg:max-w-none rounded-2xl overflow-hidden border border-gray-200 dark:border-dark-800 shadow-sm",children:e.jsx("img",{src:r.heroImage,alt:r.title,className:"w-full h-full object-cover"})})]})})]}),e.jsxs("section",{className:"relative py-24 overflow-hidden bg-gray-100 dark:bg-dark-900",children:[e.jsx("div",{className:"absolute inset-0 opacity-60",style:{backgroundImage:"radial-gradient(circle at 1px 1px, rgba(0,0,0,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-[minmax(0,1fr)_360px] gap-12",children:[e.jsxs("article",{className:"space-y-16",children:[e.jsxs(s.div,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.5},children:[e.jsx("p",{className:"text-lg text-gray-600 dark:text-gray-300 leading-relaxed mb-6",children:r.description}),e.jsx("div",{className:"space-y-4 text-gray-600 dark:text-gray-300 leading-relaxed",children:r.longForm.intro.map(a=>e.jsx("p",{children:a},a))})]}),e.jsxs(s.div,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.5},className:"p-6 rounded-2xl bg-white dark:bg-dark-800 border border-gray-200 dark:border-dark-700",children:[e.jsx("h2",{className:"text-2xl font-bold text-gray-900 dark:text-white mb-4",children:r.problem.title}),e.jsx("p",{className:"text-gray-600 dark:text-gray-300 leading-relaxed mb-4",children:r.problem.description}),e.jsx("ul",{className:"space-y-2",children:r.problem.bullets.map(a=>e.jsxs("li",{className:"flex items-start gap-2.5 text-gray-600 dark:text-gray-300",children:[e.jsx(h,{className:"h-4 w-4 text-gray-400 shrink-0 mt-0.5"}),e.jsx("span",{children:a})]},a))})]}),e.jsxs(s.div,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.5},className:"p-6 rounded-2xl bg-white dark:bg-dark-800 border border-gray-200 dark:border-dark-700",children:[e.jsx("h2",{className:"text-2xl font-bold text-gray-900 dark:text-white mb-4",children:r.notion.title}),e.jsx("p",{className:"text-gray-600 dark:text-gray-300 leading-relaxed mb-4",children:r.notion.description}),e.jsx("ul",{className:"space-y-2",children:r.notion.bullets.map(a=>e.jsxs("li",{className:"flex items-start gap-2.5 text-gray-600 dark:text-gray-300",children:[e.jsx(h,{className:"h-4 w-4 text-gray-400 shrink-0 mt-0.5"}),e.jsx("span",{children:a})]},a))})]})]}),e.jsx("aside",{className:"lg:sticky lg:top-28 h-fit",children:e.jsxs("div",{className:"rounded-2xl border border-gray-200 dark:border-dark-700 bg-white dark:bg-dark-800 overflow-hidden",children:[e.jsxs("div",{className:"p-5",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-4",children:[e.jsx("div",{className:"w-8 h-8 rounded-lg bg-gray-100 dark:bg-dark-900 flex items-center justify-center",children:e.jsx(B,{className:"h-4 w-4 text-gray-600 dark:text-gray-400"})}),e.jsx("h3",{className:"font-semibold text-gray-900 dark:text-white",children:"Templates liés"})]}),e.jsx("ul",{className:"space-y-2",children:P.map(a=>e.jsx("li",{children:e.jsxs(i,{to:`/${a.slug}`,onClick:()=>l("Pillar Related Template Click",{templateId:a.id,templateName:a.title,templateSlug:a.slug,pillar:r.slug}),className:"group flex items-center gap-3 rounded-xl p-2 -mx-2 hover:bg-gray-50 dark:hover:bg-dark-900 transition-colors",children:[e.jsx("div",{className:"w-10 h-10 min-w-[40px] rounded-lg overflow-hidden border border-gray-200 dark:border-dark-700 bg-gray-100 dark:bg-dark-900 flex-shrink-0",children:e.jsx(N,{mainUrl:a.images.main,mainThumbnail:a.images.mainThumbnail,alt:a.title,className:"w-full h-full object-cover"})}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsx("span",{className:"text-sm font-medium text-gray-900 dark:text-white group-hover:text-gray-700 dark:group-hover:text-gray-200 truncate block",children:a.title}),e.jsx("span",{className:"text-xs text-gray-500 dark:text-gray-400",children:a.price})]}),e.jsx(o,{className:"h-4 w-4 text-gray-400 group-hover:text-gray-600 dark:group-hover:text-gray-300 group-hover:translate-x-0.5 transition-transform shrink-0"})]})},a.id))}),e.jsxs(i,{to:"/templates",onClick:()=>l("Pillar Sidebar CTA",{target:"/templates",pillar:r.slug}),className:"mt-3 inline-flex items-center gap-2 text-xs font-semibold text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-white transition-colors",children:["Tous les templates",e.jsx(o,{className:"h-3.5 w-3.5"})]})]}),e.jsx("div",{className:"border-t border-gray-200 dark:border-dark-700"}),e.jsxs("div",{className:"p-5",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-4",children:[e.jsx("div",{className:"w-8 h-8 rounded-lg bg-gray-100 dark:bg-dark-900 flex items-center justify-center",children:e.jsx(E,{className:"h-4 w-4 text-gray-600 dark:text-gray-400"})}),e.jsx("h3",{className:"font-semibold text-gray-900 dark:text-white",children:"Articles liés"})]}),e.jsx("ul",{className:"space-y-2",children:I.map(a=>e.jsx("li",{children:e.jsxs(i,{to:`/blog/${a.slug}`,onClick:()=>l("Pillar Related Article Click",{slug:a.slug,title:a.title,pillar:r.slug}),className:"group flex items-center gap-3 rounded-xl p-2 -mx-2 hover:bg-gray-50 dark:hover:bg-dark-900 transition-colors",children:[e.jsx("div",{className:"w-10 h-10 min-w-[40px] rounded-lg overflow-hidden border border-gray-200 dark:border-dark-700 bg-gray-100 dark:bg-dark-900 flex-shrink-0",children:e.jsx("img",{src:a.image,alt:a.title,className:"w-full h-full object-cover",loading:"lazy"})}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsx("span",{className:"text-sm font-medium text-gray-900 dark:text-white group-hover:text-gray-700 dark:group-hover:text-gray-200 truncate block",children:a.title}),e.jsx("span",{className:"text-xs text-gray-500 dark:text-gray-400",children:a.readTime})]}),e.jsx(o,{className:"h-4 w-4 text-gray-400 group-hover:text-gray-600 dark:group-hover:text-gray-300 group-hover:translate-x-0.5 transition-transform shrink-0"})]})},a.slug))}),e.jsxs(i,{to:"/blog",onClick:()=>l("Pillar Sidebar CTA",{target:"/blog",pillar:r.slug}),className:"mt-3 inline-flex items-center gap-2 text-xs font-semibold text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-white transition-colors",children:["Tous les articles",e.jsx(o,{className:"h-3.5 w-3.5"})]})]}),r.relatedPillarPaths&&r.relatedPillarPaths.length>0&&e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"border-t border-gray-200 dark:border-dark-700"}),e.jsxs("div",{className:"p-5",children:[e.jsx("h3",{className:"font-semibold text-gray-900 dark:text-white mb-3",children:"Guides connexes"}),e.jsx("ul",{className:"space-y-2",children:r.relatedPillarPaths.map(a=>{const t=p.find(n=>n.path===a);return t?e.jsx("li",{children:e.jsxs(i,{to:a,onClick:()=>l("Pillar Related Pillar Click",{fromPillar:r.slug,toPillar:t.slug}),className:"group flex items-center gap-3 rounded-xl p-2 -mx-2 hover:bg-gray-50 dark:hover:bg-dark-900 transition-colors",children:[e.jsx("span",{className:"text-sm font-medium text-gray-900 dark:text-white group-hover:text-gray-700 dark:group-hover:text-gray-200",children:t.title}),e.jsx(o,{className:"h-4 w-4 text-gray-400 group-hover:text-gray-600 dark:group-hover:text-gray-300 group-hover:translate-x-0.5 transition-transform shrink-0"})]})},a):null})})]})]}),e.jsx("div",{className:"border-t border-gray-200 dark:border-dark-700"}),e.jsxs("div",{className:"p-5",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-2",children:[e.jsx("div",{className:"w-8 h-8 rounded-lg bg-emerald-100 dark:bg-emerald-900/30 flex items-center justify-center",children:e.jsx(U,{className:"h-4 w-4 text-emerald-600 dark:text-emerald-400"})}),e.jsxs("div",{children:[e.jsx("h3",{className:"font-semibold text-gray-900 dark:text-white",children:"Outil prompts IA"}),e.jsx("span",{className:"text-[10px] font-medium text-emerald-600 dark:text-emerald-400",children:"Gratuit"})]})]}),e.jsx("p",{className:"text-xs text-gray-600 dark:text-gray-400 mb-3",children:"Générez des prompts sur mesure en 3 clics."}),e.jsxs(i,{to:"/generateur-prompts",onClick:()=>l("Pillar Generator CTA",{pillar:r.slug}),className:"inline-flex items-center gap-2 text-xs font-semibold text-emerald-600 dark:text-emerald-400 hover:text-emerald-700 dark:hover:text-emerald-300 transition-colors",children:["Utiliser l'outil",e.jsx(o,{className:"h-3.5 w-3.5"})]})]}),e.jsx("div",{className:"border-t border-gray-200 dark:border-dark-700"}),e.jsx(L,{source:`pillar-${r.slug}`,compact:!0})]})})]})})]}),g.length>0&&e.jsxs("section",{className:"relative py-20 overflow-hidden bg-white dark:bg-dark-950",children:[e.jsx("div",{className:"absolute inset-0",style:{backgroundImage:"radial-gradient(circle at 1px 1px, rgba(0,0,0,0.04) 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:[e.jsxs(s.div,{className:"mb-10",initial:{y:20,opacity:0}

1,whileInView:{y:0,opacity:1},viewport:{once:!0},transition:{duration:.5},children:[e.jsx("h2",{className:"text-2xl font-bold text-gray-900 dark:text-white mb-2",children:"Templates recommandés pour ce guide"}),e.jsx("p",{className:"text-gray-600 dark:text-gray-400 max-w-2xl",children:"Passez de la lecture à l'action avec les templates les plus pertinents pour ce sujet."})]}),e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-6",children:g.map((a,t)=>e.jsx(F,{template:a,index:t},a.id))})]})]}),e.jsxs("section",{className:"relative py-24 overflow-hidden bg-white dark:bg-dark-950",children:[e.jsx("div",{className:"absolute inset-0",style:{backgroundImage:"radial-gradient(circle at 1px 1px, rgba(0,0,0,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-[minmax(0,1fr)_360px] gap-12",children:[e.jsxs("div",{children:[e.jsxs(s.div,{className:"mb-12",initial:{y:20,opacity:0},whileInView:{y:0,opacity:1},viewport:{once:!0},transition:{duration:.5},children:[e.jsx("h2",{className:"text-2xl font-bold text-gray-900 dark:text-white mb-2",children:"Guide détaillé"}),e.jsx("p",{className:"text-gray-600 dark:text-gray-400 max-w-xl",children:"Approfondissez le sujet avec nos analyses et recommandations."})]}),e.jsx("div",{className:"space-y-12",children:r.longForm.sections.map((a,t)=>e.jsxs(s.div,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.5,delay:t*.05},children:[e.jsx("h3",{className:"text-xl font-bold text-gray-900 dark:text-white mb-4",children:a.title}),e.jsx("div",{className:"space-y-4 text-gray-600 dark:text-gray-300 leading-relaxed",children:a.paragraphs.map(n=>e.jsx("p",{children:n},n))}),a.bullets&&a.bullets.length>0&&e.jsx("ul",{className:"mt-4 space-y-2",children:a.bullets.map(n=>e.jsxs("li",{className:"flex items-start gap-2.5 text-gray-600 dark:text-gray-300",children:[e.jsx(h,{className:"h-4 w-4 text-gray-400 shrink-0 mt-0.5"}),e.jsx("span",{children:n})]},n))})]},a.title))})]}),e.jsx("aside",{className:"lg:sticky lg:top-28 h-fit",children:e.jsxs("div",{className:"rounded-2xl border border-gray-200 dark:border-dark-700 bg-white dark:bg-dark-800 p-5",children:[e.jsx("h3",{className:"text-lg font-semibold text-gray-900 dark:text-white mb-4",children:"Collection exclusive"}),e.jsx("p",{className:"text-sm text-gray-600 dark:text-gray-400 mb-4",children:"Une sélection de templates pour structurer votre activité."}),e.jsx("ul",{className:"space-y-3",children:g.map(a=>e.jsxs(i,{to:`/${a.slug}`,onClick:()=>l("Pillar Template Click",{templateId:a.id,templateName:a.title,templateSlug:a.slug,pillar:r.slug}),className:"group flex items-center gap-3 rounded-xl p-2 -mx-2 hover:bg-gray-50 dark:hover:bg-dark-900 transition-colors",children:[e.jsx("div",{className:"w-14 h-14 min-w-[56px] rounded-lg overflow-hidden border border-gray-200 dark:border-dark-700 bg-gray-100 dark:bg-dark-900 flex-shrink-0",children:e.jsx(N,{mainUrl:a.images.main,mainThumbnail:a.images.mainThumbnail,alt:a.title,className:"w-full h-full object-cover"})}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsx("span",{className:"text-sm font-medium text-gray-900 dark:text-white group-hover:text-gray-700 dark:group-hover:text-gray-200 truncate block",children:a.title}),e.jsx("span",{className:"text-xs text-gray-500 dark:text-gray-400",children:a.price})]}),e.jsx(o,{className:"h-4 w-4 text-gray-400 group-hover:text-gray-600 dark:group-hover:text-gray-300 group-hover:translate-x-0.5 transition-transform shrink-0"})]},a.id))}),e.jsxs(i,{to:"/templates",onClick:()=>l("Pillar Collection CTA",{target:"/templates",pillar:r.slug}),className:"mt-4 inline-flex items-center gap-2 text-xs font-semibold text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-white transition-colors",children:["Voir tous les templates",e.jsx(o,{className:"h-3.5 w-3.5"})]})]})})]})})]}),r.customCta&&e.jsxs("section",{className:"relative py-24 overflow-hidden bg-gray-100 dark:bg-dark-900",children:[e.jsx("div",{className:"absolute inset-0 opacity-60",style:{backgroundImage:"radial-gradient(circle at 1px 1px, rgba(0,0,0,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(s.div,{initial:{opacity:0,y:16},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.5},className:"flex flex-col sm:flex-row sm:items-center sm:justify-between gap-6 rounded-2xl border border-gray-200 dark:border-dark-700 bg-white dark:bg-dark-800 p-8 sm:p-10",children:[e.jsxs("div",{children:[e.jsx("h3",{className:"text-xl font-bold text-gray-900 dark:text-white mb-1",children:r.customCta.title}),e.jsx("p",{className:"text-gray-600 dark:text-gray-400",children:r.customCta.description})]}),e.jsxs(i,{to:`/contact?subject=${encodeURIComponent(r.customCta.contactSubject)}`,onClick:()=>l("Pillar Custom CTA Click",{pillar:r.slug,subject:r.customCta.contactSubject}),className:"inline-flex items-center gap-2 bg-black dark:bg-white text-white dark:text-black px-6 py-3.5 rounded-xl font-semibold hover:bg-gray-800 dark:hover:bg-gray-200 transition-colors active:scale-[0.98] shrink-0",children:[r.customCta.buttonText,e.jsx(o,{className:"h-5 w-5"})]})]})})]}),e.jsxs("section",{className:"relative py-24 overflow-hidden bg-gray-100 dark:bg-dark-900",children:[e.jsx("div",{className:"absolute inset-0 opacity-60",style:{backgroundImage:"radial-gradient(circle at 1px 1px, rgba(0,0,0,0.04) 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:[e.jsxs(s.div,{className:"mb-10",initial:{y:20,opacity:0}

1,whileInView:{y:0,opacity:1},viewport:{once:!0},transition:{duration:.5},children:[e.jsx("h2",{className:"text-2xl font-bold text-gray-900 dark:text-white mb-2",children:"Articles du blog"}),e.jsx("p",{className:"text-gray-600 dark:text-gray-400 max-w-xl",children:"Les contenus éditoriaux qui approfondissent ce sujet."})]}),w?e.jsx("div",{className:"flex items-center justify-center py-16",children:e.jsx("div",{className:"w-6 h-6 border-2 border-gray-400 dark:border-gray-600 border-t-transparent rounded-full animate-spin"})}):b.length>0?e.jsx(s.div,{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6",variants:D,initial:"initial",whileInView:"animate",viewport:{once:!0,margin:"-30px"},children:b.map(a=>e.jsx(s.div,{variants:_,whileHover:{y:-4},transition:{duration:.2},className:"h-full",children:e.jsxs(i,{to:`/blog/${a.slug}`,onClick:()=>l("Pillar Article Click",{slug:a.slug,title:a.title,pillar:r.slug}),className:"group block h-full rounded-2xl border border-gray-200 dark:border-dark-800 bg-white dark:bg-dark-900 overflow-hidden hover:border-gray-300 dark:hover:border-dark-700 hover:shadow-lg transition-all duration-300",children:[e.jsx("div",{className:"aspect-[4/3] bg-gray-100 dark:bg-dark-800 overflow-hidden",children:e.jsx("img",{src:a.image,alt:a.title,className:"w-full h-full object-cover group-hover:scale-[1.03] transition-transform duration-500"})}),e.jsxs("div",{className:"p-5",children:[e.jsxs("div",{className:"flex items-center gap-3 text-xs text-gray-500 dark:text-gray-400 mb-2",children:[e.jsx("span",{className:"font-semibold text-gray-900 dark:text-white",children:a.category}),e.jsxs("span",{className:"flex items-center gap-1",children:[e.jsx(G,{className:"h-3.5 w-3.5"}),a.readTime]})]}),e.jsx("h3",{className:"font-semibold text-gray-900 dark:text-white line-clamp-2 group-hover:text-gray-700 dark:group-hover:text-gray-200",children:a.title}),e.jsx("p",{className:"text-sm text-gray-600 dark:text-gray-400 mt-2 line-clamp-2",children:a.description}),e.jsxs("span",{className:"inline-flex items-center gap-2 mt-3 text-sm font-semibold text-gray-700 dark:text-gray-300 group-hover:text-gray-900 dark:group-hover:text-white transition-colors",children:["Lire l'article",e.jsx(o,{className:"h-4 w-4 group-hover:translate-x-0.5 transition-transform"})]})]})]})},a.slug))}):e.jsxs("div",{className:"text-center py-16 px-8 rounded-2xl border border-gray-200 dark:border-dark-700 bg-white dark:bg-dark-800",children:[e.jsx("div",{className:"w-14 h-14 rounded-2xl bg-gray-100 dark:bg-dark-900 flex items-center justify-center mx-auto mb-5",children:e.jsx(O,{className:"h-7 w-7 text-gray-500 dark:text-gray-400"})}),e.jsx("h3",{className:"text-lg font-semibold text-gray-900 dark:text-white mb-2",children:"Pas encore d'articles sur ce sujet"}),e.jsx("p",{className:"text-gray-600 dark:text-gray-400 mb-6 max-w-md mx-auto",children:"Nos guides et analyses sont en cours de rédaction. En attendant, explorez le journal."}),e.jsxs(i,{to:"/blog",onClick:()=>l("Pillar Empty State CTA",{target:"/blog",pillar:r.slug}),className:"inline-flex items-center gap-2 text-sm font-semibold text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white transition-colors",children:["Voir le journal",e.jsx(o,{className:"h-4 w-4"})]})]}),e.jsxs(s.div,{initial:{opacity:0,y:16},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.5},className:"mt-16 pt-12 border-t border-gray-200 dark:border-dark-700 flex flex-col sm:flex-row sm:items-center sm:justify-between gap-6",children:[e.jsxs("div",{children:[e.jsx("h3",{className:"text-xl font-bold text-gray-900 dark:text-white mb-1",children:"Plus de ressources"}),e.jsx("p",{className:"text-gray-600 dark:text-gray-400",children:"Découvrez tous nos articles et guides sur le blog."})]}),e.jsxs(i,{to:"/blog",onClick:()=>l("Pillar Blog CTA",{target:"/blog",pillar:r.slug}),className:"inline-flex items-center gap-2 bg-black dark:bg-white text-white dark:text-black px-6 py-3.5 rounded-xl font-semibold hover:bg-gray-800 dark:hover:bg-gray-200 transition-colors active:scale-[0.98] shrink-0",children:["Voir tous les articles",e.jsx(o,{className:"h-5 w-5"})]})]})]})]}),e.jsx(z,{})]})};export{le as default};
2//# sourceMappingURL=PillarPage-C0_tswV9.js.map