https://eyalyossinger.com/assets/SketchesPage-CacuHgfi.js

1import{r as h,u as b,j as o}from"./index-CXI8pUF1.js";import{L as f,S as j,J as y}from"./JsonLd-CfRrn2wE.js";import{S as c}from"./ScrollReveal-cCsGQWqv.js";import{S as x}from"./skeleton-Cl6rPsjd.js";import{I as v}from"./ImageLightbox-Dpcp40XU.js";import{u as N}from"./use-sketches-DOkT3gjo.js";import"./linkedin-BGPI7EPi.js";import"./useQuery-B1gnfsZf.js";const g={he:{seoTitle:"ספר הסקיצות",seoDesc:"ספר הסקיצות של אדריכל איל יוסינגר — אוסף סקיצות אדריכליות מקוריות המשקפות תהליכי חשיבה ויצירה.",jsonLdName:"ספר הסקיצות של אדריכל איל יוסינגר",jsonLdDesc:"אוסף סקיצות אדריכליות מקוריות של האדריכל איל יוסינגר",heroTitle:"ספר הסקיצות של אדריכל איל יוסינגר",heroDesc:"כל פרויקט מתחיל בקו אחד על הנייר. הסקיצות הן החלון לתהליך החשיבה האדריכלית.",viewSketch:e=>`צפה בסקיצה: ${e}`,empty:"עדיין לא הועלו סקיצות.",lightboxAlt:"סקיצה"},en:{seoTitle:"Sketchbook",seoDesc:"The sketchbook of architect Eyal Yossinger — a collection of original architectural sketches reflecting the thinking and creative process.",jsonLdName:"The Sketchbook of Architect Eyal Yossinger",jsonLdDesc:"A collection of original architectural sketches by architect Eyal Yossinger",heroTitle:"The Sketchbook of Architect Eyal Yossinger",heroDesc:"Every project begins with a single line on paper. These sketches are a window into the architectural thought process.",viewSketch:e=>`View sketch: ${e}`,empty:"No sketches have been uploaded yet.",lightboxAlt:"Sketch"}},A=()=>{const{data:e,isLoading:i}=N(),[d,l]=h.useState(null),{isEn:u}=b(),r=u?g.en:g.he,a=h.useMemo(()=>e!=null&&e.length?e[Math.floor(Math.random()*e.length)]:null,[e]),m=(e==null?void 0:e.map(t=>t.image))??[],p={"@type":"ImageGallery",name:r.jsonLdName,description:r.jsonLdDesc,image:(e==null?void 0:e.map(t=>t.image))??[]};return o.jsxs(f,{children:[o.jsx(j,{title:r.seoTitle,description:r.seoDesc,canonical:"https://eyalyossinger.com/sketches"}),o.jsx(y,{data:p}),o.jsx("section",{className:"bg-background py-16 lg:py-24",children:o.jsxs("div",{className:"container-site",children:[o.jsxs(c,{children:[o.jsx("h1",{className:"mb-4 text-center font-heebo text-3xl font-bold lg:text-5xl",children:r.heroTitle}),o.jsx("p",{className:"mx-auto mb-12 max-w-2xl text-center text-muted-foreground",children:r.heroDesc})]}),i?o.jsx(x,{className:"mx-auto mb-16 h-[400px] max-w-3xl rounded-2xl"}):a?o.jsx(c,{children:o.jsxs("div",{className:"mx-auto mb-16 max-w-3xl text-center",children:[o.jsx("div",{className:"cursor-pointer overflow-hidden rounded-2xl border border-border shadow-lg transition-transform hover:scale-[1.01]",onClick:()=>{const t=(e==null?void 0:e.findIndex(s=>s.id===a.id))??0;l(t)},role:"button",tabIndex:0,"aria-label":r.viewSketch(a.title),onKeyDown:t=>{if(t.key==="Enter"||t.key===" "){t.preventDefault();const s=(e==null?void 0:e.findIndex(n=>n.id===a.id))??0;l(s)}},children:o.jsx("img",{src:a.image,alt:a.title,className:"w-full object-contain",loading:"eager"})}),o.jsx("h2",{className:"mt-4 font-heebo text-xl font-semibold",children:a.title}),o.jsx("p",{className:"mt-2 text-muted-foreground",children:a.description})]})}):null,i?o.jsx("div",{className:"grid gap-6 sm:grid-cols-2 lg:grid-cols-3",children:Array.from({length:6}).map((t,s)=>o.jsx(x,{className:"h-64 rounded-xl"},s))}):o.jsx("div",{className:"grid gap-6 sm:grid-cols-2 lg:grid-cols-3",children:e==null?void 0:e.map((t,s)=>o.jsx(c,{delay:s*100,children:o.jsxs("div",{className:"group cursor-pointer overflow-hidden rounded-xl border border-border bg-card transition-shadow hover:shadow-lg",onClick:()=>l(s),role:"button",tabIndex:0,"aria-label":r.viewSketch(t.title),onKeyDown:n=>{(n.key==="Enter"||n.key===" ")&&(n.preventDefault(),l(s))},children:[o.jsx("div",{className:"aspect-[4/3] overflow-hidden",children:o.jsx("img",{src:t.image,alt:t.title,className:"h-full w-full object-cover transition-transform duration-300 group-hover:scale-105",loading:"lazy"})}),o.jsxs("div",{className:"p-4",children:[o.jsx("h3",{className:"font-heebo font-semibold",children:t.title}),o.jsx("p",{className:"mt-1 text-sm text-muted-foreground line-clamp-2",children:t.description})]})]})},t.id))}),(e==null?void 0:e.length)===0&&!i&&o.jsx("p",{className:"text-center text-muted-foreground",children:r.empty})]})}),d!==null&&m.length>0&&o.jsx(v,{images:m,currentIndex:d,alt:r.lightboxAlt,onClose:()=>l(null),onNavigate:l})]})};export{A as default};