https://www.afjql.fr/_app/immutable/nodes/2.DP4YJHQR.js

1import{i as W,a as l,b as i,f as m,d as yt,g as ot,e as ct,t as ft,c as ht}from"../chunks/DitfCwLp.js";import{p as at,o as wt,x as kt,k as w,h as rt,e as a,j as o,n,g as t,a as K,r as e,y as vt,m as jt,b as mt,i as it,l as dt,c as xt}from"../chunks/BOeOocOY.js";import{S as Ft}from"../chunks/Bhl2UZj0.js";import"../chunks/uu6A9vZN.js";import{t as D,h as X,s as d,l as M,e as tt,i as et}from"../chunks/BKsb4KTf.js";import{b as Pt}from"../chunks/C-RPMEWI.js";import{i as zt}from"../chunks/2Li46kki.js";import{h as gt}from"../chunks/BdAK9doh.js";import{s as ut}from"../chunks/ClbtVPNK.js";import{p as nt}from"../chunks/CDWMsLIy.js";import{u as pt}from"../chunks/CDrsR-yx.js";import{N as Jt}from"../chunks/DjNQBNdg.js";var Lt=m('Un pont entre<br/> <span class="text-blue">Paris</span> et <span class="text-red">Tokyo</span>',1),Dt=m('<span class="text-blue">パリ</span>と<span class="text-red">東京</span>を結ぶ橋',1),At=m('<section class="relative overflow-hidden px-6 pt-6 pb-10 md:pt-8 md:pb-20"><div class="relative z-10 mx-auto max-w-225 text-center"><div class="mb-6 animate-fade-in"><img src="/logo-afjql.png" alt="AFJQL" width="384" height="384" fetchpriority="high" class="mx-auto h-72 w-72 object-contain md:h-96 md:w-96"/></div> <div class="mb-5 animate-fade-in font-ui text-[14px] font-semibold uppercase tracking-[4px] text-navy/70"> </div> <h1 class="mb-4 animate-fade-in-up text-[clamp(32px,5vw,56px)] font-bold leading-[1.15] text-navy"><!></h1> <div class="mx-auto mb-5 h-0.5 w-15 animate-expand-width bg-linear-to-r from-red to-blue"></div> <p class="mx-auto mb-6 max-w-160 animate-fade-in-up text-[14px] leading-relaxed text-slate md:mb-8 md:text-[16px] [animation-delay:0.3s]"> </p> <div class="flex flex-wrap justify-center gap-3 animate-fade-in-up md:gap-4 [animation-delay:0.5s]"><a class="rounded-full bg-red px-5 py-3 font-ui text-[13px] tracking-wide text-white transition-colors hover:bg-red-hover md:px-7 md:py-3.5 md:text-sm"> </a> <a class="rounded-full border border-navy/30 px-5 py-3 font-ui text-[13px] tracking-wide text-navy transition-colors hover:border-navy/60 hover:bg-navy/5 md:px-7 md:py-3.5 md:text-sm"> </a></div> <div class="mt-6 flex items-center justify-center gap-3 animate-fade-in-up font-ui text-[11px] text-slate md:mt-8 md:gap-4 md:text-[13px] [animation-delay:0.7s]"><span><span class="font-bold text-navy">2024</span> <span class="ml-1"> </span></span> <span class="h-4 w-px bg-navy/20"></span> <span class="text-red">5ᵉ arrondissement ↔ Bunkyō-ku</span></div></div></section>');function It(Q,k){at(k,!1);let E=jt(),c;wt(()=>{c=new IntersectionObserver(([h])=>{gt.set(h.isIntersecting)},{threshold:.3}),t(E)&&c.observe(t(E))}),kt(()=>{c?.disconnect(),gt.set(!1)}),zt();var j=At(),A=o(j),I=o(A);Pt(I,h=>K(E,h),()=>t(E));var F=a(I,2),P=n(F,!0),u=a(F,2),$=o(u);{var R=h=>{var g=Lt();vt(5),l(h,g)},C=h=>{var g=Dt();vt(3),l(h,g)};W($,h=>{M.current==="fr"?h(R):h(C,-1)})}e(u);var G=a(u,4),T=n(G,!0),H=a(G,2),y=o(H),p=n(y,!0),v=a(y,2),f=n(v,!0);e(H);var s=a(H,2),z=o(s),B=a(o(z),2),U=n(B,!0);e(z),vt(4),e(s),e(A),e(j),w((h,g,r,x,b,J)=>{i(P,h),i(T,g),d(y,"href",r),i(p,x),d(v,"href",b),i(f,J),i(U,M.current==="fr"?"Fondée à Paris":"パリで設立")},[()=>D("hero.subtitle"),()=>D("hero.description"),()=>X("/adhesion"),()=>D("cta.join"),()=>X("/presentation"),()=>D("cta.discover")]),l(Q,j),rt()}var St=m('<div class="flex items-center gap-2 font-ui text-[13px] text-navy"><span class="text-xl" aria-hidden="true"> </span> </div>'),Et=m('<div role="group" aria-roledescription="diapositive"><img loading="lazy" decoding="async" width="600" height="380" class="h-full w-full object-cover"/> <div class="absolute inset-x-0 bottom-0 bg-linear-to-t from-navy/60 to-transparent px-5 pb-10 pt-16"><p class="font-ui text-sm text-cream drop-shadow"> </p></div></div>'),$t=m('<button type="button" class="absolute right-3 top-3 z-10 rounded-full bg-white/85 px-2.5 py-1 font-ui text-[11px] text-navy shadow backdrop-blur-sm transition-colors hover:bg-white"><!></button>'),Nt=m('<button type="button"></button>'),Mt=m('<div class="relative h-64 overflow-hidden rounded-xl border border-light-gray sm:h-80 md:h-95" role="group" aria-roledescription="carrousel"><!> <button type="button" class="absolute left-3 top-1/2 z-10 -translate-y-1/2 roun

1ded-full bg-white/85 px-2.5 py-1.5 text-sm text-navy shadow backdrop-blur-sm transition-colors hover:bg-white">←</button> <button type="button" class="absolute right-3 top-1/2 z-10 -translate-y-1/2 rounded-full bg-white/85 px-2.5 py-1.5 text-sm text-navy shadow backdrop-blur-sm transition-colors hover:bg-white">→</button> <!> <div class="absolute bottom-3 left-1/2 z-10 flex -translate-x-1/2 gap-2"></div></div>'),qt=m('<section class="px-6 py-12 md:py-20"><div class="mx-auto grid max-w-275 items-center gap-10 md:gap-16 lg:grid-cols-2"><div><div class="section-label"> </div> <h2 class="mb-4 text-[26px] font-bold leading-tight text-navy md:mb-5 md:text-[32px]"> </h2> <p class="mb-4 text-[14px] leading-relaxed text-slate md:text-[15px]"> </p> <div class="mt-5 flex flex-col gap-3 sm:mt-7 sm:flex-row sm:gap-6"></div></div> <!></div></section>');function Rt(Q,k){at(k,!0);let E=nt(k,"photos",19,()=>[]),c=it(0),j=it(!1),A=it(!1),I=it(!1),F=it(!1);const P=dt(()=>E().filter(r=>r.image).map(r=>({image:r.image,caption:M.current==="fr"?r.captionFr:r.captionJp||r.captionFr||""}))),u=dt(()=>t(P).length);function $(){t(u)!==0&&K(c,(t(c)+1)%t(u))}function R(){t(u)!==0&&K(c,(t(c)-1+t(u))%t(u))}mt(()=>{const r=window.matchMedia("(prefers-reduced-motion: reduce)"),x=()=>K(F,r.matches,!0);return x(),r.addEventListener("change",x),()=>r.removeEventListener("change",x)});const C=dt(()=>!t(j)&&!t(A)&&!t(I)&&!t(F)&&t(u)>1);mt(()=>{if(!t(C))return;const r=setInterval($,5e3);return()=>clearInterval(r)});function G(r){K(c,r,!0)}var T=qt(),H=o(T),y=o(H),p=o(y),v=n(p,!0),f=a(p,2),s=n(f,!0),z=a(f,2),B=n(z,!0),U=a(z,2);tt(U,20,()=>[{icon:"🎭",key:"section.culture"},{icon:"🍜",key:"section.gastronomy"},{icon:"🤝",key:"section.exchanges"}],et,(r,x)=>{var b=St(),J=o(b),_=n(J,!0),N=a(J);e(b),w(V=>{i(_,x.icon),i(N,` ${V??""}`)},[()=>D(x.key)]),l(r,b)}),e(U),e(y);var h=a(y,2);{var g=r=>{var x=Mt(),b=o(x);tt(b,17,()=>t(P),et,(S,L,q)=>{var O=Et(),st=o(O),Y=a(st,2),Z=o(Y),bt=n(Z,!0);e(Y),e(O),w(_t=>{ut(O,1,`absolute inset-0 transition-opacity duration-700 ease-in-out ${q===t(c)?"opacity-100":"pointer-events-none opacity-0"}`),d(O,"aria-label",`${q+1} / ${t(u)??""}`),d(O,"aria-hidden",q!==t(c)),d(st,"src",_t),d(st,"alt",t(L).image.alt||t(L).caption),i(bt,t(L).caption)},[()=>pt(t(L).image).width(600).height(380).url()]),l(S,O)});var J=a(b,2),_=a(J,2),N=a(_,2);{var V=S=>{var L=$t(),q=o(L);{var O=Y=>{var Z=ft();w(()=>i(Z,`▶ ${M.current==="fr"?"Lecture":"再生"}`)),l(Y,Z)},st=Y=>{var Z=ft();w(()=>i(Z,`❙❙ ${M.current==="fr"?"Pause":"一時停止"}`)),l(Y,Z)};W(q,Y=>{t(j)?Y(O):Y(st,-1)})}e(L),w(()=>d(L,"aria-pressed",t(j))),ot("click",L,()=>K(j,!t(j))),l(S,L)};W(N,S=>{!t(F)&&t(u)>1&&S(V)})}var lt=a(N,2);tt(lt,21,()=>t(P),et,(S,L,q)=>{var O=Nt();w(()=>{ut(O,1,`h-2 rounded-full transition-all ${q===t(c)?"w-6 bg-red":"w-2 bg-white/70"}`),d(O,"aria-label",`${M.current==="fr"?"Photo":"写真"} ${q+1}`),d(O,"aria-current",q===t(c)?"true":void 0)}),ot("click",O,()=>G(q)),l(S,O)}),e(lt),e(x),w(()=>{d(x,"aria-label",M.current==="fr"?"Photos de nos événements":"イベントの写真"),d(J,"aria-label",M.current==="fr"?"Photo précédente":"前の写真"),d(_,"aria-label",M.current==="fr"?"Photo suivante":"次の写真")}),ct("mouseenter",x,()=>K(A,!0)),ct("mouseleave",x,()=>K(A,!1)),ot("focusin",x,()=>K(I,!0)),ot("focusout",x,()=>K(I,!1)),ot("click",J,R),ot("click",_,$),l(r,x)};W(h,r=>{t(u)>0&&r(g)})}e(H),e(T),w((r,x,b)=>{i(v,r),i(s,x),i(B,b)},[()=>D("section.our-association"),()=>D("section.weaving-links"),()=>D("section.association-desc")]),l(Q,T),rt()}yt(["focusin","focusout","click"]);var Tt=m('<div class="mt-1 font-ui text-[13px] text-slate"> </div>'),Bt=m('<a class="group block rounded-lg bg-white px-6 py-5 transition-all hover:bg-navy/2 hover:shadow-sm"><div class="flex flex-wrap items-center justify-between gap-3"><div><div class="mb-1.5 font-ui text-xs tracking-wider text-red"> </div> <div class="text-xl font-bold text-navy"> </div> <!></div> <div class="flex h-10 w-10 items-center justify-center rounded-full border border-light-gray text-base text-slate transition-all group-hover:border-red group-hover:text-red">→</div></div></a>'),Ct=m('<section class="px-6 py-20"><div class="mx-auto max-w-275"><div class="mb-12 flex flex-wrap items-end justify-between gap-4"><div><div class="section-label"> </div> <h2 class="text-[32px] font-bold text-navy"> </h2></div> <a class="rounded-full border border-navy/20 px-6 py-2.5 font-ui text-xs tracking-wide text-navy transition-colors hover:border-navy/40 hover:bg-navy/5"> </a></div> <div class="flex flex-col gap-0.5"></div></div></section>');function Gt(Q,k){at(k,!0);let E=nt(k,"events",19,()=>[]);function c(F){return F?new Date(F).toLocaleDateString(M.current==="fr"?"fr-FR":"ja-JP",{year:"numeric",month:"short",day:"numeric"}):""}var j=ht(),A=xt(j);{var I=F=>{var P=Ct(),u=o(P),$=o(u),R=o($),C=o(R),G=n(C,!0),T=a(C,2),H=n(T,!0);e(R);var y=a(R,2),p=n(y,!0);e($);var v=a($,2);tt(v,21,E,et,(f,s)=>{var z=Bt(),B=o(z),U=o(B),h=o(U),g=n(h,!0),r=a(h,2),x=n(r,!0),b=a(r,2);{var J=_=>{var N=Tt(),V=n(N);w(()=>i(V,`📍 ${t(s).locationName??""}`)),l(_,N)};W(b,_=>{t(s).locationName&&_(J)})}e(U),vt(2),e(B),e(z),w((_,N)=>{d(z,"href",_),i(g,N),i(x,M.current==="fr"?t(s).titleFr:t(s).titleJp||t(s).titleFr)},[()=>X(`/evenements/${t(s).slug?.current||t(s).slug||""}`),()=>c(t(s).dateStart)]),l(f,z)}),e(v),e(u),e(P),w((f,s,z,B)=>{i(G,f),i(H,s),d(y,"href",z),i(p,B)},[()=>D("section.upcoming"),()=>D("section.events"),()=>X("/evenements"),()=>D("section.see-calendar")]),l(F,P)};W(A,F=>{E().length>0&&F(I)})}l(Q,j),rt()}var Ht=m('<img loading="lazy" decoding="async" width="400" height="200" class="h-45 w-full object-cover"/>

1'),Ot=m('<div class="flex h-45 items-center justify-center bg-linear-to-br from-navy/5 to-red/5 text-[32px] opacity-30">📷</div>'),Qt=m('<span class="rounded-full bg-red/5 px-2.5 py-0.5 font-ui text-[10px] uppercase tracking-wider text-red"> </span>'),Ut=m('<a class="group block overflow-hidden rounded-xl border border-light-gray bg-white transition-shadow hover:shadow-md"><!> <div class="p-5"><div class="mb-2.5 flex items-center justify-between"><!> <span class="font-ui text-xs text-slate"> </span></div> <h3 class="text-base font-bold leading-snug text-navy"> </h3> <div> </div></div></a>'),Vt=m('<section class="px-6 py-20"><div class="mx-auto max-w-275"><div class="mb-12 flex flex-wrap items-end justify-between gap-4"><div><div class="section-label"> </div> <h2 class="text-[32px] font-bold text-navy"> </h2></div> <a class="rounded-full border border-navy/20 px-6 py-2.5 font-ui text-xs tracking-wide text-navy transition-colors hover:border-navy/40 hover:bg-navy/5"> </a></div> <div class="grid gap-7 sm:grid-cols-2 lg:grid-cols-3"></div></div></section>');function Kt(Q,k){at(k,!0);let E=nt(k,"articles",19,()=>[]),c=it(null);function j(p){return p?new Date(p).toLocaleDateString(M.current==="fr"?"fr-FR":"ja-JP",{year:"numeric",month:"short",day:"numeric"}):""}function A(p){return typeof p.slug=="string"?p.slug:p.slug?.current||""}var I=Vt(),F=o(I),P=o(F),u=o(P),$=o(u),R=n($,!0),C=a($,2),G=n(C,!0);e(u);var T=a(u,2),H=n(T,!0);e(P);var y=a(P,2);tt(y,21,E,et,(p,v,f)=>{var s=Ut(),z=o(s);{var B=S=>{var L=Ht();w(q=>{d(L,"src",q),d(L,"alt",M.current==="fr"?t(v).titleFr:t(v).titleJp||t(v).titleFr)},[()=>pt(t(v).coverImage).width(400).height(200).url()]),l(S,L)},U=S=>{var L=Ot();l(S,L)};W(z,S=>{t(v).coverImage?S(B):S(U,-1)})}var h=a(z,2),g=o(h),r=o(g);{var x=S=>{var L=Qt(),q=n(L,!0);w(()=>i(q,t(v).category)),l(S,L)};W(r,S=>{t(v).category&&S(x)})}var b=a(r,2),J=n(b,!0);e(g);var _=a(g,2),N=n(_,!0),V=a(_,2),lt=n(V,!0);e(h),e(s),w((S,L,q)=>{d(s,"href",S),i(J,L),i(N,M.current==="fr"?t(v).titleFr:t(v).titleJp||t(v).titleFr),ut(V,1,`mt-3.5 font-ui text-[13px] transition-colors ${t(c)===f?"text-red":"text-slate"}`),i(lt,q)},[()=>X(`/articles/${A(t(v))}`),()=>j(t(v).publishedAt),()=>D("section.read-more")]),ct("mouseenter",s,()=>K(c,f,!0)),ct("mouseleave",s,()=>K(c,null)),l(p,s)}),e(y),e(F),e(I),w((p,v,f,s)=>{i(R,p),i(G,v),d(T,"href",f),i(H,s)},[()=>D("section.latest-posts"),()=>D("section.articles"),()=>X("/articles"),()=>D("section.all-articles")]),l(Q,I),rt()}var Wt=m('<img loading="lazy" decoding="async" class="h-full w-full object-cover transition-transform duration-300 group-hover:scale-105"/>'),Xt=m('<div class="flex h-full min-h-48 items-center justify-center bg-linear-to-br from-navy/8 to-red/4"><span class="text-3xl opacity-20">📷</span></div>'),Yt=m('<div><!> <div class="absolute inset-x-0 bottom-0 bg-linear-to-t from-navy/70 to-transparent px-4 pb-3 pt-8 opacity-0 transition-opacity group-hover:opacity-100"><span class="font-ui text-[13px] text-cream"> </span></div></div>'),Zt=m('<div class="grid grid-cols-2 gap-3 md:grid-cols-3"></div>'),te=m('<p class="text-center text-sm text-slate"> </p>'),ee=m('<section class="px-6 py-20"><div class="mx-auto max-w-275"><div class="mb-12 text-center"><div class="section-label"> </div> <h2 class="text-[32px] font-bold text-navy"> </h2></div> <!> <div class="mt-8 text-center"><a class="inline-block rounded-full border border-navy/20 px-6 py-2.5 font-ui text-xs tracking-wide text-navy transition-colors hover:border-navy/40 hover:bg-navy/5"> </a></div></div></section>');function ae(Q,k){at(k,!0);let E=nt(k,"photos",19,()=>[]);var c=ee(),j=o(c),A=o(j),I=o(A),F=n(I,!0),P=a(I,2),u=n(P,!0);e(A);var $=a(A,2);{var R=y=>{var p=Zt();tt(p,21,E,et,(v,f,s)=>{var z=Yt();ut(z,1,`group relative overflow-hidden rounded-lg ${s===0?"row-span-2":""}`);var B=o(z);{var U=b=>{var J=Wt();d(J,"width",s===0?600:400),d(J,"height",s===0?500:240),w(_=>{d(J,"src",_),d(J,"alt",t(f).image.alt||(M.current==="fr"?t(f).captionFr:t(f).captionJp||t(f).captionFr)||"")},[()=>pt(t(f).image).width(s===0?600:400).height(s===0?500:240).url()]),l(b,J)},h=b=>{var J=Xt();l(b,J)};W(B,b=>{t(f).image?b(U):b(h,-1)})}var g=a(B,2),r=o(g),x=n(r,!0);e(g),e(z),w(()=>i(x,M.current==="fr"?t(f).captionFr:t(f).captionJp||t(f).captionFr||"")),l(v,z)}),e(p),l(y,p)},C=y=>{var p=te(),v=n(p,!0);w(()=>i(v,M.current==="fr"?"Photos à venir...":"写真準備中...")),l(y,p)};W($,y=>{E().length>0?y(R):y(C,-1)})}var G=a($,2),T=o(G),H=n(T,!0);e(G),e(j),e(c),w((y,p,v,f)=>{i(F,y),i(u,p),d(T,"href",v),i(H,f)},[()=>D("section.in-images"),()=>D("section.gallery"),()=>X("/galerie"),()=>D("section.see-gallery")]),l(Q,c),rt()}var re=m('<img class="max-h-16 max-w-full object-contain transition-transform group-hover:scale-105 md:max-h-20"/>'),oe=m('<span class="text-center font-ui text-base font-bold text-navy transition-colors group-hover:text-red md:text-lg"> </span>'),ie=m('<a class="group flex items-center justify-center rounded-xl border border-light-gray bg-white px-4 py-6 transition-all hover:-translate-y-0.5 hover:border-red/30 hover:shadow-md md:py-8"><!></a>'),se=m('<section class="px-6 py-20"><div class="mx-auto max-w-275"><div class="mb-10 flex flex-wrap items-end justify-between gap-4"><div><div class="section-label"> </div> <h2 class="text-[32px] font-bold text-navy"> </h2></div> <a class="rounded-full border border-navy/20 px-6 py-2.5 font-ui text-xs tracking-wide text-navy transition-colors hover:border-navy/40 hover:bg-navy/5"> </a></div> <div class="grid grid-cols-2 gap-4 sm:grid-cols-3 md:gap-6 lg:grid-cols-4"><a class="group flex flex-col items-center justify-center gap-2 rounded-xl border border-light-gray bg-white px-4 py-6 transition-all hover:-translate-y-0.5 hover:border-red/30 hover:shadow-md md:py-8"><span class="font-ui text-2xl font-bold text-navy transition-colors group-hover:text-red md:text-3xl">Aimigo</span> <span class="font-ui text-[11px] uppercase tracking-wider text-slate"> </span></a> <!></div></div></section>');function ne(Q,k){at(k,!0);let E=nt(k,"partners",19,()=>[]);const c={label:{fr:"Cours par email",jp:"メール学習"}},j=dt(E);

1var A=ht(),I=xt(A);{var F=P=>{var u=se(),$=o(u),R=o($),C=o(R),G=o(C),T=n(G,!0),H=a(G,2),y=n(H,!0);e(C);var p=a(C,2),v=n(p,!0);e(R);var f=a(R,2),s=o(f),z=a(o(s),2),B=n(z,!0);e(s);var U=a(s,2);tt(U,17,()=>t(j),et,(h,g)=>{var r=ie(),x=o(r);{var b=_=>{var N=re();w(V=>{d(N,"src",V),d(N,"alt",t(g).logo.alt||t(g).name)},[()=>pt(t(g).logo).height(160).url()]),l(_,N)},J=_=>{var N=oe(),V=n(N,!0);w(()=>i(V,t(g).name)),l(_,N)};W(x,_=>{t(g).logo?_(b):_(J,-1)})}e(r),w(_=>{d(r,"href",_),d(r,"target",t(g).website?"_blank":void 0),d(r,"rel",t(g).website?"noopener noreferrer":void 0)},[()=>t(g).website||X("/partenaires")]),l(h,r)}),e(f),e($),e(u),w((h,g,r,x,b)=>{i(T,h),i(y,g),d(p,"href",r),i(v,x),d(s,"href",b),i(B,M.current==="fr"?c.label.fr:c.label.jp)},[()=>D("section.partners-label"),()=>D("section.partners"),()=>X("/partenaires"),()=>D("section.see-all-partners"),()=>X("/partenaires")+"#aimigo-test"]),l(P,u)};W(I,P=>{t(j).length>0&&P(F)})}l(Q,A),rt()}var le=m("<!> <!> <!> <!> <!> <!> <!> <!>",1);function ye(Q,k){at(k,!0);var E=le(),c=xt(E);Ft(c,{organization:!0});var j=a(c,2);It(j,{});var A=a(j,2);Rt(A,{get photos(){return k.data.carouselPhotos}});var I=a(A,2);Gt(I,{get events(){return k.data.upcomingEvents}});var F=a(I,2);Kt(F,{get articles(){return k.data.latestArticles}});var P=a(F,2);ae(P,{get photos(){return k.data.photos}});var u=a(P,2);ne(u,{get partners(){return k.data.partners}});var $=a(u,2);Jt($,{}),l(Q,E),rt()}export{ye as component};