Domain > adrianmatias.com

More information on this domain is in AlienVault OTX

DNS Resolutions

Date	IP Address
2024-10-04	195.35.60.105 (ClassC)
2024-10-11	195.35.60.42 (ClassC)
2026-03-05	52.52.192.191 (ClassC)

HTTP/1.1 200 OKAccept-Ranges: bytesAge: 1Cache-Control: public,max-age0,must-revalidateCache-Status: Netlify Edge; fwdmissContent-Length: 75185Content-Type: text/html; charsetUTF-8Date: Thu, 05 Mar 2026 00:59:31 GMTEtag: 53bf486b28bb9b4a840e4f0ff7b98c20-sslServer: NetlifyStrict-Transport-Security: max-age31536000X-Nf-Request-Id: 01KJXR3J8W6DGNQW4SP5K13MAY

!DOCTYPE html>html langen>head>meta charSetutf-8/>meta nameviewport contentwidthdevice-width, initial-scale1, maximum-scale1, viewport-fitcover/>meta nameviewport contentwidthdevice-width, initial-scale1/>link relpreload asimage hrefbanner.png fetchPriorityhigh/>link relstylesheet href/_next/static/css/0f7632d1ff03e3fd.css data-precedencenext/>link relpreload asscript fetchPrioritylow href/_next/static/chunks/webpack-13ae17ee2aebed74.js/>script src/_next/static/chunks/fd9d1056-9aca97ab67458473.js async>/script>script src/_next/static/chunks/117-9ea5291e7504b642.js async>/script>script src/_next/static/chunks/main-app-732185be867f0e06.js async>/script>meta nametheme-color content#0f172a/>meta nameapple-mobile-web-app-capable contentyes/>meta nameapple-mobile-web-app-status-bar-style contentblack-translucent/>meta nameapple-mobile-web-app-title contentAdrian M./>link relmanifest href/manifest.json/>link relicon href/logo.png typeimage/png/>link relapple-touch-icon href/logo.png/>meta namecolor-scheme contentlight dark/>script src/_next/static/chunks/polyfills-42372ed130431b0a.js noModule>/script>/head>body>script>!function(){try{var ddocument.documentElement,cd.classList;c.remove(light,dark);var elocalStorage.getItem(theme);if(systeme||(!e&&true)){var t(prefers-color-scheme: dark),mwindow.matchMedia(t);if(m.media!t||m.matches){d.style.colorScheme  dark;c.add(dark)}else{d.style.colorScheme  light;c.add(light)}}else if(e){c.add(e|| )}if(elight||edark)d.style.colorSchemee}catch(e){}}()/script>div idskip-link classsr-only focus:not-sr-only>a href#main-content classabsolute z-50 p-2 bg-background text-foreground focus:outline-none focus:ring-2>Skip to main content/a>/div>!--$-->div classrelative min-h-screen>div classfixed inset-0 bg-gradient-to-b from-gray-400 to-gray-600 transition-colors duration-1000>/div>div classfixed inset-0 pointer-events-none>div classfixed inset-0 pointer-events-none>div classabsolute w-40 h-40 rounded-full pointer-events-none stylebackground:radial-gradient(circle, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0) 70%);transform:translateX(-50%) translateY(-50%)>/div>/div>/div>div classrelative z-10>main classmin-h-screen>header classfixed w-full z-40 transition-all duration-300 bg-transparent>nav classmx-auto flex items-center justify-between p-4 max-w-7xl lg:px-8 aria-labelMain navigation>a classtext-xl font-bold hover:text-primary transition-colors z-50 aria-labelHome href/>Adrian Matias/a>div classhidden md:flex items-center gap-8>div classflex items-center gap-6>a classtext-sm font-medium transition-colors relative group flex items-center gap-2 min-h-44px text-primary aria-currentpage href/>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-house h-4 w-4>path dM15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8>/path>path dM3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z>/path>/svg>span>Home/span>span classabsolute -bottom-1 left-0 h-0.5 bg-primary transition-all w-full>/span>/a>a classtext-sm font-medium transition-colors relative group flex items-center gap-2 min-h-44px hover:text-primary href/blog>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-book-open h-4 w-4>path dM12 7v14>/path>path dM3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z>/path>/svg>span>Blog/span>span classabsolute -bottom-1 left-0 h-0.5 bg-primary transition-all w-0 group-hover:w-full>/span>/a>a classtext-sm font-medium transition-colors relative group flex items-center gap-2 min-h-44px hover:text-primary href/ai-ml>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-brain h-4 w-4>path dM12 5a3 3 0 1 0-5.997.125 4 4 0 0 0-2.526 5.77 4 4 0 0 0 .556 6.588A4 4 0 1 0 12 18Z>/path>path dM12 5a3 3 0 1 1 5.997.125 4 4 0 0 1 2.526 5.77 4 4 0 0 1-.556 6.588A4 4 0 1 1 12 18Z>/path>path dM15 13a4.5 4.5 0 0 1-3-4 4.5 4.5 0 0 1-3 4>/path>path dM17.599 6.5a3 3 0 0 0 .399-1.375>/path>path dM6.003 5.125A3 3 0 0 0 6.401 6.5>/path>path dM3.477 10.896a4 4 0 0 1 .585-.396>/path>path dM19.938 10.5a4 4 0 0 1 .585.396>/path>path dM6 18a4 4 0 0 1-1.967-.516>/path>path dM19.967 17.484A4 4 0 0 1 18 18>/path>/svg>span>AI & ML/span>span classabsolute -bottom-1 left-0 h-0.5 bg-primary transition-all w-0 group-hover:w-full>/span>/a>a classtext-sm font-medium hover:text-primary transition-colors flex items-center gap-2 min-h-44px hrefmailto:adriancomatias@gmail.com>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-mail h-4 w-4>rect width20 height16 x2 y4 rx2>/rect>path dm22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7>/path>/svg>Contact/a>/div>div classflex items-center gap-4>button typebutton rolecombobox aria-controlsradix-:Rkgufakq: aria-expandedfalse aria-autocompletenone dirltr data-stateclosed classflex h-10 items-center justify-between rounded-md border px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 &>span:line-clamp-1 w-140px bg-background/20 border-white/20>span stylepointer-events:none>/span>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-chevron-down h-4 w-4 opacity-50 aria-hiddentrue>path dm6 9 6 6 6-6>/path>/svg>/button>select aria-hiddentrue tabindex-1 styleposition:absolute;border:0;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;word-wrap:normal>/select>button classinline-flex items-center justify-center 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 hover:bg-accent hover:text-accent-foreground h-10 w-10 disabled>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-sun h-5 w-5>circle cx12 cy12 r4>/circle>path dM12 2v2>/path>path dM12 20v2>/path>path dm4.93 4.93 1.41 1.41>/path>path dm17.66 17.66 1.41 1.41>/path>path dM2 12h2>/path>path dM20 12h2>/path>path dm6.34 17.66-1.41 1.41>/path>path dm19.07 4.93-1.41 1.41>/path>/svg>/button>/div>/div>div classflex items-center gap-4 md:hidden>div classflex items-center gap-4>button typebutton rolecombobox aria-controlsradix-:Rioufakq: aria-expandedfalse aria-autocompletenone dirltr data-stateclosed classflex h-10 items-center justify-between rounded-md border px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 &>span:line-clamp-1 w-140px bg-background/20 border-white/20>span stylepointer-events:none>/span>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-chevron-down h-4 w-4 opacity-50 aria-hiddentrue>path dm6 9 6 6 6-6>/path>/svg>/button>select aria-hiddentrue tabindex-1 styleposition:absolute;border:0;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;word-wrap:normal>/select>button classinline-flex items-center justify-center 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 hover:bg-accent hover:text-accent-foreground h-10 w-10 disabled>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-sun h-5 w-5>circle cx12 cy12 r4>/circle>path dM12 2v2>/path>path dM12 20v2>/path>path dm4.93 4.93 1.41 1.41>/path>path dm17.66 17.66 1.41 1.41>/path>path dM2 12h2>/path>path dM20 12h2>/path>path dm6.34 17.66-1.41 1.41>/path>path dm19.07 4.93-1.41 1.41>/path>/svg>/button>/div>button classinline-flex items-center justify-center 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 hover:bg-accent hover:text-accent-foreground h-10 w-10 z-50 aria-expandedfalse aria-labelToggle menu>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-menu h-6 w-6>line x14 x220 y112 y212>/line>line x14 x220 y16 y26>/line>line x14 x220 y118 y218>/line>/svg>/button>/div>/nav>/header>section classpt-32 pb-16 px-6 lg:px-8>div classmx-auto max-w-7xl>div classgrid lg:grid-cols-2 gap-12 items-center>div>h1 classtext-4xl font-bold tracking-tight sm:text-6xl mb-6 text-white drop-shadow-lg>Transforming Ideas into Exceptional Digital Experiences/h1>p classtext-xl text-white drop-shadow mb-8>Full-stack developer crafting high-performance, scalable solutions. Let's build something extraordinary together./p>div classflex gap-4>a hrefmailto:adriancomatias@gmail.com classinline-flex items-center justify-center 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 bg-primary text-primary-foreground hover:bg-primary/90 h-10 px-4 py-2 w-full>Send an e-mail/a>a hrefhttps://calendly.com/adriancomatias/30min target_blank relnoopener noreferrer classinline-flex items-center justify-center 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 border border-input bg-background hover:bg-accent hover:text-accent-foreground h-10 px-4 py-2 w-full>Book a call/a>/div>/div>div classrelative h-400px rounded-lg overflow-hidden>img altDeveloper fetchPriorityhigh decodingasync data-nimgfill classobject-cover shadow-xl styleposition:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent srcbanner.png/>/div>/div>/div>/section>section idabout classpy-16 px-6 lg:px-8 bg-black/40>div classmx-auto max-w-7xl>h2 classtext-3xl font-bold mb-8 text-white drop-shadow-lg>About Me/h2>p classtext-lg text-white drop-shadow mb-6>I'm a passionate software developer with experience in building web applications and solving complex problems. I love working with modern technologies and creating solutions that make a positive impact./p>div classflex gap-4>a hrefhttps://github.com/acmatias target_blank relnoopener noreferrer classinline-flex items-center justify-center 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 border border-input bg-background hover:bg-accent hover:text-accent-foreground h-10 w-10 w-full>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-github h-5 w-5>path dM15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5.08-1.25-.27-2.48-1-3.5.28-1.15.28-2.35 0-3.5 0 0-1 0-3 1.5-2.64-.5-5.36-.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.403 5.403 0 0 0 4 9c0 3.5 3 5.5 6 5.5-.39.49-.68 1.05-.85 1.65-.17.6-.22 1.23-.15 1.85v4>/path>path dM9 18c-4.51 2-5-2-7-2>/path>/svg>/a>a hrefhttps://www.linkedin.com/in/acmatias/ target_blank relnoopener noreferrer classinline-flex items-center justify-center 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 border border-input bg-background hover:bg-accent hover:text-accent-foreground h-10 w-10 w-full>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-linkedin h-5 w-5>path dM16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z>/path>rect width4 height12 x2 y9>/rect>circle cx4 cy4 r2>/circle>/svg>/a>/div>/div>/section>section idtech-stack classpy-16 px-6 lg:px-8>div classmx-auto max-w-7xl>div styleopacity:0;transform:translateY(20px)>div classspace-y-8>div classtext-center>h2 classtext-3xl font-bold mb-4 text-white drop-shadow-lg>Tech Stack/h2>p classtext-lg text-white/90 drop-shadow max-w-2xl mx-auto>Built with modern technologies for optimal performance, accessibility, and developer experience/p>/div>div classgrid md:grid-cols-2 lg:grid-cols-4 gap-6>div styleopacity:0;transform:translateY(20px)>div classrounded-lg border text-card-foreground shadow-sm p-6 bg-white/10 backdrop-blur-sm border-white/20 hover:bg-white/15 transition-all duration-300>div classflex items-start gap-4>div classp-2 bg-white/10 rounded-lg>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-globe h-6 w-6 text-white>circle cx12 cy12 r10>/circle>path dM12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20>/path>path dM2 12h20>/path>/svg>/div>div>h3 classfont-semibold text-white mb-1>Next.js 14/h3>p classtext-sm text-white/70 mb-3>React framework with server-side rendering and static site generation/p>div classflex flex-wrap gap-2>span classtext-xs bg-white/20 text-white px-2 py-1 rounded-full>App Router/span>span classtext-xs bg-white/20 text-white px-2 py-1 rounded-full>Server Components/span>span classtext-xs bg-white/20 text-white px-2 py-1 rounded-full>Static Export/span>/div>/div>/div>/div>/div>div styleopacity:0;transform:translateY(20px)>div classrounded-lg border text-card-foreground shadow-sm p-6 bg-white/10 backdrop-blur-sm border-white/20 hover:bg-white/15 transition-all duration-300>div classflex items-start gap-4>div classp-2 bg-white/10 rounded-lg>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-code-xml h-6 w-6 text-white>path dm18 16 4-4-4-4>/path>path dm6 8-4 4 4 4>/path>path dm14.5 4-5 16>/path>/svg>/div>div>h3 classfont-semibold text-white mb-1>TypeScript/h3>p classtext-sm text-white/70 mb-3>Strongly typed programming language that builds on JavaScript/p>div classflex flex-wrap gap-2>span classtext-xs bg-white/20 text-white px-2 py-1 rounded-full>Type Safety/span>span classtext-xs bg-white/20 text-white px-2 py-1 rounded-full>Better DX/span>span classtext-xs bg-white/20 text-white px-2 py-1 rounded-full>Code Intelligence/span>/div>/div>/div>/div>/div>div styleopacity:0;transform:translateY(20px)>div classrounded-lg border text-card-foreground shadow-sm p-6 bg-white/10 backdrop-blur-sm border-white/20 hover:bg-white/15 transition-all duration-300>div classflex items-start gap-4>div classp-2 bg-white/10 rounded-lg>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-palette h-6 w-6 text-white>circle cx13.5 cy6.5 r.5 fillcurrentColor>/circle>circle cx17.5 cy10.5 r.5 fillcurrentColor>/circle>circle cx8.5 cy7.5 r.5 fillcurrentColor>/circle>circle cx6.5 cy12.5 r.5 fillcurrentColor>/circle>path dM12 2C6.5 2 2 6.5 2 12s4.5 10 10 10c.926 0 1.648-.746 1.648-1.688 0-.437-.18-.835-.437-1.125-.29-.289-.438-.652-.438-1.125a1.64 1.64 0 0 1 1.668-1.668h1.996c3.051 0 5.555-2.503 5.555-5.554C21.965 6.012 17.461 2 12 2z>/path>/svg>/div>div>h3 classfont-semibold text-white mb-1>Tailwind CSS/h3>p classtext-sm text-white/70 mb-3>Utility-first CSS framework for rapid UI development/p>div classflex flex-wrap gap-2>span classtext-xs bg-white/20 text-white px-2 py-1 rounded-full>JIT Engine/span>span classtext-xs bg-white/20 text-white px-2 py-1 rounded-full>Custom Themes/span>span classtext-xs bg-white/20 text-white px-2 py-1 rounded-full>Responsive Design/span>/div>/div>/div>/div>/div>div styleopacity:0;transform:translateY(20px)>div classrounded-lg border text-card-foreground shadow-sm p-6 bg-white/10 backdrop-blur-sm border-white/20 hover:bg-white/15 transition-all duration-300>div classflex items-start gap-4>div classp-2 bg-white/10 rounded-lg>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-panels-top-left h-6 w-6 text-white>rect width18 height18 x3 y3 rx2>/rect>path dM3 9h18>/path>path dM9 21V9>/path>/svg>/div>div>h3 classfont-semibold text-white mb-1>shadcn/ui/h3>p classtext-sm text-white/70 mb-3>High-quality, accessible React components built with Radix UI/p>div classflex flex-wrap gap-2>span classtext-xs bg-white/20 text-white px-2 py-1 rounded-full>Accessible/span>span classtext-xs bg-white/20 text-white px-2 py-1 rounded-full>Customizable/span>span classtext-xs bg-white/20 text-white px-2 py-1 rounded-full>Reusable/span>/div>/div>/div>/div>/div>div styleopacity:0;transform:translateY(20px)>div classrounded-lg border text-card-foreground shadow-sm p-6 bg-white/10 backdrop-blur-sm border-white/20 hover:bg-white/15 transition-all duration-300>div classflex items-start gap-4>div classp-2 bg-white/10 rounded-lg>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-database h-6 w-6 text-white>ellipse cx12 cy5 rx9 ry3>/ellipse>path dM3 5V19A9 3 0 0 0 21 19V5>/path>path dM3 12A9 3 0 0 0 21 12>/path>/svg>/div>div>h3 classfont-semibold text-white mb-1>Supabase/h3>p classtext-sm text-white/70 mb-3>Open source Firebase alternative with PostgreSQL/p>div classflex flex-wrap gap-2>span classtext-xs bg-white/20 text-white px-2 py-1 rounded-full>PostgreSQL/span>span classtext-xs bg-white/20 text-white px-2 py-1 rounded-full>Auth/span>span classtext-xs bg-white/20 text-white px-2 py-1 rounded-full>Real-time/span>/div>/div>/div>/div>/div>div styleopacity:0;transform:translateY(20px)>div classrounded-lg border text-card-foreground shadow-sm p-6 bg-white/10 backdrop-blur-sm border-white/20 hover:bg-white/15 transition-all duration-300>div classflex items-start gap-4>div classp-2 bg-white/10 rounded-lg>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-zap h-6 w-6 text-white>path dM4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z>/path>/svg>/div>div>h3 classfont-semibold text-white mb-1>Framer Motion/h3>p classtext-sm text-white/70 mb-3>Production-ready motion library for React/p>div classflex flex-wrap gap-2>span classtext-xs bg-white/20 text-white px-2 py-1 rounded-full>Gestures/span>span classtext-xs bg-white/20 text-white px-2 py-1 rounded-full>Transitions/span>span classtext-xs bg-white/20 text-white px-2 py-1 rounded-full>Animations/span>/div>/div>/div>/div>/div>div styleopacity:0;transform:translateY(20px)>div classrounded-lg border text-card-foreground shadow-sm p-6 bg-white/10 backdrop-blur-sm border-white/20 hover:bg-white/15 transition-all duration-300>div classflex items-start gap-4>div classp-2 bg-white/10 rounded-lg>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-cloud h-6 w-6 text-white>path dM17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z>/path>/svg>/div>div>h3 classfont-semibold text-white mb-1>Static Export/h3>p classtext-sm text-white/70 mb-3>Static site generation for optimal performance/p>div classflex flex-wrap gap-2>span classtext-xs bg-white/20 text-white px-2 py-1 rounded-full>Fast Loading/span>span classtext-xs bg-white/20 text-white px-2 py-1 rounded-full>SEO Friendly/span>span classtext-xs bg-white/20 text-white px-2 py-1 rounded-full>Highly Available/span>/div>/div>/div>/div>/div>div styleopacity:0;transform:translateY(20px)>div classrounded-lg border text-card-foreground shadow-sm p-6 bg-white/10 backdrop-blur-sm border-white/20 hover:bg-white/15 transition-all duration-300>div classflex items-start gap-4>div classp-2 bg-white/10 rounded-lg>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-sparkles h-6 w-6 text-white>path dM9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z>/path>path dM20 3v4>/path>path dM22 5h-4>/path>path dM4 17v2>/path>path dM5 18H3>/path>/svg>/div>div>h3 classfont-semibold text-white mb-1>Progressive Web App/h3>p classtext-sm text-white/70 mb-3>Installable web app with offline support/p>div classflex flex-wrap gap-2>span classtext-xs bg-white/20 text-white px-2 py-1 rounded-full>Offline Mode/span>span classtext-xs bg-white/20 text-white px-2 py-1 rounded-full>Installable/span>span classtext-xs bg-white/20 text-white px-2 py-1 rounded-full>Push Notifications/span>/div>/div>/div>/div>/div>/div>/div>/div>/div>/section>section idtimeline classpy-16 px-6 lg:px-8 bg-black/40>div classmx-auto max-w-7xl>div styleopacity:0;transform:translateY(20px)>div classtext-center mb-12>h2 classtext-3xl font-bold mb-4 text-white drop-shadow-lg>Professional Journey/h2>p classtext-lg text-white drop-shadow max-w-2xl mx-auto>A timeline of my career highlights, education, and achievements./p>/div>div classspace-y-12>div classflex flex-col md:flex-row gap-8 items-center md:items-start relative md:flex-row-reverse styleopacity:0;transform:translateY(50px)>div classabsolute left-50% top-0 bottom-0 w-px bg-white/20 -z-10>/div>div classw-20 h-20 rounded-full bg-white/10 backdrop-blur-sm flex items-center justify-center text-white font-bold text-lg border border-white/20 shadow-lg>Present/div>div classrounded-lg border text-card-foreground shadow-sm w-full md:w-calc(50%-4rem) p-6 bg-white/10 backdrop-blur-sm border-white/20 hover:bg-white/15 transition-colors duration-300>div classflex items-center gap-3 mb-4>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-briefcase h-6 w-6 text-blue-400>path dM16 20V4a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16>/path>rect width20 height14 x2 y6 rx2>/rect>/svg>div>h3 classtext-xl font-semibold text-white>Software Engineer/h3>p classtext-white/80>Practifi/p>/div>/div>p classtext-white/70 mb-4>Working in fintech developing cloud-based financial services solutions/p>div classspace-y-2>div classflex items-center gap-2 text-white/60>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-star h-4 w-4 text-yellow-400>polygon points12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2>/polygon>/svg>span>Developing scalable fintech solutions/span>/div>div classflex items-center gap-2 text-white/60>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-star h-4 w-4 text-yellow-400>polygon points12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2>/polygon>/svg>span>Azure microservices architecture/span>/div>div classflex items-center gap-2 text-white/60>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-star h-4 w-4 text-yellow-400>polygon points12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2>/polygon>/svg>span>C# and ASP.NET development/span>/div>div classflex items-center gap-2 text-white/60>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-star h-4 w-4 text-yellow-400>polygon points12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2>/polygon>/svg>span>Cosmos DB implementation/span>/div>/div>/div>/div>div classflex flex-col md:flex-row gap-8 items-center md:items-start relative  styleopacity:0;transform:translateY(50px)>div classabsolute left-50% top-0 bottom-0 w-px bg-white/20 -z-10>/div>div classw-20 h-20 rounded-full bg-white/10 backdrop-blur-sm flex items-center justify-center text-white font-bold text-lg border border-white/20 shadow-lg>2023/div>div classrounded-lg border text-card-foreground shadow-sm w-full md:w-calc(50%-4rem) p-6 bg-white/10 backdrop-blur-sm border-white/20 hover:bg-white/15 transition-colors duration-300>div classflex items-center gap-3 mb-4>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-briefcase h-6 w-6 text-blue-400>path dM16 20V4a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16>/path>rect width20 height14 x2 y6 rx2>/rect>/svg>div>h3 classtext-xl font-semibold text-white>Software Developer/h3>p classtext-white/80>Mk3 Pty Ltd/p>/div>/div>p classtext-white/70 mb-4>Full-stack development of cross-platform applications/p>div classspace-y-2>div classflex items-center gap-2 text-white/60>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-star h-4 w-4 text-yellow-400>polygon points12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2>/polygon>/svg>span>Cross-platform projects/span>/div>div classflex items-center gap-2 text-white/60>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-star h-4 w-4 text-yellow-400>polygon points12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2>/polygon>/svg>span>Implemented microservices architecture/span>/div>div classflex items-center gap-2 text-white/60>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-star h-4 w-4 text-yellow-400>polygon points12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2>/polygon>/svg>span>Optimised API endpoints/span>/div>/div>/div>/div>div classflex flex-col md:flex-row gap-8 items-center md:items-start relative md:flex-row-reverse styleopacity:0;transform:translateY(50px)>div classabsolute left-50% top-0 bottom-0 w-px bg-white/20 -z-10>/div>div classw-20 h-20 rounded-full bg-white/10 backdrop-blur-sm flex items-center justify-center text-white font-bold text-lg border border-white/20 shadow-lg>2022/div>div classrounded-lg border text-card-foreground shadow-sm w-full md:w-calc(50%-4rem) p-6 bg-white/10 backdrop-blur-sm border-white/20 hover:bg-white/15 transition-colors duration-300>div classflex items-center gap-3 mb-4>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-briefcase h-6 w-6 text-blue-400>path dM16 20V4a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16>/path>rect width20 height14 x2 y6 rx2>/rect>/svg>div>h3 classtext-xl font-semibold text-white>IT Assistant/h3>p classtext-white/80>Mk3 Pty Ltd/p>/div>/div>p classtext-white/70 mb-4>Developed and maintained multiple client projects using C#, Asp .Net, Angular and Javascript/p>div classspace-y-2>div classflex items-center gap-2 text-white/60>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-star h-4 w-4 text-yellow-400>polygon points12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2>/polygon>/svg>span>Delivered 3+ successful projects/span>/div>div classflex items-center gap-2 text-white/60>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-star h-4 w-4 text-yellow-400>polygon points12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2>/polygon>/svg>span>Improved site performance by 40%/span>/div>div classflex items-center gap-2 text-white/60>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-star h-4 w-4 text-yellow-400>polygon points12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2>/polygon>/svg>span>Implemented CI/CD pipeline/span>/div>/div>/div>/div>div classflex flex-col md:flex-row gap-8 items-center md:items-start relative  styleopacity:0;transform:translateY(50px)>div classabsolute left-50% top-0 bottom-0 w-px bg-white/20 -z-10>/div>div classw-20 h-20 rounded-full bg-white/10 backdrop-blur-sm flex items-center justify-center text-white font-bold text-lg border border-white/20 shadow-lg>2022/div>div classrounded-lg border text-card-foreground shadow-sm w-full md:w-calc(50%-4rem) p-6 bg-white/10 backdrop-blur-sm border-white/20 hover:bg-white/15 transition-colors duration-300>div classflex items-center gap-3 mb-4>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-graduation-cap h-6 w-6 text-green-400>path dM21.42 10.922a1 1 0 0 0-.019-1.838L12.83 5.18a2 2 0 0 0-1.66 0L2.6 9.08a1 1 0 0 0 0 1.832l8.57 3.908a2 2 0 0 0 1.66 0z>/path>path dM22 10v6>/path>path dM6 12.5V16a6 3 0 0 0 12 0v-3.5>/path>/svg>div>h3 classtext-xl font-semibold text-white>Master's in Information Technology/h3>p classtext-white/80>Swinburne University/p>/div>/div>p classtext-white/70 mb-4>Specialized in Blockchain, Artificial Intelligence and Machine Learning/p>div classspace-y-2>div classflex items-center gap-2 text-white/60>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-star h-4 w-4 text-yellow-400>polygon points12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2>/polygon>/svg>span>Published 2 research papers/span>/div>div classflex items-center gap-2 text-white/60>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-star h-4 w-4 text-yellow-400>polygon points12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2>/polygon>/svg>span>Teaching Assistant for Web Development/span>/div>/div>/div>/div>div classflex flex-col md:flex-row gap-8 items-center md:items-start relative md:flex-row-reverse styleopacity:0;transform:translateY(50px)>div classabsolute left-50% top-0 bottom-0 w-px bg-white/20 -z-10>/div>div classw-20 h-20 rounded-full bg-white/10 backdrop-blur-sm flex items-center justify-center text-white font-bold text-lg border border-white/20 shadow-lg>2020/div>div classrounded-lg border text-card-foreground shadow-sm w-full md:w-calc(50%-4rem) p-6 bg-white/10 backdrop-blur-sm border-white/20 hover:bg-white/15 transition-colors duration-300>div classflex items-center gap-3 mb-4>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-graduation-cap h-6 w-6 text-green-400>path dM21.42 10.922a1 1 0 0 0-.019-1.838L12.83 5.18a2 2 0 0 0-1.66 0L2.6 9.08a1 1 0 0 0 0 1.832l8.57 3.908a2 2 0 0 0 1.66 0z>/path>path dM22 10v6>/path>path dM6 12.5V16a6 3 0 0 0 12 0v-3.5>/path>/svg>div>h3 classtext-xl font-semibold text-white>Graduate Diploma in Information Technology/h3>p classtext-white/80>University of Technology Sydney/p>/div>/div>p classtext-white/70 mb-4>Specialized Software Architecture and Game development/p>div classspace-y-2>div classflex items-center gap-2 text-white/60>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-star h-4 w-4 text-yellow-400>polygon points12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2>/polygon>/svg>span>Researched Advanced UI/UX for game development/span>/div>div classflex items-center gap-2 text-white/60>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-star h-4 w-4 text-yellow-400>polygon points12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2>/polygon>/svg>span>Database Architecture/span>/div>div classflex items-center gap-2 text-white/60>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-star h-4 w-4 text-yellow-400>polygon points12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2>/polygon>/svg>span>Cybersecurity and networking/span>/div>/div>/div>/div>div classflex flex-col md:flex-row gap-8 items-center md:items-start relative  styleopacity:0;transform:translateY(50px)>div classabsolute left-50% top-0 bottom-0 w-px bg-white/20 -z-10>/div>div classw-20 h-20 rounded-full bg-white/10 backdrop-blur-sm flex items-center justify-center text-white font-bold text-lg border border-white/20 shadow-lg>2019/div>div classrounded-lg border text-card-foreground shadow-sm w-full md:w-calc(50%-4rem) p-6 bg-white/10 backdrop-blur-sm border-white/20 hover:bg-white/15 transition-colors duration-300>div classflex items-center gap-3 mb-4>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-briefcase h-6 w-6 text-blue-400>path dM16 20V4a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16>/path>rect width20 height14 x2 y6 rx2>/rect>/svg>div>h3 classtext-xl font-semibold text-white>Junior Developer/h3>p classtext-white/80>UnionBank Ph/p>/div>/div>p classtext-white/70 mb-4>Started career as a frontend developer working with Appian and Outsystems/p>div classspace-y-2>div classflex items-center gap-2 text-white/60>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-star h-4 w-4 text-yellow-400>polygon points12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2>/polygon>/svg>span>Built company's main product dashboard/span>/div>div classflex items-center gap-2 text-white/60>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-star h-4 w-4 text-yellow-400>polygon points12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2>/polygon>/svg>span>Reduced bug reports by 30%/span>/div>div classflex items-center gap-2 text-white/60>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-star h-4 w-4 text-yellow-400>polygon points12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2>/polygon>/svg>span>Learned Agile methodologies/span>/div>/div>/div>/div>div classflex flex-col md:flex-row gap-8 items-center md:items-start relative md:flex-row-reverse styleopacity:0;transform:translateY(50px)>div classabsolute left-50% top-0 bottom-0 w-px bg-white/20 -z-10>/div>div classw-20 h-20 rounded-full bg-white/10 backdrop-blur-sm flex items-center justify-center text-white font-bold text-lg border border-white/20 shadow-lg>2017/div>div classrounded-lg border text-card-foreground shadow-sm w-full md:w-calc(50%-4rem) p-6 bg-white/10 backdrop-blur-sm border-white/20 hover:bg-white/15 transition-colors duration-300>div classflex items-center gap-3 mb-4>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-graduation-cap h-6 w-6 text-green-400>path dM21.42 10.922a1 1 0 0 0-.019-1.838L12.83 5.18a2 2 0 0 0-1.66 0L2.6 9.08a1 1 0 0 0 0 1.832l8.57 3.908a2 2 0 0 0 1.66 0z>/path>path dM22 10v6>/path>path dM6 12.5V16a6 3 0 0 0 12 0v-3.5>/path>/svg>div>h3 classtext-xl font-semibold text-white>Bachelor of Science in Computer Engineering/h3>p classtext-white/80>De La Salle Lipa College/p>/div>/div>p classtext-white/70 mb-4>Electrical and Computer Engineering/p>div classspace-y-2>div classflex items-center gap-2 text-white/60>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-star h-4 w-4 text-yellow-400>polygon points12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2>/polygon>/svg>span>Researched on embedded systems with software and hardware applications/span>/div>div classflex items-center gap-2 text-white/60>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-star h-4 w-4 text-yellow-400>polygon points12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2>/polygon>/svg>span>Learned Programming and Database architecture/span>/div>div classflex items-center gap-2 text-white/60>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-star h-4 w-4 text-yellow-400>polygon points12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2>/polygon>/svg>span>Advance Mathematics for Engineers/span>/div>/div>/div>/div>/div>/div>/div>/section>section idprojects classpy-16 px-6 lg:px-8>div classmx-auto max-w-7xl>div styleopacity:0;transform:translateY(20px)>div classtext-center mb-12>h2 classtext-3xl font-bold mb-4 text-white drop-shadow-lg>Featured Projects/h2>p classtext-lg text-white drop-shadow max-w-2xl mx-auto>A showcase of my best work, ranging from web applications to mobile apps and AI solutions./p>/div>div classmb-8>div dirltr data-orientationhorizontal>div roletablist aria-orientationhorizontal classinline-flex h-10 items-center justify-center rounded-md p-1 text-muted-foreground bg-white/10 tabindex-1 data-orientationhorizontal styleoutline:none>button typebutton roletab aria-selectedtrue aria-controlsradix-:R6jefakq:-content-all data-stateactive idradix-:R6jefakq:-trigger-all classinline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-stateactive:text-foreground data-stateactive:shadow-sm data-stateactive:bg-white/20 tabindex-1 data-orientationhorizontal data-radix-collection-item>All/button>button typebutton roletab aria-selectedfalse aria-controlsradix-:R6jefakq:-content-Mobile App data-stateinactive idradix-:R6jefakq:-trigger-Mobile App classinline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-stateactive:text-foreground data-stateactive:shadow-sm data-stateactive:bg-white/20 tabindex-1 data-orientationhorizontal data-radix-collection-item>Mobile App/button>button typebutton roletab aria-selectedfalse aria-controlsradix-:R6jefakq:-content-AI/ML data-stateinactive idradix-:R6jefakq:-trigger-AI/ML classinline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-stateactive:text-foreground data-stateactive:shadow-sm data-stateactive:bg-white/20 tabindex-1 data-orientationhorizontal data-radix-collection-item>AI/ML/button>/div>/div>/div>div classgrid md:grid-cols-2 lg:grid-cols-3 gap-8>div styleopacity:0;transform:translateY(20px)>div classrounded-lg border text-card-foreground shadow-sm overflow-hidden bg-white/10 backdrop-blur-sm border-white/20 group cursor-pointer>div classrelative h-48 overflow-hidden>img altThe Pantry Project loadinglazy decodingasync data-nimgfill classobject-cover transition-transform duration-300 group-hover:scale-110 styleposition:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent srcthe-pantry-project.png/>div classabsolute inset-0 bg-black/40 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-center justify-center>button classinline-flex items-center justify-center 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 border bg-background hover:bg-accent hover:text-accent-foreground h-10 px-4 py-2 text-white border-white>View Details/button>/div>/div>div classp-6>h3 classtext-xl font-semibold mb-2 text-white>The Pantry Project/h3>p classtext-white/70 mb-4 line-clamp-2>A modern e-commerce platform built with Next.js and Supabase/p>div classflex flex-wrap gap-2 mb-4>div classinline-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 border-transparent bg-white/20 text-white hover:bg-white/30>Next.js/div>div classinline-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 border-transparent bg-white/20 text-white hover:bg-white/30>React/div>div classinline-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 border-transparent bg-white/20 text-white hover:bg-white/30>TypeScript/div>/div>div classflex gap-4 text-sm text-white/60 mb-4>span classflex items-center gap-1>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-star h-4 w-4>polygon points12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2>/polygon>/svg>4/span>span classflex items-center gap-1>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-git-fork h-4 w-4>circle cx12 cy18 r3>/circle>circle cx6 cy6 r3>/circle>circle cx18 cy6 r3>/circle>path dM18 9v2c0 .6-.4 1-1 1H7c-.6 0-1-.4-1-1V9>/path>path dM12 12v3>/path>/svg>0/span>span classflex items-center gap-1>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-eye h-4 w-4>path dM2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0>/path>circle cx12 cy12 r3>/circle>/svg>15/span>/div>/div>/div>/div>div styleopacity:0;transform:translateY(20px)>div classrounded-lg border text-card-foreground shadow-sm overflow-hidden bg-white/10 backdrop-blur-sm border-white/20 group cursor-pointer>div classrelative h-48 overflow-hidden>img altLinguaLearn App loadinglazy decodingasync data-nimgfill classobject-cover transition-transform duration-300 group-hover:scale-110 styleposition:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent srclinguaLearn.png/>div classabsolute inset-0 bg-black/40 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-center justify-center>button classinline-flex items-center justify-center 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 border bg-background hover:bg-accent hover:text-accent-foreground h-10 px-4 py-2 text-white border-white>View Details/button>/div>/div>div classp-6>h3 classtext-xl font-semibold mb-2 text-white>LinguaLearn App/h3>p classtext-white/70 mb-4 line-clamp-2>AI-powered language learning tool/p>div classflex flex-wrap gap-2 mb-4>div classinline-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 border-transparent bg-white/20 text-white hover:bg-white/30>Node.js/div>div classinline-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 border-transparent bg-white/20 text-white hover:bg-white/30>Express/div>div classinline-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 border-transparent bg-white/20 text-white hover:bg-white/30>MongoDB/div>/div>div classflex gap-4 text-sm text-white/60 mb-4>span classflex items-center gap-1>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-star h-4 w-4>polygon points12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2>/polygon>/svg>1/span>span classflex items-center gap-1>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-git-fork h-4 w-4>circle cx12 cy18 r3>/circle>circle cx6 cy6 r3>/circle>circle cx18 cy6 r3>/circle>path dM18 9v2c0 .6-.4 1-1 1H7c-.6 0-1-.4-1-1V9>/path>path dM12 12v3>/path>/svg>0/span>span classflex items-center gap-1>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-eye h-4 w-4>path dM2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0>/path>circle cx12 cy12 r3>/circle>/svg>10/span>/div>/div>/div>/div>/div>/div>/div>/section>section idskills classpy-16 px-6 lg:px-8 bg-black/40>div classmx-auto max-w-7xl>div styleopacity:0;transform:translateY(20px)>div classtext-center mb-12>h2 classtext-3xl font-bold mb-4 text-white drop-shadow-lg>Technical Skills/h2>p classtext-lg text-white drop-shadow max-w-2xl mx-auto>A comprehensive overview of my technical expertise and proficiency levels./p>/div>div classspace-y-8>div dirltr data-orientationhorizontal>div roletablist aria-orientationhorizontal classinline-flex h-10 items-center rounded-md p-1 text-muted-foreground bg-white/10 w-full justify-start aria-labelSkill categories tabindex-1 data-orientationhorizontal styleoutline:none>button typebutton roletab aria-selectedtrue aria-controlsradix-:R6jufakq:-content-Frontend data-stateactive idradix-:R6jufakq:-trigger-Frontend classinline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-stateactive:text-foreground data-stateactive:shadow-sm data-stateactive:bg-white/20 aria-labelFrontend skills tabindex0 data-orientationhorizontal data-radix-collection-item>div classflex items-center gap-2>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-globe h-5 w-5>circle cx12 cy12 r10>/circle>path dM12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20>/path>path dM2 12h20>/path>/svg>Frontend/div>/button>button typebutton roletab aria-selectedfalse aria-controlsradix-:R6jufakq:-content-Backend data-stateinactive idradix-:R6jufakq:-trigger-Backend classinline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-stateactive:text-foreground data-stateactive:shadow-sm data-stateactive:bg-white/20 aria-labelBackend skills tabindex0 data-orientationhorizontal data-radix-collection-item>div classflex items-center gap-2>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-server h-5 w-5>rect width20 height8 x2 y2 rx2 ry2>/rect>rect width20 height8 x2 y14 rx2 ry2>/rect>line x16 x26.01 y16 y26>/line>line x16 x26.01 y118 y218>/line>/svg>Backend/div>/button>button typebutton roletab aria-selectedfalse aria-controlsradix-:R6jufakq:-content-DevOps data-stateinactive idradix-:R6jufakq:-trigger-DevOps classinline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-stateactive:text-foreground data-stateactive:shadow-sm data-stateactive:bg-white/20 aria-labelDevOps skills tabindex0 data-orientationhorizontal data-radix-collection-item>div classflex items-center gap-2>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-pen-tool h-5 w-5>path dM15.707 21.293a1 1 0 0 1-1.414 0l-1.586-1.586a1 1 0 0 1 0-1.414l5.586-5.586a1 1 0 0 1 1.414 0l1.586 1.586a1 1 0 0 1 0 1.414z>/path>path dm18 13-1.375-6.874a1 1 0 0 0-.746-.776L3.235 2.028a1 1 0 0 0-1.207 1.207L5.35 15.879a1 1 0 0 0 .776.746L13 18>/path>path dm2.3 2.3 7.286 7.286>/path>circle cx11 cy11 r2>/circle>/svg>DevOps/div>/button>button typebutton roletab aria-selectedfalse aria-controlsradix-:R6jufakq:-content-AI/ML data-stateinactive idradix-:R6jufakq:-trigger-AI/ML classinline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-stateactive:text-foreground data-stateactive:shadow-sm data-stateactive:bg-white/20 aria-labelAI/ML skills tabindex0 data-orientationhorizontal data-radix-collection-item>div classflex items-center gap-2>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-brain h-5 w-5>path dM12 5a3 3 0 1 0-5.997.125 4 4 0 0 0-2.526 5.77 4 4 0 0 0 .556 6.588A4 4 0 1 0 12 18Z>/path>path dM12 5a3 3 0 1 1 5.997.125 4 4 0 0 1 2.526 5.77 4 4 0 0 1-.556 6.588A4 4 0 1 1 12 18Z>/path>path dM15 13a4.5 4.5 0 0 1-3-4 4.5 4.5 0 0 1-3 4>/path>path dM17.599 6.5a3 3 0 0 0 .399-1.375>/path>path dM6.003 5.125A3 3 0 0 0 6.401 6.5>/path>path dM3.477 10.896a4 4 0 0 1 .585-.396>/path>path dM19.938 10.5a4 4 0 0 1 .585.396>/path>path dM6 18a4 4 0 0 1-1.967-.516>/path>path dM19.967 17.484A4 4 0 0 1 18 18>/path>/svg>AI/ML/div>/button>/div>/div>div classgrid md:grid-cols-2 gap-6 roleregion aria-labelFrontend skills list>div rolearticle aria-labelReact skill details tabindex0 styleopacity:0;transform:translateY(20px)>div classrounded-lg border text-card-foreground shadow-sm p-6 bg-white/10 backdrop-blur-sm border-white/20 hover:bg-white/15 transition-colors focus-visible:ring-2 focus-visible:ring-primary>div classflex justify-between items-start mb-4>div>h3 classtext-lg font-semibold text-white mb-1>React/h3>p classtext-sm text-white/60>4!-- --> years experience/p>/div>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-code-xml h-6 w-6 text-white/60>path dm18 16 4-4-4-4>/path>path dm6 8-4 4 4 4>/path>path dm14.5 4-5 16>/path>/svg>/div>div classspace-y-2>div classflex justify-between text-sm text-white/80>span>Proficiency/span>span aria-livepolite>95!-- -->%/span>/div>div aria-valuemax100 aria-valuemin0 aria-valuenow95 roleprogressbar data-stateindeterminate data-max100 classrelative w-full overflow-hidden rounded-full bg-secondary h-2 aria-labelReact proficiency level>div data-stateindeterminate data-max100 classh-full w-full flex-1 bg-primary transition-all styletransform:translateX(-5%)>/div>/div>/div>div classmt-4 text-sm text-white/70 overflow-hidden styleopacity:0;height:0px>Expert in React ecosystem, including hooks, context, and performance optimization/div>/div>/div>div rolearticle aria-labelTypeScript skill details tabindex0 styleopacity:0;transform:translateY(20px)>div classrounded-lg border text-card-foreground shadow-sm p-6 bg-white/10 backdrop-blur-sm border-white/20 hover:bg-white/15 transition-colors focus-visible:ring-2 focus-visible:ring-primary>div classflex justify-between items-start mb-4>div>h3 classtext-lg font-semibold text-white mb-1>TypeScript/h3>p classtext-sm text-white/60>3!-- --> years experience/p>/div>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-code-xml h-6 w-6 text-white/60>path dm18 16 4-4-4-4>/path>path dm6 8-4 4 4 4>/path>path dm14.5 4-5 16>/path>/svg>/div>div classspace-y-2>div classflex justify-between text-sm text-white/80>span>Proficiency/span>span aria-livepolite>90!-- -->%/span>/div>div aria-valuemax100 aria-valuemin0 aria-valuenow90 roleprogressbar data-stateindeterminate data-max100 classrelative w-full overflow-hidden rounded-full bg-secondary h-2 aria-labelTypeScript proficiency level>div data-stateindeterminate data-max100 classh-full w-full flex-1 bg-primary transition-all styletransform:translateX(-10%)>/div>/div>/div>div classmt-4 text-sm text-white/70 overflow-hidden styleopacity:0;height:0px>Strong typing, interfaces, and advanced TypeScript patterns/div>/div>/div>div rolearticle aria-labelNext.js skill details tabindex0 styleopacity:0;transform:translateY(20px)>div classrounded-lg border text-card-foreground shadow-sm p-6 bg-white/10 backdrop-blur-sm border-white/20 hover:bg-white/15 transition-colors focus-visible:ring-2 focus-visible:ring-primary>div classflex justify-between items-start mb-4>div>h3 classtext-lg font-semibold text-white mb-1>Next.js/h3>p classtext-sm text-white/60>2!-- --> years experience/p>/div>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-code-xml h-6 w-6 text-white/60>path dm18 16 4-4-4-4>/path>path dm6 8-4 4 4 4>/path>path dm14.5 4-5 16>/path>/svg>/div>div classspace-y-2>div classflex justify-between text-sm text-white/80>span>Proficiency/span>span aria-livepolite>85!-- -->%/span>/div>div aria-valuemax100 aria-valuemin0 aria-valuenow85 roleprogressbar data-stateindeterminate data-max100 classrelative w-full overflow-hidden rounded-full bg-secondary h-2 aria-labelNext.js proficiency level>div data-stateindeterminate data-max100 classh-full w-full flex-1 bg-primary transition-all styletransform:translateX(-15%)>/div>/div>/div>div classmt-4 text-sm text-white/70 overflow-hidden styleopacity:0;height:0px>Server components, routing, and full-stack development/div>/div>/div>/div>/div>/div>/div>/section>section idtestimonials classpy-16 px-6 lg:px-8>div classmx-auto max-w-7xl>div styleopacity:0;transform:translateY(20px)>div classtext-center mb-12>h2 classtext-3xl font-bold mb-4 text-white drop-shadow-lg>Client Testimonials/h2>p classtext-lg text-white drop-shadow max-w-2xl mx-auto>Here's what clients and colleagues have to say about working with me./p>/div>div classrelative>div classmax-w-4xl mx-auto px-4>div styleopacity:0;transform:translateY(20px)>div classrounded-lg border bg-card text-card-foreground shadow-sm p-8 md:p-12>div classflex flex-col items-center text-center>div classrelative w-20 h-20 mb-6 rounded-full overflow-hidden>img altSarah Chen loadinglazy decodingasync data-nimgfill classobject-cover styleposition:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent srchttps://images.unsplash.com/photo-1494790108377-be9c29b29330/>/div>div classflex gap-1 mb-6>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-star w-5 h-5 fill-primary text-primary>polygon points12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2>/polygon>/svg>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-star w-5 h-5 fill-primary text-primary>polygon points12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2>/polygon>/svg>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-star w-5 h-5 fill-primary text-primary>polygon points12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2>/polygon>/svg>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-star w-5 h-5 fill-primary text-primary>polygon points12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2>/polygon>/svg>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-star w-5 h-5 fill-primary text-primary>polygon points12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2>/polygon>/svg>/div>blockquote classtext-lg md:text-xl text-muted-foreground mb-6 italic>"!-- -->Their expertise in cloud architecture transformed our infrastructure. The performance improvements were immediate and significant. A true professional who delivers exceptional results.!-- -->"/blockquote>div>p classfont-semibold text-foreground>Sarah Chen/p>p classtext-sm text-muted-foreground>CTO, TechFlow Solutions/p>/div>/div>/div>/div>/div>button classinline-flex items-center justify-center 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 hover:bg-accent hover:text-accent-foreground h-10 w-10 absolute left-0 top-1/2 -translate-y-1/2 md:-left-12>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-chevron-left w-6 h-6>path dm15 18-6-6 6-6>/path>/svg>/button>button classinline-flex items-center justify-center 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 hover:bg-accent hover:text-accent-foreground h-10 w-10 absolute right-0 top-1/2 -translate-y-1/2 md:-right-12>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-chevron-right w-6 h-6>path dm9 18 6-6-6-6>/path>/svg>/button>div classflex justify-center gap-2 mt-6>button classw-2 h-2 rounded-full transition-all duration-300 bg-primary w-4>/button>button classw-2 h-2 rounded-full transition-all duration-300 bg-primary/30>/button>button classw-2 h-2 rounded-full transition-all duration-300 bg-primary/30>/button>/div>/div>/div>/div>/section>section idcontact classpy-16 px-6 lg:px-8>div classmx-auto max-w-7xl>div styleopacity:0;transform:translateY(20px)>div classrounded-lg border text-card-foreground shadow-sm p-8 bg-black/40 backdrop-blur-sm border-white/30>div classtext-center>h2 classtext-3xl font-bold mb-4 text-white drop-shadow-lg>Get in Touch/h2>p classtext-lg text-white/90 drop-shadow mb-8 max-w-2xl mx-auto>I'm always open to new opportunities and collaborations. Feel free to reach out if you'd like to work together or just want to say hello!/p>a hrefmailto:adriancomatias@gmail.com classinline-flex items-center justify-center whitespace-nowrap 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 bg-primary text-primary-foreground hover:bg-primary/90 h-11 rounded-md px-8 min-w-200px>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-mail mr-2 h-5 w-5>rect width20 height16 x2 y4 rx2>/rect>path dm22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7>/path>/svg>Email Me/a>/div>/div>/div>/div>/section>footer classpy-8 px-6 lg:px-8 bg-black/60>div classmx-auto max-w-7xl>div classtext-center text-white/80 text-sm drop-shadow>p>© !-- -->2025!-- --> Adrian Matias. All rights reserved./p>p classmt-2>Designed and built with a lot of Coffee and using Next.js and Tailwind CSS/p>/div>/div>/footer>/main>/div>/div>!--/$-->div classfixed bottom-6 right-6 z-50>button classh-14 w-14 rounded-full bg-primary text-primary-foreground shadow-lg flex items-center justify-center focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary transition-shadow tabindex0>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-message-circle h-6 w-6>path dM7.9 20A9 9 0 1 0 4 16.1L2 22Z>/path>/svg>span classsr-only>Chat status/span>/button>/div>div roleregion aria-labelNotifications (F8) tabindex-1 stylepointer-events:none>ol tabindex-1 classfixed top-0 z-100 flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-420px>/ol>/div>script src/_next/static/chunks/webpack-13ae17ee2aebed74.js async>/script>script>(self.__next_fself.__next_f||).push(0);self.__next_f.push(2,null)/script>script>self.__next_f.push(1,1:HL\/_next/static/css/0f7632d1ff03e3fd.css\,\style\\n)/script>script>self.__next_f.push(1,2:I12846,,\\\n4:I19107,,\ClientPageRoot\\n5:I65043,\653\,\static/chunks/653-20df9a9a6cedb938.js\,\678\,\static/chunks/678-03f83564785e9aeb.js\,\447\,\static/chunks/447-be76861665b7c2ea.js\,\633\,\static/chunks/633-1340f56372a4ca90.js\,\427\,\static/chunks/427-a33fee87c900198d.js\,\931\,\static/chunks/app/page-d48f475a5ce7f0cc.js\,\default\,1\n6:I46506,\653\,\static/chunks/653-20df9a9a6cedb938.js\,\678\,\static/chunks/678-03f83564785e9aeb.js\,\267\,\static/chunks/267-d4ef94d13a42ab07.js\,\185\,\static/chunks/app/layout-8368b3bf7afff447.js\,\default\,1\n7:I4707,,\\\n8:I36423,,\\\na:I49615,\653\,\static/chunks/653-20df9a9a6cedb938.js\,\555\,\static/chunks/app/loading-bc9c6ac5cfdaefe0.js\,\default\\nc:I61060,,\\\n9:{}\nd:\n0:\$\,\$L2\,null,{\buildId\:\pUtrqoydptVAubeIxoGEF\,\assetPrefix\:\\,\urlParts\:\\,\\,\initialTree\:\\,{\children\:\__PAGE__\,{}},\$undefined\,\$undefined\,true,\initialSeedData\:\\,{\children\:\__PAGE__\,{},\$L3\,\$\,\$L4\,null,{\props\:{\params\:{},\searchParams\:{}},\Component\:\$5\},null,null,null},\$\,\link\,\0\,{\rel\:\stylesheet\,\href\:\/_next/static/css/0f7632d1ff03e3fd.css\,\precedence\:\next\,\crossOrigin\:\$undefined\},\$\,\$L6\,null,{\children\:\$\,\$L7\,null,{\parallelRouterKey\:\children\,\segmentPath\:\children\,\error\:\$undefined\,\errorStyles\:\$undefined\,\errorScripts\:\$undefined\,\template\:\$\,\$L8\,null,{},\templateStyles\:\$undefined\,\templateScripts\:\$undefined\,\notFound\:\$\,\title\,null,{\children\:\404: This page could not be found.\},\$\,\div\,null,{\style\:{\fontFamily\:\system-ui,\\\Segoe UI\\\,Roboto,Helvetica,Arial,sans-serif,\\\Apple Color Emoji\\\,\\\Segoe UI Emoji\\\\,\height\:\100vh\,\textAlign\:\center\,\display\:\flex\,\flexDirection\:\column\,\alignItems\:\center\,\justifyContent\:\center\},\children\:\$\,\div\,null,{\children\:\$\,\style\,null,{\dangerouslySetInnerHTML\:{\__html\:\body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme)/script>script>self.__next_f.push(1,:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\}},\$\,\h1\,null,{\className\:\next-error-h1\,\style\:{\display\:\inline-block\,\margin\:\0 20px 0 0\,\padding\:\0 23px 0 0\,\fontSize\:24,\fontWeight\:500,\verticalAlign\:\top\,\lineHeight\:\49px\},\children\:\404\},\$\,\div\,null,{\style\:{\display\:\inline-block\},\children\:\$\,\h2\,null,{\style\:{\fontSize\:14,\fontWeight\:400,\lineHeight\:\49px\,\margin\:0},\children\:\This page could not be found.\}}}},\notFoundStyles\:},\params\:\$9\},null,\$\,\$La\,null,{},,,\couldBeIntercepted\:false,\initialHead\:null,\$Lb\,\globalErrorComponent\:\$c\,\missingSlots\:\$Wd\}\n)/script>script>self.__next_f.push(1,b:\$\,\meta\,\0\,{\name\:\viewport\,\content\:\widthdevice-width, initial-scale1\},\$\,\meta\,\1\,{\charSet\:\utf-8\}\n3:null\n)/script>/body>/html>

View on OTX | View on ThreatMiner

Data with thanks to AlienVault OTX, VirusTotal, Malwr and others. [Sitemap]

Domain > adrianmatias.com

Is this malicious?

DNS Resolutions

Port 443