Iron-Mark/Iron-Mark

<p align="center"> <img src="assets/brand/banner.gif" width="70%" alt="Mark Siazon, product designer and full-stack developer portfolio banner"/> </p> <h1 align="center">Mark Siazon 👋</h1> <p align="center"> <picture> <source media="(max-width: 540px)" srcset="https://readme-typing-svg.demolab.com/?lines=Product+Designer;Full-Stack+Developer;Product+Engineer;UI%2FUX+Designer;Front-end+Specialist;React+%2B+Next.js;Flutter+%2B+Kotlin&font=Fira+Code&pause=1600&center=true&width=320&height=40&color=8B5CF6&random=true&size=18&v=4"/> <img src="https://readme-typing-svg.demolab.com/?lines=Product+Designer;Full-Stack+Developer;Product+Engineer;UI%2FUX+Designer;Front-end+Specialist;React+%2B+Next.js;Flutter+%2B+Kotlin&font=Fira+Code&pause=1600&center=true&width=540&height=54&color=8B5CF6&random=true&size=23&v=4" alt="Product Designer, Full-Stack Developer, Product Engineer, UI/UX Designer, Front-end Specialist, React + Next.js, Flutter + Kotlin" width="540"/> </picture> </p> <p align="center" style="max-width:640px;margin:0 auto;padding:0 4px;line-height:1.5">_{Product Design Engineer &amp; Full-Stack Developer | UI/UX |<br>React, Next.js, TypeScript | Flutter, Kotlin, Wear OS |<br>AI, mobile &amp; Web3 case studies}</p> <p align="center">_{Also available for Contractual/Freelance/Part-time work - PH Based.}</p> <p align="center" style="display:flex;flex-wrap:wrap;justify-content:center;gap:8px;align-items:center"> <a href="https://www.marksiazon.dev" rel="noopener noreferrer" aria-label="Portfolio at marksiazon.dev"><img src="https://img.shields.io/badge/Portfolio_marksiazon.dev-0284C7?style=for-the-badge" alt="Portfolio at marksiazon.dev"/></a> <a href="https://www.marksiazon.dev/recruiter" rel="noopener noreferrer" aria-label="Recruiter brief"><img src="https://img.shields.io/badge/Recruiter_Brief_→-111827?style=for-the-badge" alt="Recruiter brief"/></a> <a href="https://www.marksiazon.dev/contact" rel="noopener noreferrer" aria-l