https://vkrishna04.me/assets/About-Bk74oNFg.js

1import{r as x,j as e}from"./react-vendor-BUBxxWDZ.js";import{u as I}from"./useCodeLedgerStats-CimTdbXS.js";import{u as L}from"./useSectionAnchors-C3Z8dc1i.js";import{U as g,f as D,p as w,g as G,a as F}from"./index-B7WhZjMu.js";import{m as r}from"./motion-CQtUWvc0.js";import{L as H}from"./router-DC-WmDlf.js";import"./mermaid-Us-lSQ3j.js";import"./icons-DDBypk37.js";const U=({settings:t})=>{const[k,j]=x.useState(null),o=t?.about?.technicalExperience||{},b=o.maxColumns||3,d=o.fixedColumns||!1,f=o.showProficiency!==!1,u=o.animateOnHover!==!1,p=o.skills||[{name:"React",icon:"FaReact",color:"text-blue-400",level:90},{name:"JavaScript",icon:"SiJavascript",color:"text-yellow-400",level:85},{name:"Python",icon:"FaPython",color:"text-green-400",level:80},{name:"Node.js",icon:"FaNodeJs",color:"text-green-500",level:75},{name:"Git",icon:"FaGitAlt",color:"text-orange-500",level:85},{name:"Docker",icon:"FaDocker",color:"text-blue-500",level:70}],y=(()=>{if(d)return{desktop:`repeat(${b}, minmax(0, 1fr))`,mobile:"repeat(1, minmax(0, 1fr))"};{const s=p.length;return{desktop:`repeat(${Math.min(b,Math.ceil(s/4))}, minmax(0, 1fr))`,mobile:"repeat(1, minmax(0, 1fr))"}}})(),C=typeof window<"u"&&window.innerWidth<768,N=({skill:s,index:n})=>e.jsx(r.div,{className:"relative group",initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{delay:n*.1},onMouseEnter:()=>j(s.name),onMouseLeave:()=>j(null),children:e.jsxs("div",{className:`p-4 rounded-lg bg-white/5 backdrop-blur-sm border border-white/10
2					hover:bg-white/10 hover:border-white/20 transition-all duration-300
3					${u?"hover:scale-105 hover:shadow-lg":""}`,children:[e.jsxs("div",{className:"flex flex-col items-center space-y-2",children:[s.icon?e.jsx(g,{name:s.icon,className:`w-8 h-8 ${s.color||"text-primary-400"}`,fallback:null}):e.jsx("div",{className:`w-8 h-8 rounded-full ${s.color||"bg-primary-400"}
4								flex items-center justify-center text-white font-bold`,children:s.name.charAt(0)}),e.jsx("span",{className:"text-sm font-medium text-center text-white/90",children:s.name}),f&&s.level&&e.jsxs("div",{className:"w-full",children:[e.jsx("div",{className:"w-full bg-white/10 rounded-full h-1.5",children:e.jsx("div",{className:`h-1.5 rounded-full transition-all duration-500 ${s.levelColor||"bg-primary-400"}`,style:{width:`${s.level}%`}})}),e.jsx("span",{className:"text-xs text-white/60 mt-1",children:s.levelText||`${s.level}%`})]})]}),k===s.name&&e.jsxs(r.div,{initial:{opacity:0,y:10},animate:{opacity:1,y:0},className:`absolute -top-12 left-1/2 transform -translate-x-1/2
5								bg-black/90 text-white text-xs rounded-lg px-3 py-2
6								backdrop-blur-sm border border-white/20 z-10
7								pointer-events-none whitespace-nowrap`,children:[s.description||s.name,e.jsx("div",{className:`absolute top-full left-1/2 transform -translate-x-1/2
8								border-4 border-transparent border-t-black/90`})]})]})}),h=({category:s,categorySkills:n,index:v})=>e.jsxs(r.div,{initial:{opacity:0,y:30},animate:{opacity:1,y:0},transition:{delay:v*.2},className:"mb-8",children:[e.jsxs("h3",{className:"text-xl font-semibold text-white mb-4 flex items-center",children:[s.icon&&e.jsx(g,{name:s.icon,className:"mr-2 text-primary-400",fallback:null}),s.name]})," ",e.jsx("div",{className:"grid gap-4",style:{gridTemplateColumns:C?y.mobile:y.desktop},children:n.map((a,l)=>e.jsx(N,{skill:a,index:l},a.name))})]}),S=(o.categories||[{name:"Technical Skills",skills:p}]).map(n=>({...n,skills:n.skills||p.filter(v=>v.category===n.name)}));return e.jsx("section",{className:"py-16",children:e.jsxs("div",{className:"max-w-6xl mx-auto px-4",children:[e.jsxs(r.div,{initial:{opacity:0,y:30},animate:{opacity:1,y:0},className:"text-center mb-12",children:[e.jsx("h2",{className:"text-3xl md:text-4xl font-bold text-white mb-4",children:o.title||"Technical Experience"}),o.subtitle&&e.jsx("p",{className:"text-lg text-white/70 max-w-3xl mx-auto",children:o.subtitle})]}),e.jsx("div",{className:"space-y-8",children:S.map((s,n)=>e.jsx(h,{category:s,categorySkills:s.skills,index:n},s.name))}),!1]})})},O=()=>{const[t,k]=x.useState({}),[j,o]=x.useState(new Set),b=x.useRef({}),{data:d,config:f}=I(),[u,p]=x.useState("all");x.useEffect(()=>{D().then(a=>k(a)).catch(a=>console.warn("Could not fetch settings:",a))},[]),x.useEffect(()=>{f?.widget?.defaultView&&p({both:"all",month:"30d",year:"7d"}[f.widget.defaultView]||"all")},[f]),x.useEffect(()=>{const a=()=>{const l=new Set;Object.entries(b.current).forEach(([i,c])=>{c&&c.scrollWidth>c.clientWidth&&l.add(i)}),o(l)};return a(),window.addEventListener("resize",a),()=>window.removeEventListener("resize",a)},[t]);const $=()=>{const a=t.about||{},l=t.display||{};return a.image?.type==="custom"&&a.image?.customUrl?a.image.customUrl:a.image?.type==="home"&&l.profileImage?l.profileImage:l.profileImage||(F(t)?`https://github.com/${F(t)}.png`:"")};x.useEffect(()=>{if(!t.about?.skills)return;(async()=>{const l=new Set;

8t.about.skills.forEach(i=>{i.icon&&l.add(i.icon),i.items?.forEach(c=>{c.icon&&l.add(c.icon)})}),t.about?.achievements?.items?.forEach(i=>{i.icon&&l.add(i.icon)}),await Promise.all(Array.from(l).map(async i=>{try{await G(i)}catch(c){console.warn(`Failed to preload icon: ${i}`,c)}}))})()},[t]);const y=()=>t.about?.skills?.length>0?t.about.skills.map(a=>({...a,iconName:a.icon,items:a.items.map(l=>({...l,iconName:l.icon}))})):[],C=()=>t.about?.stats||[],N=y(),h=C(),m={initial:{opacity:0,y:60},animate:{opacity:1,y:0},transition:{duration:.6}},S={animate:{transition:{staggerChildren:.1}}},s=(d?.stats?.easy??0)+(d?.stats?.medium??0)+(d?.stats?.hard??0),n=t.codeLedger?.widget?.showInAbout!==!1&&d,v=L(t.navigation?.sectionAnchors?.enabled===!0,n||t);return e.jsx("div",{ref:v,className:"min-h-screen py-20 px-4",children:e.jsx("div",{className:"max-w-6xl mx-auto",children:e.jsxs(r.div,{variants:S,initial:"initial",animate:"animate",children:[(t.about?.heading||t.about?.subheading)&&e.jsxs(r.div,{className:"text-center mb-16",variants:m,children:[t.about?.heading&&e.jsx("h1",{className:"text-4xl md:text-5xl font-bold mb-4 bg-gradient-to-r from-purple-400 to-pink-500 bg-clip-text text-transparent",children:t.about.heading}),t.about?.subheading&&e.jsx("p",{className:"text-xl text-gray-300",children:t.about.subheading})]}),(t.about?.title||t.about?.paragraphs?.length>0||t.about?.image)&&e.jsxs("div",{id:"overview","data-section-anchor":!0,className:"grid lg:grid-cols-2 gap-12 items-center mb-20",children:[(t.about?.title||t.about?.paragraphs?.length>0)&&e.jsxs(r.div,{variants:m,children:[t.about?.title&&e.jsx("h2",{className:"text-3xl font-bold text-white mb-6",children:t.about.title}),t.about?.paragraphs?.length>0&&e.jsx("div",{className:"space-y-4 text-gray-300 text-lg leading-relaxed",children:t.about.paragraphs.map((a,l)=>e.jsx("p",{children:a},l))})]}),t.about?.image&&e.jsx(r.div,{className:"flex justify-center",variants:m,children:e.jsxs("div",{className:"relative",children:[e.jsx("div",{className:"w-80 h-80 rounded-full overflow-hidden border-4 shadow-2xl",style:{borderColor:w(t.about?.image?.borderColor||"rgba(168, 85, 247, 0.3)"),boxShadow:`0 25px 50px -12px ${w(t.about?.image?.shadowColor||"rgba(168, 85, 247, 0.2)")}`},children:e.jsx("img",{src:$(),alt:t.about?.image?.altText||"Profile",className:"w-full h-full object-cover"})}),e.jsx("div",{className:"absolute inset-0 rounded-full",style:{background:`linear-gradient(to top right, ${w(t.about?.image?.gradientFrom||"rgba(168, 85, 247, 0.1)")}, ${w(t.about?.image?.gradientTo||"rgba(236, 72, 153, 0.1)")})`}})]})})]}),h.length>0&&e.jsx(r.div,{id:"stats","data-section-anchor":!0,className:`mt-20 grid gap-6 ${h.length<=2?"grid-cols-1 md:grid-cols-2":h.length===3?"grid-cols-1 md:grid-cols-3":h.length===4?"grid-cols-2 md:grid-cols-4":h.length===5?"grid-cols-2 md:grid-cols-3 lg:grid-cols-5":"grid-cols-2 md:grid-cols-3 lg:grid-cols-6"}`,variants:m,children:h.map((a,l)=>e.jsxs(r.div,{className:"text-center p-6 bg-gray-800/30 backdrop-blur-sm rounded-xl border border-gray-700/50 hover:border-purple-500/50 transition-all duration-300 group",whileHover:{scale:1.05,y:-5},transition:{duration:.2},children:[e.jsx("div",{className:"text-3xl lg:text-4xl font-bold text-purple-400 mb-2 group-hover:text-purple-300 transition-colors",children:a.number}),e.jsx("div",{className:"text-gray-300 group-hover:text-white transition-colors font-medium",children:a.label})]},l))}),n&&e.jsxs(r.div,{id:"dsa-activity","data-section-anchor":!0,initial:{opacity:0,y:16},animate:{opacity:1,y:0},transition:{duration:.4},className:"mt-6 p-4 bg-white/[0.03] border border-white/[0.06] rounded-2xl",children:[e.jsxs("div",{className:"flex items-center justify-between mb-3",children:[e.jsx("span",{className:"text-[10px] uppercase tracking-[0.15em] font-bold text-slate-500",children:"DSA Activity"}),e.jsx("div",{className:"flex gap-1",children:[{key:"7d",label:"7d"},{key:"30d",label:"30d"},{key:"all",label:"All"}].map(({key:a,label:l})=>e.jsx("button",{onClick:()=>p(a),className:`text-[9px] px-2 py-0.5 rounded-full transition-all ${u===a?"bg-cyan-500/20 text-cyan-400 border border-cyan-500/30":"text-slate-600 hover:text-slate-400"}`,children:l},a))})]}),e.jsxs("div",{className:"flex items-center gap-3 flex-wrap",children:[e.jsxs("div",{className:"flex items-baseline gap-1",children:[e.jsx("span",{className:"text-lg font-bold text-cyan-400",children:s}),e.jsx("span",{className:"text-[10px] text-slate-500",children:"solved"})]}),e.jsx("div",{className:"text-slate-700",children:"·"}),e.jsxs("div",{className:"flex items-baseline gap-1",children:[e.jsxs("span",{className:"text-lg font-bold text-emerald-400",children:[d.currentStreak,"d"]}),e.jsx("span",{className:"text-[10px] text-slate-500",children:"streak"})]}),(u==="30d"||u==="all")&&e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"text-slate-700",children:"·"}),e.jsxs("div",{className:"flex items-baseline gap-1",children:[e.jsx("span",{className:"text-base font-bold text-amber-400",children:d.last30Days}),e.jsx("span",{className:"text-[10px] text-slate-500",children:"last 30d"})]})]}),(u==="7d"||u==="all")&&e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"text-slate-700",children:"·"}),e.jsxs("div",{className:"flex items-baseline gap-1",children:[e.jsx("span",{className:"text-base font-bold text-purple-400",children:d.last7Days}),e.jsx("span",{className:"text-[10px] text-slate-500",children:"last 7d"})]})]}),e.jsx(H,{to:"/stats",className:"ml-auto text-[10px] text-slate-500 hover:text-cyan-400 transition-colors",children:"View full stats â

8†’"})]})]}),t.about?.technicalExperience?.show!==!1&&t.about?.technicalExperience?.categories?.length>0&&e.jsx(r.div,{id:"experience","data-section-anchor":!0,className:"mt-20",initial:{opacity:0,y:60},animate:{opacity:1,y:0},transition:{duration:.6,delay:.2},children:e.jsx(U,{settings:t})}),N.length>0&&e.jsxs(r.div,{id:"skills","data-section-anchor":!0,className:"mt-20",variants:m,children:[e.jsx("h2",{className:"text-3xl font-bold text-center text-white mb-12",children:t.about?.skillsHeading||"Technical Skills"}),e.jsx("div",{className:t.about?.skillsLayout==="masonry"?"masonry-grid-about":`grid gap-6 ${t.about?.skillsGridColumns?.mobile||"grid-cols-1"} ${t.about?.skillsGridColumns?.tablet||"md:grid-cols-2"} ${t.about?.skillsGridColumns?.desktop||"lg:grid-cols-3"}`,children:N.map((a,l)=>e.jsxs(r.div,{className:`bg-gray-800/50 backdrop-blur-sm rounded-xl p-6 border border-gray-700/50 hover:border-purple-500/50 transition-all duration-300 group ${t.about?.skillsLayout==="masonry"?"masonry-item-about":""}`,variants:m,whileHover:{scale:1.02,y:-5},children:[e.jsxs("div",{className:"flex items-center mb-4",children:[e.jsx("div",{className:"p-2 bg-purple-500/20 rounded-lg mr-3 group-hover:bg-purple-500/30 transition-colors",children:e.jsx(g,{name:a.iconName||"Icon 404",className:"w-6 h-6 text-purple-400 group-hover:text-purple-300 transition-colors",fallback:"FaCode"})}),e.jsx("h3",{className:"text-lg font-semibold text-white group-hover:text-purple-300 transition-colors",children:a.category})]}),e.jsx("div",{className:"grid grid-cols-2 gap-3",children:a.items.map((i,c)=>{const E=`${l}-${c}`,T=j.has(E);return e.jsxs("div",{className:"relative flex items-center space-x-2 p-3 rounded-lg bg-gray-700/30 hover:bg-gray-700/50 transition-all duration-300 group/skill cursor-pointer",children:[e.jsx("div",{className:"flex-shrink-0",children:e.jsx(g,{name:i.iconName||"FaCode",className:`w-5 h-5 ${i.color} group-hover/skill:scale-110 transition-transform`,fallback:"FaCode"})}),e.jsx("span",{ref:A=>b.current[E]=A,className:"text-gray-300 text-sm font-medium truncate group-hover/skill:text-white transition-colors",children:i.name}),T&&e.jsxs("div",{className:"absolute left-1/2 -translate-x-1/2 bottom-full mb-2 px-3 py-2 bg-gray-900 text-white text-xs rounded-lg shadow-lg opacity-0 group-hover/skill:opacity-100 pointer-events-none transition-opacity duration-200 whitespace-nowrap z-10 border border-purple-500/30 flex items-center gap-2",children:[e.jsx(g,{name:i.iconName||"FaCode",className:`w-4 h-4 ${i.color}`,fallback:"FaCode"}),e.jsx("span",{children:i.name}),e.jsx("div",{className:"absolute left-1/2 -translate-x-1/2 top-full w-0 h-0 border-l-4 border-r-4 border-t-4 border-transparent border-t-gray-900"})]})]},c)})})]},l))})]}),t.about?.achievements?.show!==!1&&t.about?.achievements?.items?.length>0&&e.jsxs(r.div,{id:"achievements","data-section-anchor":!0,className:"mt-20",variants:m,children:[e.jsx("h2",{className:"text-3xl font-bold text-center text-white mb-12",children:t.about.achievements.heading||"Achievements & Recognition"}),e.jsx("div",{className:"grid md:grid-cols-2 lg:grid-cols-3 gap-6",children:t.about.achievements.items.map((a,l)=>e.jsx(r.div,{className:`${a.gradient} backdrop-blur-sm rounded-xl p-6 border ${a.borderColor} ${a.hoverBorderColor} transition-all duration-300 group`,variants:m,whileHover:{scale:1.02,y:-5},children:e.jsxs("div",{className:"text-center",children:[e.jsx("div",{className:`w-16 h-16 ${a.bgColor} rounded-full flex items-center justify-center mx-auto mb-4 group-hover:opacity-80 transition-opacity`,children:e.jsx(g,{name:a.icon||"FaTrophy",className:`w-8 h-8 ${a.iconColor}`,fallback:"FaTrophy"})}),e.jsx("h3",{className:"text-lg font-bold text-white mb-1",children:a.title}),a.subtitle&&e.jsx("p",{className:"text-xs text-slate-400 mb-3",children:a.subtitle}),e.jsx("p",{className:`${a.textColor} text-sm leading-relaxed`,children:a.description})]})},l))})]})]})})})};export{O as default};