https://pacific-sunsets-web.lovable.app/assets/_lang.crew-DUNP6fLw.js

1import{a as m,j as e,r as l}from"./index-lKrgOae9.js";import{P as p}from"./page-gate-MLQUcZKL.js";const u="/__l5e/assets-v1/43cc3b95-c4f6-482c-9b3c-cac441338152/RUV01148.JPG",g={url:u},f="/__l5e/assets-v1/a03c59c4-34cc-4ab3-863a-eda59ad64f82/RUV01260-4.JPG",h={url:f},v="/__l5e/assets-v1/a589fd8c-6ec6-4861-bc24-57958e2cb0dd/RUV01157.JPG",b={url:v},j="/__l5e/assets-v1/eb99e474-7bbb-4d06-967e-f0962a3ca9d0/RUV01120_2.JPG",y={url:j},N="/__l5e/assets-v1/6aa74e4a-40df-49a2-a2ff-41b41d1362d5/RUV01122.JPG",w={url:N},k=[{key:"dani",name:"Daniella “Dani” Leal",firstName:"Dani",image:b.url,initials:"DL"},{key:"yasser",name:"Yasser Mayorga",firstName:"Yasser",image:y.url,initials:"YM"},{key:"annie",name:"Annamaria “Annie” Maccio",firstName:"Annie",image:g.url,initials:"AM"},{key:"maui",name:"Gustavo “Maui”",firstName:"Maui",image:w.url,initials:"GM"}];function P(a){return k.map(s=>({...s,role:a.crew.roles[s.key],bio:a.crew.bios[s.key],credentials:a.crew.credentials[s.key]}))}function _(){const[a,s]=l.useState(!1);return l.useEffect(()=>{const t=window.matchMedia("(prefers-reduced-motion: reduce)");s(t.matches);const r=i=>s(i.matches);return t.addEventListener("change",r),()=>t.removeEventListener("change",r)},[]),a}function d({member:a}){const{x:s}=m(),[t,r]=l.useState(!1),i=_(),c=()=>r(n=>!n),x=n=>{(n.key==="Enter"||n.key===" ")&&(n.preventDefault(),c())},o="absolute inset-0 h-full w-full overflow-hidden bg-[#16214d] [backface-visibility:hidden] [-webkit-backface-visibility:hidden]";return e.jsx("div",{className:"group relative h-[370px] w-full cursor-pointer select-none md:h-[400px]",style:{perspective:"1400px"},role:"button",tabIndex:0,"aria-pressed":t,"aria-label":`${a.name}, ${a.role}. ${t?s.crew.showingBio:s.crew.showingPhoto}`,onClick:c,onKeyDown:x,children:e.jsxs("div",{className:"relative h-full w-full ring-1 ring-[#16214d]/10 dark:ring-[#feedd7]/10",style:{transformStyle:"preserve-3d",transition:i?"opacity 250ms ease":"transform 900ms cubic-bezier(0.22, 1, 0.36, 1)",transform:i?"none":t?"rotateY(180deg)":"rotateY(0deg)"},children:[e.jsxs("div",{className:o,style:{opacity:i&&t?0:1,transition:i?"opacity 250ms ease":void 0,pointerEvents:i&&t?"none":void 0},"aria-hidden":t,children:[a.image?e.jsx("img",{src:a.image,alt:`Portrait of ${a.name}, ${a.role}`,loading:"lazy",className:"absolute inset-0 h-full w-full object-cover transition-transform duration-[900ms] ease-out group-hover:scale-[1.03]"}):e.jsx("div",{"aria-hidden":!0,className:"absolute inset-0 flex items-center justify-center",style:{background:"linear-gradient(160deg, #1b2a5e 0%, #16214d 55%, #0f1838 100%)"},children:e.jsx("span",{className:"font-display text-[6rem] font-light text-[#feedd7]/25",children:a.initials})}),e.jsx("div",{"aria-hidden":!0,className:"absolute inset-0",style:{background:"linear-gradient(to top, rgba(8,18,48,0.92) 0%, rgba(8,18,48,0.55) 32%, rgba(8,18,48,0.05) 62%, transparent 100%)"}}),e.jsxs("div",{className:"absolute inset-x-0 bottom-0 p-5 md:p-6",children:[e.jsx("h3",{className:"font-display text-[1.147rem] font-light leading-[1.1] text-[#feedd7] md:text-[1.317rem]",children:a.name}),e.jsx("p",{className:"mt-1 text-[11px] font-medium uppercase tracking-[0.24em] text-[#d3923d]",children:a.role}),e.jsx("p",{className:"mt-3 text-[10px] font-light uppercase tracking-[0.3em] text-[#feedd7]/70",children:s.crew.meet(a.firstName)})]})]}),e.jsx("div",{className:o,style:{transform:i?"none":"rotateY(180deg)",opacity:i?t?1:0:1,transition:i?"opacity 250ms ease":void 0,pointerEvents:i&&!t?"none":void 0},"aria-hidden":!t,children:e.jsxs("div",{className:"relative flex h-full w-full flex-col bg-[#16214d] p-5 text-[#feedd7] md:p-6",children:[e.jsx("div",{"aria-hidden":!0,className:"pointer-events-none absolute inset-0 opacity-[0.06]",style:{backgroundImage:"radial-gradient(circle at 20% 15%, rgba(211,146,61,0.6) 0%, transparent 55%), radial-gradient(circle at 85% 85%, rgba(254,237,215,0.4) 0%, transparent 60%)"}}),e.jsxs("div",{className:"relative",children:[e.jsx("h3",{className:"font-display text-[1.02rem] font-light leading-[1.1] md:text-[1.147rem]",children:a.name}),e.jsx("p",{className:"mt-1 text-[10px] font-medium uppercase tracking-[0.24em] text-[#d3923d]",children:a.role}),e.jsx("div",{className:"mt-3 h-px w-10 bg-[#d3923d]/60"})]}),e.jsx("p",{className:"relative mt-3 text-[12px] font-light leading-[1.55] text-[#feedd7]/85 md:text-[12.5px]",children:a.bio}),e.jsxs("div",{className:"relative mt-auto",children:[e.jsx("div",{className:"flex flex-wrap gap-x-3 gap-y-1 pt-3",children:a.credentials.map(n=>e.jsx("span",{className:"text-[9.5px] font-medium uppercase tracking-[0.18em] text-[#feedd7]/75",children:n},n))}),e.jsx("p",{className:"mt-3 text-[10px] font-light uppercase tracking-[0.3em] text-[#feedd7]/55",children:s.crew.backToPhoto})]})]})})]})})}function E(){const{x:a}=m(),s=P(a);return e.jsxs("section",{className:"dark-vignette relative overflow-hidden bg-[#feedd7] py-14 md:py-20 dark:bg-[#16214d]",children:[e.jsx("div",{"aria-hidden":!0,

1className:"pointer-events-none absolute inset-x-0 top-0 z-[1] h-[160px] dark:hidden",style:{background:"linear-gradient(to bottom, #faf8f4 0%, rgba(254,237,215,0) 100%)"}}),e.jsx("div",{"aria-hidden":!0,className:"pointer-events-none absolute inset-x-0 bottom-0 z-[1] h-[160px] dark:hidden",style:{background:"linear-gradient(to top, #faf8f4 0%, rgba(254,237,215,0) 100%)"}}),e.jsxs("div",{className:"relative z-10 mx-auto max-w-[1200px] px-6",children:[e.jsxs("div",{className:"mb-10 grid grid-cols-1 items-center gap-8 md:mb-12 md:grid-cols-2 md:gap-10 lg:grid-cols-4 lg:gap-5",children:[e.jsxs("div",{className:"text-left lg:col-span-2",children:[e.jsx("p",{className:"text-[10px] font-medium uppercase tracking-[0.42em] text-[#d3923d]",children:a.crew.eyebrow}),e.jsxs("h2",{className:"mt-3 font-display text-[1.488rem] leading-[1.05] tracking-[-0.01em] text-[#16214d] md:text-[1.912rem] dark:text-[#feedd7]",style:{fontWeight:300},children:[a.crew.titleA," ",e.jsx("span",{className:"italic text-[#d3923d]",children:a.crew.titleB})]}),e.jsx("p",{className:"mt-4 max-w-md text-[14px] font-light leading-[1.75] text-[#16214d]/75 md:text-[15px] dark:text-[#feedd7]/75",children:a.crew.intro})]}),e.jsxs("figure",{className:"relative aspect-[4/3] w-full overflow-hidden md:aspect-[3/2] lg:col-span-2",children:[e.jsx("img",{src:h.url,alt:a.crew.groupAlt,loading:"lazy",className:"block h-full w-full object-cover"}),e.jsx("div",{"aria-hidden":!0,className:"pointer-events-none absolute inset-0",style:{background:"linear-gradient(to top, rgba(22,33,77,0.35) 0%, transparent 40%)"}})]})]}),e.jsxs("div",{className:"mt-8 md:hidden",children:[e.jsxs("div",{className:"no-scrollbar flex snap-x snap-mandatory gap-4 overflow-x-auto pb-2",style:{scrollbarWidth:"none"},children:[s.map(t=>e.jsx("div",{className:"w-full shrink-0 snap-start",children:e.jsx(d,{member:t})},t.name)),e.jsx("div",{"aria-hidden":!0,className:"shrink-0",style:{width:"1px"}})]}),e.jsx("p",{className:"mt-3 text-center text-[11px] font-medium uppercase tracking-[0.22em] text-[#16214d]/60 dark:text-[#feedd7]/60",children:a.crew.swipe})]}),e.jsx("div",{className:"mt-8 hidden gap-5 md:grid md:grid-cols-2 lg:hidden",children:s.map(t=>e.jsx(d,{member:t},t.name))}),e.jsx("div",{className:"mt-10 hidden gap-5 lg:grid lg:grid-cols-4",children:s.map(t=>e.jsx(d,{member:t},t.name))})]})]})}function C(){return e.jsx(p,{pageKey:"crew",children:e.jsx("div",{className:"pt-20",children:e.jsx(E,{})})})}export{C as component};