(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[974],{715:(e,t,a)=>{"use strict";a.d(t,{Projects:()=>I});var s=a(5155),r=a(2115),i=a(3999);let n=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsx)("div",{ref:t,className:(0,i.cn)("rounded-lg border bg-card text-card-foreground shadow-sm",a),...r})});n.displayName="Card";let l=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsx)("div",{ref:t,className:(0,i.cn)("flex flex-col space-y-1.5 p-6",a),...r})});l.displayName="CardHeader";let o=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsx)("div",{ref:t,className:(0,i.cn)("text-2xl font-semibold leading-none tracking-tight",a),...r})});o.displayName="CardTitle",r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsx)("div",{ref:t,className:(0,i.cn)("text-sm text-muted-foreground",a),...r})}).displayName="CardDescription";let d=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsx)("div",{ref:t,className:(0,i.cn)("p-6 pt-0",a),...r})});d.displayName="CardContent",r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsx)("div",{ref:t,className:(0,i.cn)("flex items-center p-6 pt-0",a),...r})}).displayName="CardFooter";var c=a(7168);let m=(0,a(2085).F)("inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",{variants:{variant:{default:"border-transparent bg-primary text-primary-foreground hover:bg-primary/80",secondary:"border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",destructive:"border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80",outline:"text-foreground"}},defaultVariants:{variant:"default"}});function h(e){let{className:t,variant:a,...r}=e;return(0,s.jsx)("div",{className:(0,i.cn)(m({variant:a}),t),...r})}var u=a(5690),x=a(5326),g=a(9099),f=a(3786),p=a(7434),v=a(4416),b=a(6766),j=a(6756);let N=j.bL;j.l9;let y=j.ZL,w=j.bm,k=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsx)(j.hJ,{ref:t,className:(0,i.cn)("fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",a),...r})});k.displayName=j.hJ.displayName;let C=r.forwardRef((e,t)=>{let{className:a,children:r,...n}=e;return(0,s.jsxs)(y,{children:[(0,s.jsx)(k,{}),(0,s.jsxs)(j.UC,{ref:t,className:(0,i.cn)("fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",a),...n,children:[r,(0,s.jsxs)(j.bm,{className:"absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground",children:[(0,s.jsx)(v.A,{className:"h-4 w-4"}),(0,s.jsx)("span",{className:"sr-only",children:"Close"})]})]})]})});C.displayName=j.UC.displayName;let A=e=>{let{className:t,...a}=e;return(0,s.jsx)("div",{className:(0,i.cn)("flex flex-col space-y-1.5 text-center sm:text-left",t),...a})};A.displayName="DialogHeader";let z=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsx)(j.hE,{ref:t,className:(0,i.cn)("text-lg font-semibold leading-none tracking-tight",a),...r})});function I(){var e,t;let[a,i]=(0,r.useState)(!1),[m,j]=(0,r.useState)({type:"",title:"",url:""}),y=(e,t,a)=>{j({type:e,title:t,url:a}),i(!0)},k=[{title:"Auto Review Platform",header:"AI-powered code review and grading system designed for educational institutions.",description:"Automates student code evaluation using AI. Includes fully implemented RBAC. Courses and assignments can be migrated across subjects and reused. The system is pre-deployed and ready to use.",addition:"This product is ready for commercialization and can be hosted as a dedicated instance for individual clients. Contact me to request an admin account or to discuss deployment options.",image:"/neurade.png?height=200&width=400",technologies:["Go","Python","LangChain","RAG","Multi-Agent","PostgreSQL","Minio","JWT"],links:{demo:"https://neurade.dangtruc.info/login",github:"https://github.com/ZephyrNova47/Neurade-Sample-Backend",video:"https://drive.google.com/file/d/1N8wRpzSBZ8keU-THL9Fdl8rXtUdQcQiI/view?usp=drive_link",docs:"https://drive.google.com/file/d/1UYENe4-Yx4hr8ZByHyafOwlStpj6Ux2M/view?usp=drive_link"},featured:!0},{title:"Thi De Education System",header:"E-learning platform aligned with the MOET 2025 curriculum, designed to enhance engagement and support personalized learning for high school students.",description:"The system supports building a large scale question bank through real time document uploads and automatic OCR processing.",addition:"It’s ready for deployment and can be customized for institutional use. Contact me to request an admin account for the demo version.",image:"/thide.png?height=200&width=400",technologies:["Go","Java","Spring Boot","Redis","PostgreSQL","Minio","Docker","ReactJs"],links:{demo:"http://thide.dangtruc.info/"},featured:!0},{title:"AuthStream",header:"Authstream - Lightweight, self-hosted authentication & authorization system",description:"Co-designed a secure and high-performance auth system using Spring Boot and JWT, supporting both RBAC and ABAC models. Integrated real-time data synchronization between services via Debezium (CDC) and Redis Streams",addition:"Authstream is fully self-hosted and ready for integration into modern service-oriented architectures.",image:"/logo.jpeg?height=200&width=400",technologies:["Go","Java","Spring Boot","Redis","PostgreSQL","RedisStream","Docker","Debezium"],links:{demo:"https://authstream.org/"},featured:!0},{title:"LoomUI",header:" Automated UI Generation for ML Tasks",description:"LoomUI is an end-to-end framework that automatically generates full-featured, visually consistent, and task-aware user interfaces for machine learning applications.",addition:"I'm open to collaboration and further development of this product. Contact me if you'd like to build on top of it.",image:"/loomui.png?height=200&width=400",technologies:["Python","LangGraph","Multi-Agent"],links:{github:"https://github.com/Cha-Len-From-ISE-Lab/LoomUI"},featured:!0},{title:"Problematic Internet Use",description:"Built ML pipelines for PIU detection using tabular and time-series data, with advanced feature engineering and autoencoder-based imputation.",image:"/placeholder.svg?height=200&width=400",technologies:["Python","TensorFlow","Pytorch"],links:{github:"https://github.com/ZephyrNova47/INT3405E_55_CMI_Kaggle_code",docs:"https://www.kaggle.com/competitions/child-mind-institute-problematic-internet-use/overview"},featured:!1},{title:"Signlingo",description:"An AI-powered platform for learning sign language online, with interactive lessons and intelligent video feedback.",image:"/signlingo.png?height=200&width=400",technologies:["Python","Deep Learning","NextJs","Multi-Agent"],links:{github:"https://github.com/ZephyrNova47/signlingo"},featured:!1},{title:"Gitstar Crawler",description:"Built a scalable web crawler to collect release information from the top 5000 most-starred GitHub repositories.",image:"/placeholder.svg?height=200&width=400",technologies:["Go","SQLite"],links:{github:"https://github.com/ZephyrNova47/github-repo-crawler"},featured:!1}],I=k.filter(e=>e.featured),S=k.filter(e=>!e.featured);return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("section",{id:"projects",className:"py-20 px-4",children:(0,s.jsxs)("div",{className:"container mx-auto",children:[(0,s.jsxs)("div",{className:"text-center mb-16",children:[(0,s.jsx)("h2",{className:"text-3xl md:text-4xl font-bold mb-4",children:"Featured Projects"}),(0,s.jsx)("p",{className:"text-lg text-muted-foreground",children:"Some of my recent work that I'm particularly proud of"})]}),(0,s.jsx)("div",{className:"grid md:grid-cols-2 gap-8 mb-16",children:I.map((e,t)=>(0,s.jsxs)(n,{className:"group hover:shadow-xl transition-all duration-300 overflow-hidden",children:[(0,s.jsxs)("div",{className:"relative overflow-hidden",children:[(0,s.jsx)(b.default,{src:e.image||"/placeholder.svg",alt:e.title,width:400,height:200,className:"w-full h-48 object-cover group-hover:scale-105 transition-transform duration-300"}),(0,s.jsx)("div",{className:"absolute inset-0 bg-black/60 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-center justify-center",children:(0,s.jsxs)("div",{className:"flex space-x-2",children:[e.links.demo&&(0,s.jsx)(c.$,{asChild:!0,size:"sm",variant:"secondary",children:(0,s.jsxs)("a",{href:e.links.demo,target:"_blank",rel:"noopener noreferrer",children:[(0,s.jsx)(u.A,{className:"h-4 w-4 mr-1"}),"Demo"]})}),e.links.video&&(0,s.jsxs)(c.$,{size:"sm",variant:"secondary",onClick:()=>y("video","".concat(e.title," - Video"),e.links.video),children:[(0,s.jsx)(x.A,{className:"h-4 w-4 mr-1"}),"Video"]}),e.links.github&&(0,s.jsx)(c.$,{asChild:!0,size:"sm",variant:"secondary",children:(0,s.jsxs)("a",{href:e.links.github,target:"_blank",rel:"noopener noreferrer",children:[(0,s.jsx)(g.A,{className:"h-4 w-4 mr-1"}),"Code"]})})]})})]}),(0,s.jsxs)(l,{children:[(0,s.jsx)(o,{className:"group-hover:text-primary transition-colors",children:e.title}),e.header&&(0,s.jsx)("p",{className:"font-bold mt-2",children:e.header})]}),(0,s.jsxs)(d,{children:[(0,s.jsx)("p",{className:"text-muted-foreground mb-4 text-justify max-w-2xl mx-auto",children:e.description}),e.addition&&(0,s.jsx)("p",{className:"italic text-sm text-muted-foreground mb-4 text-justify max-w-2xl mx-auto",children:e.addition}),(0,s.jsx)("div",{className:"flex flex-wrap gap-2 mb-4",children:e.technologies.map((e,t)=>(0,s.jsx)(h,{variant:"secondary",className:"text-xs",children:e},t))}),(0,s.jsxs)("div",{className:"flex space-x-2",children:[e.links.demo&&(0,s.jsx)(c.$,{asChild:!0,size:"sm",variant:"outline",children:(0,s.jsxs)("a",{href:e.links.demo,target:"_blank",rel:"noopener noreferrer",children:[(0,s.jsx)(f.A,{className:"h-4 w-4 mr-1"}),"Demo"]})}),e.links.video&&(0,s.jsxs)(c.$,{size:"sm",variant:"outline",onClick:()=>y("video","".concat(e.title," - Video"),e.links.video),children:[(0,s.jsx)(x.A,{className:"h-4 w-4 mr-1"}),"Video"]}),e.links.github&&(0,s.jsx)(c.$,{asChild:!0,size:"sm",variant:"outline",children:(0,s.jsxs)("a",{href:e.links.github,target:"_blank",rel:"noopener noreferrer",children:[(0,s.jsx)(g.A,{className:"h-4 w-4 mr-1"}),"Code"]})}),e.links.docs&&(0,s.jsxs)(c.$,{size:"sm",variant:"outline",onClick:()=>y("docs","".concat(e.title," - Documentation"),e.links.docs),children:[(0,s.jsx)(p.A,{className:"h-4 w-4 mr-1"}),"Docs"]})]})]})]},t))}),(0,s.jsxs)("div",{children:[(0,s.jsx)("h3",{className:"text-2xl font-bold mb-8 text-center",children:"Other Projects"}),(0,s.jsx)("div",{className:"grid md:grid-cols-2 lg:grid-cols-3 gap-6",children:S.map((e,t)=>(0,s.jsxs)(n,{className:"group hover:shadow-lg transition-all duration-300",children:[(0,s.jsx)(l,{children:(0,s.jsx)(o,{className:"text-lg group-hover:text-primary transition-colors",children:e.title})}),(0,s.jsxs)(d,{children:[(0,s.jsx)("p",{className:"text-sm text-muted-foreground mb-4",children:e.description}),(0,s.jsxs)("div",{className:"flex flex-wrap gap-1 mb-4",children:[e.technologies.slice(0,3).map((e,t)=>(0,s.jsx)(h,{variant:"outline",className:"text-xs",children:e},t)),e.technologies.length>3&&(0,s.jsxs)(h,{variant:"outline",className:"text-xs",children:["+",e.technologies.length-3]})]}),(0,s.jsxs)("div",{className:"flex space-x-2",children:[e.links.github&&(0,s.jsx)(c.$,{asChild:!0,size:"sm",variant:"outline",children:(0,s.jsx)("a",{href:e.links.github,target:"_blank",rel:"noopener noreferrer",children:(0,s.jsx)(g.A,{className:"h-3 w-3"})})}),e.links.demo&&(0,s.jsx)(c.$,{asChild:!0,size:"sm",variant:"outline",children:(0,s.jsx)("a",{href:e.links.demo,target:"_blank",rel:"noopener noreferrer",children:(0,s.jsx)(f.A,{className:"h-3 w-3"})})}),e.links.docs&&(0,s.jsx)(c.$,{asChild:!0,size:"sm",variant:"outline",children:(0,s.jsx)("a",{href:e.links.docs,target:"_blank",rel:"noopener noreferrer",children:(0,s.jsx)(p.A,{className:"h-3 w-3"})})})]})]})]},t))})]})]})}),(0,s.jsx)(N,{open:a,onOpenChange:i,children:(0,s.jsxs)(C,{className:"sm:max-w-[1500px] max-h-[90vh]",children:[(0,s.jsxs)(A,{children:[(0,s.jsx)(z,{children:m.title}),(0,s.jsxs)(w,{className:"absolute right-4 top-4",children:[(0,s.jsx)(v.A,{className:"h-4 w-4"}),(0,s.jsx)("span",{className:"sr-only",children:"Close"})]})]}),(0,s.jsx)("div",{className:"relative w-full aspect-[16/9]",children:(0,s.jsx)("iframe",{src:(e=m.url,"docs"===(t=m.type)?e.replace(/\/view.*$/,"/preview"):"video"===t?e.replace(/\/view.*$/,"/preview"):e),className:"absolute top-0 left-0 w-full h-full",frameBorder:"0",allowFullScreen:!0,allow:"autoplay"})})]})})]})}z.displayName=j.hE.displayName,r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsx)(j.VY,{ref:t,className:(0,i.cn)("text-sm text-muted-foreground",a),...r})}).displayName=j.VY.displayName},1555:(e,t,a)=>{"use strict";a.d(t,{Hero:()=>m});var s=a(5155),r=a(7168),i=a(3311),n=a(9099),l=a(2894),o=a(8883),d=a(6474),c=a(2115);function m(){let[e,t]=(0,c.useState)(""),a="AI & Backend Developer";return(0,c.useEffect)(()=>{let e=0,s=setInterval(()=>{e<a.length?(t(a.slice(0,e+1)),e++):clearInterval(s)},100);return()=>clearInterval(s)},[]),(0,s.jsxs)("section",{className:"min-h-screen flex items-center justify-center pt-20 px-4 gradient-bg relative overflow-hidden",children:[(0,s.jsx)("div",{className:"absolute top-20 left-10 w-20 h-20 bg-primary/10 rounded-full blur-xl animate-pulse"}),(0,s.jsx)("div",{className:"absolute bottom-20 right-10 w-32 h-32 bg-accent/10 rounded-full blur-xl animate-pulse delay-1000"}),(0,s.jsx)("div",{className:"absolute top-1/2 left-1/4 w-16 h-16 bg-primary/5 rounded-full blur-lg animate-bounce delay-500"}),(0,s.jsxs)("div",{className:"container mx-auto text-center relative z-10",children:[(0,s.jsxs)("div",{className:"max-w-4xl mx-auto",children:[(0,s.jsxs)("div",{className:"mb-8 animate-fade-in",children:[(0,s.jsxs)("div",{className:"flex items-center justify-center gap-2 mb-4",children:[(0,s.jsx)(i.A,{className:"h-8 w-8 text-primary animate-pulse"}),(0,s.jsx)("h1",{className:"text-4xl md:text-6xl lg:text-7xl font-bold gradient-text",children:"Dang Truc Dev"}),(0,s.jsx)(i.A,{className:"h-8 w-8 text-primary animate-pulse delay-500"})]}),(0,s.jsxs)("div",{className:"text-xl md:text-2xl text-muted-foreground font-mono h-8",children:[(0,s.jsx)("span",{children:e}),(0,s.jsx)("span",{className:"animate-pulse text-primary",children:"|"})]})]}),(0,s.jsx)("p",{className:"text-lg md:text-xl text-muted-foreground mb-8 max-w-4xl mx-auto leading-relaxed animate-fade-in delay-300",children:"Third-year Computer Science student at VNU-UET, expected to graduate in June 2026. I have experience in AI/ML research and have built real-world systems powered by AI. I'm passionate about artificial intelligence and backend development. I enjoy turning smart ideas into scalable, production-ready products."}),(0,s.jsxs)("div",{className:"flex items-center justify-center space-x-6 animate-fade-in delay-700 gap-4",children:[(0,s.jsxs)(r.$,{variant:"ghost",size:"icon",className:"h-12 w-12 hover:scale-110 transition-all duration-300 hover:bg-primary/10 hover:text-primary rounded-full",children:[(0,s.jsx)(n.A,{className:"h-6 w-6"}),(0,s.jsx)("a",{href:"https://github.com/ZephyrNova47",target:"_blank",rel:"noopener noreferrer",children:"Github"})]}),(0,s.jsxs)(r.$,{variant:"ghost",size:"icon",className:"h-12 w-12 hover:scale-110 transition-all duration-300 hover:bg-primary/10 hover:text-primary rounded-full",children:[(0,s.jsx)(l.A,{className:"h-6 w-6"}),(0,s.jsx)("a",{href:"https://www.linkedin.com/in/dtrucinuet/",target:"_blank",rel:"noopener noreferrer",children:"LinkdIn"})]}),(0,s.jsxs)(r.$,{variant:"ghost",size:"icon",className:"h-12 w-12 hover:scale-110 transition-all duration-300 hover:bg-primary/10 hover:text-primary rounded-full",children:[(0,s.jsx)(o.A,{className:"h-6 w-6"}),(0,s.jsx)("a",{href:"mailto:dangdaoxuantruc.work@gmail",target:"_blank",rel:"noopener noreferrer",children:"Gmail"})]})]})]}),(0,s.jsx)("div",{className:"absolute bottom-8 left-1/2 transform -translate-x-1/2 animate-bounce",children:(0,s.jsx)(d.A,{className:"h-6 w-6 text-primary"})})]})]})}},3999:(e,t,a)=>{"use strict";a.d(t,{cn:()=>i});var s=a(2596),r=a(9688);function i(){for(var e=arguments.length,t=Array(e),a=0;a<e;a++)t[a]=arguments[a];return(0,r.QP)((0,s.$)(t))}},7168:(e,t,a)=>{"use strict";a.d(t,{$:()=>d});var s=a(5155),r=a(2115),i=a(9708),n=a(2085),l=a(3999);let o=(0,n.F)("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",{variants:{variant:{default:"bg-primary text-primary-foreground hover:bg-primary/90",destructive:"bg-destructive text-destructive-foreground hover:bg-destructive/90",outline:"border border-input bg-background hover:bg-accent hover:text-accent-foreground",secondary:"bg-secondary text-secondary-foreground hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground",link:"text-primary underline-offset-4 hover:underline"},size:{default:"h-10 px-4 py-2",sm:"h-9 rounded-md px-3",lg:"h-11 rounded-md px-8",icon:"h-10 w-10"}},defaultVariants:{variant:"default",size:"default"}}),d=r.forwardRef((e,t)=>{let{className:a,variant:r,size:n,asChild:d=!1,...c}=e,m=d?i.DX:"button";return(0,s.jsx)(m,{className:(0,l.cn)(o({variant:r,size:n,className:a})),ref:t,...c})});d.displayName="Button"},9150:(e,t,a)=>{Promise.resolve().then(a.bind(a,9464)),Promise.resolve().then(a.bind(a,1555)),Promise.resolve().then(a.bind(a,9317)),Promise.resolve().then(a.bind(a,715))},9317:(e,t,a)=>{"use strict";a.d(t,{ImageCarousel:()=>d});var s=a(5155),r=a(2115),i=a(7168),n=a(2355),l=a(3052),o=a(6766);function d(e){let{images:t,autoPlay:a=!0,interval:d=4e3}=e,[c,m]=(0,r.useState)(0);(0,r.useEffect)(()=>{if(!a)return;let e=setInterval(()=>{m(e=>(e+1)%t.length)},d);return()=>clearInterval(e)},[a,d,t.length]);let h=e=>{m(e)};return(0,s.jsxs)("div",{className:"relative w-full max-w-2xl mx-auto",children:[(0,s.jsxs)("div",{className:"relative aspect-[4/3] overflow-hidden rounded-2xl bg-gradient-to-br from-primary/10 to-accent/10 shadow-lg",children:[(0,s.jsx)(o.default,{src:t[c].src||"/placeholder.svg",alt:t[c].alt,fill:!0,className:"object-cover transition-all duration-500 ease-in-out",priority:!0}),(0,s.jsx)(i.$,{variant:"ghost",size:"icon",className:"absolute left-4 top-1/2 -translate-y-1/2 bg-background/80 backdrop-blur-sm hover:bg-background/90 text-foreground shadow-lg",onClick:()=>{m(e=>(e-1+t.length)%t.length)},children:(0,s.jsx)(n.A,{className:"h-5 w-5"})}),(0,s.jsx)(i.$,{variant:"ghost",size:"icon",className:"absolute right-4 top-1/2 -translate-y-1/2 bg-background/80 backdrop-blur-sm hover:bg-background/90 text-foreground shadow-lg",onClick:()=>{m(e=>(e+1)%t.length)},children:(0,s.jsx)(l.A,{className:"h-5 w-5"})}),t[c].caption&&(0,s.jsx)("div",{className:"absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black/60 to-transparent p-6",children:(0,s.jsx)("p",{className:"text-white text-sm font-medium",children:t[c].caption})})]}),(0,s.jsx)("div",{className:"flex justify-center space-x-2 mt-6",children:t.map((e,t)=>(0,s.jsx)("button",{className:"w-3 h-3 rounded-full transition-all duration-300 ".concat(t===c?"bg-primary scale-110 shadow-lg":"bg-muted-foreground/30 hover:bg-muted-foreground/50"),onClick:()=>h(t)},t))}),(0,s.jsx)("div",{className:"flex justify-center space-x-2 mt-4 overflow-x-auto pb-2",children:t.map((e,t)=>(0,s.jsx)("button",{className:"relative flex-shrink-0 w-16 h-16 rounded-lg overflow-hidden transition-all duration-300 ".concat(t===c?"ring-2 ring-primary scale-105 shadow-lg":"opacity-60 hover:opacity-80"),onClick:()=>h(t),children:(0,s.jsx)(o.default,{src:e.src||"/placeholder.svg",alt:e.alt,fill:!0,className:"object-cover"})},t))})]})}},9464:(e,t,a)=>{"use strict";a.d(t,{Header:()=>h});var s=a(5155),r=a(2115),i=a(7168),n=a(3311),l=a(2098),o=a(3509),d=a(4416),c=a(4783),m=a(1362);function h(){let[e,t]=(0,r.useState)(!1),[a,h]=(0,r.useState)(!1),{theme:u,setTheme:x}=(0,m.D)();(0,r.useEffect)(()=>{h(!0)},[]);let g=[{href:"#about",label:"About"},{href:"#experience",label:"Experience"},{href:"#projects",label:"Projects"},{href:"#publications",label:"Publications"}];return(0,s.jsx)("header",{className:"fixed top-0 w-full bg-background/80 backdrop-blur-md border-b border-border/50 z-50 shadow-sm",children:(0,s.jsxs)("div",{className:"container mx-auto px-4 py-4",children:[(0,s.jsxs)("div",{className:"flex items-center justify-between",children:[(0,s.jsxs)("div",{className:"flex items-center space-x-2",children:[(0,s.jsx)(n.A,{className:"h-6 w-6 text-primary animate-pulse"}),(0,s.jsx)("span",{className:"font-mono text-lg font-bold gradient-text",children:"dtruc@uet:~$"})]}),(0,s.jsx)("nav",{className:"hidden md:flex items-center space-x-8",children:g.map(e=>(0,s.jsxs)("a",{href:e.href,className:"text-sm font-medium hover:text-primary transition-all duration-300 relative group",children:[e.label,(0,s.jsx)("span",{className:"absolute -bottom-1 left-0 w-0 h-0.5 bg-gradient-to-r from-primary to-accent transition-all duration-300 group-hover:w-full rounded-full"})]},e.href))}),(0,s.jsxs)("div",{className:"flex items-center space-x-4",children:[a&&(0,s.jsx)(i.$,{variant:"ghost",size:"icon",onClick:()=>x("dark"===u?"light":"dark"),className:"h-9 w-9 hover:bg-primary/10 hover:text-primary transition-all duration-300 rounded-full",children:"dark"===u?(0,s.jsx)(l.A,{className:"h-4 w-4"}):(0,s.jsx)(o.A,{className:"h-4 w-4"})}),(0,s.jsx)(i.$,{variant:"ghost",size:"icon",className:"md:hidden h-9 w-9 hover:bg-primary/10 hover:text-primary transition-all duration-300 rounded-full",onClick:()=>t(!e),children:e?(0,s.jsx)(d.A,{className:"h-4 w-4"}):(0,s.jsx)(c.A,{className:"h-4 w-4"})})]})]}),e&&(0,s.jsx)("nav",{className:"md:hidden mt-4 pb-4 border-t border-border/50",children:(0,s.jsx)("div",{className:"flex flex-col space-y-4 pt-4",children:g.map(e=>(0,s.jsx)("a",{href:e.href,className:"text-sm font-medium hover:text-primary transition-colors duration-200",onClick:()=>t(!1),children:e.label},e.href))})})]})})}}},e=>{var t=t=>e(e.s=t);e.O(0,[395,441,684,358],()=>t(9150)),_N_E=e.O()}]);