https://www.tielec.net/assets/index-DGz7lufb.js

1import{P as m,k as p,Q as u,o as e,F as g,L as h,E as f}from"./index-BrtOuBE2.js";import{a as b,H as j,F as y}from"./Footer-D0IuCU-Y.js";import{R as n}from"./Reveal-CPaOAchX.js";import{a as v}from"./button-DWrKIH6p.js";import{f as N}from"./format-C1Ogtr_A.js";import{n as w}from"./structuredData-CP5h711o.js";import{A as k}from"./arrow-up-right-Bw9I4wlx.js";function z(){const{lang:a,items:l}=m.useLoaderData(),t=b(f),[o,x]=p.useState("all"),i=u.filter(s=>l.some(r=>r.category===s)),d=o==="all"?l:l.filter(s=>s.category===o);return e.jsxs("main",{className:"relative min-h-screen overflow-hidden bg-background text-foreground",children:[e.jsx(j,{}),e.jsx("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:w({lang:a,labels:t.breadcrumb})}}),e.jsxs("section",{className:"relative isolate overflow-hidden bg-gradient-to-b from-sky-light/70 via-sky-light/30 to-transparent pt-28 pb-12 sm:pt-36 sm:pb-16",children:[e.jsxs("div",{"aria-hidden":!0,className:"pointer-events-none absolute inset-0 -z-10",children:[e.jsx("div",{className:"absolute -top-[10%] -left-[10%] h-[55%] w-[55%] rounded-full bg-sky/40 blur-[120px]"}),e.jsx("div",{className:"absolute top-[25%] -right-[10%] h-[45%] w-[45%] rounded-full bg-sky-deep/25 blur-[140px]"})]}),e.jsxs("div",{className:"relative z-10 mx-auto max-w-4xl px-5 text-center sm:px-6",children:[e.jsx(n,{children:e.jsx("h1",{className:"font-jp-serif text-3xl sm:text-5xl leading-[1.3] text-balance text-primary",children:t.list.title})}),e.jsx(n,{delay:.18,children:e.jsx("p",{className:"mx-auto mt-6 max-w-2xl text-foreground/75 leading-[2] text-pretty",children:t.list.lead})})]})]}),e.jsx("section",{className:"pb-24 sm:pb-32",children:e.jsxs("div",{className:"mx-auto max-w-6xl px-4 sm:px-6",children:[i.length>1&&e.jsx("div",{className:"flex flex-wrap justify-center gap-2",children:["all",...i].map(s=>{const r=o===s;return e.jsx("button",{type:"button",onClick:()=>x(s),"aria-pressed":r,className:v("rounded-full border px-4 py-1.5 text-xs tracking-[0.15em] transition-all duration-300",r?"border-primary/40 bg-primary text-primary-foreground shadow-soft":"border-border-soft bg-card text-muted-foreground hover:border-primary/40 hover:text-primary"),children:s==="all"?t.list.all:t.category[s]},s)})}),d.length===0?e.jsx("p",{className:"mt-12 rounded-3xl border border-border-soft bg-card px-6 py-12 text-center text-sm text-muted-foreground shadow-soft",children:t.list.empty}):e.jsx("ul",{className:"mt-12 grid md:grid-cols-2 lg:grid-cols-3 gap-5 lg:gap-6",children:d.map((s,r)=>{const c=g(s.cover);return e.jsx("li",{className:"h-full",children:e.jsx(n,{delay:Math.min(r,5)*.06,className:"h-full",children:e.jsxs(h,{to:"/$lang/news/$slug",params:{lang:a,slug:s.slug},className:"group relative flex h-full flex-col overflow-hidden rounded-3xl border border-border-soft bg-card shadow-soft transition-all duration-500 hover:-translate-y-1 hover:shadow-rich",children:[c&&e.jsx("img",{src:c,alt:"",loading:"lazy",className:"aspect-[16/10] w-full object-cover"}),e.jsxs("div",{className:"flex flex-1 flex-col p-7",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("span",{className:"text-[0.65rem] uppercase tracking-[0.25em] text-sky-deep",children:s.category?t.category[s.category]:""}),e.jsx("time",{dateTime:s.publishedAt,className:"text-xs tracking-wider text-muted-foreground",children:N(s.publishedAt)})]}),e.jsx("h2",{className:"mt-5 font-jp-serif text-lg leading-snug text-balance [word-break:auto-phrase]",children:s.title}),e.jsx("p",{className:"mt-3 line-clamp-3 text-sm leading-relaxed text-muted-foreground",children:s.description}),e.jsxs("div",{className:"mt-auto inline-flex items-center gap-1.5 pt-6 text-sm text-foreground/70 transition-colors group-hover:text-sky-deep",children:[a==="ja"?"記事を読む":"Read more",e.jsx(k,{className:"h-4 w-4 transition-transform group-hover:-translate-y-0.5 group-hover:translate-x-0.5"})]})]})]})})},s.slug)})})]})}),e.jsx(y,{})]})}export{z as component};