*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{–bg:#fbfaf8;–white:#fff;–green:#00a82d;–green-dark:#008a25;–purple:#5b2d82;–purple-light:#eee8f7;–ink:#141414;–text:#4e4d4c;–muted:#666;–border:#eeebe4;–radius:20px;–radius-sm:14px;–shadow:0 2px 8px rgba(0,0,0,.04),0 16px 36px rgba(0,0,0,.07);–max:1200px}
body{font-family:’Inter’,-apple-system,BlinkMacSystemFont,sans-serif;background:var(–bg);color:var(–ink);line-height:1.6;-webkit-font-smoothing:antialiased}
section{padding:64px 24px}
.inner{max-width:var(–max);margin:0 auto}
.badge{display:inline-block;font-size:10px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;background:var(–purple-light);color:var(–purple);padding:6px 14px;border-radius:999px;margin-bottom:16px}
.badge-green{background:rgba(0,168,45,.08);color:var(–green);border:1px solid rgba(0,168,45,.2)}
.btn{display:inline-flex;align-items:center;gap:8px;padding:15px 30px;border-radius:999px;font-weight:700;font-size:15px;text-decoration:none;transition:all .15s}
.btn-green{background:var(–green);color:#fff;box-shadow:0 4px 16px rgba(0,168,45,.25)}
.btn-green:hover{background:var(–green-dark);transform:translateY(-1px)}
.btn svg{width:20px;height:20px;flex-shrink:0}
.sec-label{text-align:center;margin-bottom:48px}
.sec-label h2{font-size:clamp(28px,3.5vw,40px);font-weight:800;letter-spacing:-.6px}
.sec-label h2 em{font-style:italic;font-family:Georgia,serif;color:var(–purple)}
.sec-label p{font-size:16px;color:var(–muted);margin-top:10px}
.hero{text-align:center;padding:64px 24px;background:linear-gradient(180deg,#f0ecf5,var(–bg))}
.hero h1{font-size:clamp(30px,4.5vw,48px);font-weight:800;line-height:1.1;letter-spacing:-1px;margin:0 0 18px}
.hero h1 span{color:var(–green)}
.hero p{font-size:17px;color:var(–text);max-width:600px;margin:0 auto 32px}
.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.svc-card{background:var(–white);border:1px solid var(–border);border-radius:var(–radius);padding:34px 28px;box-shadow:var(–shadow);transition:transform .15s;display:flex;flex-direction:column}
.svc-card:hover{transform:translateY(-3px)}
.svc-card .icon{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:18px}
.svc-card .icon svg{width:30px;height:30px}
.icon-plug{background:#e0f5e5;color:var(–green)}
.icon-cart{background:var(–purple-light);color:var(–purple)}
.icon-speed{background:#e8f4fb;color:#276a80}
.svc-card h3{font-size:19px;font-weight:800;margin:0 0 10px;letter-spacing:-.3px}
.svc-card p{font-size:14px;color:var(–muted);line-height:1.65;margin:0;flex:1}
.extra-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.extra-item{background:var(–white);border:1px solid var(–border);border-radius:var(–radius-sm);padding:22px 20px;text-align:center;box-shadow:var(–shadow)}
.extra-item h4{font-size:15px;font-weight:700;margin:0 0 4px;letter-spacing:-.2px}
.extra-item p{font-size:13px;color:var(–muted);margin:0;line-height:1.5}
.cta-final{padding:60px 24px;position:relative;text-align:center}
.cta-final-card{max-width:1200px;margin:0 auto;background:#fff;border:1px solid rgba(255,255,255,.8);border-radius:24px;padding:80px 40px;position:relative;overflow:hidden;box-shadow:0 4px 24px rgba(0,0,0,.04)}
.cta-final-card::before{content:”;position:absolute;inset:0;background:rgba(255,255,255,.62);pointer-events:none;z-index:0}
.cta-mesh-bg{position:absolute;inset:0;overflow:hidden;border-radius:24px;pointer-events:none}
.cta-mesh-bg svg{position:absolute;bottom:0;left:0;width:200%;height:120%}
.wave-1{animation:waveMove 4s ease-in-out infinite}
.wave-2{animation:waveMove 3.5s ease-in-out infinite reverse;opacity:.7}
@keyframes waveMove{0%{transform:translateX(0)}50%{transform:translateX(-25%)}100%{transform:translateX(0)}}
.cta-final-inner{max-width:700px;margin:0 auto;position:relative;z-index:1}
.cta-final-h2{font-size:clamp(30px,5vw,56px);line-height:1.05;color:#0a0a0a;margin:0 0 20px;letter-spacing:-.03em;font-weight:300;text-transform:uppercase}
.cta-final-h2 strong{font-weight:700}
.cta-final-p{font-size:17px;color:#555;margin:0 auto 32px;max-width:560px;line-height:1.6}
.cta-final-btn{display:inline-flex;align-items:center;gap:10px;background:#25D366;color:#fff;padding:14px 32px;border-radius:999px;font-weight:600;font-size:15px;text-decoration:none;transition:transform .25s ease,box-shadow .25s ease;box-shadow:0 4px 20px rgba(37,211,102,.3);animation:ctaBtnPulse 2.5s ease-in-out infinite}
.cta-final-btn:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 10px 32px rgba(37,211,102,.5)}
.cta-final-btn svg{width:20px;height:20px;flex-shrink:0}
.cta-final-btn::before{display:none!important}
@keyframes ctaBtnPulse{0%,100%{box-shadow:0 4px 20px rgba(37,211,102,.3);transform:scale(1)}50%{box-shadow:0 8px 32px rgba(37,211,102,.5);transform:scale(1.03)}}
.faq{max-width:760px;margin:0 auto}
.faq details{border:1px solid #e8e1ec;border-radius:var(–radius-sm);margin-bottom:10px;background:var(–white)}
.faq summary{padding:16px 22px;font-weight:700;font-size:15px;cursor:pointer;list-style:none;display:flex;justify-content:space-between}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:’+’;font-size:20px;color:var(–green)}
.faq details[open] summary::after{content:’–’}
.faq details p{padding:0 22px 18px;font-size:14px;color:var(–muted);line-height:1.65}
@media(max-width:900px){.svc-grid,.extra-grid{grid-template-columns:repeat(2,1fr)}.hero h1{font-size:30px}}
@media(max-width:700px){.svc-grid,.extra-grid,.blog-grid{grid-template-columns:1fr}.cta-final{padding:40px 4px}.cta-final-card{padding:50px 16px;border-radius:18px}} .blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.wp-blog-img{display:block;width:100%;height:160px;object-fit:cover;border-radius:12px;margin-bottom:16px} @media(max-width:700px){.blog-grid{grid-template-columns:1fr;gap:18px}}
WordPress Development That Works
Custom plugins, WooCommerce stores, and performance-optimized WordPress sites — built for Arabic and English audiences.
WordPress Services for Your Business
Plugin Development & Customization
Custom plugins and third-party integrations tailored precisely to your business workflows and requirements. From CRM connectors to booking systems and payment gateways — built to fit how you already work.
WooCommerce & E-Commerce
Full-featured online stores with Arabic language support, RTL layout, and Saudi payment gateway integration. Sell products, manage inventory, and accept local payments — all from your WordPress dashboard.
Speed & Performance Optimization
Faster load times, better Core Web Vitals scores, and improved Google rankings for Saudi Arabia. We audit, optimize, and monitor your site so it loads fast for Gulf visitors on mobile and desktop.
READY TO BUILD
Tell us what you need. We’ll give you a clear price and timeline before any work starts.
Questions Answered
Do you build custom WordPress plugins?
Yes — we develop custom plugins for specific workflows: booking systems, CRM connections, payment integrations, and automation tools. Each plugin is built for your exact requirements.
Can you build an Arabic/English WooCommerce store?
Yes. We build WooCommerce stores with full RTL support, Arabic product descriptions, and Saudi payment gateways including Mada, STC Pay, and bank transfer.
How do you improve site speed?
We audit your site, compress images, optimize caching, minify code, and configure a CDN if needed. We target under-3-second load times for Gulf visitors.
What maintenance do you provide after launch?
We offer monthly maintenance plans that include core/plugin updates, security monitoring, daily backups, uptime checks, and performance reports.
How long does a typical WordPress project take?
A simple site: 2–3 weeks. A WooCommerce store with custom features: 4–8 weeks. We give you a clear timeline before we start.
Useful WordPress Guides
How to Add a PDF Viewer to WordPress
A simple guide to embedding PDFs on your WordPress site — useful for catalogs, brochures, and Gulf business documents.
Regenerate WordPress Thumbnails After Changing Themes
When you switch WordPress themes, your images might look wrong. Here’s how to fix them the right way.
Monitor WordPress Uptime and Get Instant Alerts
Set up free uptime monitoring and get notified the moment your site goes down — before customers notice.
.hero .cta-final-btn::before{display:none!important}.hero .cta-final-btn .zlf-home-wa-icon{display:block!important;width:31px!important;height:31px!important;min-width:31px!important;flex:0 0 31px!important}.hero .cta-final-btn span{display:inline!important}body.page-id-1357 .bcard-img,body.page-id-1217 .zlcw-blogcard img,body.page-id-1262 .wp-blog-img{box-shadow:none!important;filter:none!important}