[{"data":1,"prerenderedAt":382},["ShallowReactive",2],{"headerMainMenu":3,"home-page":4},null,{"id":5,"title":6,"body":3,"description":7,"extension":8,"meta":9,"navigation":10,"path":11,"sections":12,"seo":378,"seo_settings":379,"stem":380,"__hash__":381},"pages\u002Fpages\u002Fhome.json","Home","","json",{},true,"\u002F",[13,21,43],{"type":14,"title":15,"subtitle":16,"protocol":17,"sequence":18,"status":19,"objective":20,"description":7},"home-banner","Danial Luqman","Projects","DECODE_ME","48495245204D45","Open for opportunities","Built from curiosity, shaped by deadlines, and maintained by caffeine. Here's a collection of things I've worked on along the way.",{"type":22,"headline":23,"title":24,"statement":25,"paragraphs":26,"meta":27,"skills":37},"introduction","Sequence_01","Introduction","Design hands me the blueprint — I turn it into something real, responsive, and refined in the browser.","\u003Cp>A frontend-leaning fullstack developer focused on performant, content-driven interfaces. I care about the details: motion, typography, and the systems that hold a product together.\u003Cbr>\u003Cbr> Currently exploring the intersection of design systems, 3D on the web, and the quiet precision of a well-built interface.\u003C\u002Fp>",[28,31,34],{"label":29,"value":30},"Location","Kuala Lumpur, MY",{"label":32,"value":33},"Role","Frontend \u002F Fullstack",{"label":35,"value":36},"Availability","Open to opportunities",[38,39,40,41,42],"Vue \u002F Nuxt","TypeScript","WebGL","Design Systems","Tailwind",{"type":44,"headline":45,"title":46,"cards":47},"work-archive","Sequence_02","Work Archive",[48,81,87,92,113,130,149,164,179,199,215,230,247,250,266,282,300,314,327,331,334,337,361],{"title":49,"tech":50,"year":51,"role":52,"image":53,"scrollDuration":54,"link":55,"overview":56,"highlights":57,"stack":65},"IOI Group Foundation","Vue.js\u002FNuxt.js\u002FStrapi CMS","2026","Frontend \u002F Backend Dev","\u002Fmedia\u002Fproject\u002Fioipg.webp",5,"https:\u002F\u002Ffoundation.ioiproperties.com.my","The IOI Foundation website is a corporate CSR platform designed to communicate the foundation's mission, social initiatives, charitable programmes, and community impact. It serves as a central hub where visitors can learn about the foundation's focus areas, explore ongoing and past initiatives, and stay updated with its latest activities, reflecting the organisation's commitment to creating positive and sustainable social impact.",[58,59,60,61,62,63,64],"Corporate Foundation \u002F CSR website","Showcase of charitable and community initiatives","Dynamic content management through Headless CMS","Storytelling-focused content and media","Responsive and accessible user experience","SEO-optimized and high-performance","Reusable component-based architecture",[66,69,72,75,78],{"name":67,"detail":68},"Nuxt.js (Vue.js)","Frontend application",{"name":70,"detail":71},"Strapi CMS","Headless content management",{"name":73,"detail":74},"REST API","Frontend & CMS integration",{"name":76,"detail":77},"Vercel","Deployment & hosting",{"name":79,"detail":80},"GitHub","Version control",{"title":82,"tech":83,"year":51,"role":84,"image":85,"scrollDuration":54,"link":86},"Calvary Church","Vue.js\u002FNuxt.js","Frontend","\u002Fmedia\u002Fproject\u002Fcalvary.webp","#",{"title":88,"tech":89,"year":51,"role":90,"image":91,"scrollDuration":54,"link":86},"NCER","Vue\u002FNuxt\u002FStrapi","Fullstack","\u002Fmedia\u002Fproject\u002Fncer.webp",{"title":93,"tech":89,"year":51,"role":90,"image":94,"scrollDuration":54,"link":95,"overview":96,"highlights":97,"stack":103},"MKJR - Majlis Keselamatan Jalan Raya","\u002Fmedia\u002Fproject\u002Fmkjr.webp","https:\u002F\u002Fmkjr.my","A modern government corporate website developed for the Road Safety Council of Malaysia (MKJR) to promote road safety awareness, highlight national initiatives, and provide the public with access to programmes, resources, publications, and the latest updates. The platform is built with a headless architecture, enabling efficient content management while delivering a fast, responsive, and SEO-friendly experience.",[98,99,100,101,63,102],"Government & public service website","Road safety awareness platform","Programme & campaign showcase","CMS-driven content management","Fully responsive across all devices",[104,105,106,107,110,112],{"name":67,"detail":68},{"name":70,"detail":71},{"name":73,"detail":74},{"name":108,"detail":109},"GitHub Actions","CI\u002FCD automation",{"name":111,"detail":77},"cPanel",{"name":79,"detail":80},{"title":114,"tech":89,"year":115,"role":90,"image":116,"scrollDuration":54,"link":117,"overview":118,"highlights":119,"stack":124},"EcoSys Group","2025","\u002Fmedia\u002Fproject\u002Fecosys.webp","https:\u002F\u002Fwww.ecosysgrp.com","A modern corporate manufacturing website developed for EcoSys (Malaysia) Berhad, showcasing its expertise in ultra-high purity (UHP) systems and industrial gas abatement solutions for the semiconductor, solar, and high-tech manufacturing industries. The platform highlights the company's engineering capabilities, innovative technologies, sustainability initiatives, and industry solutions through a fast, responsive, and SEO-friendly experience.",[120,121,122,123,101,63,102],"Corporate manufacturing website","Product & engineering solution showcase","Industry and technology-focused content","Sustainability & ESG presentation",[125,126,127,128,129],{"name":67,"detail":68},{"name":70,"detail":71},{"name":73,"detail":74},{"name":76,"detail":77},{"name":79,"detail":80},{"title":131,"tech":132,"year":115,"role":84,"image":133,"scrollDuration":54,"link":134,"overview":135,"highlights":136,"stack":142},"XiaoHealthy Group","Vue\u002FNuxt\u002FLaravel","\u002Fmedia\u002Fproject\u002Fxiaohealthy.webp","https:\u002F\u002Fwww.xiaohealthy.com\u002F","A modern health & wellness e-commerce website developed for Xiao Healthy, a Malaysian wellness brand offering avocado-based nutritional products and healthy lifestyle solutions. The platform showcases the brand's products, company story, and wellness content through a responsive and engaging user experience.",[137,138,139,140,141,64],"Health & wellness e-commerce website","Product catalogue and shopping experience","Brand storytelling & promotional pages","Responsive and user-friendly interface","SEO-friendly frontend implementation",[143,145,147,148],{"name":67,"detail":144},"Frontend development",{"name":73,"detail":146},"Backend integration",{"name":76,"detail":77},{"name":79,"detail":80},{"title":150,"tech":132,"year":115,"role":84,"image":151,"scrollDuration":54,"link":152,"overview":153,"highlights":154,"stack":158},"AvoMilk","\u002Fmedia\u002Fproject\u002Favomilk.webp","https:\u002F\u002Fwww.avomilk.co","A direct-to-consumer product website built for AvoMilk by Xiao Healthy, a plant-based, lactose-free avocado milk-alternative powder drink available in Original and Cocoa. The site pairs brand storytelling with a seamless shopping experience — nutritional and ingredient transparency, preparation guides, a store locator, customer testimonials, and checkout — delivered through responsive interfaces designed to engage customers across all devices.",[155,156,157,140,141,64],"Food & beverage e-commerce website","Product catalogue and online shopping","Brand storytelling & promotional campaigns",[159,160,162,163],{"name":67,"detail":144},{"name":161,"detail":146},"Laravel API",{"name":76,"detail":77},{"name":79,"detail":80},{"title":165,"tech":132,"year":115,"role":84,"image":166,"scrollDuration":54,"link":167,"overview":168,"highlights":169,"stack":174},"AvoPrep","\u002Fmedia\u002Fproject\u002Favoprep.webp","https:\u002F\u002Fwww.avoprep.com","A direct-to-consumer product website built for AvoPrep by Xiao Healthy, a plant-based natural produce wash that removes bacteria, pesticide residues, and wax from fruits, vegetables, and baby accessories. The site pairs product education with a seamless shopping experience — usage guides, ingredient transparency, FAQs, and buy-now checkout — delivered through responsive, engaging interfaces.",[170,171,172,173,140,141,64],"Health & wellness product e-commerce website","Product showcase and online purchasing","Usage guides and ingredient transparency","Educational FAQ and how-to content",[175,176,177,178],{"name":67,"detail":144},{"name":161,"detail":146},{"name":76,"detail":77},{"name":79,"detail":80},{"title":180,"tech":181,"year":51,"role":84,"image":182,"scrollDuration":54,"link":183,"overview":184,"highlights":185,"stack":191},"Cagamas - FTRM","Vue\u002FNuxt","\u002Fmedia\u002Fproject\u002Fftrm.webp","https:\u002F\u002Fssbt.cagamas.com.my","A public-facing microsite for Cagamas Berhad — Malaysia's National Mortgage Corporation — promoting Skim Saraan Bercagar Bertempoh (SSBT), a fixed-term reverse mortgage (FTRM) that lets retirees convert a non-primary residential property into fixed monthly income while retaining ownership. The site educates prospective applicants and guides them through eligibility and application, anchored by an interactive payout calculator, delivered through a fast, responsive, and accessible experience.",[186,187,188,189,62,190],"Financial services microsite for a government-linked corporation","Reverse mortgage \u002F retirement financing scheme","Interactive eligibility checker and payout calculator","Educational content, FAQs, and application guidance","SEO-optimized and high-performance frontend",[192,193,196,198],{"name":67,"detail":144},{"name":194,"detail":195},"Nuxt Content","Local content management",{"name":197,"detail":77},"CPanel",{"name":79,"detail":80},{"title":200,"tech":181,"year":51,"role":84,"image":201,"scrollDuration":54,"link":202,"overview":203,"highlights":204,"stack":210},"Cagamas - CSRP","\u002Fmedia\u002Fproject\u002Fcsrp.webp","https:\u002F\u002Fcsrp.cagamas.com.my","A corporate marketing website for Cagamas SRP (CSRP), the mortgage guarantee arm of Cagamas — Malaysia's National Mortgage Corporation. The site promotes mortgage guarantee programmes that help Malaysians own homes — including up to 110% financing, B40 housing support, and green home financing — presenting each product and guiding first-time buyers and financial-institution partners to the right solution through a fast, responsive, and SEO-friendly experience.",[205,206,207,208,209,63,102],"Financial services corporate website","Mortgage guarantee programme showcase (First Home MGP, Green MGP, MGP)","Content for first-time home buyers and B40 schemes","Product discovery and eligibility guidance","Trust signals for financial-institution partners",[211,212,213,214],{"name":67,"detail":144},{"name":194,"detail":195},{"name":197,"detail":77},{"name":79,"detail":80},{"title":216,"tech":89,"year":115,"role":84,"image":217,"scrollDuration":54,"link":218,"overview":219,"highlights":220,"stack":224},"Silcotech Industry","\u002Fmedia\u002Fproject\u002Fsilcotech.webp","https:\u002F\u002Fwww.silcotechindustry.com","A corporate manufacturing website for Silcotech Industry Sdn. Bhd., a Malaysian precision rubber and silicone component manufacturer serving the medical, electronics, automotive, consumer, and utility sectors. The site showcases the company's engineering capabilities, cleanroom manufacturing, product range, and industry solutions — from prototyping and tooling to certified high-volume production — through a fast, responsive, and SEO-friendly experience.",[120,221,222,223,101,63,102],"Product & engineering capability showcase","Industry and application-focused content","Cleanroom and ISO 9001 \u002F ISO 13485 credentials",[225,226,227,228,229],{"name":67,"detail":68},{"name":70,"detail":71},{"name":73,"detail":74},{"name":76,"detail":77},{"name":79,"detail":80},{"title":231,"tech":89,"year":115,"role":232,"image":233,"scrollDuration":54,"link":234,"overview":235,"highlights":236,"stack":241},"IOI Palm Garden","Frontend\u002FBackend","\u002Fmedia\u002Fproject\u002Fpalmgarden.webp","https:\u002F\u002Fwww.palmgardengolf.com","A lifestyle and hospitality website for Palm Garden Golf Club, IOI Resort City's premier golf and resort destination in Putrajaya. The site showcases the award-winning 18-hole course, dining venues, clubhouse and wellness amenities, banquet and event spaces, and membership — pairing rich visual storytelling with booking and enquiry flows through a fast, responsive, and SEO-friendly experience.",[237,238,239,240,101,63,102],"Golf, resort & hospitality website","Golf course and facility showcase","Dining, clubhouse & banquet\u002Fevent promotion","Membership and booking\u002Fenquiry flows",[242,243,244,245,246],{"name":67,"detail":68},{"name":70,"detail":71},{"name":73,"detail":74},{"name":76,"detail":77},{"name":79,"detail":80},{"title":248,"tech":89,"year":51,"role":84,"image":249,"scrollDuration":54,"link":86},"Asean Football Federation","\u002Fmedia\u002Fproject\u002Faff.webp",{"title":251,"tech":89,"year":115,"role":232,"image":252,"scrollDuration":54,"link":253,"overview":254,"highlights":255,"stack":261},"Democracy of Dreams","\u002Fmedia\u002Fproject\u002Fdofd.webp","https:\u002F\u002Fwww.democracyofdreams.com","A brand and platform website for Democracy of Dreams, an impact-driven innovation and investment ecosystem that connects entrepreneurs (\"dreamers\"), investors, collaborators, and family offices around purpose-led ventures. The site communicates the platform's mission, audience-specific pathways, impact zones, and founder storytelling — with nomination and registration flows — through a fast, responsive, and SEO-friendly experience.",[256,257,258,259,260,101,63,102],"Impact investment & innovation platform website","Audience-specific journeys (dreamers, investors, collaborators, family offices)","Impact Zones and mission-driven storytelling","News and founder story content","Nomination and community registration forms",[262,263,264,265],{"name":67,"detail":68},{"name":70,"detail":71},{"name":73,"detail":74},{"name":79,"detail":80},{"title":267,"tech":89,"year":115,"role":232,"image":268,"scrollDuration":54,"link":269,"overview":270,"highlights":271,"stack":277},"EupeEdge Water","\u002Fmedia\u002Fproject\u002Fedgewater.webp","https:\u002F\u002Fedgewater.eupe.com.my","A property marketing and lead-generation website for Edgewater by EUPE Corporation Berhad, a 128-acre integrated township in Sungai Petani, Kedah. The site presents the development's masterplan, biophilic design pillars, residential and commercial offerings, location advantages, and developer accolades — paired with enquiry and 'Register Now' lead-capture flows — through a fast, responsive, and SEO-friendly experience.",[272,273,274,275,276,101,63,102],"Property development marketing website","Township masterplan and design-pillar showcase","Residential & commercial offering presentation","Location and connectivity highlights","Register-interest \u002F lead-capture forms",[278,279,280,281],{"name":67,"detail":68},{"name":70,"detail":71},{"name":73,"detail":74},{"name":79,"detail":80},{"title":283,"tech":284,"year":285,"role":232,"image":286,"scrollDuration":54,"link":287,"overview":288,"highlights":289,"stack":296},"Malakoff Sdn. Bhd.","Wordpress","2024","\u002Fmedia\u002Fproject\u002Fmalakoff.webp","https:\u002F\u002Fwww.malakoff.com.my","A corporate website for Malakoff, one of Malaysia's largest independent power producers (IPP) and water desalination companies. The site communicates the group's businesses across power generation, water, and environmental\u002Futility services, alongside its sustainability commitments, investor relations, media updates, and careers — serving investors, partners, and the public through a structured, content-managed corporate presence.",[290,291,292,293,294,295,101],"Corporate website for an energy & utilities group","Business segment showcase (power, water, environmental services)","Sustainability & ESG content","Investor relations and corporate governance","Media, news, and announcements","Careers and recruitment section",[297],{"name":298,"detail":299},"Wordpress (Elementor)","CMS & content management",{"title":301,"tech":284,"year":285,"role":232,"image":302,"scrollDuration":54,"link":303,"overview":304,"highlights":305,"stack":312},"Suntar SG","\u002Fmedia\u002Fproject\u002Fsuntar.webp","https:\u002F\u002Fsuntar.com.sg\u002F","A corporate website for Suntar International Group, a Singapore-based global membrane technology provider specialising in water treatment, wastewater management, and process-separation systems. The site establishes brand credibility and showcases the company's membrane products, integrated solutions, industry applications, and operational track record — serving industrial, municipal, and enterprise clients through a structured, content-managed corporate presence.",[306,307,308,309,310,311,101],"Corporate website for a membrane technology \u002F water treatment group","Product showcase (hollow fiber, ceramic, spiral wound, graphene membranes)","Integrated solutions (Membrane Bioreactors, SepTor® technology)","Industry applications across multiple sectors","Company track record and operational credibility","Newsroom, careers, and enquiry sections",[313],{"name":298,"detail":299},{"title":315,"tech":284,"year":285,"role":232,"image":316,"scrollDuration":54,"link":317,"overview":318,"highlights":319,"stack":325},"IJMLand Bandar Seri Sandakan","\u002Fmedia\u002Fproject\u002Fijmland.webp","https:\u002F\u002Fijmland.com\u002FBandarUtamaSandakan\u002F","A property marketing website for Bandar Utama Sandakan by IJM Land, a 395-acre mixed-use township in Sandakan, Sabah, built around integrated community living — live, work, play, shop, and socialise. The site presents the masterplan, residential phases, amenities and location advantages, news and events, and developer accolades — with a 360° virtual tour and interest-registration flow — through a responsive, content-managed experience.",[272,320,321,275,322,323,324,101],"Township masterplan and phase showcase","Residential offerings and amenities presentation","360° virtual tour experience","News, events, and awards content","Register-interest \u002F lead-capture form",[326],{"name":298,"detail":299},{"title":328,"tech":329,"year":51,"role":84,"image":330,"scrollDuration":54,"link":86},"Sumirubber","Vue\u002FLaravel","\u002Fmedia\u002Fproject\u002Fsumirubber.webp",{"title":332,"tech":329,"year":51,"role":84,"image":333,"scrollDuration":54,"link":86},"Wetec Singapore","\u002Fmedia\u002Fproject\u002Fwetect-laravel.webp",{"title":335,"tech":329,"year":115,"role":84,"image":336,"scrollDuration":54,"link":86},"Flexcare","\u002Fmedia\u002Fproject\u002Fflexcare.webp",{"title":338,"tech":339,"year":285,"role":84,"image":340,"scrollDuration":54,"link":341,"overview":342,"highlights":343,"stack":352},"Football Association of Malaysia","Drupal\u002FGSAP","\u002Fmedia\u002Fproject\u002Ffam.webp","https:\u002F\u002Ffam.org.my","A corporate and content platform for the Football Association of Malaysia (FAM), the national governing body of Malaysian football. The site is the official hub for national teams (men's, women's, youth, futsal, beach, and e-sports), leagues and competitions, governance and leadership, grassroots and technical development, and the latest news and media — serving fans, media, and affiliates through a content-managed, responsive experience.",[344,345,346,347,348,349,350,101,351],"Official governing-body website for a national sport","National teams hub (men's, women's, youth, futsal, beach, e-sports)","Leagues & competitions coverage (MFL, AFL)","Governance, leadership & integrity content","Grassroots, coaching & technical development","News, FAMTV, and photo\u002Fvideo galleries","Scroll-driven animated fill-text effects with GSAP","Responsive across all devices",[353,355,358],{"name":354,"detail":299},"Drupal",{"name":356,"detail":357},"Custom theme (HTML\u002FCSS\u002FJS)","Frontend implementation",{"name":359,"detail":360},"GSAP (ScrollTrigger)","Scroll-driven animations",{"title":362,"tech":89,"year":51,"role":232,"image":363,"scrollDuration":54,"link":364,"overview":365,"highlights":366,"stack":373},"Eureka Efektif","\u002Fmedia\u002Fproject\u002Feurekaefektif.webp","https:\u002F\u002Fwww.eurekaefektif.com","A corporate website for Eureka Efektif Sdn Bhd, a Malaysian pipeline solutions provider for the oil & gas industry — 'Engineered for Flow. Built for Safety.' The site presents the company's pipeline pigging products, inline inspection and maintenance services, advanced monitoring and subsea repair technologies, project case studies, and industry credentials across its regional markets, through a fast, responsive, and SEO-friendly experience.",[367,368,369,370,371,372,101,63],"Corporate oil & gas services website","Product catalogue (pipeline pigs, polyurethane components, stabilizers)","Pipeline pigging, inspection & maintenance services","Advanced technology showcase (monitoring, subsea repair)","Project case studies and industry credentials","News & events content",[374,375,376,377],{"name":67,"detail":68},{"name":70,"detail":71},{"name":73,"detail":74},{"name":79,"detail":80},{"title":6,"description":7},{"metaTitle":6,"metaDescription":7},"pages\u002Fhome","6QId1KFGkpC8VUYR5JfwDIkGzhwb8vcx_UW2Kb-kdhI",1784328500621]