// English mirror of a-cabinet.jsx — translated copy. Same structure, same styling. // Loaded by /en/index.html via window.A_EN. const IMAGES_EN = { heroPortrait: '/assets/photos/heroPortrait.jpg', atelierBanner: '/assets/photos/atelierBanner.jpg', service01: '/assets/photos/service01.jpg', service02: '/assets/photos/service02.jpg', service03: '/assets/photos/service03.jpg', method01: '/assets/photos/method01.jpg', method02: '/assets/photos/method02.jpg', method03: '/assets/photos/method03.jpg', }; const A_EN = () => { const ink = (typeof window !== 'undefined' && window.__boInk) || '#000000'; const paper = (typeof window !== 'undefined' && window.__boPaper) || '#ffffff'; const borderI = (typeof window !== 'undefined' && window.__boBorder) || 0.16; const muted = `rgba(255,255,255,${Math.max(0.3, borderI * 3)})`; const muted2 = `rgba(255,255,255,${Math.max(0.55, borderI * 4.5)})`; const line = `rgba(255,255,255,${borderI})`; const isItalic = typeof window !== 'undefined' ? window.__boItalic !== false : true; const isUpper = typeof window !== 'undefined' ? window.__boUppercase !== false : true; const showHint = typeof window !== 'undefined' ? window.__boFlipHint !== false : true; const wrap = { width: '100%', maxWidth: 1440, background: ink, color: paper, fontFamily: 'var(--bo-body, "Inter", -apple-system, sans-serif)', fontSize: 'calc(var(--bo-base, 14px))', lineHeight: 1.5, }; const display = { fontFamily: 'var(--bo-display, "Cormorant Garamond", "Times New Roman", serif)', fontWeight: 400, fontStyle: isItalic ? 'italic' : 'normal', letterSpacing: 'var(--bo-letter-spacing, 0)', }; const mono = { fontFamily: 'var(--bo-mono, "JetBrains Mono", monospace)', fontSize: 10, letterSpacing: 'var(--bo-mono-tracking, 0.18em)', textTransform: isUpper ? 'uppercase' : 'none', }; const accent = 'var(--bo-accent, #ffffff)'; const menuVariant = (typeof window !== 'undefined' && window.__boMenu) || 'pill'; // Scroll reveal — fades each section up as it enters the viewport React.useEffect(() => { if (typeof window === 'undefined') return; const els = document.querySelectorAll('.reveal'); if (!els.length) return; const reduce = window.matchMedia('(prefers-reduced-motion: reduce)').matches; if (reduce || !('IntersectionObserver' in window)) { els.forEach((el) => el.classList.add('is-visible')); return; } const obs = new IntersectionObserver((entries) => { entries.forEach((e) => { if (e.isIntersecting) { e.target.classList.add('is-visible'); obs.unobserve(e.target); } }); }, { threshold: 0.12, rootMargin: '0px 0px -8% 0px' }); els.forEach((el) => obs.observe(el)); return () => obs.disconnect(); }, []); const Photo = ({ label, hint, src, alt, h = '100%', ratio, withHint = true, objectPosition = '50% 50%' }) => (
{src ? ( {alt ) : ( {withHint && (
● {label} {ratio && {ratio}}
Suggestion
« {hint} »
)} )}
); const Grid = ({ children, style: s = {}, className = '' }) => (
{children}
); const services = [ { ref: '01', img: 'service01', title: 'Operations Audit', hint: 'Architect blueprint, top-down view, drafting compass.', desc: 'Complete mapping of your processes and stack. Surgical diagnosis delivered in 1 to 2 weeks, full report and 3, 6 and 12-month roadmap.', dur: '1 — 2 weeks', list: ['Founder · team interviews', 'Systems mapping', 'Prioritised diagnosis', 'Roadmap'], }, { ref: '02', img: 'service03', title: 'Systems Sprint', hint: 'Watchmaker’s bench — tools aligned, mechanism open.', desc: 'Short engagement on a precise system: automation, tools stack, finance, HR, data. Diagnosis, redesign, install.', dur: '4 weeks', list: ['Single perimeter', 'Bespoke design', 'Implementation', 'Documented handover'], }, { ref: '03', img: 'service02', title: 'Fractional COO', hint: 'Private office in B&W — leather chair, notebooks, evening light.', desc: 'Continuous part-time presence. Strategy, execution, processes, key hiring, operational governance.', dur: '3 — 12 months', list: ['1–3 days/week on site', 'Operational steering', 'Key hiring', 'Monthly board'], }, ]; const methode = [ { k: 'I.', t: 'Measure', hint: 'Top-down desk shot — notebook, ruler, sketches, raking light.', fr: 'Map your operation. Interviews, analyses, silent observation.', }, { k: 'II.', t: 'Tailor', hint: 'Craftsman hands working the material — close-up.', fr: 'Designing systems specific to your scale. No template. Phased implementation.', }, { k: 'III.', t: 'Hand over', hint: 'Object handover between two hands — key, document, instrument.', fr: 'Documentation, training, transition. Our final goal: your operational autonomy.', }, ]; const ServiceCard = ({ s }) => { const front = (
{s.ref}
{s.title}
{showHint &&
↻ Hover ↻ Tap
}
); const back = (
{s.ref}
{s.title}

{s.desc}

{s.list.map((x) => (
{x}
))}
Duration
{s.dur}
); return ; }; const MethodCard = ({ m }) => { const front = (
— {m.k}
{m.t}
{showHint &&
↻ Hover ↻ Tap
}
); const back = (
— {m.k}
{m.t}

{m.fr}

); return ; }; const Logo = () => ( Bespoke Operations
BESPOKE OPERATIONS
 ); const QUALIF_URL = '/en/form'; const ResaBtn = () => ( Introduce yourself ); const PillVariantNav = () => (
{window.PillNav && }
{window.LangSwitch && }
); return (
{window.HeroLamp && ( )}
No. 001 / Foundations

An operating atelier,
made to measure.

Your digital business is humming, revenue is climbing — and operations are cracking at every seam. Scattered teams, a stack held together with rubber bands, a founder swallowed by execution. Bespoke Operations becomes your fractional COO: processes, governance, hybrid teams, critical transitions. Tailored, never templated.

{showHint &&
↻ Hover ↻ Tap
} )} back={(
— The studio
One pair of hands. Several houses.

Bespoke Operations partners with 4 to 8 digital companies a year — by the project or on retainer.

{showHint &&
↻ Front / back ↻ Tap
}
)} />
No. 002 / For whom

Three familiar profiles.
The rest, case by case.

These are the profiles that make up the bulk of our books. Any other case is considered on its merits.

{[ ['I.', 'The creator, the educator', 'A scaling community, six-figure launches, a scattered freelance team. The machine cracks between two campaigns.'], ['II.', 'The agency, the studio', 'From five to thirty people in eighteen months. Artisanal processes, eroding margins, founder swallowed by ops.'], ['III.', 'The digital founder', 'SaaS, e-commerce, brand. Growth outpaces structure, and partnerships need to be properly secured.'], ].map(([k, t, d], i) => (
— {k}
{t}
{d}
))}
No. 003 / Services

Three engagements.
One single standard.

{services.map((s, i) => (
))}
No. 004 / Atelier

Operations aren't copied.
They're tailored.

Three movements. No template, no recycled playbook. The work begins with listening, ends with your autonomy.

{methode.map((m, i) => (
))}

“An operations partner who treats your business as a singular object. No off-the-shelf method — his own, recut every time.”

Engagement · 6 months · 2025
No. 005 / Method
 {[ ['IV', '4 — 8', 'Clients per year, never more.'], ['V', '∞', 'Engagements per project.'], ['VI', '3', 'Movements. Measure · Tailor · Hand over.'], ['VII', '100%', 'Built bespoke.'], ].map(([n, big, fr], i) => (
— {n}
{big}
{fr}
))}
{/* Témoignages masqués temporairement — voir a-cabinet.jsx pour réintégration */} {false && window.Testimonials && ( )}
No. 006 / Contact

A few minutes to introduce yourself.

A short questionnaire to gauge where you stand, and assess whether we can work together. Personal reply within 48 hours.
); }; window.A_EN = A_EN;