https://anushkaisuranga.github.io/assets/About-t6hrscVE.js

1import{p as e,s,j as t,R as l,M as a,m as i,F as r,a as n,b as d}from"./index-9PC0I1Ub.js";import{r as c}from"./vendor-DXTG3irq.js";const m={building:r,brain:n,gears:d};function o(){const[r,n]=c.useState(0),d=c.useRef(null),o=[{value:e.projectCount,label:s.about.highlightLabels.projects},{value:e.coreLaneCount,label:`${s.about.highlightLabels.coreLanesPrefix} ${s.site.coreLanes.join(", ")}`},{value:e.firstWorkYear??"Now",label:s.about.highlightLabels.workStart}],x=s.about.principles,u=e=>{const s=x.length;if(!s)return;n((e%s+s)%s)};return t.jsxs("div",{className:"section-inner",children:[t.jsxs("div",{className:"section-header max-w-3xl",children:[t.jsx(l,{children:t.jsx("span",{className:"section-label",children:"About"})}),t.jsx(l,{delay:.05,children:t.jsx("h2",{id:"about-title",className:"section-title bg-gradient-to-r from-sky-300 via-indigo-300 to-violet-300 bg-clip-text text-transparent",children:s.about.title})}),t.jsx(l,{delay:.1,children:t.jsx("p",{className:"section-copy max-w-2xl",children:s.about.copy})})]}),t.jsxs("div",{className:"mt-10 grid w-full min-w-0 gap-6 xl:grid-cols-[1.08fr_0.92fr]",children:[t.jsx("div",{className:"min-w-0",children:t.jsx(l,{children:t.jsx(a,{offset:20,children:t.jsxs("div",{className:"editorial-card w-full overflow-hidden rounded-[2rem] p-4 sm:p-6 md:p-8",children:[t.jsx("div",{className:"grid gap-3 sm:grid-cols-3",children:o.map(e=>t.jsxs("div",{className:"surface-muted rounded-[1.5rem] p-4 sm:p-5",children:[t.jsx("p",{className:"metric-value text-white",children:e.value}),t.jsx("p",{className:"mt-3 text-sm leading-7 text-slate-400",children:e.label})]},e.label))}),t.jsxs("div",{className:"mt-6 md:hidden",children:[t.jsx("div",{className:"relative overflow-hidden",onTouchStart:e=>{var s;d.current=(null==(s=e.touches[0])?void 0:s.clientX)??null},onTouchEnd:e=>{var s;const t=d.current,l=null==(s=e.changedTouches[0])?void 0:s.clientX;if(d.current=null,null===t||"number"!=typeof l)return;const a=l-t;Math.abs(a)<36||u(a<0?r+1:r-1)},"aria-label":"Principles slider",children:t.jsx(i.div,{className:"flex",animate:{x:`-${100*r}%`},transition:{duration:.32,ease:"easeOut"},children:x.map(({title:e,text:s,iconKey:l},a)=>{const r=m[l];return t.jsx(i.div,{className:"w-full min-w-full shrink-0",whileHover:{y:-4},transition:{duration:.2,delay:.02*a},children:t.jsxs("div",{className:"surface-muted rounded-[1.5rem] p-4",children:[t.jsx("div",{className:"flex h-11 w-11 shrink-0 items-center justify-center rounded-2xl border border-white/10 bg-white/[0.05] text-lg text-[#7dd3fc]",children:r?t.jsx(r,{}):null}),t.jsx("h3",{className:"mt-4 text-base font-semibold text-white sm:text-lg",children:e}),t.jsx("p",{className:"mt-2 text-sm leading-7 text-slate-400",children:s})]})},e)})})}),t.jsx("div",{className:"mt-4 flex items-center justify-center gap-2","aria-label":"Principles slide progress",children:x.map((e,s)=>{const l=s===r;return t.jsx("button",{type:"button",onClick:()=>u(s),className:"h-2.5 rounded-full transition-all duration-300 "+(l?"w-6 bg-sky-300":"w-2.5 bg-white/30 hover:bg-white/50"),"aria-label":`Go to ${e.title}`,"aria-current":l?"true":"false"},e.title)})})]}),t.jsx("div",{className:"mt-6 hidden gap-3 md:grid md:grid-cols-3",children:x.map(({title:e,text:s,iconKey:l},a)=>{const r=m[l];return t.jsxs(i.div,{className:"surface-muted rounded-[1.5rem] p-5",whileHover:{y:-4},transition:{duration:.2,delay:.02*a},children:[t.jsx("div",{className:"flex h-11 w-11 shrink-0 items-center justify-center rounded-2xl border border-white/10 bg-white/[0.05] text-lg text-[#7dd3fc]",children:r?t.jsx(r,{}):null}),t.jsx("h3",{className:"mt-5 text-base font-semibold text-white lg:text-lg",children:e}),t.jsx("p",{className:"mt-3 text-sm leading-7 text-slate-400",children:s})]},e)})}),t.jsxs("div",{className:"surface-muted mt-6 rounded-[1.75rem] p-4 sm:p-6",children:[t.jsx("p",{className:"metric-label text-indigo-300",children:s.about.workingStyle.label}),t.jsx("p",{className:"mt-3 text-sm leading-7 text-slate-300 sm:text-base sm:leading-8",children:s.about.workingStyle.text})]})]})})})}),t.jsxs("div",{className:"min-w-0 space-y-6",children:[t.jsx("div",{className:"min-w-0",children:t.jsx(l,{direction:"left",children:t.jsxs("div",{className:"glass-panel w-full rounded-[2rem] p-4 sm:p-6 md:p-7",children:[t.jsx("p",{className:"section-label",children:"Capabilities"}),t.jsx("div",{className:"mt-5 space-y-3",children:s.about.capabilities.map((e,s)=>t.jsx(i.div,{className:"surface-muted rounded-[1.4rem] px-4 py-3 sm:px-5 sm:py-4",whileHover:{x:6},transition:{duration:.2,delay:.02*s},children:t.jsx("p",{className:"text-sm leading-6 text-slate-300 sm:leading-7",children:e})},e))})]})})}),t.jsx("div",{className:"min-w-0",children:t.jsx(l,{direction:"left",delay:.08,children:t.jsxs("div",{className:"glass-panel w-full rounded-[2rem] p-4 sm:p-6 md:p-7",children:[t.jsx("p",{className:"section-label",children:"Current priorities"}),t.jsx("div",{className:"mt-5 space-y-3",children:s.about.priorities.map((e,s)=>t.jsx(i.div,{className:"surface-muted rounded-[1.4rem] px-4 py-3 sm:px-5 sm:py-4",whileHover:{x:6},transition:{duration:.2,delay:.02*s},children:t.jsx("p",{className:"text-sm leading-6 text-slate-300 sm:leading-7",children:e})},e))}),t.jsxs("div",{className:"surface-muted mt-6 rounded-[1.5rem] p-4 sm:p-5",children:[t.jsx("p",{className:"metric-label text-indigo-300",children:s.about.stackNote.label}),t.jsx("p",{className:"mt-3 text-sm leading-7 text-slate-300 sm:text-base",children:s.about.stackNote.text})]})]})})})]})]})]})}export{o as default};