{"data":{"featured":{"edges":[{"node":{"frontmatter":{"title":"Daybrand","cover":{"childImageSharp":{"gatsbyImageData":{"layout":"constrained","placeholder":{"fallback":"data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAANABQDASIAAhEBAxEB/8QAFwAAAwEAAAAAAAAAAAAAAAAAAAECBf/EABUBAQEAAAAAAAAAAAAAAAAAAAAB/9oADAMBAAIQAxAAAAHemhEMj//EABQQAQAAAAAAAAAAAAAAAAAAACD/2gAIAQEAAQUCX//EABQRAQAAAAAAAAAAAAAAAAAAABD/2gAIAQMBAT8BP//EABURAQEAAAAAAAAAAAAAAAAAAAAR/9oACAECAQE/AUf/xAAXEAADAQAAAAAAAAAAAAAAAAAAASAx/9oACAEBAAY/AjXP/8QAGhAAAgIDAAAAAAAAAAAAAAAAAAEQETFxof/aAAgBAQABPyEad8BLZZmP/9oADAMBAAIAAwAAABBH/wD/xAAWEQEBAQAAAAAAAAAAAAAAAAAAARH/2gAIAQMBAT8QrX//xAAUEQEAAAAAAAAAAAAAAAAAAAAQ/9oACAECAQE/EB//xAAaEAEAAwADAAAAAAAAAAAAAAABABExQaHR/9oACAEBAAE/EAcMhkhXgryUG9Ja6KqPBBgBhP/Z"},"images":{"fallback":{"src":"/static/a160ab38b9ff5da44f42c360e0c39d99/7721e/hobipet.jpg","srcSet":"/static/a160ab38b9ff5da44f42c360e0c39d99/d67e7/hobipet.jpg 175w,\n/static/a160ab38b9ff5da44f42c360e0c39d99/9fb4e/hobipet.jpg 350w,\n/static/a160ab38b9ff5da44f42c360e0c39d99/7721e/hobipet.jpg 700w","sizes":"(min-width: 700px) 700px, 100vw"},"sources":[{"srcSet":"/static/a160ab38b9ff5da44f42c360e0c39d99/9aa63/hobipet.avif 175w,\n/static/a160ab38b9ff5da44f42c360e0c39d99/e6db6/hobipet.avif 350w,\n/static/a160ab38b9ff5da44f42c360e0c39d99/f47db/hobipet.avif 700w","type":"image/avif","sizes":"(min-width: 700px) 700px, 100vw"},{"srcSet":"/static/a160ab38b9ff5da44f42c360e0c39d99/240e7/hobipet.webp 175w,\n/static/a160ab38b9ff5da44f42c360e0c39d99/faefe/hobipet.webp 350w,\n/static/a160ab38b9ff5da44f42c360e0c39d99/d5dc4/hobipet.webp 700w","type":"image/webp","sizes":"(min-width: 700px) 700px, 100vw"}]},"width":700,"height":438}}},"tech":["Laravel","Bootstrap","Javascript","SASS"],"github":"https://gitlab.com/williammorgan086","external":"https://daybrandstudio.com/","cta":null,"video":"daybrand.mp4"},"html":"<p>DayBrand Studio is a dynamic branding landing page that showcases modern, seamless animations and captivating motion graphics. Built with rich motion assets, this website provides an engaging user experience while highlighting the studio’s creative approach to branding. With fluid transitions and interactive elements, DayBrand Studio effectively communicates its unique branding services in a visually appealing and professional manner, ensuring a memorable first impression for all visitors.</p>"}},{"node":{"frontmatter":{"title":"Famos","cover":{"childImageSharp":{"gatsbyImageData":{"layout":"constrained","placeholder":{"fallback":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAANCAYAAACpUE5eAAAACXBIWXMAAA7BAAAOwQG4kWvtAAACZUlEQVQ4y22SS2sTYRSG83P6BwRBXHTl1o27rty6EQTXglJRCgquulOkC0W0RS1pKKnF0tLW3tLc02lzmyTNdS6ZSTIz3zwyM8k0th44fOcy856Xc96I67p45hoGjlQI4knNEURXVzjJpmi026yufKVaLuF1m7pOWrqgXJcZ2o7f9ywS/jwaIbqdfwC1vsl6fAPbGvl5pVTiaH8HM3vGxrOXmEBRrtDSdTZjMboFicg0wCSe5OV2l6G46pWlPOs/l/nz8DH5N4sIoHAu+b346g+S29sBw9CFCMBcF+G6ZItlhqNROCCXy3CSSrI+/45hT8FwBG3N8HuFUpGergcMp23CR+32WHq1gGM7Ya+l6tRlmaZh+nmz2UbpB4ByR8ERgojwdmfZCNtGjCw/dh0He2SRyZ9jjQEVVUW6bJPe2yU/+4Djp8/D4cZwRK3TC47SP02jHyboJ9Lo+0cYqRzK1i50epR7Sni9WrOF3Opwks3S29zh4/054p+/BOwalz5oANhso1ZkNLmOVq2h1RoopQoDRaWjquRLZf9DxwmYHs+/BdOk2mqSOU36tbyUCw8a0VUVVdPQB4PAzeBV9T7CEdS7KpeKFu5Reb3I8swdvs89wh5a7B1sIcsXY0Bvh30Dd0z3f+bt6dtalGwhH9aSHz7ROUygD0wSyQOEY3vCQHiA1/U37WIsl0ajTvT3JpnYBma/79d247+IRdfGQ6+0GnEGA5zh8Iaor7+enT15QWrmLguz95i7dRtJOg/2a9l0ihI1o0FkIpkbgFNgQohQoc72AYfvl+iqapALgTWwKFXPOO1m+AtK2czQ3WVIIgAAAABJRU5ErkJggg=="},"images":{"fallback":{"src":"/static/a3ffdd68327361ddeddcec0344590b14/d2194/redmed.png","srcSet":"/static/a3ffdd68327361ddeddcec0344590b14/cebcc/redmed.png 175w,\n/static/a3ffdd68327361ddeddcec0344590b14/272cf/redmed.png 350w,\n/static/a3ffdd68327361ddeddcec0344590b14/d2194/redmed.png 700w","sizes":"(min-width: 700px) 700px, 100vw"},"sources":[{"srcSet":"/static/a3ffdd68327361ddeddcec0344590b14/9aa63/redmed.avif 175w,\n/static/a3ffdd68327361ddeddcec0344590b14/e6db6/redmed.avif 350w,\n/static/a3ffdd68327361ddeddcec0344590b14/f47db/redmed.avif 700w","type":"image/avif","sizes":"(min-width: 700px) 700px, 100vw"},{"srcSet":"/static/a3ffdd68327361ddeddcec0344590b14/240e7/redmed.webp 175w,\n/static/a3ffdd68327361ddeddcec0344590b14/faefe/redmed.webp 350w,\n/static/a3ffdd68327361ddeddcec0344590b14/d5dc4/redmed.webp 700w","type":"image/webp","sizes":"(min-width: 700px) 700px, 100vw"}]},"width":700,"height":438}}},"tech":["Laravel","AOS","Bootstrap","SASS"],"github":"","external":"https://redmed.co.id/","cta":null,"video":"famos.mp4"},"html":"<p>Famos is a sleek, responsive website built with AOS animations for smooth scrolling effects. It integrates WhatsApp for easy communication and includes a contact form for submissions. The design focuses on clean visuals and user-friendly interactions.</p>"}},{"node":{"frontmatter":{"title":"PDMJ","cover":{"childImageSharp":{"gatsbyImageData":{"layout":"constrained","placeholder":{"fallback":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAANCAYAAACpUE5eAAAACXBIWXMAAA7BAAAOwQG4kWvtAAAC9klEQVQ4y22T0U8cVRTG5//yP9A3Ex9MfPHJvhhroo1GUCNoC9QKBQQWBAmVNlRWFhpa20JbGFjiblkUDAR2tyywIrvLsrOzM3vvnbn7MzMLyoMn+ZJ77s358p37nWNIKZFKoUQdVT5BWWVU9QylFMHbSTpN5fgYt16nWq0ihMB1XSqVM87KZWzbxnEczkolStksRlAopMQ6LVJLb2HndrEPM9QcJyT1fB8pBIe5fcZHBhjq7+bnyTGmfxql/9Z1+r/rZHSwl1QqRblUahIGSgJS0QDJOQLlUoak1UqZg1cZhjpaGO7t4O7YIOaTORYfztDV3kpXWysvkwl+nY0GhOeFno+qFlG7y3ibT5Gui5QKX2tyr/bY297kxqfvM/htO/citxnvuc7DqXGGbnfR3dlCfGWB+ej9pkLtSxqeh7RruMkY8uUDarYKWw1icyOO+XSGHztauTfSx53hXkZ7vuFupIdnj+YYufkZC7EJZiYnMIKi3EqO8r7F8XYRP/YlfrQN227giXqoMJ8/YHd9ha733uSdN17jytuv88G7b/HVR1eIm0vcH+pkfnKARHwVI3D39PcCVrbAcTyOtbNHOa/YTjlI10NKgW5A8eRvlhefsL62zEYijmk+wzQXKRaK5A9z7Py5GbptBCMjLIvaqcVp2aNa9XAcn0olaPk/YwIXozPTXG1tYaCvn56b7dy41YFprpA7yPHixXP6vv4CQ0lxborCr9so10YpgacE4ZsQ+L7P6uoqj+eiTMeiPH4wS3RijKWlZba2tigUTshk0/yxnsSQwahcQF86/3vXCN0OBtiuOfxfaK1DUbrRwFD5NCqfaeKvbBMX+VEaVThqEtYcCkf7bDyawrJrWFaF2ekpJn6IMB/7BSHqJNaSGHrgQ/TwNXTkY/T45+g7beiRT9CRa+jvr+JHu8O2g3U7yGbYSSVx3HqoOLEWx3y+wHrit3Al07tpDE+4ePULOHiucyl38aQIR0crCb5HA8I/DYy6HMGKBvEPtH+Znf/FHUIAAAAASUVORK5CYII="},"images":{"fallback":{"src":"/static/7c34d5735831a0809a83f9cc1e57dfe5/d2194/artva.png","srcSet":"/static/7c34d5735831a0809a83f9cc1e57dfe5/cebcc/artva.png 175w,\n/static/7c34d5735831a0809a83f9cc1e57dfe5/272cf/artva.png 350w,\n/static/7c34d5735831a0809a83f9cc1e57dfe5/d2194/artva.png 700w","sizes":"(min-width: 700px) 700px, 100vw"},"sources":[{"srcSet":"/static/7c34d5735831a0809a83f9cc1e57dfe5/9aa63/artva.avif 175w,\n/static/7c34d5735831a0809a83f9cc1e57dfe5/e6db6/artva.avif 350w,\n/static/7c34d5735831a0809a83f9cc1e57dfe5/f47db/artva.avif 700w","type":"image/avif","sizes":"(min-width: 700px) 700px, 100vw"},{"srcSet":"/static/7c34d5735831a0809a83f9cc1e57dfe5/240e7/artva.webp 175w,\n/static/7c34d5735831a0809a83f9cc1e57dfe5/faefe/artva.webp 350w,\n/static/7c34d5735831a0809a83f9cc1e57dfe5/d5dc4/artva.webp 700w","type":"image/webp","sizes":"(min-width: 700px) 700px, 100vw"}]},"width":700,"height":438}}},"tech":["Laravel","SASS","Javascript","AOS"],"github":null,"external":"https://www.pdmj.co.id/","cta":"","video":"pdmj.mp4"},"html":"<p>PDMJ is a professional waste management company, and I had the opportunity to develop their website using Laravel, SASS, and JavaScript. The site offers a clean, modern interface, providing essential services related to waste management with a focus on usability and efficiency. With responsive design and smooth interactions, the website serves as an effective platform for showcasing the company’s services and engaging with clients.</p>"}},{"node":{"frontmatter":{"title":"Hobi Pet Store","cover":{"childImageSharp":{"gatsbyImageData":{"layout":"constrained","placeholder":{"fallback":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAANCAYAAACpUE5eAAAACXBIWXMAAA7BAAAOwQG4kWvtAAACZUlEQVQ4y22SS2sTYRSG83P6BwRBXHTl1o27rty6EQTXglJRCgquulOkC0W0RS1pKKnF0tLW3tLc02lzmyTNdS6ZSTIz3zwyM8k0th44fOcy856Xc96I67p45hoGjlQI4knNEURXVzjJpmi026yufKVaLuF1m7pOWrqgXJcZ2o7f9ywS/jwaIbqdfwC1vsl6fAPbGvl5pVTiaH8HM3vGxrOXmEBRrtDSdTZjMboFicg0wCSe5OV2l6G46pWlPOs/l/nz8DH5N4sIoHAu+b346g+S29sBw9CFCMBcF+G6ZItlhqNROCCXy3CSSrI+/45hT8FwBG3N8HuFUpGergcMp23CR+32WHq1gGM7Ya+l6tRlmaZh+nmz2UbpB4ByR8ERgojwdmfZCNtGjCw/dh0He2SRyZ9jjQEVVUW6bJPe2yU/+4Djp8/D4cZwRK3TC47SP02jHyboJ9Lo+0cYqRzK1i50epR7Sni9WrOF3Opwks3S29zh4/054p+/BOwalz5oANhso1ZkNLmOVq2h1RoopQoDRaWjquRLZf9DxwmYHs+/BdOk2mqSOU36tbyUCw8a0VUVVdPQB4PAzeBV9T7CEdS7KpeKFu5Reb3I8swdvs89wh5a7B1sIcsXY0Bvh30Dd0z3f+bt6dtalGwhH9aSHz7ROUygD0wSyQOEY3vCQHiA1/U37WIsl0ajTvT3JpnYBma/79d247+IRdfGQ6+0GnEGA5zh8Iaor7+enT15QWrmLguz95i7dRtJOg/2a9l0ihI1o0FkIpkbgFNgQohQoc72AYfvl+iqapALgTWwKFXPOO1m+AtK2czQ3WVIIgAAAABJRU5ErkJggg=="},"images":{"fallback":{"src":"/static/a3ffdd68327361ddeddcec0344590b14/d2194/redmed.png","srcSet":"/static/a3ffdd68327361ddeddcec0344590b14/cebcc/redmed.png 175w,\n/static/a3ffdd68327361ddeddcec0344590b14/272cf/redmed.png 350w,\n/static/a3ffdd68327361ddeddcec0344590b14/d2194/redmed.png 700w","sizes":"(min-width: 700px) 700px, 100vw"},"sources":[{"srcSet":"/static/a3ffdd68327361ddeddcec0344590b14/9aa63/redmed.avif 175w,\n/static/a3ffdd68327361ddeddcec0344590b14/e6db6/redmed.avif 350w,\n/static/a3ffdd68327361ddeddcec0344590b14/f47db/redmed.avif 700w","type":"image/avif","sizes":"(min-width: 700px) 700px, 100vw"},{"srcSet":"/static/a3ffdd68327361ddeddcec0344590b14/240e7/redmed.webp 175w,\n/static/a3ffdd68327361ddeddcec0344590b14/faefe/redmed.webp 350w,\n/static/a3ffdd68327361ddeddcec0344590b14/d5dc4/redmed.webp 700w","type":"image/webp","sizes":"(min-width: 700px) 700px, 100vw"}]},"width":700,"height":438}}},"tech":["Laravel","Vue","Tailwind","Javascript"],"github":"","external":"","cta":null,"video":"hobi.mp4"},"html":"<p>Hobi Pet Store is an online platform I developed using Laravel, Vue, Tailwind CSS, and JavaScript. The website offers a user-friendly interface for managing pet products, with a focus on smooth and intuitive navigation. It features a responsive design that ensures seamless shopping experiences across devices, while leveraging modern technologies to provide a fast and efficient user interface.</p>"}}]}}}