https://copier-accent.fr/assets/Blog-PcKGGSUc.js

1import{r as e,j as r}from"./react-CdvQJUgd.js";import{c as t,M as s,S as a,H as o,B as l,k as i,a as n,X as c,A as d,l as m}from"./index-B4MAFlh3.js";import{Footer as x}from"./Footer-DxgJMiLz.js";import{B as u}from"./Breadcrumb-DCU-jm0_.js";import{b as p,g,B as h}from"./BlogCard-wJumxOxH.js";import{c as b,a as f}from"./internalLinks-39d0A2Vv.js";import{F as j}from"./FaqSection-CvxQ5LJb.js";import{b as y}from"./sectionFaqs-C_8ANEaM.js";import{S as N}from"./shopping-bag-2Azmgwot.js";import{g as v}from"./blogCategories-CQsomFHF.js";import{L as w}from"./router-Bm0Y28yf.js";import"./react-dom-x7fhylOY.js";import"./house-Db-Xfd75.js";import"./chevron-down-BD6er4nV.js";const C=t("Folder",[["path",{d:"M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z",key:"1kt360"}]]),k=new Set(["meilleur-clavier-azerty-2026-comparatif"]),A=()=>{const[t,A]=e.useState(""),[L,B]=e.useState("all"),z=e.useMemo(()=>p.filter(e=>{const r=""===t||e.title.toLowerCase().includes(t.toLowerCase())||e.excerpt.toLowerCase().includes(t.toLowerCase())||e.tags.some(e=>e.toLowerCase().includes(t.toLowerCase())),s="all"===L||e.category===L;return r&&s}),[t,L]),F=s.map(e=>p.find(r=>r.slug===e)).filter(e=>Boolean(e)),M=F[0]??p[0],G=F.slice(1,5),O=e.useMemo(()=>p.filter(e=>k.has(e.slug)).slice(0,3),[]),S=new Set(O.map(e=>e.slug)),T=z.filter(e=>e.slug!==M.slug&&!("all"===L&&""===t&&S.has(e.slug))),q=m.slice(0,6);return r.jsxs("div",{className:"page-container",children:[r.jsx(a,{title:"Blog : accents français, clavier et typographie",description:"Découvrez nos articles sur les accents français : tutoriels pour taper É, È, Ç, guides sur l'histoire des accents, astuces clavier Windows et Mac.",canonical:"https://copier-accent.fr/blog",schemaOrg:{"@context":"https://schema.org","@graph":[{"@type":"Blog",name:"Blog Copier-Accent - Tout sur les accents français",description:"Articles, tutoriels et guides complets sur les accents français, les raccourcis clavier et la typographie française.",url:"https://copier-accent.fr/blog",inLanguage:"fr-FR",publisher:{"@type":"Organization",name:"FELLAH DIGITAL GROUP",url:"https://copier-accent.fr",logo:{"@type":"ImageObject",url:"https://copier-accent.fr/favicon-96x96.png"}},blogPost:p.map(e=>({"@type":"BlogPosting",headline:e.title,description:e.excerpt,url:`https://copier-accent.fr${g(e)}`,datePublished:e.publishedAt,dateModified:e.updatedAt,author:{"@type":"Organization",name:e.author.name}}))},{"@type":"FAQPage",mainEntity:y.blog.map(e=>({"@type":"Question",name:e.question,acceptedAnswer:{"@type":"Answer",text:e.answer}}))}]}}),r.jsx(o,{}),r.jsxs("main",{className:"content-wrapper",role:"main",children:[r.jsx(u,{items:[{label:"Blog"}]}),r.jsxs("section",{className:"text-center mb-8 sm:mb-12",children:[r.jsxs("div",{className:"inline-flex items-center gap-2 px-4 py-2 rounded-full bg-primary/10 text-primary text-sm font-medium mb-4",children:[r.jsx(l,{className:"w-4 h-4"}),r.jsx("span",{children:"Le blog des accents français"})]}),r.jsx("h1",{className:"text-2xl sm:text-4xl lg:text-5xl font-bold text-foreground mb-3 sm:mb-4 text-balance",children:"Guides & Tutoriels sur les Accents"}),r.jsx("p",{className:"text-base sm:text-xl text-muted-foreground max-w-2xl mx-auto",children:"Maîtrisez les majuscules accentuées, raccourcis clavier et règles typographiques françaises."})]}),r.jsx("section",{className:"mb-8 sm:mb-10",children:r.jsxs("div",{className:"flex flex-col sm:flex-row gap-4",children:[r.jsxs("div",{className:"relative flex-1",children:[r.jsx(i,{className:"absolute left-4 top-1/2 -translate-y-1/2 w-5 h-5 text-muted-foreground"}),r.jsx("input",{type:"text",placeholder:"Rechercher un article...",value:t,onChange:e=>A(e.target.value),className:n("w-full pl-12 pr-10 py-3 rounded-xl","bg-card border border-border","text-foreground placeholder:text-muted-foreground","focus:outline-none focus:ring-2 focus:ring-primary focus:border-transparent","transition-all")}),t&&r.jsx("button",{type:"button",onClick:()=>A(""),className:"absolute right-3 top-1/2 -translate-y-1/2 p-1 rounded-full hover:bg-muted text-muted-foreground hover:text-foreground transition-colors","aria-label":"Effacer la recherche",children:r.jsx(c,{className:"w-4 h-4"})})]}),r.jsxs("div",{className:"flex gap-2 overflow-x-auto pb-1 sm:pb-0",children:[r.jsx("button",{onClick:()=>B("all"),className:n("px-4 py-2 rounded-lg text-sm font-medium whitespace-nowrap transition-all","all"===L?"bg-primary text-primary-foreground":"bg-card border border-border text-muted-foreground hover:text-foreground hover:border-primary/50"),children:"Tous"}),r.jsx("button",{onClick:()=>B("tutoriel"),className:n("px-4 py-2 rounded-lg text-sm font-medium whitespace-nowrap transition-all","tutoriel"===L?"bg-primary text-primary-foreground":"bg-card border border-border text-muted-foreground hover:text-foreground hover:border-primary/50"),children:"Tutoriels"}),r.jsx("button",{onClick:()=>B("guide"),className:n("px-4 py-2 rounded-lg text-sm font-medium whitespace-nowrap transition-all","guide"===L?"bg-primary text-primary-foreground":"bg-card border border-border text-muted-foreground hover:text-foreground hover:border-primary/50"),children:"Guides"}),r.jsx("button",{onClick:()=>B("astuces"),className:n("px-4 py-2 rounded-lg text-sm font-medium whitespace-nowrap transition-all","astuces"===L?"bg-primary text-primary-foreground":"bg-card border border-border text-muted-foreground hover:text-foreground hover:border-primary/50"),children:"Astuces"}),r.jsx("button",{onClick:()=>B("histoire"),className:n("px-4 py-2 rounded-lg text-sm font-medium whitespace-nowrap transition-all","histoire"===L?"bg-primary text-primary-foreground":"bg-card border border-border text-muted-foreground hover:text-foreground hover:border-primary/50"),children:"Histoire"})]})]})}),"all"===L&&""===t&&r.jsxs("section",{className:"mb-8 sm:mb-10","aria-labelledby":"a-la-une",children:[r.jsx("h2",{id:"a-la-une",className:"text-xl font-bold text-foreground mb-4",children:"Les plus lus"}),r.jsx(h,{article:M,variant:"featured",badge:"N°1 des lectures"}),G.length>0&&r.jsx("ol",{className:"mt-4 grid gap-2 sm:grid-cols-2",children:G.map((e,t)=>r.jsx("li",{children:r.jsxs(w,{to:g(e),className:"group flex items-center gap-3 rounded-xl border border-border bg-card px-4 py-3 transition-colors hover:border-primary/50 hover:bg-primary/5",children:[r.jsxs("span",{className:"flex h-7 w-7 shrink-0 items-center justify-center rounded-full bg-muted text-xs font-bold text-muted-foreground",children:["#",t+2]}),r.jsx("span",{className:"line-clamp-2 text-sm font-medium text-foreground group-hover:text-primary",children:e.title})]})},e.slug))})]}),"all"===L&&""===t&&O.length>0&&r.jsxs("section",{className:"mb-8 sm:mb-10",children:[r.jsxs("div",{className:"mb-4 flex flex-col gap-3 sm:flex-row sm:items-end sm:justify-between",children:[r.jsxs("div",{children:[r.jsxs("div",{className:"mb-2 inline-flex items-center gap-2 rounded-full bg-primary/10 px-3 py-1 text-xs font-bold uppercase tracking-wide text-primary",children:[r.jsx(N,{className:"h-3.5 w-3.5","aria-hidden":"true"}),"Guides d'achat"]}),r.jsx("h2",{className:"text-xl font-bold text-foreground",children:"Comparatifs utiles avant d'acheter"}),r.jsx("p",{className:"mt-1 max-w-2xl text-sm text-muted-foreground",children:"Des sélections courtes, concrètes et liées aux besoins clavier, productivité et écriture en français."})]}),r.jsxs(w,{to:g(O[0]),className:"inline-flex items-center gap-2 text-sm font-semibold text-primary hover:gap-3 transition-all",children:["Voir le comparatif",r.jsx(d,{className:"h-4 w-4","aria-hidden":"true"})]})]}),r.jsx("div",{className:"grid gap-4 sm:grid-cols-2 lg:grid-cols-3",children:O.map(e=>r.jsxs(w,{to:g(e),className:n("group flex h-full flex-col rounded-xl border border-border bg-card p-5","transition-all hover:border-primary/50 hover:bg-primary/5 hover:shadow-md"),children:[r.jsx("span",{className:"mb-3 inline-flex self-start rounded-full bg-emerald-500/10 px-2.5 py-1 text-[11px] font-bold uppercase tracking-wide text-emerald-700 dark:text-emerald-300",children:"Comparatif"}),r.jsx("h3",{className:"mb-2 line-clamp-2 text-lg font-bold leading-tight text-foreground group-hover:text-primary",children:e.title}),r.jsx("p",{className:"mb-4 line-clamp-3 text-sm leading-relaxed text-muted-foreground",children:e.excerpt}),r.jsxs("span",{className:"mt-auto inline-flex items-center gap-2 text-sm font-semibold text-primary",children:["Lire le guide",r.jsx(d,{className:"h-4 w-4 transition-transform group-hover:translate-x-0.5","aria-hidden":"true"})]})]},e.slug))})]}),r.jsx("section",{className:"mb-8 sm:mb-12",children:T.length>0?r.jsxs(r.Fragment,{children:[r.jsxs("h2",{className:"text-xl font-bold text-foreground mb-6",children:["all"===L?"Tous les articles":v(L),r.jsxs("span",{className:"ml-2 text-sm font-normal text-muted-foreground",children:["(",T.length," article",T.length>

11?"s":"",")"]})]}),r.jsx("div",{className:"grid sm:grid-cols-2 lg:grid-cols-3 gap-4 sm:gap-6",children:T.map((e,t)=>r.jsx(h,{article:e,index:t},e.slug))})]}):r.jsxs("div",{className:"text-center py-12 bg-card rounded-2xl border border-border",children:[r.jsxs("p",{className:"text-xl font-bold text-foreground mb-2",children:["Aucun article trouvé pour « ",t||L," »"]}),r.jsx("p",{className:"text-muted-foreground mb-6 max-w-md mx-auto",children:"Essayez un autre mot-clé ou parcourez les catégories :"}),r.jsxs("div",{className:"flex flex-wrap justify-center gap-3 mb-6",children:[r.jsx(w,{to:"/blog/tutoriels",className:"px-4 py-2 rounded-lg bg-blue-500/10 text-blue-600 dark:text-blue-400 hover:bg-blue-500/20 transition-colors font-medium text-sm",children:"Tutoriels populaires"}),r.jsx(w,{to:"/blog/astuces",className:"px-4 py-2 rounded-lg bg-green-500/10 text-green-600 dark:text-green-400 hover:bg-green-500/20 transition-colors font-medium text-sm",children:"Astuces clavier"}),r.jsx(w,{to:"/",className:"px-4 py-2 rounded-lg bg-primary/10 text-primary hover:bg-primary/20 transition-colors font-medium text-sm",children:"Copier des accents"})]}),r.jsx("button",{onClick:()=>{A(""),B("all")},className:"text-primary hover:underline font-medium",children:"↺ Voir tous les articles"})]})}),r.jsxs("section",{className:"mb-8 sm:mb-12",children:[r.jsxs("h2",{className:"text-xl font-bold text-foreground mb-4 flex items-center gap-2",children:[r.jsx(C,{className:"w-5 h-5 text-primary"}),"Explorer par catégorie"]}),r.jsx("div",{className:"grid sm:grid-cols-2 lg:grid-cols-4 gap-4",children:Object.entries(b).map(([e,t])=>{const s=p.filter(r=>r.category===e).length,a={tutoriel:"tutoriels",guide:"guides",astuces:"astuces",histoire:"histoire"}[e]||e;return r.jsxs(w,{to:`/blog/${a}`,className:n("flex flex-col items-start p-4 rounded-xl text-left","bg-card border border-border","hover:border-primary/50 hover:bg-primary/5","transition-all group"),children:[r.jsx("span",{className:"text-lg font-semibold text-foreground group-hover:text-primary mb-1",children:t}),r.jsx("span",{className:"text-sm text-muted-foreground mb-2",children:f[e]}),r.jsxs("span",{className:"text-xs text-primary font-medium",children:[s," article",s>1?"s":""," →"]})]},e)})})]}),r.jsx("section",{className:"mb-8 sm:mb-12",children:r.jsxs("div",{className:"bg-card rounded-2xl border border-border p-6 sm:p-8",children:[r.jsx("h2",{className:"text-xl font-bold text-foreground mb-4",children:"🔤 Outils de copie rapide"}),r.jsx("p",{className:"text-muted-foreground mb-6",children:"Besoin de copier une lettre accentuée ? Accédez directement aux outils dédiés :"}),r.jsx("div",{className:"grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-6 gap-3",children:q.map(e=>r.jsxs(w,{to:`/${e.slug}`,className:n("flex flex-col items-center gap-2 p-4 rounded-xl","bg-background border border-border","hover:border-primary/50 hover:bg-primary/5","transition-all group"),title:`Copier ${e.letters.join(", ")} - Guide avec raccourcis clavier`,children:[r.jsx("span",{className:"text-2xl font-bold text-primary group-hover:scale-110 transition-transform",children:e.letters[0]}),r.jsx("span",{className:"text-xs text-muted-foreground group-hover:text-foreground transition-colors text-center line-clamp-1",children:e.letters.join(" ")})]},e.slug))}),r.jsx("div",{className:"mt-6 text-center",children:r.jsxs(w,{to:"/",className:"inline-flex items-center gap-2 text-primary hover:gap-3 transition-all font-medium",title:"Accéder à tous les caractères accentués français",children:["Voir tous les caractères accentués",r.jsx(d,{className:"w-4 h-4"})]})})]})}),r.jsx("section",{children:r.jsxs("div",{className:"bg-gradient-to-br from-primary/10 via-primary/5 to-transparent rounded-2xl border border-primary/20 p-6 sm:p-8 text-center",children:[r.jsx("h2",{className:"text-xl sm:text-2xl font-bold text-foreground mb-3",children:"Maîtrisez les accents français"}),r.jsx("p",{className:"text-muted-foreground mb-6 max-w-xl mx-auto",children:"Découvrez nos guides complets pour ne plus jamais hésiter sur l'utilisation des accents et caractères spéciaux."}),r.jsxs(w,{to:"/",className:n("inline-flex items-center gap-2 px-6 py-3 rounded-xl","bg-primary text-primary-foreground font-medium","hover:opacity-90 transition-opacity"),children:["Utiliser l'outil gratuit",r.jsx(d,{className:"w-4 h-4"})]})]})}),r.jsx(j,{faqs:y.blog})]}),r.jsx(x,{})]})};export{A as default};