<!DOCTYPE html><html lang="en" class="h-full antialiased" dir="ltr"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="/_next/static/chunks/0~40ulxyx7~nw.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/16zqzdg1n588e.js"/><script src="/_next/static/chunks/0dx8l37msrp.y.js" async=""></script><script src="/_next/static/chunks/0vto940t-vv5n.js" async=""></script><script src="/_next/static/chunks/turbopack-00no6p3ugvm67.js" async=""></script><script src="/_next/static/chunks/0_gjbpefy1k2r.js" async=""></script><script src="/_next/static/chunks/0d3tkj33oycf2.js" async=""></script><script src="/_next/static/chunks/0z~x0pm555m4m.js" async=""></script><script src="/_next/static/chunks/022-zmf_ervbg.js" async=""></script><script src="/_next/static/chunks/0fsi8lw5utejl.js" async=""></script><script src="/_next/static/chunks/0w95qr~mo4l~6.js" async=""></script><link rel="preload" href="https://www.googletagmanager.com/gtag/js?id=G-0FEHV9Q48P" as="script"/><link rel="preload" href="https://web3forms.com/client/script.js" as="script"/><title>Mavenworks Web Design Services</title><meta name="description" content="WEB DESIGN PHILIPPINES. Mavenworks provides professional website design (static or CMS-driven), web app development, mobile app development (PWA), CMS-driven eCommerce, and organic SEO in the Philippines and abroad."/><link rel="author" href="https://webdesignphils.com"/><meta name="author" content="F.Domingo"/><meta name="keywords" content="Web Design,Web App Development,Mobile App Development,PWA,SEO Philippines"/><meta name="creator" content="Mavenworks Team"/><meta name="publisher" content="Mavenworks Web Design Services"/><link rel="canonical" href="https://webdesignphils.com/en/"/><link rel="alternate" hrefLang="en" href="https://webdesignphils.com/en/"/><link rel="alternate" hrefLang="zh" href="https://webdesignphils.com/zh/"/><link rel="alternate" hrefLang="es" href="https://webdesignphils.com/es/"/><link rel="alternate" hrefLang="fr" href="https://webdesignphils.com/fr/"/><link rel="alternate" hrefLang="de" href="https://webdesignphils.com/de/"/><link rel="alternate" hrefLang="ru" href="https://webdesignphils.com/ru/"/><link rel="alternate" hrefLang="ar" href="https://webdesignphils.com/ar/"/><link rel="alternate" hrefLang="x-default" href="https://webdesignphils.com/en/"/><meta property="og:title" content="Mavenworks Web Design Services"/><meta property="og:description" content="Professional website design and app development services in the Philippines and abroad."/><meta property="og:url" content="https://webdesignphils.com/en/"/><meta property="og:site_name" content="Mavenworks"/><meta property="og:locale" content="en_US"/><meta property="og:type" content="website"/><meta name="twitter:card" content="summary"/><meta name="twitter:title" content="Mavenworks Web Design Services"/><meta name="twitter:description" content="Professional website design and app development services in the Philippines and abroad."/><link rel="icon" href="/favicon.ico?favicon.0ymh3a60q9dtv.ico" sizes="256x256" type="image/x-icon"/><script src="/theme-init.js"></script><script src="/_next/static/chunks/03~yq9q893hmn.js" noModule=""></script></head><body class="min-h-full bg-base-100 overflow-x-hidden"><div hidden=""><!--$--><!--/$--></div><noscript> You need to enable JavaScript to run this app.</noscript><div class="navbar bg-base-100 shadow-sm sticky top-0 z-50"><div class="dropdown group/menu"><button tabindex="0" aria-label="Toggle menu" class="btn btn-ghost btn-circle relative swap flex items-center justify-center focus-within:swap-active focus-within:bg-base-content/20"><svg xmlns="w3.org" class="h-5 w-5 fill-current absolute transition-all duration-300 ease-in-out rotate-0 opacity-100 group-focus-within/menu:rotate-90 group-focus-within/menu:opacity-0" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h7"></path></svg><svg xmlns="w3.org" class="h-5 w-5 fill-current absolute transition-all duration-300 ease-in-out -rotate-90 opacity-0 group-focus-within/menu:rotate-0 group-focus-within/menu:opacity-100" fill="none" viewBox="0 0 512 512" stroke="currentColor"><polygon points="400 145.49 366.51 112 256 222.51 145.49 112 112 145.49 222.51 256 112 366.51 145.49 400 256 289.49 366.51 400 400 366.51 289.49 256 400 145.49"></polygon></svg></button><ul tabindex="-1" class="menu menu-md dropdown-content bg-base-100 rounded-b-md border-t-0 z-50 mt-3 p-2 shadow w-[95vw] md:w-max whitespace-normal md:whitespace-nowrap"><li><a class="group"><span class="flex items-center transition-transform duration-300 ease-in-out group-hover:translate-x-1"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 256 256" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M240,212H220V126.34l9.17,9.17a4,4,0,1,0,5.66-5.66L136.49,31.51a12,12,0,0,0-17,0L21.17,129.85a4,4,0,1,0,5.66,5.66L36,126.34V212H16a4,4,0,0,0,0,8H240a4,4,0,0,0,0-8ZM44,118.34l81.17-81.17a4,4,0,0,1,5.66,0L212,118.34V212H156V152a4,4,0,0,0-4-4H104a4,4,0,0,0-4,4v60H44ZM148,212H108V156h40Z"></path></svg><span class="ms-2">Home Page</span></span></a></li><li><details><summary class="group"><span class="flex items-center transition-transform duration-300 ease-in-out group-hover:translate-x-1"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 256 256" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M128,84a44,44,0,1,0,44,44A44.05,44.05,0,0,0,128,84Zm0,80a36,36,0,1,1,36-36A36,36,0,0,1,128,164Zm83.93-32.49q.13-3.51,0-7l15.83-19.79a4,4,0,0,0,.75-3.53A103.64,103.64,0,0,0,218,75.9a4,4,0,0,0-3-2l-25.19-2.8c-1.58-1.71-3.24-3.37-4.95-4.95L182.07,41a4,4,0,0,0-2-3A104,104,0,0,0,154.82,27.5a4,4,0,0,0-3.53.74L131.51,44.07q-3.51-.14-7,0L104.7,28.24a4,4,0,0,0-3.53-.75A103.64,103.64,0,0,0,75.9,38a4,4,0,0,0-2,3l-2.8,25.19c-1.71,1.58-3.37,3.24-4.95,4.95L41,73.93a4,4,0,0,0-3,2A104,104,0,0,0,27.5,101.18a4,4,0,0,0,.74,3.53l15.83,19.78q-.14,3.51,0,7L28.24,151.3a4,4,0,0,0-.75,3.53A103.64,103.64,0,0,0,38,180.1a4,4,0,0,0,3,2l25.19,2.8c1.58,1.71,3.24,3.37,4.95,4.95l2.8,25.2a4,4,0,0,0,2,3,104,104,0,0,0,25.28,10.46,4,4,0,0,0,3.53-.74l19.78-15.83q3.51.13,7,0l19.79,15.83a4,4,0,0,0,2.5.88,4,4,0,0,0,1-.13A103.64,103.64,0,0,0,180.1,218a4,4,0,0,0,2-3l2.8-25.19c1.71-1.58,3.37-3.24,4.95-4.95l25.2-2.8a4,4,0,0,0,3-2,104,104,0,0,0,10.46-25.28,4,4,0,0,0-.74-3.53Zm.17,42.83-24.67,2.74a4,4,0,0,0-2.55,1.32,76.2,76.2,0,0,1-6.48,6.48,4,4,0,0,0-1.32,2.55l-2.74,24.66a95.45,95.45,0,0,1-19.64,8.15l-19.38-15.51a4,4,0,0,0-2.5-.87h-.24a73.67,73.67,0,0,1-9.16,0,4,4,0,0,0-2.74.87l-19.37,15.5a95.33,95.33,0,0,1-19.65-8.13l-2.74-24.67a4,4,0,0,0-1.32-2.55,76.2,76.2,0,0,1-6.48-6.48,4,4,0,0,0-2.55-1.32l-24.66-2.74a95.45,95.45,0,0,1-8.15-19.64l15.51-19.38a4,4,0,0,0,.87-2.74,77.76,77.76,0,0,1,0-9.16,4,4,0,0,0-.87-2.74l-15.5-19.37A95.33,95.33,0,0,1,43.9,81.66l24.67-2.74a4,4,0,0,0,2.55-1.32,76.2,76.2,0,0,1,6.48-6.48,4,4,0,0,0,1.32-2.55l2.74-24.66a95.45,95.45,0,0,1,19.64-8.15l19.38,15.51a4,4,0,0,0,2.74.87,73.67,73.67,0,0,1,9.16,0,4,4,0,0,0,2.74-.87l19.37-15.5a95.33,95.33,0,0,1,19.65,8.13l2.74,24.67a4,4,0,0,0,1.32,2.55,76.2,76.2,0,0,1,6.48,6.48,4,4,0,0,0,2.55,1.32l24.66,2.74a95.45,95.45,0,0,1,8.15,19.64l-15.51,19.38a4,4,0,0,0-.87,2.74,77.76,77.76,0,0,1,0,9.16,4,4,0,0,0,.87,2.74l15.5,19.37A95.33,95.33,0,0,1,212.1,174.34Z"></path></svg><span class="mx-2">Our Services</span></span></summary><ul><li><a>Web Design (Static)</a></li><li><a>Web Design (CMS-Wordpress)</a></li><li><a>eCommerce (Wordpress + WooCommerce)</a></li><li><a>Web App Development</a></li><li><a>PWA - Progressive Web App Dev&#x27;t. (mobile app)</a></li><li><a>Search Engine Optimization (SEO)</a></li></ul></details></li><li><a class="group"><span class="flex items-center transition-transform duration-300 ease-in-out group-hover:translate-x-1"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 256 256" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M108,112a4,4,0,0,1,4-4h32a4,4,0,0,1,0,8H112A4,4,0,0,1,108,112ZM228,72V200a12,12,0,0,1-12,12H40a12,12,0,0,1-12-12V72A12,12,0,0,1,40,60H84V48a20,20,0,0,1,20-20h48a20,20,0,0,1,20,20V60h44A12,12,0,0,1,228,72ZM92,60h72V48a12,12,0,0,0-12-12H104A12,12,0,0,0,92,48ZM36,72v44a188,188,0,0,0,92,24,188,188,0,0,0,92-24V72a4,4,0,0,0-4-4H40A4,4,0,0,0,36,72ZM220,200V125.1A196.06,196.06,0,0,1,128,148a196,196,0,0,1-92-22.9V200a4,4,0,0,0,4,4H216A4,4,0,0,0,220,200Z"></path></svg><span class="ms-2">Shortlist Project Portfolio</span></span></a></li><li><a class="group"><span class="flex items-center transition-transform duration-300 ease-in-out group-hover:translate-x-1"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 256 256" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M107.19,159a56,56,0,1,0-46.38,0A91.83,91.83,0,0,0,6.88,197.81a4,4,0,1,0,6.7,4.37,84,84,0,0,1,140.84,0,4,4,0,1,0,6.7-4.37A91.83,91.83,0,0,0,107.19,159ZM36,108a48,48,0,1,1,48,48A48.05,48.05,0,0,1,36,108Zm212,95.35a4,4,0,0,1-5.53-1.17A83.81,83.81,0,0,0,172,164a4,4,0,0,1,0-8,48,48,0,1,0-17.82-92.58,4,4,0,1,1-3-7.43,56,56,0,0,1,44,103,91.83,91.83,0,0,1,53.93,38.86A4,4,0,0,1,248,203.35Z"></path></svg><span class="ms-2">About Us</span></span></a></li><li><a class="group"><span class="flex items-center transition-transform duration-300 ease-in-out group-hover:translate-x-1"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 256 256" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M224,52H32a4,4,0,0,0-4,4V192a12,12,0,0,0,12,12H216a12,12,0,0,0,12-12V56A4,4,0,0,0,224,52Zm-96,86.57L42.28,60H213.72ZM104.63,128,36,190.91V65.09Zm5.92,5.43L125.3,147a4,4,0,0,0,5.4,0l14.75-13.52L213.72,196H42.28ZM151.37,128,220,65.09V190.91Z"></path></svg><span class="ms-2">Contact Us</span></span></a></li></ul></div><div class="flex-1 ms-2"><a href="/en/" class="group inline-flex flex-row items-center gap-1.5 w-fit"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 586 336.362" class="nav-logo text-primary transition-colors group-hover:text-green-700"><path fill="currentColor" d="M340.882,266.813c12.725,22.31,4.956,50.706-17.353,63.433l0,0c-22.308,12.723-50.706,4.957-63.431-17.354 L121.864,70.547c-12.725-22.308-4.956-50.706,17.352-63.43l0,0c22.308-12.725,50.706-4.955,63.431,17.352L340.882,266.813z"></path><path fill="currentColor" d="M467.135,265.813c12.725,22.31,4.956,50.706-17.353,63.433l0,0c-22.308,12.723-50.705,4.957-63.431-17.354 L248.117,69.547c-12.725-22.308-4.956-50.706,17.352-63.43l0,0c22.308-12.725,50.706-4.955,63.431,17.352L467.135,265.813z"></path><path fill="currentColor" d="M88.228,311.477c-12.869,22.66-41.672,30.6-64.334,17.73l0,0c-22.662-12.869-30.6-41.672-17.731-64.335 l63.022-110.979c12.869-22.661,41.672-30.6,64.334-17.73l0,0c22.662,12.869,30.6,41.673,17.731,64.334L88.228,311.477z"></path><path fill="currentColor" d="M516.814,182.477c-12.869,22.66-41.672,30.6-64.334,17.73l0,0c-22.662-12.869-30.601-41.672-17.731-64.335 l63.022-110.978C510.64,2.232,539.443-5.707,562.105,7.163l0,0c22.662,12.869,30.601,41.673,17.731,64.334L516.814,182.477z"></path></svg><p class="text-xl">Mavenworks</p></a></div><div class="flex flex-none flex-row items-center gap-x-2"><div class="dropdown dropdown-end"><div tabindex="0" role="button" class="btn btn-ghost rounded-field text-xs gap-2 flex items-center"><span class="flex items-center gap-1.5 font-medium"><svg class="w-5 aspect-3/2 rounded-xs shadow-xs border border-base-content/10 shrink-0" viewBox="0 0 60 40" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="60" height="40" fill="#012169"></rect><path d="M0 0l60 40M60 0L0 40" stroke="#ffffff" stroke-width="6"></path><path d="M0 0l30 20M60 40L30 20M60 0L30 20M0 40L30 20" stroke="#C8102E" stroke-width="4"></path><path d="M30 0v40M0 20h60" stroke="#ffffff" stroke-width="12"></path><path d="M30 0v40M0 20h60" stroke="#C8102E" stroke-width="8"></path></svg> English</span></div><ul tabindex="0" class="menu dropdown-content bg-base-100 rounded-box z-1 text-xs p-2 shadow-sm border border-base-200 w-[80vw] md:w-max mt-1"><li><a href="/en/" class="flex items-center gap-2"><svg class="w-5 aspect-3/2 rounded-xs shadow-xs border border-base-content/10 shrink-0" viewBox="0 0 60 40" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="60" height="40" fill="#012169"></rect><path d="M0 0l60 40M60 0L0 40" stroke="#ffffff" stroke-width="6"></path><path d="M0 0l30 20M60 40L30 20M60 0L30 20M0 40L30 20" stroke="#C8102E" stroke-width="4"></path><path d="M30 0v40M0 20h60" stroke="#ffffff" stroke-width="12"></path><path d="M30 0v40M0 20h60" stroke="#C8102E" stroke-width="8"></path></svg> English</a></li><li><a href="/es/" class="flex items-center gap-2"><svg class="w-5 aspect-3/2 rounded-xs shadow-xs border border-base-content/10 shrink-0" viewBox="0 0 30 20" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="30" height="5" fill="#C8102E"></rect><rect y="5" width="30" height="10" fill="#FFD100"></rect><rect y="15" width="30" height="5" fill="#C8102E"></rect><g transform="translate(6, 7.5)"><path d="M1.5 1.5l1.5-1 1.5 1 1.5-1 1.5 1v1h-7v-1z" fill="#C8102E"></path><path d="M1 3h7v3a3.5 3.5 0 01-7 0V3z" fill="#C8102E"></path><path d="M2 4h5v2a2.5 2.5 0 01-5 0V4z" fill="#FFD100"></path><rect x="-1" y="2.5" width="1" height="5" fill="#8A9A9A"></rect><circle cx="-0.5" cy="2" r="0.7" fill="#FFD100"></circle><rect x="9" y="2.5" width="1" height="5" fill="#8A9A9A"></rect><circle cx="9.5" cy="2" r="0.7" fill="#FFD100"></circle></g></svg> Español</a></li><li><a href="/fr/" class="flex items-center gap-2"><svg class="w-5 aspect-3/2 rounded-xs shadow-xs border border-base-content/10 shrink-0" viewBox="0 0 30 20" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="10" height="20" fill="#002395"></rect><rect x="10" width="10" height="20" fill="#FFFFFF"></rect><rect x="20" width="10" height="20" fill="#ED2939"></rect></svg> Français</a></li><li><a href="/de/" class="flex items-center gap-2"><svg class="w-5 aspect-3/2 rounded-xs shadow-xs border border-base-content/10 shrink-0" viewBox="0 0 30 20" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="30" height="6.67" fill="#000000"></rect><rect y="6.67" width="30" height="6.67" fill="#DD0000"></rect><rect y="13.34" width="30" height="6.67" fill="#FFCC00"></rect></svg> Deutsch</a></li><li><a href="/ru/" class="flex items-center gap-2"><svg class="w-5 aspect-3/2 rounded-xs shadow-xs border border-base-content/10 shrink-0" viewBox="0 0 30 20" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="30" height="6.67" fill="#FFFFFF"></rect><rect y="6.67" width="30" height="6.67" fill="#0039A6"></rect><rect y="13.34" width="30" height="6.67" fill="#D52B1E"></rect></svg> Русский</a></li><li><a href="/ar/" class="flex items-center gap-2"><svg class="w-5 aspect-3/2 rounded-xs shadow-xs border border-base-content/10 shrink-0" viewBox="0 0 30 20" fill="none" xmlns="http://w3.org"><rect width="30" height="20" fill="#006C35"></rect><g fill="#FFFFFF" transform="translate(7.5, 4.5)"><path d="M2 1h1v2H2V1z M5 0h1v3H5V0z M8 1h1v2H8V1z M11 0h1v3H11V0z M13.5 1h1v2h-1V1z" opacity="0.95"></path><path d="M1 3.5h13v1H1v-1z"></path><path d="M0.5 2h2v2.5h-2V2z M3.5 1.5h1.5V4h-1.5V1.5z M6.5 2.5h2V4h-2V2.5z M9.5 1h2v3h-2V1z" opacity="0.9"></path></g><g fill="#FFFFFF" transform="translate(8.5, 11.5)"><path d="M0 0.5h11v0.8H0V0.5z"></path><path d="M11 0.5l1.5-0.3v1.1l-1.5-0.2V0.5z"></path><rect x="-1" y="-0.4" width="1" height="2.6" rx="0.2"></rect><rect x="-2" y="0.4" width="1" height="1" rx="0.1"></rect></g></svg> العربية</a></li><li><a href="/zh/" class="flex items-center gap-2"><svg class="w-5 aspect-3/2 rounded-xs shadow-xs border border-base-content/10 shrink-0" viewBox="0 0 30 20" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="30" height="20" fill="#EE1C25"></rect><path d="M5 5l1.176 3.618H10l-2.939 2.135 1.123 3.618L5 12.236l-3.184 2.135 1.123-3.618L0 8.618h3.824L5 5z" fill="#FFFF00"></path><path d="M10 2l.34.42-.51.13.43.32-.17-.51.42-.33-.53-.02L10 2z" fill="#FFFF00"></path><path d="M12 4l.11.53-.43-.32-.47.27.27-.49-.33-.42.53.07L12 4z" fill="#FFFF00"></path><path d="M12 7l.11.53-.43-.32-.47.27.27-.49-.33-.42.53.07L12 7z" fill="#FFFF00"></path><path d="M10 9l.34.42-.51.13.43.32-.17-.51.42-.33-.53-.02L10 9z" fill="#FFFF00"></path></svg> 中文（简体）</a></li></ul></div><div class="flex-none flex-row items-center"><div class="" data-tip="Change Theme" style="opacity:0;transform:translateX(-15px)"><div></div></div><div class="btn btn-ghost btn-circle"><span class="loading loading-spinner loading-xs"></span></div></div></div></div><div class="fixed inset-0 z-50 flex items-center justify-center bg-base-100"><svg version="1.1" xmlns="http://w3.org" viewBox="-13 -13 45 45" class="w-16 h-16"><style>
							/* This targets your circles and injects the daisyUI primary color variable directly */
							.box5631 { 
							/* 1. Tell the circles to inherit the text color of the SVG */
							fill: currentColor; 
							transform-origin: 50% 50%; 
							} 
							
							/* 2. Target the SVG itself and force it to use daisyUI's base text color variable */
							svg {
							color: var(--bc);
							}
					
							@keyframes moveBox5631-1 { 9.0909090909% { transform: translate(-12px, 0); } 18.1818181818% { transform: translate(0px, 0); } 27.2727272727% { transform: translate(0px, 0); } 36.3636363636% { transform: translate(12px, 0); } 45.4545454545% { transform: translate(12px, 12px); } 54.5454545455% { transform: translate(12px, 12px); } 63.6363636364% { transform: translate(12px, 12px); } 72.7272727273% { transform: translate(12px, 0px); } 81.8181818182% { transform: translate(0px, 0px); } 90.9090909091% { transform: translate(-12px, 0px); } 100% { transform: translate(0px, 0px); } } 
							.box5631:nth-child(1) { animation: moveBox5631-1 4s infinite; } 
							@keyframes moveBox5631-2 { 9.0909090909% { transform: translate(0, 0); } 18.1818181818% { transform: translate(12px, 0); } 27.2727272727% { transform: translate(0px, 0); } 36.3636363636% { transform: translate(12px, 0); } 45.4545454545% { transform: translate(12px, 12px); } 54.5454545455% { transform: translate(12px, 12px); } 63.6363636364% { transform: translate(12px, 12px); } 72.7272727273% { transform: translate(12px, 12px); } 81.8181818182% { transform: translate(0px, 12px); } 90.9090909091% { transform: translate(0px, 12px); } 100% { transform: translate(0px, 0px); } } 
							.box5631:nth-child(2) { animation: moveBox5631-2 4s infinite; } 
							@keyframes moveBox5631-3 { 9.0909090909% { transform: translate(-12px, 0); } 18.1818181818% { transform: translate(-12px, 0); } 27.2727272727% { transform: translate(0px, 0); } 36.3636363636% { transform: translate(-12px, 0); } 45.4545454545% { transform: translate(-12px, 0); } 54.5454545455% { transform: translate(-12px, 0); } 63.6363636364% { transform: translate(-12px, 0); } 72.7272727273% { transform: translate(-12px, 0); } 81.8181818182% { transform: translate(-12px, -12px); } 90.9090909091% { transform: translate(0px, -12px); } 100% { transform: translate(0px, 0px); } } 
							.box5631:nth-child(3) { animation: moveBox5631-3 4s infinite; } 
							@keyframes moveBox5631-4 { 9.0909090909% { transform: translate(-12px, 0); } 18.1818181818% { transform: translate(-12px, 0); } 27.2727272727% { transform: translate(-12px, -12px); } 36.3636363636% { transform: translate(0px, -12px); } 45.4545454545% { transform: translate(0px, 0px); } 54.5454545455% { transform: translate(0px, -12px); } 63.6363636364% { transform: translate(0px, -12px); } 72.7272727273% { transform: translate(0px, -12px); } 81.8181818182% { transform: translate(-12px, -12px); } 90.9090909091% { transform: translate(-12px, 0px); } 100% { transform: translate(0px, 0px); } } 
							.box5631:nth-child(4) { animation: moveBox5631-4 4s infinite; } 
							@keyframes moveBox5631-5 { 9.0909090909% { transform: translate(0, 0); } 18.1818181818% { transform: translate(0, 0); } 27.2727272727% { transform: translate(0, 0); } 36.3636363636% { transform: translate(12px, 0); } 45.4545454545% { transform: translate(12px, 0); } 54.5454545455% { transform: translate(12px, 0); } 63.6363636364% { transform: translate(12px, 0); } 72.7272727273% { transform: translate(12px, 0); } 81.8181818182% { transform: translate(12px, -12px); } 90.9090909091% { transform: translate(0px, -12px); } 100% { transform: translate(0px, 0px); } } 
							.box5631:nth-child(5) { animation: moveBox5631-5 4s infinite; } 
							@keyframes moveBox5631-6 { 9.0909090909% { transform: translate(0, 0); } 18.1818181818% { transform: translate(-12px, 0); } 27.2727272727% { transform: translate(-12px, 0); } 36.3636363636% { transform: translate(0px, 0); } 45.4545454545% { transform: translate(0px, 0); } 54.5454545455% { transform: translate(0px, 0); } 63.6363636364% { transform: translate(0px, 0); } 72.7272727273% { transform: translate(0px, 12px); } 81.8181818182% { transform: translate(-12px, 12px); } 90.9090909091% { transform: translate(-12px, 0px); } 100% { transform: translate(0px, 0px); } } 
							.box5631:nth-child(6) { animation: moveBox5631-6 4s infinite; } 
							@keyframes moveBox5631-7 { 9.0909090909% { transform: translate(12px, 0); } 18.1818181818% { transform: translate(12px, 0); } 27.2727272727% { transform: translate(12px, 0); } 36.3636363636% { transform: translate(0px, 0); } 45.4545454545% { transform: translate(0px, -12px); } 54.5454545455% { transform: translate(12px, -12px); } 63.6363636364% { transform: translate(0px, -12px); } 72.7272727273% { transform: translate(0px, -12px); } 81.8181818182% { transform: translate(0px, 0px); } 90.9090909091% { transform: translate(12px, 0px); } 100% { transform: translate(0px, 0px); } } 
							.box5631:nth-child(7) { animation: moveBox5631-7 4s infinite; } 
							@keyframes moveBox5631-8 { 9.0909090909% { transform: translate(0, 0); } 18.1818181818% { transform: translate(-12px, 0); } 27.2727272727% { transform: translate(-12px, -12px); } 36.3636363636% { transform: translate(0px, -12px); } 45.4545454545% { transform: translate(0px, -12px); } 54.5454545455% { transform: translate(0px, -12px); } 63.6363636364% { transform: translate(0px, -12px); } 72.7272727273% { transform: translate(0px, -12px); } 81.8181818182% { transform: translate(12px, -12px); } 90.9090909091% { transform: translate(12px, 0px); } 100% { transform: translate(0px, 0px); } } 
							.box5631:nth-child(8) { animation: moveBox5631-8 4s infinite; } 
							@keyframes moveBox5631-9 { 9.0909090909% { transform: translate(-12px, 0); } 18.1818181818% { transform: translate(-12px, 0); } 27.2727272727% { transform: translate(0px, 0); } 36.3636363636% { transform: translate(-12px, 0); } 45.4545454545% { transform: translate(0px, 0); } 54.5454545455% { transform: translate(0px, 0); } 63.6363636364% { transform: translate(-12px, 0); } 72.7272727273% { transform: translate(-12px, 0); } 81.8181818182% { transform: translate(-24px, 0); } 90.9090909091% { transform: translate(-12px, 0); } 100% { transform: translate(0px, 0); } } 
							.box5631:nth-child(9) { animation: moveBox5631-9 4s infinite; }
						</style><g><circle class="box5631" cx="13" cy="1" r="5"></circle><circle class="box5631" cx="13" cy="1" r="5"></circle><circle class="box5631" cx="25" cy="25" r="5"></circle><circle class="box5631" cx="13" cy="13" r="5"></circle><circle class="box5631" cx="13" cy="13" r="5"></circle><circle class="box5631" cx="25" cy="13" r="5"></circle><circle class="box5631" cx="1" cy="25" r="5"></circle><circle class="box5631" cx="13" cy="25" r="5"></circle><circle class="box5631" cx="25" cy="25" r="5"></circle></g></svg></div><!--$--><!--/$--><script>(self.__next_s=self.__next_s||[]).push([0,{"children":"\n\t\t\t\t\t\t\twindow.dataLayer = window.dataLayer || [];\n\t\t\t\t\t\t\tfunction gtag(){dataLayer.push(arguments);}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t// Check if they already made a choice previously\n\t\t\t\t\t\t\tconst savedConsent = localStorage.getItem('cookie-consent');\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tif (savedConsent !== 'accepted') {\n\t\t\t\t\t\t\t\tgtag('consent', 'default', {\n\t\t\t\t\t\t\t\t'analytics_storage': 'denied',\n\t\t\t\t\t\t\t\t'ad_storage': 'denied'\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t","id":"google-consent-defaults"}])</script><footer class="footer sm:footer-horizontal footer-center bg-base-200 border-t border-base-100 py-4 px-0 text-xs       text-base-content/80       in-data-[theme=&#x27;business&#x27;]:text-base-content/60       in-data-[theme=&#x27;dark&#x27;]:text-base-content/60"><aside><p>Copyright ©<!-- --> <!-- -->2026<!-- --> - <!-- -->All right reserved by<!-- --> <a class="link link-hover" href="https://webdesignphils.com/">Mavenworks</a></p></aside></footer><script src="/_next/static/chunks/16zqzdg1n588e.js" id="_R_" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0])</script><script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[39756,[\"/_next/static/chunks/0_gjbpefy1k2r.js\",\"/_next/static/chunks/0d3tkj33oycf2.js\"],\"default\"]\n3:I[37457,[\"/_next/static/chunks/0_gjbpefy1k2r.js\",\"/_next/static/chunks/0d3tkj33oycf2.js\"],\"default\"]\n4:I[6976,[\"/_next/static/chunks/0_gjbpefy1k2r.js\",\"/_next/static/chunks/0d3tkj33oycf2.js\"],\"default\"]\n6:I[47257,[\"/_next/static/chunks/0_gjbpefy1k2r.js\",\"/_next/static/chunks/0d3tkj33oycf2.js\"],\"ClientPageRoot\"]\n7:I[58403,[\"/_next/static/chunks/0z~x0pm555m4m.js\",\"/_next/static/chunks/022-zmf_ervbg.js\",\"/_next/static/chunks/0fsi8lw5utejl.js\",\"/_next/static/chunks/0w95qr~mo4l~6.js\"],\"default\"]\na:I[97367,[\"/_next/static/chunks/0_gjbpefy1k2r.js\",\"/_next/static/chunks/0d3tkj33oycf2.js\"],\"OutletBoundary\"]\nb:\"$Sreact.suspense\"\ne:I[97367,[\"/_next/static/chunks/0_gjbpefy1k2r.js\",\"/_next/static/chunks/0d3tkj33oycf2.js\"],\"ViewportBoundary\"]\n10:I[97367,[\"/_next/static/chunks/0_gjbpefy1k2r.js\",\"/_next/static/chunks/0d3tkj33oycf2.js\"],\"MetadataBoundary\"]\n12:I[68027,[],\"default\",1]\n:HL[\"/_next/static/chunks/0~40ulxyx7~nw.css\",\"style\"]\n"])</script><script>self.__next_f.push([1,"0:{\"P\":null,\"c\":[\"\",\"en\",\"\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[[\"lang\",\"en\",\"d\",null],{\"children\":[\"__PAGE__\",{}]},\"$undefined\",\"$undefined\",16]}],[[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"$L4\",null,{}],[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/0~40ulxyx7~nw.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/0~40ulxyx7~nw.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/0z~x0pm555m4m.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/022-zmf_ervbg.js\",\"async\":true,\"nonce\":\"$undefined\"}]],\"$L5\"]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[[\"$\",\"$L6\",null,{\"Component\":\"$7\",\"serverProvidedParams\":{\"searchParams\":{},\"params\":{\"lang\":\"en\"},\"promises\":[\"$@8\",\"$@9\"]}}],[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/0fsi8lw5utejl.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/0w95qr~mo4l~6.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"$La\",null,{\"children\":[\"$\",\"$b\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@c\"}]}]]}],{},null,false,null]},null,false,null]},null,false,\"$@d\"],[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$Le\",null,{\"children\":\"$Lf\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$L10\",null,{\"children\":[\"$\",\"$b\",null,{\"name\":\"Next.Metadata\",\"children\":\"$L11\"}]}]}],null]}],false]],\"m\":\"$undefined\",\"G\":[\"$12\",[]],\"S\":true,\"h\":null,\"s\":\"$undefined\",\"l\":\"$undefined\",\"p\":\"$undefined\",\"d\":\"$undefined\",\"b\":\"c_WbRK4XAx0J_GrDusMgt\"}\n"])</script><script>self.__next_f.push([1,"13:[]\nd:\"$W13\"\n8:{}\n9:\"$0:f:0:1:1:children:1:children:0:props:children:0:props:serverProvidedParams:params\"\n"])</script><script>self.__next_f.push([1,"15:I[11555,[\"/_next/static/chunks/0z~x0pm555m4m.js\",\"/_next/static/chunks/022-zmf_ervbg.js\"],\"NavProvider\"]\n16:I[13826,[\"/_next/static/chunks/0z~x0pm555m4m.js\",\"/_next/static/chunks/022-zmf_ervbg.js\"],\"default\"]\n17:I[14020,[\"/_next/static/chunks/0z~x0pm555m4m.js\",\"/_next/static/chunks/022-zmf_ervbg.js\"],\"default\"]\n18:I[79520,[\"/_next/static/chunks/0z~x0pm555m4m.js\",\"/_next/static/chunks/022-zmf_ervbg.js\"],\"\"]\n19:I[40163,[\"/_next/static/chunks/0z~x0pm555m4m.js\",\"/_next/static/chunks/022-zmf_ervbg.js\"],\"default\"]\n14:\" You need to enable JavaScript to run this app.\"\n"])</script><script>self.__next_f.push([1,"5:[\"$\",\"html\",null,{\"lang\":\"en\",\"className\":\"h-full antialiased\",\"dir\":\"ltr\",\"suppressHydrationWarning\":true,\"children\":[[\"$\",\"head\",null,{\"children\":[\"$\",\"script\",null,{\"src\":\"/theme-init.js\"}]}],[\"$\",\"body\",null,{\"className\":\"min-h-full bg-base-100 overflow-x-hidden\",\"children\":[[\"$\",\"noscript\",null,{\"children\":\" You need to enable JavaScript to run this app.\"}],[\"$\",\"$L15\",null,{\"children\":[[\"$\",\"$L16\",null,{\"currentLang\":\"en\",\"dict\":{\"homeLink\":\"Home Page\",\"servicesLink\":\"Our Services\",\"servicesWebDesignStatic\":\"Web Design (Static)\",\"servicesWebDesignWordpress\":\"Web Design (CMS-Wordpress)\",\"servicesWebDesignECommerce\":\"eCommerce (Wordpress + WooCommerce)\",\"servicesWebApp\":\"Web App Development\",\"servicesPWA\":\"PWA - Progressive Web App Dev't. (mobile app)\",\"servicesSEO\":\"Search Engine Optimization (SEO)\",\"projectPortfolio\":\"Shortlist Project Portfolio\",\"aboutUs\":\"About Us\",\"contactUs\":\"Contact Us\"},\"dict2\":{\"light\":\"Light\",\"dark\":\"Dark\",\"business\":\"Business\",\"corporate\":\"Corporate\",\"nord\":\"Nord\"},\"dict3\":{\"changeThemeMessage\":\"Change Theme\"}}],[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}],[\"$\",\"$L17\",null,{}],[\"$\",\"$L18\",null,{\"id\":\"google-consent-defaults\",\"strategy\":\"beforeInteractive\",\"children\":\"\\n\\t\\t\\t\\t\\t\\t\\twindow.dataLayer = window.dataLayer || [];\\n\\t\\t\\t\\t\\t\\t\\tfunction gtag(){dataLayer.push(arguments);}\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t// Check if they already made a choice previously\\n\\t\\t\\t\\t\\t\\t\\tconst savedConsent = localStorage.getItem('cookie-consent');\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\tif (savedConsent !== 'accepted') {\\n\\t\\t\\t\\t\\t\\t\\t\\tgtag('consent', 'default', {\\n\\t\\t\\t\\t\\t\\t\\t\\t'analytics_storage': 'denied',\\n\\t\\t\\t\\t\\t\\t\\t\\t'ad_storage': 'denied'\\n\\t\\t\\t\\t\\t\\t\\t\\t});\\n\\t\\t\\t\\t\\t\\t\\t}\\n\\t\\t\\t\\t\\t\\t\"}],[\"$\",\"$L18\",null,{\"src\":\"https://www.googletagmanager.com/gtag/js?id=G-0FEHV9Q48P\",\"strategy\":\"afterInteractive\"}],[\"$\",\"$L18\",null,{\"id\":\"google-analytics\",\"strategy\":\"afterInteractive\",\"children\":\"\\n\\t\\t\\t\\t\\t\\t\\twindow.dataLayer = window.dataLayer || [];\\n\\t\\t\\t\\t\\t\\t\\tfunction gtag(){dataLayer.push(arguments);}\\n\\t\\t\\t\\t\\t\\t\\tgtag('js', new Date());\\n\\t\\t\\t\\t\\t\\t\\tgtag('config', 'G-0FEHV9Q48P');\\n\\t\\t\\t\\t\\t\\t\"}],[\"$\",\"$L18\",null,{\"src\":\"https://web3forms.com/client/script.js\",\"strategy\":\"afterInteractive\"}],[\"$\",\"$L18\",null,{\"id\":\"crisp-chat-widget\",\"strategy\":\"lazyOnload\",\"dangerouslySetInnerHTML\":{\"__html\":\"\\n\\t\\t\\t\\t\\t\\t\\twindow.$crisp=[];\\n\\t\\t\\t\\t\\t\\t\\twindow.CRISP_WEBSITE_ID=\\\"b78a638b-87d1-41ae-8601-928b2cd9a732\\\";\\n\\t\\t\\t\\t\\t\\t\\t(function(){\\n\\t\\t\\t\\t\\t\\t\\t\\tvar d=document;\\n\\t\\t\\t\\t\\t\\t\\t\\tvar s=d.createElement(\\\"script\\\");\\n\\t\\t\\t\\t\\t\\t\\t\\ts.src=\\\"https://client.crisp.chat/l.js\\\";\\n\\t\\t\\t\\t\\t\\t\\t\\ts.async=1;\\n\\t\\t\\t\\t\\t\\t\\t\\td.getElementsByTagName(\\\"head\\\")[0].appendChild(s);\\n\\t\\t\\t\\t\\t\\t\\t})();\\n\\t\\t\\t\\t\\t\\t\\t\"}}],[\"$\",\"$L19\",null,{\"currentLang\":\"en\",\"dict\":{\"copyright\":\"Copyright ©\",\"rightsReserved\":\"All right reserved by\"}}]]}]]}]]}]\n"])</script><script>self.__next_f.push([1,"f:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n"])</script><script>self.__next_f.push([1,"1a:I[27201,[\"/_next/static/chunks/0_gjbpefy1k2r.js\",\"/_next/static/chunks/0d3tkj33oycf2.js\"],\"IconMark\"]\nc:null\n"])</script><script>self.__next_f.push([1,"11:[[\"$\",\"title\",\"0\",{\"children\":\"Mavenworks Web Design Services\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"WEB DESIGN PHILIPPINES. Mavenworks provides professional website design (static or CMS-driven), web app development, mobile app development (PWA), CMS-driven eCommerce, and organic SEO in the Philippines and abroad.\"}],[\"$\",\"link\",\"2\",{\"rel\":\"author\",\"href\":\"https://webdesignphils.com\"}],[\"$\",\"meta\",\"3\",{\"name\":\"author\",\"content\":\"F.Domingo\"}],[\"$\",\"meta\",\"4\",{\"name\":\"keywords\",\"content\":\"Web Design,Web App Development,Mobile App Development,PWA,SEO Philippines\"}],[\"$\",\"meta\",\"5\",{\"name\":\"creator\",\"content\":\"Mavenworks Team\"}],[\"$\",\"meta\",\"6\",{\"name\":\"publisher\",\"content\":\"Mavenworks Web Design Services\"}],[\"$\",\"link\",\"7\",{\"rel\":\"canonical\",\"href\":\"https://webdesignphils.com/en/\"}],[\"$\",\"link\",\"8\",{\"rel\":\"alternate\",\"hrefLang\":\"en\",\"href\":\"https://webdesignphils.com/en/\"}],[\"$\",\"link\",\"9\",{\"rel\":\"alternate\",\"hrefLang\":\"zh\",\"href\":\"https://webdesignphils.com/zh/\"}],[\"$\",\"link\",\"10\",{\"rel\":\"alternate\",\"hrefLang\":\"es\",\"href\":\"https://webdesignphils.com/es/\"}],[\"$\",\"link\",\"11\",{\"rel\":\"alternate\",\"hrefLang\":\"fr\",\"href\":\"https://webdesignphils.com/fr/\"}],[\"$\",\"link\",\"12\",{\"rel\":\"alternate\",\"hrefLang\":\"de\",\"href\":\"https://webdesignphils.com/de/\"}],[\"$\",\"link\",\"13\",{\"rel\":\"alternate\",\"hrefLang\":\"ru\",\"href\":\"https://webdesignphils.com/ru/\"}],[\"$\",\"link\",\"14\",{\"rel\":\"alternate\",\"hrefLang\":\"ar\",\"href\":\"https://webdesignphils.com/ar/\"}],[\"$\",\"link\",\"15\",{\"rel\":\"alternate\",\"hrefLang\":\"x-default\",\"href\":\"https://webdesignphils.com/en/\"}],[\"$\",\"meta\",\"16\",{\"property\":\"og:title\",\"content\":\"Mavenworks Web Design Services\"}],[\"$\",\"meta\",\"17\",{\"property\":\"og:description\",\"content\":\"Professional website design and app development services in the Philippines and abroad.\"}],[\"$\",\"meta\",\"18\",{\"property\":\"og:url\",\"content\":\"https://webdesignphils.com/en/\"}],[\"$\",\"meta\",\"19\",{\"property\":\"og:site_name\",\"content\":\"Mavenworks\"}],[\"$\",\"meta\",\"20\",{\"property\":\"og:locale\",\"content\":\"en_US\"}],[\"$\",\"meta\",\"21\",{\"property\":\"og:type\",\"content\":\"website\"}],[\"$\",\"meta\",\"22\",{\"name\":\"twitter:card\",\"content\":\"summary\"}],[\"$\",\"meta\",\"23\",{\"name\":\"twitter:title\",\"content\":\"Mavenworks Web Design Services\"}],[\"$\",\"meta\",\"24\",{\"name\":\"twitter:description\",\"content\":\"Professional website design and app development services in the Philippines and abroad.\"}],[\"$\",\"link\",\"25\",{\"rel\":\"icon\",\"href\":\"/favicon.ico?favicon.0ymh3a60q9dtv.ico\",\"sizes\":\"256x256\",\"type\":\"image/x-icon\"}],[\"$\",\"$L1a\",\"26\",{}]]\n"])</script></body></html>