https://serene-medovik-df543e.netlify.app/assets/BlogPage-DjjkHEZ5.js

1import{j as e,am as v,E as y,Q as h,q as k,K as C,A as p,a as A,F as D,X as L,an as B,o as E,U as V,h as q,a9 as R,S as F}from"./ui-DVBlfA5z.js";import{r as g}from"./vendor-BBdBhp03.js";import{m as n,C as j,a as f,B as r}from"./admin-dBc4hj6A.js";import"./supabase-CwXC4dzy.js";const o=[{id:"guides",name:"Guides pratiques",description:"Conseils et procédures détaillées",count:8,color:"text-primary-500 bg-primary-500/10",icon:e.jsx(v,{className:"w-5 h-5"})},{id:"testimonials",name:"Témoignages",description:"Histoires de réussite",count:12,color:"text-success-500 bg-success-500/10",icon:e.jsx(V,{className:"w-5 h-5"})},{id:"algorithm",name:"Algorithme",description:"Comprendre notre technologie",count:5,color:"text-warning-500 bg-warning-500/10",icon:e.jsx(q,{className:"w-5 h-5"})},{id:"tips",name:"Conseils",description:"Optimiser votre profil",count:10,color:"text-accent-500 bg-accent-500/10",icon:e.jsx(R,{className:"w-5 h-5"})},{id:"news",name:"Nouveautés",description:"Dernières fonctionnalités",count:6,color:"text-error-500 bg-error-500/10",icon:e.jsx(F,{className:"w-5 h-5"})}],T=[{id:"1",title:"Guide complet de la permutation en Côte d'Ivoire",excerpt:"Tout ce que vous devez savoir sur les procédures officielles, les délais et les démarches administratives pour réussir votre permutation.",content:"",author:"Kouame Sarah",authorRole:"Expert en RH Publique",publishedAt:"2024-01-15",readTime:8,category:"guides",tags:["permutation","guide","procédures","administration"],views:1520,likes:89,comments:23,featured:!0},{id:"2",title:"Témoignage : De Korhogo à Abidjan en 3 semaines",excerpt:"Découvrez comment Assi Brigitte, institutrice, a réussi sa permutation de Korhogo vers Abidjan grâce à Permutons CI.",content:"",author:"Assi Brigitte",authorRole:"Institutrice",publishedAt:"2024-01-10",readTime:5,category:"testimonials",tags:["témoignage","réussite","institutrice","Korhogo","Abidjan"],views:2340,likes:156,comments:45,featured:!0},{id:"3",title:"Comment notre algorithme trouve vos correspondances parfaites",excerpt:"Plongez dans les détails techniques de notre algorithme de matching intelligent qui analyse distance, préférences et compatibilité.",content:"",author:"Tra Bi Olivier",authorRole:"CTO Permutons",publishedAt:"2024-01-05",readTime:12,category:"algorithm",tags:["algorithme","technologie","matching","intelligence artificielle"],views:980,likes:67,comments:18,featured:!1}];function $({onReadMore:c,onSubscribe:S}){var w;const[d,u]=g.useState("all"),[x,N]=g.useState(""),[b,z]=g.useState("newest"),m=[...T.filter(t=>{const s=d==="all"||t.category===d,l=t.title.toLowerCase().includes(x.toLowerCase())||t.excerpt.toLowerCase().includes(x.toLowerCase())||t.tags.some(i=>i.toLowerCase().includes(x.toLowerCase()));return s&&l})].sort((t,s)=>{switch(b){case"popular":return s.views-t.views;case"trending":return s.likes-t.likes;case"newest":default:return new Date(s.publishedAt).getTime()-new Date(t.publishedAt).getTime()}}),I=T.filter(t=>t.featured);return e.jsxs("div",{className:"min-h-screen bg-gradient-to-br from-neutral-50 to-white dark:from-neutral-900 dark:to-neutral-800",children:[e.jsxs("section",{className:"py-20 bg-gradient-to-br from-dark-green-900 via-dark-green-800 to-dark-green-950 text-white relative overflow-hidden",children:[e.jsx("div",{className:"absolute inset-0 opacity-10",children:e.jsx("div",{className:"pattern-dots h-full w-full"})}),e.jsx("div",{className:"relative z-10 max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center",children:e.jsxs(n.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{duration:.8},children:[e.jsxs("h1",{className:"text-4xl lg:text-5xl font-bold mb-6",children:["Blog ",e.jsx("span",{className:"text-accent-gold",children:"Permutons CI"})]}),e.jsx("p",{className:"text-xl text-white/90 max-w-3xl mx-auto",children:"Guides, conseils, témoignages et actualités pour réussir votre permutation. Découvrez les stories inspirantes de notre communauté."})]})})]}),e.jsx("section",{className:"py-20",children:e.jsxs("div",{className:"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8",children:[e.jsxs(n.div,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},transition:{duration:.8},viewport:{once:!0},className:"text-center mb-16",children:[e.jsxs("h2",{className:"text-3xl lg:text-4xl font-bold text-neutral-900 dark:text-neutral-100 mb-4",children:["Articles ",e.jsx("span",{className:"text-gradient-primary",children:"en vedette"})]}

1),e.jsx("p",{className:"text-xl text-neutral-600 dark:text-neutral-400 max-w-3xl mx-auto",children:"Les articles les plus populaires et les plus récents de notre blog."})]}),e.jsx("div",{className:"grid grid-cols-1 lg:grid-cols-2 gap-8",children:I.slice(0,2).map((t,s)=>{var l,i;return e.jsx(n.div,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},transition:{duration:.6,delay:s*.1},viewport:{once:!0},children:e.jsxs(j,{variant:"luxury",className:"h-full hover-lift",children:[e.jsxs("div",{className:"relative",children:[e.jsx("div",{className:"absolute top-4 left-4 z-10",children:e.jsx("span",{className:"bg-gradient-gold text-white text-xs font-bold px-3 py-1 rounded-full",children:"⭐ FEATURED"})}),e.jsx("div",{className:"bg-gradient-to-br from-dark-green-900 via-dark-green-800 to-dark-green-950 rounded-t-luxury h-48 flex items-center justify-center",children:e.jsx(v,{className:"w-16 h-16 text-white/50"})})]}),e.jsxs(f,{className:"p-6",children:[e.jsxs("div",{className:"flex items-center justify-between mb-4",children:[e.jsx("span",{className:`text-xs font-medium px-3 py-1 rounded-full ${((l=o.find(a=>a.id===t.category))==null?void 0:l.color)||"text-neutral-500 bg-neutral-500/10"}`,children:((i=o.find(a=>a.id===t.category))==null?void 0:i.name)||t.category}),e.jsxs("div",{className:"flex items-center space-x-4 text-xs text-neutral-500 dark:text-neutral-400",children:[e.jsxs("div",{className:"flex items-center space-x-1",children:[e.jsx(y,{className:"w-3 h-3"}),e.jsx("span",{children:t.views})]}),e.jsxs("div",{className:"flex items-center space-x-1",children:[e.jsx(h,{className:"w-3 h-3"}),e.jsx("span",{children:t.likes})]})]})]}),e.jsx("h3",{className:"text-xl font-bold text-neutral-900 dark:text-neutral-100 mb-3",children:t.title}

1),e.jsx("p",{className:"text-neutral-600 dark:text-neutral-400 mb-4 leading-relaxed",children:t.excerpt}),e.jsxs("div",{className:"flex items-center justify-between mb-6",children:[e.jsxs("div",{className:"flex items-center space-x-3",children:[e.jsx("div",{className:"w-10 h-10 bg-gradient-to-br from-dark-green-900 via-dark-green-800 to-dark-green-950 rounded-full flex items-center justify-center",children:e.jsx("span",{className:"text-white font-semibold text-sm",children:t.author.charAt(0)})}),e.jsxs("div",{children:[e.jsx("div",{className:"font-medium text-neutral-900 dark:text-neutral-100 text-sm",children:t.author}),e.jsx("div",{className:"text-xs text-neutral-500 dark:text-neutral-400",children:t.authorRole})]})]}),e.jsxs("div",{className:"text-right",children:[e.jsxs("div",{className:"flex items-center space-x-1 text-xs text-neutral-500 dark:text-neutral-400",children:[e.jsx(k,{className:"w-3 h-3"}),e.jsx("span",{children:new Date(t.publishedAt).toLocaleDateString("fr-FR")})]}),e.jsxs("div",{className:"flex items-center space-x-1 text-xs text-neutral-500 dark:text-neutral-400 mt-1",children:[e.jsx(C,{className:"w-3 h-3"}),e.jsxs("span",{children:[t.readTime," min de lecture"]})]})]})]}),e.jsx(r,{variant:"outline",fullWidth:!0,onClick:()=>c==null?void 0:c(t.id),rightIcon:e.jsx(p,{className:"w-4 h-4"}),children:"Lire l'article"})]})]})},t.id)})})]})}),e.jsx("section",{className:"py-12 bg-gradient-to-br from-white to-neutral-100 dark:from-neutral-800 dark:to-neutral-900",children:e.jsx("div",{className:"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8",children:e.jsxs("div",{className:"flex flex-col lg:flex-row items-center justify-between space-y-6 lg:space-y-0 lg:space-x-8",children:[e.jsx("div",{className:"flex-1 max-w-md",children:e.jsxs("div",{className:"relative",children:[e.jsx(A,{className:"absolute left-3 top-1/2 transform -translate-y-1/2 w-5 h-5 text-neutral-400"}),e.jsx("input",{type:"text",placeholder:"Rechercher un article...",value:x,onChange:t=>N(t.target.value),className:"w-full pl-10 pr-4 py-3 border border-neutral-300 dark:border-neutral-600 rounded-xl focus:ring-2 focus:ring-primary-500 focus:border-transparent bg-white dark:bg-neutral-800 text-neutral-900 dark:text-neutral-100"})]})}),e.jsxs("div",{className:"flex items-center space-x-4",children:[e.jsxs("div",{className:"flex items-center space-x-2",children:[e.jsx(D,{className:"w-5 h-5 text-neutral-500"}),e.jsx("span",{className:"text-sm font-medium text-neutral-700 dark:text-neutral-300",children:"Catégorie :"})]}),e.jsxs("select",{value:d,onChange:t=>u(t.target.value),className:"px-4 py-2 border border-neutral-300 dark:border-neutral-600 rounded-lg focus:ring-2 focus:ring-primary-500 focus:border-transparent bg-white dark:bg-neutral-800 text-neutral-900 dark:text-neutral-100",children:[e.jsx("option",{value:"all",children:"Toutes les catégories"}),o.map(t=>e.jsx("option",{value:t.id,children:t.name},t.id))]})]}),e.jsxs("div",{className:"flex items-center space-x-4",children:[e.jsx("span",{className:"text-sm font-medium text-neutral-700 dark:text-neutral-300",children:"Trier par :"}),e.jsxs("select",{value:b,onChange:t=>z(t.target.value),className:"px-4 py-2 border border-neutral-300 dark:border-neutral-600 rounded-lg focus:ring-2 focus:ring-primary-500 focus:border-transparent bg-white dark:bg-neutral-800 text-neutral-900 dark:text-neutral-100",children:[e.jsx("option",{value:"newest",children:"Plus récents"}),e.jsx("option",{value:"popular",children:"Plus populaires"}),e.jsx("option",{value:"trending",children:"Tendances"})]})]})]})})}),e.jsx("section",{className:"py-20 bg-gradient-to-br from-white to-neutral-100 dark:from-neutral-800 dark:to-neutral-900",children:e.jsxs("div",{className:"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8",children:[e.jsxs(n.div,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},transition:{duration:.8},viewport:{once:!0},className:"flex items-center justify-between mb-12",children:[e.jsxs("div",{children:[e.jsx("h2",{className:"text-3xl lg:text-4xl font-bold text-neutral-900 dark:text-neutral-100 mb-2",children:d==="all"?"Tous les articles":((w=o.find(t=>

1t.id===d))==null?void 0:w.name)||"Articles"}),e.jsxs("p",{className:"text-neutral-600 dark:text-neutral-400",children:[m.length," article",m.length>1?"s":""," trouvé",m.length>1?"s":"",x&&` pour "${x}"`]})]}),d!=="all"&&e.jsx(r,{variant:"outline",onClick:()=>u("all"),rightIcon:e.jsx(L,{className:"w-4 h-4"}),children:"Effacer le filtre"})]}),m.length===0?e.jsxs(n.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{duration:.6},className:"text-center py-16",children:[e.jsx("div",{className:"mx-auto mb-6 p-6 bg-neutral-100 dark:bg-neutral-800 rounded-full w-fit",children:e.jsx(A,{className:"w-12 h-12 text-neutral-400"})}),e.jsx("h3",{className:"text-xl font-bold text-neutral-900 dark:text-neutral-100 mb-4",children:"Aucun article trouvé"}),e.jsx("p",{className:"text-neutral-600 dark:text-neutral-400 mb-8",children:"Essayez de modifier vos critères de recherche ou de sélectionner une autre catégorie."}),e.jsx(r,{variant:"outline",onClick:()=>{N(""),u("all")},children:"Réinitialiser la recherche"})]}):e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8",children:m.map((t,s)=>{var l,i;return e.jsx(n.div,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},transition:{duration:.6,delay:s*.1},viewport:{once:!0},children:e.jsxs(j,{variant:"luxury",className:"h-full hover-lift",children:[e.jsxs("div",{className:"relative",children:[e.jsx("div",{className:"bg-gradient-to-br from-primary-500 to-accent-500 h-48 rounded-t-luxury flex items-center justify-center",children:e.jsx(v,{className:"w-12 h-12 text-white/50"})}),e.jsx("div",{className:"absolute top-4 left-4",children:e.jsx("span",{className:`text-xs font-medium px-3 py-1 rounded-full ${((l=o.find(a=>a.id===t.category))==null?void 0:l.color)||"text-neutral-500 bg-neutral-500/10"}`,children:((i=o.find(a=>a.id===t.category))==null?void 0:i.name)||t.category})}),e.jsxs("div",{className:"absolute top-4 right-4 flex items-center space-x-3",children:[e.jsxs("div",{className:"flex items-center space-x-1 bg-black/20 backdrop-blur-sm text-white text-xs px-2 py-1 rounded-full",children:[e.jsx(y,{className:"w-3 h-3"}),e.jsx("span",{children:t.views})]}),e.jsxs("div",{className:"flex items-center space-x-1 bg-black/20 backdrop-blur-sm text-white text-xs px-2 py-1 rounded-full",children:[e.jsx(h,{className:"w-3 h-3"}),e.jsx("span",{children:t.likes})]})]})]}),e.jsxs(f,{className:"p-6",children:[e.jsx("h3",{className:"text-lg font-bold text-neutral-900 dark:text-neutral-100 mb-3 line-clamp-2",children:t.title}

1),e.jsx("p",{className:"text-neutral-600 dark:text-neutral-400 mb-4 line-clamp-3",children:t.excerpt}),e.jsxs("div",{className:"flex flex-wrap gap-2 mb-6",children:[t.tags.slice(0,3).map((a,P)=>e.jsxs("span",{className:"text-xs text-primary-600 dark:text-primary-400 bg-primary-50 dark:bg-primary-900/20 px-2 py-1 rounded-full",children:["#",a]},P)),t.tags.length>3&&e.jsxs("span",{className:"text-xs text-neutral-500 dark:text-neutral-400",children:["+",t.tags.length-3," autres"]})]}),e.jsxs("div",{className:"flex items-center justify-between mb-6",children:[e.jsxs("div",{className:"flex items-center space-x-3",children:[e.jsx("div",{className:"w-8 h-8 bg-gradient-to-br from-dark-green-900 via-dark-green-800 to-dark-green-950 rounded-full flex items-center justify-center",children:e.jsx("span",{className:"text-white font-semibold text-xs",children:t.author.charAt(0)})}),e.jsxs("div",{children:[e.jsx("div",{className:"font-medium text-neutral-900 dark:text-neutral-100 text-sm",children:t.author}),e.jsx("div",{className:"text-xs text-neutral-500 dark:text-neutral-400",children:t.authorRole})]})]}),e.jsxs("div",{className:"text-right",children:[e.jsxs("div",{className:"flex items-center space-x-1 text-xs text-neutral-500 dark:text-neutral-400",children:[e.jsx(k,{className:"w-3 h-3"}),e.jsx("span",{children:new Date(t.publishedAt).toLocaleDateString("fr-FR")})]}),e.jsxs("div",{className:"flex items-center space-x-1 text-xs text-neutral-500 dark:text-neutral-400 mt-1",children:[e.jsx(C,{className:"w-3 h-3"}),e.jsxs("span",{children:[t.readTime," min"]})]})]})]}),e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx(r,{variant:"outline",size:"sm",onClick:()=>c==null?void 0:c(t.id),rightIcon:e.jsx(p,{className:"w-4 h-4"}),children:"Lire l'article"}),e.jsxs("div",{className:"flex items-center space-x-2",children:[e.jsx(r,{variant:"ghost",size:"sm",className:"p-2",children:e.jsx(h,{className:"w-4 h-4"})}),e.jsx(r,{variant:"ghost",size:"sm",className:"p-2",children:e.jsx(B,{className:"w-4 h-4"})}),e.jsx(r,{variant:"ghost",size:"sm",className:"p-2",children:e.jsx(E,{className:"w-4 h-4"})})]})]})]})]})},t.id)})})]})}),e.jsxs("section",{className:"py-20 bg-gradient-to-br from-dark-green-900 via-dark-green-800 to-dark-green-950 text-white relative overflow-hidden",children:[e.jsx("div",{className:"absolute inset-0 opacity-5",children:e.jsx("div",{className:"pattern-grid h-full w-full"})}),e.jsx("div",{className:"relative z-10 max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center",children:e.jsxs(n.div,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},transition:{duration:.8},viewport:{once:!0},children:[e.jsxs("h2",{className:"text-3xl lg:text-4xl font-bold mb-6",children:["Restez informé avec notre ",e.jsx("span",{className:"text-accent-gold",children:"newsletter"})]}),e.jsx("p",{className:"text-xl text-white/90 mb-8 max-w-2xl mx-auto",children:"Recevez en avant-première nos nouveaux articles, conseils d'experts et témoignages inspirants directement dans votre boîte mail."}),e.jsx(j,{variant:"glass",className:"max-w-md mx-auto border-white/20",children:e.jsx(f,{className:"p-6",children:e.jsxs("div",{className:"space-y-4",children:[e.jsx("input",{type:"email",placeholder:"Votre adresse email",className:"w-full px-4 py-3 border border-white/30 rounded-xl focus:ring-2 focus:ring-white/50 focus:border-transparent bg-white/10 backdrop-blur-sm text-white placeholder-white/70"}),e.jsx(r,{variant:"luxury",fullWidth:!0,onClick:S,rightIcon:e.jsx(p,{className:"w-5 h-5"}),glow:!0,children:"S'abonner à la newsletter"}),e.jsx("p",{className:"text-white/70 text-xs",children:"Désinscription possible à tout moment. Vos données sont protégées."})]})})})]})})]})]})}export{$ as BlogPage,$ as default};