PageSourceSearch

https://roonaworks.com/assets/BlogArticle-DP4neD0q.js

js roonaworks.com collected 2026-10-09 22:19:41 UTC 5,282 bytes, 1 lines download raw bytes

1import{R as h,j as e}from"./motion-DGRgQXlV.js";import{C as b,t as l,b as u,B as g,K as f}from"./index-Ctk6rm_c.js";import{a as j}from"./articles-fr-yit9b7D_.js";import"./react-UaWSC_qi.js";const o=j,x="2026-09-19",p=r=>!r||r<x?x:r,m=r=>new Date(p(r)+"T12:00:00").toLocaleDateString("fr-FR",{day:"numeric",month:"long",year:"numeric"}),v=r=>{const t=r.match(/^(.{2,28}?) : (.*)$/s);return t?e.jsxs(e.Fragment,{children:[e.jsxs("strong",{className:"font-bold text-roona-dark",children:[t[1]," :"]})," ",t[2]]}):r},A=({slug:r})=>{var c,d;h.useEffect(()=>{const a=Array.from(document.querySelectorAll("[data-apparait]"));if(!a.length)return;if(window.matchMedia("(prefers-reduced-motion: reduce)").matches){a.forEach(n=>n.classList.add("apparu"));return}const s=new IntersectionObserver(n=>{for(const i of n)i.isIntersecting&&(i.target.classList.add("apparu"),s.unobserve(i.target))},{rootMargin:"0px 0px -60px 0px"});return a.forEach(n=>s.observe(n)),()=>s.disconnect()},[r]);const t=o[r];return t?e.jsxs("div",{className:"bg-white min-h-screen",children:[e.jsxs("div",{className:"bg-[#0B0710] rounded-b-[2.5rem] pt-36 pb-16 px-6 relative overflow-hidden",children:[e.jsx("div",{className:"absolute inset-0 bg-gradient-to-br from-roona-purple/15 via-transparent to-transparent pointer-events-none"}),e.jsxs("div",{className:"relative max-w-2xl mx-auto",children:[e.jsxs("nav",{"aria-label":"Fil d’Ariane",className:"text-sm text-gray-500 mb-8",children:[e.jsx("a",{href:"/",className:"hover:text-white transition-colors",children:"Accueil"}),e.jsx("span",{className:"mx-2",children:"/"}),e.jsx("a",{href:"/blog",className:"hover:text-white transition-colors",children:"Blog"})]}),e.jsx("h1",{className:"text-3xl md:text-5xl font-extrabold text-white leading-[1.1] tracking-tight mb-6",children:t.h1}),e.jsxs("div",{className:"flex items-center gap-4 text-sm text-gray-400",children:[e.jsx("time",{dateTime:p(t.date),children:m(t.date)}),e.jsxs("span",{className:"inline-flex items-center gap-1.5",children:[e.jsx(b,{size:14})," ",t.minutes," min de lecture"]})]})]})]}),e.jsxs("article",{className:"max-w-2xl mx-auto px-6 py-16",children:[e.jsx("span",{"aria-hidden":"true",className:"mb-6 block h-1 w-12 rounded-full bg-roona-purple"}),e.jsx("p",{className:"text-xl text-[#3A3348] leading-relaxed font-medium mb-12",children:t.chapo}),t.sections.map((a,s)=>e.jsxs("section",{className:"mb-12",children:[e.jsx("h2",{className:"font-display text-2xl md:text-3xl font-extrabold text-roona-dark tracking-[-0.03em] mb-5 text-balance",children:a.h2}),a.ps.map((n,i)=>e.jsx("p",{className:"text-[0.98rem] md:text-[1.05rem] text-[#4A4356] leading-[1.75] md:leading-[1.85] mb-5",children:v(n)},i))]},s)),((c=t.outils)==null?void 0:c.length)>0&&e.jsxs("aside",{"data-apparait":!0,className:"rounded-3xl bg-[#F8F5FB] border border-black/[0.05] p-8 mb-12",children:[e.jsxs("h2",{className:"inline-flex items-center gap-2 text-[0.72rem] font-bold uppercase tracking-[0.22em] text-roona-purple mb-5",children:[e.jsx("span",{"aria-hidden":"true",className:"w-6 h-px bg-roona-purple"}),l("blogOutilsCites")]}),e.jsx("div",{className:"grid sm:grid-cols-2 gap-3",children:t.outils.map(a=>e.jsxs("a",{href:a.path,className:"flex items-center justify-between rounded-xl bg-white border border-black/[0.06] px-5 py-3.5 text-sm font-semibold text-roona-dark hover:border-roona-purple/40 hover:text-roona-purple hover:shadow-[0_14px_36px_-18px_rgba(163,78,243,0.4)] hover:-translate-y-0.5 transition-all",children:[a.label,e.jsx(u,{size:15,className:"shrink-0 opacity-40"})]},a.path))})]}),t.cta==="studio"&&e.jsxs("div",{"data-apparait":!0,className:"rounded-3xl bg-[#0B0710] p-10 text-center mb-12 relative overflow-hidden",children:[e.jsx("div",{"aria-hidden":"true",className:"absolute inset-0 bg-gradient-to-br from-roona-purple/20 via-transparent to-transparent pointer-events-none"}),e.jsxs("div",{className:"relative",children:[e.jsx("h2",{className:"font-display text-2xl md:text-3xl font-extrabold tracking-[-0.03em] text-white mb-3 text-balance",children:l("blogCtaTitre")}),e.jsx("p",{className:"text-white/60 mb-7",children:l("lpFinP")}),e.jsx(g,{variant:"primary",className:"mx-auto",onClick:()=>{window.location.href="/onboarding"},children:l("ctaEssai")})]})]}),((d=t.suivants)==null?void 0:d.length)>0&&e.jsxs("nav",{"data-apparait":!0,"aria-label":l("blogALireEnsuite"),children:[e.jsxs("h2",{className:"inline-flex items-center gap-2 text-[0.72rem] font-bold uppercase tracking-[0.22em] text-roona-purple mb-5",children:[e.jsx("span",{"aria-hidden":"true",className:"w-6 h-px bg-roona-purple"}),l("blogALireEnsuite")]}),e.jsx("div",{className:"grid sm:grid-cols-2 gap-4",children:t.suivants.filter(a=>o[a]).map((a,s)=>e.jsxs("a",{href:`/blog/${a}`,className:`group rounded-2xl border p-6 transition-all duration-300 hover:-translate-y-1 hover:shadow-[0_20px_50px_-24px_rgba(163,78,243,0.45)] ${s===0?"bg-[#ECECFA] border-transparent":"bg-white border-black/[0.06]"}`,children:[e.jsx("span",{className:"block text-xs text-[#6B6478] mb-2",children:m(o[a].date)}),e.jsx("span",{className:"block font-display font-bold text-roona-dark leading-snug group-hover:text-roona-purple transition-colors text-balance",children:o[a].titre})]},a))})]})]}),e.jsx(f,{})]}):null};export{A as default};

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.