{"id":567,"date":"2025-07-09T08:58:50","date_gmt":"2025-07-09T08:58:50","guid":{"rendered":"https:\/\/red-monkey-692781.hostingersite.com\/home\/"},"modified":"2026-03-12T15:31:01","modified_gmt":"2026-03-12T13:31:01","slug":"home","status":"publish","type":"page","link":"https:\/\/mira-web.com\/ar\/","title":{"rendered":"\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0647"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"567\" class=\"elementor elementor-567\">\n\t\t\t\t<div class=\"elementor-element elementor-element-052fda7 e-con-full e-flex e-con e-parent\" data-id=\"052fda7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1c4a285 elementor-widget elementor-widget-shortcode\" data-id=\"1c4a285\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     MIRA WEB NAVBAR  [mira_navbar]\n     Paste CSS once (in theme customizer \/\n     Additional CSS or enqueue via wp_head).\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n\n<style>\n:root{\n  --bg:#ffffff;--bg2:#fafaf8;--bg3:#f5f4ef;\n  --border:#e8e4d8;--border2:#d4c99a;\n  --gold:#c9a84c;--gold2:#e8c96a;--gold-dark:#9a7a2e;\n  --gold-glow:rgba(201,168,76,.15);\n  --text:#1a1a1a;--text2:#5a5550;--text3:#9a9088;\n  --nav-h:82px;--nav-top:0px;\n}\n*{margin:0;padding:0;box-sizing:border-box;}\nbody{font-family:'Inter',sans-serif;}\na{text-decoration:none;color:inherit;}\n\n\/* \u2500\u2500 Navbar \u2500\u2500 *\/\n.mira-navbar{\n  position:fixed;top:var(--nav-top);left:0;right:0;z-index:1000;\n  height:var(--nav-h);display:flex;align-items:center;padding:0 40px;\n  background:linear-gradient(160deg,rgba(255,255,255,.72) 0%,rgba(250,250,248,.72) 50%,rgba(245,244,239,.72) 100%);\n  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);\n  border-bottom:1px solid transparent;\n  transition:top .35s ease,background .35s ease,border-color .35s ease,box-shadow .35s ease;\n}\n.mira-navbar.scrolled{\n  top:0;\n  background:linear-gradient(160deg,rgba(255,255,255,.96) 0%,rgba(250,250,248,.96) 50%,rgba(245,244,239,.96) 100%);\n  border-color:var(--border);box-shadow:0 4px 30px rgba(0,0,0,.07);\n}\n.mira-nav-inner{max-width:1200px;margin:0 auto;width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;}\n\n\/* Logo *\/\n.mira-nav-logo img{height:120px;width:auto;object-fit:contain;display:block;transition:opacity .2s,transform .2s;}\n.mira-nav-logo:hover img{opacity:.82;transform:scale(.97);}\n\n\/* Nav Links *\/\n.mira-nav-links{display:flex;align-items:center;gap:2px;list-style:none;}\n.mira-nav-links li a{\n  display:flex;align-items:center;gap:7px;padding:8px 14px;border-radius:9px;\n  font-size:.82rem;font-weight:600;color:var(--text2);border:1px solid transparent;transition:all .2s;white-space:nowrap;\n}\n.mira-nav-links li a i{font-size:.72rem;color:var(--text3);transition:color .2s;}\n.mira-nav-links li a:hover{background:rgba(245,244,239,.9);color:var(--text);}\n.mira-nav-links li a:hover i{color:var(--gold);}\n.mira-nav-links li a.active{background:var(--gold-glow);color:var(--gold-dark);border-color:var(--border2);}\n.mira-nav-links li a.active i{color:var(--gold);}\n\n\/* Right side *\/\n.mira-nav-right{display:flex;align-items:center;gap:8px;}\n.mira-nav-socials{display:flex;align-items:center;gap:5px;}\n.mira-nav-soc{\n  width:35px;height:35px;border-radius:9px;display:flex;align-items:center;justify-content:center;\n  border:1px solid var(--border);color:var(--text3);font-size:.8rem;background:rgba(255,255,255,.45);transition:all .22s;\n}\n.mira-nav-soc:hover{transform:translateY(-2px);box-shadow:0 5px 16px rgba(0,0,0,.09);}\n.mira-nav-soc.fb:hover{color:#1877f2;border-color:#1877f2;background:rgba(24,119,242,.09);}\n.mira-nav-soc.wa:hover{color:#25d366;border-color:#25d366;background:rgba(37,211,102,.09);}\n.mira-nav-soc.ig:hover{color:#e1306c;border-color:#e1306c;background:rgba(225,48,108,.09);}\n.mira-nav-sep{width:1px;height:22px;background:var(--border);margin:0 3px;flex-shrink:0;}\n.mira-nav-cta{\n  display:inline-flex;align-items:center;gap:7px;padding:10px 20px;border-radius:9px;\n  background:linear-gradient(135deg,var(--gold),var(--gold2));color:#fff;font-weight:700;font-size:.8rem;\n  border:none;cursor:pointer;box-shadow:0 4px 16px rgba(201,168,76,.42);transition:all .2s;white-space:nowrap;\n}\n.mira-nav-cta:hover{transform:translateY(-1px);box-shadow:0 7px 22px rgba(201,168,76,.58);}\n.mira-nav-cta i{font-size:.7rem;}\n\n\/* Burger *\/\n.mira-nav-burger{\n  display:none;width:40px;height:40px;border-radius:10px;background:rgba(245,244,239,.9);\n  border:1px solid var(--border);cursor:pointer;flex-shrink:0;align-items:center;justify-content:center;\n  position:relative;overflow:hidden;transition:background .2s,border-color .2s,box-shadow .2s;\n}\n.mira-nav-burger:hover{background:var(--gold-glow);border-color:var(--border2);box-shadow:0 4px 14px rgba(201,168,76,.22);}\n.mira-burger-box{display:flex;flex-direction:column;gap:5px;align-items:flex-end;}\n.mira-burger-box span{display:block;height:2px;border-radius:2px;background:var(--text2);transition:width .28s ease,transform .32s ease,opacity .28s ease,background .2s;transform-origin:right center;}\n.mira-burger-box span:nth-child(1){width:18px;}\n.mira-burger-box span:nth-child(2){width:12px;}\n.mira-nav-burger.open .mira-burger-box span:nth-child(1){width:18px;transform:translateY(3.5px) rotate(45deg);background:var(--gold-dark);}\n.mira-nav-burger.open .mira-burger-box span:nth-child(2){width:18px;transform:translateY(-3.5px) rotate(-45deg);background:var(--gold-dark);}\n.mira-nav-burger.open{background:var(--gold-glow);border-color:var(--border2);}\n\n\/* Mobile Drawer *\/\n.mira-nav-mobile{\n  position:fixed;top:calc(var(--nav-top) + var(--nav-h));left:0;right:0;\n  background:linear-gradient(160deg,rgba(255,255,255,.99) 0%,rgba(250,250,248,.99) 60%,rgba(245,244,239,.99) 100%);\n  backdrop-filter:blur(22px);border-bottom:1px solid var(--border);z-index:999;\n  padding:14px 20px 22px;transform:translateY(-14px);opacity:0;pointer-events:none;\n  transition:transform .28s ease,opacity .28s ease,top .35s ease;box-shadow:0 20px 50px rgba(0,0,0,.09);\n}\n.mira-nav-mobile.open{transform:translateY(0);opacity:1;pointer-events:all;}\n.mira-nav-mobile.scrolled-pos{top:72px;}\n.mira-mob-links{list-style:none;display:grid;gap:4px;padding-bottom:14px;border-bottom:1px solid var(--border);margin-bottom:14px;}\n.mira-mob-links li a{display:flex;align-items:center;gap:13px;padding:11px 12px;border-radius:10px;font-size:.88rem;font-weight:600;color:var(--text2);border:1px solid transparent;transition:.2s;}\n.mira-mob-icon{width:34px;height:34px;border-radius:8px;background:var(--bg3);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:.76rem;color:var(--text3);flex-shrink:0;transition:.2s;}\n.mira-mob-links li a:hover,.mira-mob-links li a.active{background:var(--gold-glow);color:var(--gold-dark);border-color:var(--border2);}\n.mira-mob-links li a:hover .mira-mob-icon,.mira-mob-links li a.active .mira-mob-icon{background:var(--gold-glow);border-color:var(--border2);color:var(--gold);}\n.mira-mob-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;}\n.mira-mob-socials{display:flex;gap:8px;}\n.mira-mob-soc{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:var(--bg3);border:1px solid var(--border);color:var(--text2);font-size:.9rem;transition:.2s;}\n.mira-mob-soc.fb:hover{background:rgba(24,119,242,.1);color:#1877f2;border-color:#1877f2;}\n.mira-mob-soc.wa:hover{background:rgba(37,211,102,.1);color:#25d366;border-color:#25d366;}\n.mira-mob-soc.ig:hover{background:rgba(225,48,108,.1);color:#e1306c;border-color:#e1306c;}\n.mira-mob-cta{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:10px;background:linear-gradient(135deg,var(--gold),var(--gold2));color:#fff;font-weight:700;font-size:.84rem;box-shadow:0 4px 14px rgba(201,168,76,.4);transition:.2s;}\n.mira-mob-cta:hover{box-shadow:0 6px 20px rgba(201,168,76,.5);}\n.mira-mob-cta i{font-size:.72rem;}\n\n\/* Overlay *\/\n.mira-nav-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.15);z-index:997;}\n.mira-nav-overlay.open{display:block;}\n\n\/* Responsive *\/\n@media(max-width:900px){.mira-nav-links{display:none;}}\n@media(max-width:640px){\n  .mira-navbar{padding:0 18px;}\n  .mira-nav-socials,.mira-nav-sep{display:none;}\n  .mira-nav-cta{display:none;}\n  .mira-nav-burger{display:flex;}\n}\n@media(min-width:641px) and (max-width:900px){\n  .mira-navbar{padding:0 28px;}\n  .mira-nav-burger{display:flex;}\n  .mira-nav-cta{font-size:.76rem;padding:9px 15px;}\n}\n<\/style>\n\n<!-- Fonts & Icons (loaded once via wp_enqueue if preferred) -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\n\n<nav class=\"mira-navbar\" id=\"mira-navbar\">\n  <div class=\"mira-nav-inner\">\n\n    <a href=\"https:\/\/mira-web.com\/ar\/\" class=\"mira-nav-logo\">\n      <img decoding=\"async\" src=\"https:\/\/mira-web.com\/wp-content\/uploads\/2026\/03\/Wardiere-6.png\" alt=\"Mira web\">\n    <\/a>\n\n    <ul class=\"mira-nav-links\">\n      <li><a href=\"https:\/\/mira-web.com\/ar\/\" class=\"\"><i class=\"fas fa-house\"><\/i> Home<\/a><\/li>\n      <li><a href=\"https:\/\/mira-web.com\/ar\/about\/\" class=\"\"><i class=\"fas fa-circle-info\"><\/i> About<\/a><\/li>\n      <li><a href=\"https:\/\/mira-web.com\/ar\/services\/\" class=\"\"><i class=\"fas fa-layer-group\"><\/i> Services<\/a><\/li>\n      <li><a href=\"https:\/\/mira-web.com\/ar\/profile\/\" class=\"\"><i class=\"fas fa-folder\"><\/i> Profile<\/a><\/li>\n      <li><a href=\"https:\/\/mira-web.com\/ar\/prices\/\" class=\"\"><i class=\"fas fa-tag\"><\/i> Pricing<\/a><\/li>\n    <\/ul>\n\n    <div class=\"mira-nav-right\">\n      <div class=\"mira-nav-socials\">\n        <a href=\"https:\/\/www.facebook.com\/share\/1BBaUvQ6eZ\/\" target=\"_blank\" rel=\"noopener\" class=\"mira-nav-soc fb\" title=\"Facebook\"><i class=\"fab fa-facebook-f\"><\/i><\/a>\n        <a href=\"https:\/\/wa.me\/+201278397789\" target=\"_blank\" rel=\"noopener\" class=\"mira-nav-soc wa\" title=\"WhatsApp\"><i class=\"fab fa-whatsapp\"><\/i><\/a>\n        <a href=\"https:\/\/www.instagram.com\/mira_web_eg?igsh=MWpxcDBkbjJpcnRjOQ==\" target=\"_blank\" rel=\"noopener\" class=\"mira-nav-soc ig\" title=\"Instagram\"><i class=\"fab fa-instagram\"><\/i><\/a>\n      <\/div>\n      <div class=\"mira-nav-sep\"><\/div>\n      <a href=\"https:\/\/mira-web.com\/ar\/contact\/\" class=\"mira-nav-cta\">\n        <i class=\"fas fa-paper-plane\"><\/i> Request Now\n      <\/a>\n      <button class=\"mira-nav-burger\" id=\"mira-burger\" aria-label=\"Menu\">\n        <div class=\"mira-burger-box\">\n          <span><\/span><span><\/span>\n        <\/div>\n      <\/button>\n    <\/div>\n\n  <\/div>\n<\/nav>\n\n<div class=\"mira-nav-overlay\" id=\"mira-overlay\"><\/div>\n\n<div class=\"mira-nav-mobile\" id=\"mira-mobileMenu\">\n  <ul class=\"mira-mob-links\">\n    <li><a href=\"https:\/\/mira-web.com\/ar\/\" class=\"\" data-mira-close><span class=\"mira-mob-icon\"><i class=\"fas fa-house\"><\/i><\/span> Home<\/a><\/li>\n    <li><a href=\"https:\/\/mira-web.com\/ar\/about\/\" class=\"\" data-mira-close><span class=\"mira-mob-icon\"><i class=\"fas fa-circle-info\"><\/i><\/span> About<\/a><\/li>\n    <li><a href=\"https:\/\/mira-web.com\/ar\/services\/\" class=\"\" data-mira-close><span class=\"mira-mob-icon\"><i class=\"fas fa-layer-group\"><\/i><\/span> Services<\/a><\/li>\n\t\n\t <li><a href=\"https:\/\/mira-web.com\/ar\/profile\/\" class=\"\" data-mira-close><span class=\"mira-mob-icon\"><i class=\"fas fa-folder\"><\/i><\/span> Profile<\/a><\/li>\n\t\n\t\n    <li><a href=\"https:\/\/mira-web.com\/ar\/prices\/\" class=\"\" data-mira-close><span class=\"mira-mob-icon\"><i class=\"fas fa-tag\"><\/i><\/span> Pricing<\/a><\/li>\n  <\/ul>\n  <div class=\"mira-mob-footer\">\n    <div class=\"mira-mob-socials\">\n      <a href=\"https:\/\/www.facebook.com\/share\/1BBaUvQ6eZ\/\" target=\"_blank\" rel=\"noopener\" class=\"mira-mob-soc fb\"><i class=\"fab fa-facebook-f\"><\/i><\/a>\n      <a href=\"https:\/\/wa.me\/+201278397789\" target=\"_blank\" rel=\"noopener\" class=\"mira-mob-soc wa\"><i class=\"fab fa-whatsapp\"><\/i><\/a>\n      <a href=\"https:\/\/www.instagram.com\/mira_web_eg?igsh=MWpxcDBkbjJpcnRjOQ==\" target=\"_blank\" rel=\"noopener\" class=\"mira-mob-soc ig\"><i class=\"fab fa-instagram\"><\/i><\/a>\n    <\/div>\n    <a href=\"https:\/\/mira-web.com\/ar\/contact\/\" class=\"mira-mob-cta\" data-mira-close>\n      <i class=\"fas fa-paper-plane\"><\/i> Request Now\n    <\/a>\n  <\/div>\n<\/div>\n\n<script>\n(function(){\n  const burger  = document.getElementById('mira-burger');\n  const menu    = document.getElementById('mira-mobileMenu');\n  const overlay = document.getElementById('mira-overlay');\n  const navbar  = document.getElementById('mira-navbar');\n\n  function closeMenu(){\n    menu.classList.remove('open');\n    overlay.classList.remove('open');\n    burger.classList.remove('open');\n    document.body.style.overflow = '';\n  }\n\n  burger.addEventListener('click', function(){\n    const open = menu.classList.toggle('open');\n    overlay.classList.toggle('open', open);\n    burger.classList.toggle('open', open);\n    document.body.style.overflow = open ? 'hidden' : '';\n  });\n\n  overlay.addEventListener('click', closeMenu);\n  document.querySelectorAll('[data-mira-close]').forEach(function(el){\n    el.addEventListener('click', closeMenu);\n  });\n\n  window.addEventListener('scroll', function(){\n    const scrolled = window.scrollY > 10;\n    navbar.classList.toggle('scrolled', scrolled);\n    menu.classList.toggle('scrolled-pos', scrolled);\n  });\n})();\n<\/script>\n\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d2bc410 elementor-widget elementor-widget-html\" data-id=\"d2bc410\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Mira Web \u2013 Web Development Excellence<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\r\n<style>\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 VARIABLES \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n:root{\r\n  --bg:#ffffff;\r\n  --bg2:#fafaf8;\r\n  --bg3:#f5f4ef;\r\n  --surface:#fffef9;\r\n  --card:#ffffff;\r\n  --border:#e8e4d8;\r\n  --border2:#d4c99a;\r\n  --gold:#c9a84c;\r\n  --gold2:#e8c96a;\r\n  --gold3:#f0d98a;\r\n  --gold-dark:#9a7a2e;\r\n  --gold-glow:rgba(201,168,76,.15);\r\n  --text:#1a1a1a;\r\n  --text2:#5a5550;\r\n  --text3:#9a9088;\r\n  --white:#ffffff;\r\n  --shadow:0 2px 20px rgba(0,0,0,.06);\r\n  --shadow2:0 8px 40px rgba(0,0,0,.1);\r\n  --radius:14px;\r\n}\r\n*{margin:0;padding:0;box-sizing:border-box;}\r\nhtml{scroll-behavior:smooth;}\r\nbody{font-family:'Inter',sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden;}\r\na{text-decoration:none;color:inherit;}\r\nimg{max-width:100%;}\r\n\r\n::-webkit-scrollbar{width:6px;}\r\n::-webkit-scrollbar-track{background:var(--bg3);}\r\n::-webkit-scrollbar-thumb{background:var(--gold);border-radius:3px;}\r\n::selection{background:var(--gold3);color:var(--text);}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 HERO \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.hero{\r\n  min-height:100vh;display:flex;align-items:center;\r\n  padding:60px 40px 60px;\r\n  position:relative;overflow:hidden;\r\n  background:linear-gradient(160deg,var(--bg) 0%,var(--bg2) 50%,var(--bg3) 100%);\r\n}\r\n.hero-orb{\r\n  position:absolute;border-radius:50%;pointer-events:none;\r\n  animation:float 8s ease-in-out infinite;\r\n}\r\n.hero-orb-1{\r\n  width:600px;height:600px;\r\n  background:radial-gradient(circle,rgba(201,168,76,.12) 0%,transparent 70%);\r\n  top:-200px;right:-100px;animation-delay:0s;\r\n}\r\n.hero-orb-2{\r\n  width:400px;height:400px;\r\n  background:radial-gradient(circle,rgba(201,168,76,.08) 0%,transparent 70%);\r\n  bottom:-100px;left:-100px;animation-delay:3s;\r\n}\r\n@keyframes float{0%,100%{transform:translateY(0);}50%{transform:translateY(-30px);}}\r\n\r\n.hero-inner{\r\n  max-width:1200px;margin:0 auto;\r\n  display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;\r\n  position:relative;z-index:1;width:100%;\r\n}\r\n\r\n.hero-eyebrow{\r\n  display:inline-flex;align-items:center;gap:8px;\r\n  font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;\r\n  color:var(--gold-dark);margin-bottom:20px;\r\n}\r\n.eyebrow-line{width:28px;height:1.5px;background:var(--gold);}\r\n\r\n.hero h1{\r\n  font-size:clamp(2.4rem,4.5vw,4rem);\r\n  font-weight:900;line-height:1.05;\r\n  letter-spacing:-.04em;color:var(--text);\r\n  margin-bottom:20px;\r\n}\r\n.hero h1 .gold-text{\r\n  background:linear-gradient(135deg,var(--gold-dark) 0%,var(--gold) 50%,var(--gold2) 100%);\r\n  -webkit-background-clip:text;-webkit-text-fill-color:transparent;\r\n  background-clip:text;\r\n}\r\n.hero-desc{\r\n  font-size:.97rem;color:var(--text2);line-height:1.75;\r\n  margin-bottom:36px;max-width:460px;\r\n}\r\n.hero-badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:32px;}\r\n.h-badge{\r\n  display:flex;align-items:center;gap:6px;\r\n  font-size:.75rem;font-weight:600;\r\n  padding:5px 12px;border-radius:999px;\r\n  background:var(--bg3);border:1px solid var(--border);color:var(--text2);\r\n}\r\n.h-badge i{color:var(--gold);}\r\n.hero-actions{display:flex;gap:12px;flex-wrap:wrap;}\r\n.btn-gold{\r\n  display:inline-flex;align-items:center;gap:8px;\r\n  padding:13px 28px;border-radius:10px;\r\n  background:linear-gradient(135deg,var(--gold) 0%,var(--gold2) 100%);\r\n  color:#fff;font-weight:700;font-size:.92rem;\r\n  box-shadow:0 6px 24px rgba(201,168,76,.4);\r\n  transition:transform .2s,box-shadow .2s;cursor:pointer;border:none;\r\n}\r\n.btn-gold:hover{transform:translateY(-2px);box-shadow:0 10px 32px rgba(201,168,76,.5);}\r\n.btn-ghost{\r\n  display:inline-flex;align-items:center;gap:8px;\r\n  padding:13px 28px;border-radius:10px;\r\n  border:1.5px solid var(--border2);color:var(--text2);\r\n  font-weight:600;font-size:.9rem;background:transparent;\r\n  transition:border-color .2s,color .2s;cursor:pointer;\r\n}\r\n.btn-ghost:hover{border-color:var(--gold);color:var(--gold);}\r\n\r\n.hero-visual{position:relative;}\r\n.hero-card-main{\r\n  background:var(--card);\r\n  border:1px solid var(--border);border-radius:16px;\r\n  box-shadow:var(--shadow2);overflow:hidden;\r\n  animation:card-float 6s ease-in-out infinite;\r\n}\r\n@keyframes card-float{0%,100%{transform:translateY(0) rotate(0deg);}50%{transform:translateY(-12px) rotate(.5deg);}}\r\n.hc-topbar{\r\n  background:var(--bg3);border-bottom:1px solid var(--border);\r\n  padding:11px 16px;display:flex;align-items:center;gap:8px;\r\n}\r\n.hc-dots{display:flex;gap:5px;}\r\n.hc-dots span{width:10px;height:10px;border-radius:50%;}\r\n.hc-dots .d1{background:#ff5f57;} .hc-dots .d2{background:#febc2e;} .hc-dots .d3{background:#28c840;}\r\n.hc-title{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--text3);margin-left:8px;}\r\n.code-area{\r\n  padding:20px;font-family:'JetBrains Mono',monospace;\r\n  font-size:11.5px;line-height:1.8;overflow-x:auto;\r\n}\r\n.ln{display:block;}\r\n.ck{color:#9b59b6;} .cfn{color:#2980b9;} .cs{color:#27ae60;}\r\n.cc{color:#bdc3c7;font-style:italic;} .cv{color:#e67e22;} .cp{color:#16a085;}\r\n\r\n.float-badge{\r\n  position:absolute;background:var(--card);\r\n  border:1px solid var(--border);border-radius:10px;\r\n  padding:10px 14px;box-shadow:var(--shadow2);\r\n  display:flex;align-items:center;gap:8px;\r\n  font-size:.8rem;font-weight:600;color:var(--text);\r\n  animation:badge-float 5s ease-in-out infinite;\r\n  white-space:nowrap;\r\n}\r\n.float-badge i{color:var(--gold);}\r\n.fb1{top:-20px;left:-30px;animation-delay:1s;}\r\n.fb2{bottom:20px;right:-20px;animation-delay:2.5s;}\r\n@keyframes badge-float{0%,100%{transform:translateY(0);}50%{transform:translateY(-10px);}}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 STATS BAR \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.stats-bar{\r\n  background:linear-gradient(135deg,var(--gold-dark) 0%,var(--gold) 50%,var(--gold2) 100%);\r\n  padding:32px 40px;\r\n}\r\n.stats-inner{\r\n  max-width:1200px;margin:0 auto;\r\n  display:grid;grid-template-columns:repeat(5,1fr);gap:0;\r\n}\r\n.stat-item{\r\n  text-align:center;padding:0 20px;\r\n  border-right:1px solid rgba(255,255,255,.25);\r\n}\r\n.stat-item:last-child{border-right:none;}\r\n.stat-num{font-size:2.2rem;font-weight:900;color:#fff;letter-spacing:-.03em;}\r\n.stat-num span{font-size:1.4rem;}\r\n.stat-lbl{font-size:.78rem;color:rgba(255,255,255,.75);margin-top:2px;font-weight:500;}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 TICKER \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.ticker-wrap{\r\n  background:var(--bg3);border-top:1px solid var(--border);\r\n  border-bottom:1px solid var(--border);\r\n  padding:14px 0;overflow:hidden;\r\n}\r\n.ticker-track{\r\n  display:flex;gap:0;\r\n  animation:ticker 28s linear infinite;\r\n  white-space:nowrap;\r\n}\r\n.ticker-item{\r\n  display:inline-flex;align-items:center;gap:10px;\r\n  padding:0 28px;border-right:1px solid var(--border);\r\n  font-size:.8rem;font-weight:600;color:var(--text2);\r\n}\r\n.ticker-item i{color:var(--gold);font-size:.7rem;}\r\n@keyframes ticker{from{transform:translateX(0);}to{transform:translateX(-50%);}}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 SECTION FRAMEWORK \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.section{padding:90px 40px;}\r\n.section.bg-alt{background:var(--bg2);}\r\n.section.bg-3{background:var(--bg3);}\r\n.container{max-width:1200px;margin:0 auto;}\r\n\r\n.section-label{display:flex;align-items:center;gap:12px;margin-bottom:12px;}\r\n.section-label .sl-line{width:32px;height:2px;background:var(--gold);border-radius:2px;}\r\n.section-label span{font-size:.72rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--gold-dark);}\r\n.section-title{font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:800;letter-spacing:-.03em;color:var(--text);margin-bottom:12px;}\r\n.section-sub{font-size:.93rem;color:var(--text2);max-width:500px;line-height:1.7;}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 SERVICE CARDS \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.service-block{\r\n  display:grid;grid-template-columns:1fr 1fr;\r\n  gap:60px;align-items:center;\r\n  padding:60px 0;border-bottom:1px solid var(--border);\r\n}\r\n.service-block:last-child{border-bottom:none;}\r\n.service-block.reverse{direction:rtl;}\r\n.service-block.reverse > *{direction:ltr;}\r\n\r\n.svc-eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:14px;}\r\n.svc-num{font-family:'JetBrains Mono',monospace;font-size:.72rem;font-weight:600;color:var(--gold);letter-spacing:.12em;}\r\n.svc-tag{font-size:.72rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-dark);background:var(--gold-glow);padding:3px 10px;border-radius:999px;border:1px solid var(--border2);}\r\n.svc-title{font-size:1.9rem;font-weight:800;letter-spacing:-.03em;color:var(--text);margin-bottom:12px;}\r\n.svc-desc{font-size:.9rem;color:var(--text2);line-height:1.75;margin-bottom:24px;}\r\n.svc-feats{list-style:none;display:grid;gap:10px;margin-bottom:28px;}\r\n.svc-feats li{display:flex;align-items:flex-start;gap:12px;font-size:.88rem;color:var(--text2);line-height:1.5;}\r\n.svc-feats li .feat-icon{width:24px;height:24px;border-radius:6px;background:var(--gold-glow);border:1px solid var(--border2);display:flex;align-items:center;justify-content:center;flex-shrink:0;}\r\n.svc-feats li .feat-icon i{font-size:.65rem;color:var(--gold);}\r\n.svc-stats{display:flex;gap:28px;flex-wrap:wrap;padding:20px 0;border-top:1px solid var(--border);margin-bottom:24px;}\r\n.svc-stat .sv{font-size:1.3rem;font-weight:800;color:var(--gold-dark);letter-spacing:-.02em;}\r\n.svc-stat .sl{font-size:.72rem;color:var(--text3);text-transform:uppercase;letter-spacing:.1em;}\r\n\r\n.svc-code-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow2);position:relative;}\r\n.svc-code-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--gold),var(--gold3),transparent);}\r\n.svc-topbar{background:var(--bg3);border-bottom:1px solid var(--border);padding:10px 16px;display:flex;align-items:center;gap:8px;}\r\n.svc-topbar .s-dots{display:flex;gap:5px;}\r\n.svc-topbar .s-dots span{width:9px;height:9px;border-radius:50%;}\r\n.s-dots .d1{background:#ff5f57;} .s-dots .d2{background:#febc2e;} .s-dots .d3{background:#28c840;}\r\n.svc-topbar .s-title{font-family:'JetBrains Mono',monospace;font-size:.7rem;color:var(--text3);margin-left:8px;flex:1;}\r\n.svc-topbar .s-kbd{display:flex;gap:3px;}\r\nkbd{background:var(--bg3);border:1px solid var(--border2);border-radius:4px;padding:1px 6px;font-family:'JetBrains Mono',monospace;font-size:9px;color:var(--text2);}\r\n.code-body{padding:18px 20px;font-family:'JetBrains Mono',monospace;font-size:11px;line-height:1.85;overflow-x:auto;color:var(--text);background:var(--surface);}\r\n.copy-wrap{position:relative;}\r\n.copy-btn{position:absolute;top:10px;right:10px;background:var(--bg3);border:1px solid var(--border);color:var(--text3);font-family:'JetBrains Mono',monospace;font-size:9px;padding:3px 9px;border-radius:5px;cursor:pointer;transition:.2s;}\r\n.copy-btn:hover{background:var(--gold);color:#fff;border-color:var(--gold);}\r\n\r\n.svc-icon-big{width:56px;height:56px;border-radius:14px;background:linear-gradient(135deg,var(--gold-glow),var(--bg3));border:1.5px solid var(--border2);display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:18px;}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 CARDS GRID \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;}\r\n.cards-grid-3{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px;}\r\n\r\n.p-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;position:relative;cursor:pointer;}\r\n.p-card::after{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--gold),var(--gold3));transform:scaleX(0);transition:transform .28s ease;transform-origin:left;}\r\n.p-card:hover{transform:translateY(-5px);box-shadow:0 20px 50px rgba(0,0,0,.1),0 0 0 1px var(--border2);}\r\n.p-card:hover::after{transform:scaleX(1);}\r\n.p-card-top{background:var(--bg3);border-bottom:1px solid var(--border);padding:10px 14px;display:flex;align-items:center;gap:7px;}\r\n.p-card-top .dots{display:flex;gap:4px;}\r\n.p-card-top .dots span{width:8px;height:8px;border-radius:50%;}\r\n.p-card-top .fname{font-family:'JetBrains Mono',monospace;font-size:9px;color:var(--text3);flex:1;}\r\n.p-card-body{padding:20px;}\r\n.pc-icon{width:44px;height:44px;border-radius:10px;background:var(--bg3);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:1.2rem;margin-bottom:14px;}\r\n.pc-title{font-size:1.05rem;font-weight:700;color:var(--text);margin-bottom:7px;letter-spacing:-.01em;}\r\n.pc-desc{font-size:.8rem;color:var(--text2);line-height:1.65;margin-bottom:14px;}\r\n.pc-feats{list-style:none;display:grid;gap:7px;margin-bottom:16px;}\r\n.pc-feats li{display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--text2);}\r\n.pc-feats li i{color:var(--gold);font-size:.7rem;flex-shrink:0;}\r\n.pc-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;border-radius:8px;background:linear-gradient(135deg,var(--gold),var(--gold2));color:#fff;font-weight:700;font-size:.8rem;border:none;cursor:pointer;box-shadow:0 3px 12px rgba(201,168,76,.3);transition:.2s;}\r\n.pc-btn:hover{transform:translateY(-1px);box-shadow:0 5px 18px rgba(201,168,76,.4);}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 TECH STACK \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.tech-wheel{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding:30px 0;}\r\n.tech-pill{display:flex;align-items:center;gap:8px;background:var(--card);border:1px solid var(--border);border-radius:999px;padding:9px 18px;font-size:.82rem;font-weight:600;color:var(--text2);transition:.25s;cursor:default;}\r\n.tech-pill:hover{border-color:var(--gold);color:var(--text);background:var(--gold-glow);transform:scale(1.04);}\r\n.tech-pill i{color:var(--gold);font-size:.75rem;}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 WHY GRID \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.why-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;}\r\n.why-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:24px;transition:.25s;}\r\n.why-card:hover{border-color:var(--gold);transform:translateY(-3px);box-shadow:var(--shadow2);}\r\n.why-icon{width:44px;height:44px;border-radius:10px;background:var(--gold-glow);border:1px solid var(--border2);display:flex;align-items:center;justify-content:center;font-size:1.1rem;margin-bottom:16px;}\r\n.why-icon i{color:var(--gold);}\r\n.why-num{font-family:'JetBrains Mono',monospace;font-size:.68rem;color:var(--text3);font-weight:600;margin-bottom:6px;letter-spacing:.1em;}\r\n.why-title{font-size:.95rem;font-weight:700;color:var(--text);margin-bottom:7px;}\r\n.why-desc{font-size:.8rem;color:var(--text2);line-height:1.65;}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 PROCESS \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative;}\r\n.process-grid::before{content:'';position:absolute;top:28px;left:12.5%;right:12.5%;height:1px;background:linear-gradient(90deg,transparent,var(--border2),var(--border2),transparent);}\r\n.proc-step{text-align:center;padding:0 10px;position:relative;}\r\n.proc-circle{width:56px;height:56px;border-radius:50%;background:var(--card);border:2px solid var(--border2);display:flex;align-items:center;justify-content:center;margin:0 auto 18px;position:relative;z-index:1;transition:.25s;}\r\n.proc-circle i{font-size:1.1rem;color:var(--gold);}\r\n.proc-step:hover .proc-circle{background:var(--gold);border-color:var(--gold);}\r\n.proc-step:hover .proc-circle i{color:#fff;}\r\n.proc-t{font-size:.92rem;font-weight:700;color:var(--text);margin-bottom:8px;}\r\n.proc-d{font-size:.78rem;color:var(--text2);line-height:1.6;}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 PRICING \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.price-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;}\r\n.price-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:30px;position:relative;overflow:hidden;transition:.28s;}\r\n.price-card:hover{transform:translateY(-6px);box-shadow:0 24px 60px rgba(0,0,0,.12);}\r\n.price-card.featured{border-color:var(--gold);background:linear-gradient(165deg,#fffbf0 0%,var(--bg) 100%);}\r\n.price-card.featured::before{content:'POPULAR';position:absolute;top:14px;right:-28px;background:linear-gradient(135deg,var(--gold),var(--gold2));color:#fff;font-size:.6rem;font-weight:700;letter-spacing:.12em;padding:4px 36px;transform:rotate(35deg);}\r\n.pc-header{margin-bottom:20px;}\r\n.pc-name{font-size:1.1rem;font-weight:800;color:var(--text);margin-bottom:4px;}\r\n.pc-for{font-size:.78rem;color:var(--text2);line-height:1.5;margin-bottom:12px;}\r\n.pc-badge{display:inline-block;font-family:'JetBrains Mono',monospace;font-size:.68rem;font-weight:600;color:var(--gold-dark);background:var(--gold-glow);border:1px solid var(--border2);padding:3px 10px;border-radius:999px;}\r\n.price-num{margin:16px 0;}\r\n.price-old{font-size:.82rem;color:var(--text3);text-decoration:line-through;margin-bottom:4px;}\r\n.price-new{font-size:2rem;font-weight:900;color:var(--text);letter-spacing:-.03em;}\r\n.price-new sub{font-size:.9rem;font-weight:400;color:var(--text2);}\r\n.price-features{list-style:none;display:grid;gap:8px;margin-bottom:24px;}\r\n.price-features li{display:flex;align-items:center;gap:9px;font-size:.8rem;color:var(--text2);}\r\n.price-features li i.yes{color:var(--gold);}\r\n.price-features li i.no{color:var(--border2);}\r\n.price-btn{width:100%;padding:12px;border-radius:9px;background:transparent;border:1.5px solid var(--border2);color:var(--text2);font-family:'Inter',sans-serif;font-weight:700;font-size:.85rem;cursor:pointer;transition:.2s;}\r\n.price-btn:hover{background:var(--gold);color:#fff;border-color:var(--gold);}\r\n.price-card.featured .price-btn{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#fff;border-color:transparent;}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 CTA \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.cta-section{background:linear-gradient(135deg,var(--gold-dark) 0%,var(--gold) 50%,var(--gold2) 100%);padding:80px 40px;text-align:center;position:relative;overflow:hidden;}\r\n.cta-section::before{content:'';position:absolute;inset:0;background:url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");pointer-events:none;}\r\n.cta-section h2{font-size:clamp(1.8rem,4vw,3.2rem);font-weight:900;color:#fff;letter-spacing:-.04em;margin-bottom:14px;}\r\n.cta-section p{font-size:.97rem;color:rgba(255,255,255,.8);max-width:500px;margin:0 auto 36px;line-height:1.7;}\r\n.cta-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}\r\n.btn-white{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;border-radius:10px;background:#fff;color:var(--gold-dark);font-weight:700;font-size:.92rem;box-shadow:0 4px 20px rgba(0,0,0,.15);transition:.2s;}\r\n.btn-white:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(0,0,0,.2);}\r\n.btn-wa{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;border-radius:10px;background:rgba(255,255,255,.15);backdrop-filter:blur(10px);color:#fff;border:1.5px solid rgba(255,255,255,.4);font-weight:700;font-size:.92rem;transition:.2s;}\r\n.btn-wa:hover{background:rgba(255,255,255,.25);}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 ANIMATIONS \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.fade-in{opacity:0;transform:translateY(28px);transition:opacity .65s ease,transform .65s ease;}\r\n.fade-in.visible{opacity:1;transform:translateY(0);}\r\n.fade-left{opacity:0;transform:translateX(-28px);transition:opacity .65s ease,transform .65s ease;}\r\n.fade-left.visible{opacity:1;transform:translateX(0);}\r\n.fade-right{opacity:0;transform:translateX(28px);transition:opacity .65s ease,transform .65s ease;}\r\n.fade-right.visible{opacity:1;transform:translateX(0);}\r\n.delay-1{transition-delay:.1s;}\r\n.delay-2{transition-delay:.2s;}\r\n.delay-3{transition-delay:.3s;}\r\n.delay-4{transition-delay:.4s;}\r\n.delay-5{transition-delay:.5s;}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   MOBILE RESPONSIVE FIX \u2014 HERO SECTION\r\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n\r\n\/* Tablet *\/\r\n@media(max-width:900px){\r\n  .hero-inner{grid-template-columns:1fr !important;gap:40px !important;}\r\n  .service-block{grid-template-columns:1fr;direction:ltr !important;gap:32px;}\r\n  .process-grid{grid-template-columns:1fr 1fr;gap:24px;}\r\n  .process-grid::before{display:none;}\r\n  .stats-inner{grid-template-columns:repeat(3,1fr);gap:20px;}\r\n  .stat-item{border-right:none;}\r\n}\r\n\r\n\/* Mobile \u2264768px \u2014 \u0627\u0644\u0641\u064a\u0643\u0633 \u0627\u0644\u0623\u0633\u0627\u0633\u064a *\/\r\n@media(max-width:768px){\r\n  \/* Hero container *\/\r\n  .hero{\r\n    padding:28px 20px 44px !important;\r\n    min-height:auto !important;\r\n    align-items:flex-start;\r\n  }\r\n\r\n  \/* Single column, text \u0641\u0648\u0642 *\/\r\n  .hero-inner{\r\n    grid-template-columns:1fr !important;\r\n    gap:0 !important;\r\n  }\r\n\r\n  \/* \u0627\u0644\u0639\u0646\u0648\u0627\u0646 *\/\r\n  .hero h1{\r\n    font-size:clamp(1.85rem, 7.5vw, 2.5rem) !important;\r\n    line-height:1.1 !important;\r\n    margin-bottom:14px !important;\r\n  }\r\n\r\n  \/* \u0627\u0644\u0648\u0635\u0641 *\/\r\n  .hero-desc{\r\n    font-size:.85rem !important;\r\n    max-width:100% !important;\r\n    margin-bottom:24px !important;\r\n    line-height:1.7;\r\n  }\r\n\r\n  \/* Badges *\/\r\n  .hero-badges{\r\n    gap:6px !important;\r\n    margin-bottom:22px !important;\r\n  }\r\n  .h-badge{\r\n    font-size:.68rem !important;\r\n    padding:4px 10px !important;\r\n  }\r\n\r\n  \/* \u0627\u0644\u0623\u0632\u0631\u0627\u0631 \u062a\u062d\u062a \u0628\u0639\u0636 *\/\r\n  .hero-actions{\r\n    flex-direction:column !important;\r\n    gap:10px !important;\r\n    margin-bottom:0 !important;\r\n  }\r\n  .hero-actions .btn-gold,\r\n  .hero-actions .btn-ghost{\r\n    justify-content:center !important;\r\n    width:100% !important;\r\n    text-align:center !important;\r\n    padding:12px 20px !important;\r\n  }\r\n\r\n  \/* \u0625\u062e\u0641\u0627\u0621 \u0627\u0644\u0643\u0648\u062f \u0643\u0627\u0631\u062f \u0639\u0644\u0649 \u0627\u0644\u0645\u0648\u0628\u064a\u0644 \u2014 \u0628\u064a\u062a\u0633\u0628\u0628 \u0641\u064a overflow *\/\r\n  .hero-visual{\r\n    display:none !important;\r\n  }\r\n\r\n  \/* \u0625\u062e\u0641\u0627\u0621 \u0627\u0644\u0640 floating badges *\/\r\n  .float-badge{\r\n    display:none !important;\r\n  }\r\n\r\n  \/* \u062a\u0635\u063a\u064a\u0631 \u0627\u0644\u0640 orbs \u0639\u0634\u0627\u0646 \u0645\u064a\u0628\u0627\u0646\u0648\u0634 *\/\r\n  .hero-orb-1{\r\n    width:240px !important;\r\n    height:240px !important;\r\n    top:-60px !important;\r\n    right:-60px !important;\r\n  }\r\n  .hero-orb-2{\r\n    width:160px !important;\r\n    height:160px !important;\r\n    bottom:-40px !important;\r\n    left:-40px !important;\r\n  }\r\n\r\n  \/* Stats bar *\/\r\n  .stats-bar{padding:24px 20px;}\r\n  .stats-inner{\r\n    grid-template-columns:repeat(2,1fr) !important;\r\n    gap:16px !important;\r\n  }\r\n  .stat-item{border-right:none !important;padding:0 10px;}\r\n  .stat-num{font-size:1.7rem;}\r\n\r\n  \/* Sections padding *\/\r\n  .section{padding:56px 20px;}\r\n\r\n  \/* Service blocks \u2014 single column *\/\r\n  .service-block{\r\n    grid-template-columns:1fr !important;\r\n    direction:ltr !important;\r\n    gap:28px !important;\r\n    padding:40px 0;\r\n  }\r\n  .svc-title{font-size:1.5rem !important;}\r\n\r\n  \/* Process *\/\r\n  .process-grid{\r\n    grid-template-columns:1fr 1fr !important;\r\n    gap:28px !important;\r\n  }\r\n  .process-grid::before{display:none !important;}\r\n\r\n  \/* CTA *\/\r\n  .cta-section{padding:56px 20px;}\r\n  .cta-btns{flex-direction:column;align-items:center;}\r\n  .btn-white,.btn-wa{width:100%;max-width:320px;justify-content:center;}\r\n}\r\n\r\n\/* Small mobile \u2264480px *\/\r\n@media(max-width:480px){\r\n  .hero{\r\n    padding:20px 16px 36px !important;\r\n  }\r\n  .hero h1{\r\n    font-size:1.75rem !important;\r\n  }\r\n  .hero-eyebrow{\r\n    font-size:.65rem !important;\r\n    margin-bottom:14px !important;\r\n  }\r\n  .stats-inner{\r\n    grid-template-columns:repeat(2,1fr) !important;\r\n  }\r\n  \/* \u0625\u062e\u0641\u0627\u0621 \u0627\u0644\u0640 stat \u0627\u0644\u0623\u062e\u064a\u0631 \u0644\u0648 \u0639\u062f\u062f \u0641\u0631\u062f\u064a *\/\r\n  .stat-item:nth-child(5){\r\n    grid-column:1\/-1;\r\n  }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 HERO \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"hero\" id=\"home\">\r\n  <div class=\"hero-orb hero-orb-1\"><\/div>\r\n  <div class=\"hero-orb hero-orb-2\"><\/div>\r\n  <div class=\"hero-inner\">\r\n    <div class=\"hero-left fade-left\">\r\n      <div class=\"hero-eyebrow\">\r\n        <span class=\"eyebrow-line\"><\/span>\r\n        <span id=\"hero-eyebrow\">Web Development \u00b7 Egypt<\/span>\r\n      <\/div>\r\n      <h1 id=\"hero-title\">Your Key to <span class=\"gold-text\">Excellence<\/span> in Web Development<\/h1>\r\n      <p class=\"hero-desc\" id=\"hero-desc\">Laravel \u00b7 WordPress \u00b7 Filament \u00b7 Livewire \u00b7 Native PHP \u00b7 Mobile Apps. We build production-ready digital products that scale with your business.<\/p>\r\n      <div class=\"hero-badges\">\r\n        <div class=\"h-badge\"><i class=\"fab fa-laravel\"><\/i> Laravel<\/div>\r\n        <div class=\"h-badge\"><i class=\"fab fa-wordpress\"><\/i> WordPress<\/div>\r\n        <div class=\"h-badge\"><i class=\"fas fa-fire\"><\/i> Filament<\/div>\r\n        <div class=\"h-badge\"><i class=\"fas fa-wave-square\"><\/i> Livewire<\/div>\r\n        <div class=\"h-badge\"><i class=\"fab fa-php\"><\/i> PHP<\/div>\r\n        <div class=\"h-badge\"><i class=\"fas fa-mobile-alt\"><\/i> Mobile<\/div>\r\n      <\/div>\r\n      <div class=\"hero-actions\">\r\n        <a class=\"btn-gold\" href=\"https:\/\/mira-web.com\/contact\/\" target=\"_blank\" id=\"hero-btn1\"><i class=\"fas fa-arrow-right\"><\/i> Start Your Project<\/a>\r\n        <a class=\"btn-ghost\" href=\"#services\" id=\"hero-btn2\"><i class=\"fas fa-layer-group\"><\/i> Explore Services<\/a>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"hero-visual fade-right delay-2\">\r\n      <div class=\"float-badge fb1\"><i class=\"fas fa-check-circle\"><\/i> 80+ Projects Delivered<\/div>\r\n      <div class=\"hero-card-main\">\r\n        <div class=\"hc-topbar\">\r\n          <div class=\"hc-dots\"><span class=\"d1\"><\/span><span class=\"d2\"><\/span><span class=\"d3\"><\/span><\/div>\r\n          <span class=\"hc-title\">mira-web\/laravel\/app\/Models\/Project.php<\/span>\r\n        <\/div>\r\n        <div class=\"code-area\">\r\n<span class=\"ln\"><span class=\"cc\">\/\/ Mira Web \u2013 Laravel + Filament Stack<\/span><\/span>\r\n<span class=\"ln\"><span class=\"ck\">class<\/span> <span class=\"cfn\">Project<\/span> <span class=\"ck\">extends<\/span> <span class=\"cv\">Model<\/span><\/span>\r\n<span class=\"ln\"><span class=\"cp\">{<\/span><\/span>\r\n<span class=\"ln\">  <span class=\"ck\">protected<\/span> <span class=\"cv\">$fillable<\/span> <span class=\"cp\">=<\/span> <span class=\"cp\">[<\/span><\/span>\r\n<span class=\"ln\">    <span class=\"cs\">'title'<\/span><span class=\"cp\">,<\/span> <span class=\"cs\">'client'<\/span><span class=\"cp\">,<\/span> <span class=\"cs\">'tech'<\/span><span class=\"cp\">,<\/span><\/span>\r\n<span class=\"ln\">  <span class=\"cp\">];<\/span><\/span>\r\n<span class=\"ln\"><\/span>\r\n<span class=\"ln\">  <span class=\"ck\">public function<\/span> <span class=\"cfn\">services<\/span><span class=\"cp\">() {<\/span><\/span>\r\n<span class=\"ln\">    <span class=\"ck\">return<\/span> <span class=\"cv\">$this<\/span><span class=\"cp\">-><\/span><span class=\"cfn\">hasMany<\/span><span class=\"cp\">(<\/span><span class=\"cv\">Service<\/span><span class=\"cp\">::<\/span><span class=\"ck\">class<\/span><span class=\"cp\">);<\/span><\/span>\r\n<span class=\"ln\">  <span class=\"cp\">}<\/span><\/span>\r\n<span class=\"ln\"><span class=\"cp\">}<\/span><\/span>\r\n<span class=\"ln\"><\/span>\r\n<span class=\"ln\"><span class=\"cc\">\/\/ Filament Admin Resource<\/span><\/span>\r\n<span class=\"ln\"><span class=\"cfn\">TextInput<\/span><span class=\"cp\">::<\/span><span class=\"cfn\">make<\/span><span class=\"cp\">(<\/span><span class=\"cs\">'title'<\/span><span class=\"cp\">)-><\/span><span class=\"cfn\">required<\/span><span class=\"cp\">(),<\/span><\/span>\r\n<span class=\"ln\"><span class=\"cfn\">Toggle<\/span><span class=\"cp\">::<\/span><span class=\"cfn\">make<\/span><span class=\"cp\">(<\/span><span class=\"cs\">'published'<\/span><span class=\"cp\">),<\/span><\/span>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"float-badge fb2\"><i class=\"fas fa-star\"><\/i> 6+ Years Experience<\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 STATS BAR \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<div class=\"stats-bar\">\r\n  <div class=\"stats-inner\" id=\"statsBar\">\r\n    <div class=\"stat-item fade-in\"><div class=\"stat-num\" data-target=\"6\"><span>0<\/span>+<\/div><div class=\"stat-lbl\">Years in Market<\/div><\/div>\r\n    <div class=\"stat-item fade-in delay-1\"><div class=\"stat-num\" data-target=\"80\"><span>0<\/span>+<\/div><div class=\"stat-lbl\">Projects Completed<\/div><\/div>\r\n    <div class=\"stat-item fade-in delay-2\"><div class=\"stat-num\" data-target=\"78\"><span>0<\/span>+<\/div><div class=\"stat-lbl\">Happy Clients<\/div><\/div>\r\n    <div class=\"stat-item fade-in delay-3\"><div class=\"stat-num\" data-target=\"15\"><span>0<\/span>+<\/div><div class=\"stat-lbl\">Industries Served<\/div><\/div>\r\n    <div class=\"stat-item fade-in delay-4\"><div class=\"stat-num\" data-target=\"99\"><span>0<\/span>%<\/div><div class=\"stat-lbl\">Client Satisfaction<\/div><\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- TICKER -->\r\n<div class=\"ticker-wrap\">\r\n  <div class=\"ticker-track\">\r\n    <div class=\"ticker-item\"><i class=\"fas fa-circle\"><\/i>Laravel <\/div>\r\n    <div class=\"ticker-item\"><i class=\"fas fa-circle\"><\/i>WordPress<\/div>\r\n    <div class=\"ticker-item\"><i class=\"fas fa-circle\"><\/i>Filament <\/div>\r\n    <div class=\"ticker-item\"><i class=\"fas fa-circle\"><\/i>Livewire <\/div>\r\n    <div class=\"ticker-item\"><i class=\"fas fa-circle\"><\/i>PHP<\/div>\r\n    <div class=\"ticker-item\"><i class=\"fas fa-circle\"><\/i>WooCommerce<\/div>\r\n    <div class=\"ticker-item\"><i class=\"fas fa-circle\"><\/i>MySQL <\/div>\r\n    <div class=\"ticker-item\"><i class=\"fas fa-circle\"><\/i>REST API<\/div>\r\n    <div class=\"ticker-item\"><i class=\"fas fa-circle\"><\/i>Laravel <\/div>\r\n    <div class=\"ticker-item\"><i class=\"fas fa-circle\"><\/i>WordPress<\/div>\r\n    <div class=\"ticker-item\"><i class=\"fas fa-circle\"><\/i>Filament<\/div>\r\n    <div class=\"ticker-item\"><i class=\"fas fa-circle\"><\/i>Livewire<\/div>\r\n    <div class=\"ticker-item\"><i class=\"fas fa-circle\"><\/i>PHP <\/div>\r\n    <div class=\"ticker-item\"><i class=\"fas fa-circle\"><\/i>WooCommerce<\/div>\r\n    <div class=\"ticker-item\"><i class=\"fas fa-circle\"><\/i>MySQL<\/div>\r\n    <div class=\"ticker-item\"><i class=\"fas fa-circle\"><\/i>REST API<\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 SERVICES \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"section\" id=\"services\">\r\n  <div class=\"container\">\r\n    <div class=\"fade-in\" style=\"margin-bottom:60px;\">\r\n      <div class=\"section-label\"><div class=\"sl-line\"><\/div><span>Our Services<\/span><\/div>\r\n      <h2 class=\"section-title\" id=\"svc-section-title\">High-Quality Web Development Services<\/h2>\r\n      <p class=\"section-sub\" id=\"svc-section-sub\">Professional web solutions combining creativity with modern technology. Laravel, WordPress, Filament, Livewire and more.<\/p>\r\n    <\/div>\r\n\r\n    <!-- LARAVEL -->\r\n    <div class=\"service-block fade-in\">\r\n      <div class=\"svc-info\">\r\n        <div class=\"svc-eyebrow\"><span class=\"svc-num\">01 \/\/<\/span><span class=\"svc-tag\"><i class=\"fab fa-laravel\" style=\"margin-right:5px;\"><\/i>Backend<\/span><\/div>\r\n        <div class=\"svc-icon-big\"><i class=\"fab fa-laravel\" style=\"color:var(--gold);\"><\/i><\/div>\r\n        <h3 class=\"svc-title\">Laravel Framework<\/h3>\r\n        <p class=\"svc-desc\">The PHP framework for web artisans. Elegant syntax, powerful tools \u2014 Eloquent ORM, Artisan CLI, Queues, Events, Sanctum auth & REST API. Build enterprise-grade applications that scale.<\/p>\r\n        <ul class=\"svc-feats\">\r\n          <li><div class=\"feat-icon\"><i class=\"fas fa-check\"><\/i><\/div>Custom web applications designed around your exact business logic<\/li>\r\n          <li><div class=\"feat-icon\"><i class=\"fas fa-check\"><\/i><\/div>Secure REST API with Sanctum token authentication & role management<\/li>\r\n          <li><div class=\"feat-icon\"><i class=\"fas fa-check\"><\/i><\/div>Eloquent ORM with relationships, migrations, seeders & factories<\/li>\r\n          <li><div class=\"feat-icon\"><i class=\"fas fa-check\"><\/i><\/div>Background jobs, email queues & real-time event broadcasting<\/li>\r\n        <\/ul>\r\n        <div class=\"svc-stats\">\r\n          <div class=\"svc-stat\"><div class=\"sv\">74k+<\/div><div class=\"sl\">GitHub Stars<\/div><\/div>\r\n          <div class=\"svc-stat\"><div class=\"sv\">Latest versions<\/div><div class=\"sl\">Current<\/div><\/div>\r\n          <div class=\"svc-stat\"><div class=\"sv\">Less than 2ms<\/div><div class=\"sl\">Avg Response<\/div><\/div>\r\n        <\/div>\r\n        <a class=\"btn-gold\" href=\"https:\/\/mira-web.com\/contact\/\" target=\"_blank\"><i class=\"fas fa-arrow-right\"><\/i> Start Laravel Project<\/a>\r\n      <\/div>\r\n      <div class=\"svc-code-card\">\r\n        <div class=\"svc-topbar\">\r\n          <div class=\"s-dots\"><span class=\"d1\"><\/span><span class=\"d2\"><\/span><span class=\"d3\"><\/span><\/div>\r\n          <span class=\"s-title\">laravel\/routes\/api.php<\/span>\r\n          <div class=\"s-kbd\"><kbd>\u2318<\/kbd><kbd>L<\/kbd><\/div>\r\n        <\/div>\r\n        <div class=\"copy-wrap\">\r\n          <button class=\"copy-btn\">copy<\/button>\r\n          <div class=\"code-body\">\r\n<span class=\"ln\"><span class=\"cc\">\/\/ Protected API routes<\/span><\/span>\r\n<span class=\"ln\"><span class=\"cv\">Route<\/span><span class=\"cp\">::<\/span><span class=\"cfn\">middleware<\/span><span class=\"cp\">([<\/span><span class=\"cs\">'auth:sanctum'<\/span><span class=\"cp\">])<\/span><\/span>\r\n<span class=\"ln\">  <span class=\"cp\">-><\/span><span class=\"cfn\">prefix<\/span><span class=\"cp\">(<\/span><span class=\"cs\">'v1'<\/span><span class=\"cp\">)-><\/span><span class=\"cfn\">group<\/span><span class=\"cp\">(<\/span><span class=\"ck\">function<\/span><span class=\"cp\">() {<\/span><\/span>\r\n<span class=\"ln\">    <span class=\"cv\">Route<\/span><span class=\"cp\">::<\/span><span class=\"cfn\">apiResource<\/span><span class=\"cp\">(<\/span><span class=\"cs\">'posts'<\/span><span class=\"cp\">,<\/span><span class=\"cv\">PostController<\/span><span class=\"cp\">::<\/span><span class=\"ck\">class<\/span><span class=\"cp\">);<\/span><\/span>\r\n<span class=\"ln\">    <span class=\"cv\">Route<\/span><span class=\"cp\">::<\/span><span class=\"cfn\">post<\/span><span class=\"cp\">(<\/span><span class=\"cs\">'upload'<\/span><span class=\"cp\">,[<\/span><span class=\"cv\">UploadController<\/span><span class=\"cp\">::<\/span><span class=\"ck\">class<\/span><span class=\"cp\">,<\/span><span class=\"cs\">'store'<\/span><span class=\"cp\">]);<\/span><\/span>\r\n<span class=\"ln\"><span class=\"cp\">});<\/span><\/span>\r\n<span class=\"ln\"> <\/span>\r\n<span class=\"ln\"><span class=\"cc\">\/\/ Eloquent Model<\/span><\/span>\r\n<span class=\"ln\"><span class=\"ck\">class<\/span> <span class=\"cfn\">Post<\/span> <span class=\"ck\">extends<\/span> <span class=\"cv\">Model<\/span> <span class=\"cp\">{<\/span><\/span>\r\n<span class=\"ln\">  <span class=\"ck\">protected<\/span> <span class=\"cv\">$fillable<\/span> <span class=\"cp\">=<\/span> <span class=\"cp\">[<\/span><span class=\"cs\">'title'<\/span><span class=\"cp\">,<\/span><span class=\"cs\">'body'<\/span><span class=\"cp\">,<\/span><span class=\"cs\">'slug'<\/span><span class=\"cp\">];<\/span><\/span>\r\n<span class=\"ln\">  <span class=\"ck\">public function<\/span> <span class=\"cfn\">user<\/span><span class=\"cp\">(){<\/span><\/span>\r\n<span class=\"ln\">    <span class=\"ck\">return<\/span> <span class=\"cv\">$this<\/span><span class=\"cp\">-><\/span><span class=\"cfn\">belongsTo<\/span><span class=\"cp\">(<\/span><span class=\"cv\">User<\/span><span class=\"cp\">::<\/span><span class=\"ck\">class<\/span><span class=\"cp\">);<\/span><\/span>\r\n<span class=\"ln\">  <span class=\"cp\">}<\/span><\/span>\r\n<span class=\"ln\"><span class=\"cp\">}<\/span><\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- WORDPRESS -->\r\n    <div class=\"service-block reverse fade-in\">\r\n      <div class=\"svc-info\">\r\n        <div class=\"svc-eyebrow\"><span class=\"svc-num\">02 \/\/<\/span><span class=\"svc-tag\"><i class=\"fab fa-wordpress\" style=\"margin-right:5px;\"><\/i>CMS<\/span><\/div>\r\n        <div class=\"svc-icon-big\"><i class=\"fab fa-wordpress\" style=\"color:var(--gold);\"><\/i><\/div>\r\n        <h3 class=\"svc-title\">WordPress & WooCommerce<\/h3>\r\n        <p class=\"svc-desc\">Powers 43% of the web. Custom themes, Gutenberg blocks, WooCommerce stores, multisite networks & REST API. Fully managed and SEO-ready from day one.<\/p>\r\n        <ul class=\"svc-feats\">\r\n          <li><div class=\"feat-icon\"><i class=\"fas fa-check\"><\/i><\/div>Fully custom theme design reflecting your exact brand identity<\/li>\r\n          <li><div class=\"feat-icon\"><i class=\"fas fa-check\"><\/i><\/div>Easy admin dashboard \u2014 manage content with zero technical knowledge<\/li>\r\n          <li><div class=\"feat-icon\"><i class=\"fas fa-check\"><\/i><\/div>WooCommerce with Egyptian payment gateways (Fawry, Paymob)<\/li>\r\n          <li><div class=\"feat-icon\"><i class=\"fas fa-check\"><\/i><\/div>SEO-optimized structure \u2014 built to rank on Google from launch<\/li>\r\n        <\/ul>\r\n        <div class=\"svc-stats\">\r\n          <div class=\"svc-stat\"><div class=\"sv\">43%<\/div><div class=\"sl\">Web Share<\/div><\/div>\r\n          <div class=\"svc-stat\"><div class=\"sv\">59k+<\/div><div class=\"sl\">Plugins<\/div><\/div>\r\n          <div class=\"svc-stat\"><div class=\"sv\">WP 6.x<\/div><div class=\"sl\">Current<\/div><\/div>\r\n        <\/div>\r\n        <a class=\"btn-gold\" href=\"https:\/\/mira-web.com\/contact\/\" target=\"_blank\"><i class=\"fas fa-arrow-right\"><\/i> Start WordPress Project<\/a>\r\n      <\/div>\r\n      <div class=\"svc-code-card\">\r\n        <div class=\"svc-topbar\">\r\n          <div class=\"s-dots\"><span class=\"d1\"><\/span><span class=\"d2\"><\/span><span class=\"d3\"><\/span><\/div>\r\n          <span class=\"s-title\">wordpress\/functions.php<\/span>\r\n          <div class=\"s-kbd\"><kbd>\u2318<\/kbd><kbd>W<\/kbd><\/div>\r\n        <\/div>\r\n        <div class=\"copy-wrap\">\r\n          <button class=\"copy-btn\">copy<\/button>\r\n          <div class=\"code-body\">\r\n<span class=\"ln\"><span class=\"cc\">\/\/ Register Custom Post Type<\/span><\/span>\r\n<span class=\"ln\"><span class=\"cfn\">add_action<\/span><span class=\"cp\">(<\/span><span class=\"cs\">'init'<\/span><span class=\"cp\">,<\/span> <span class=\"ck\">function<\/span><span class=\"cp\">() {<\/span><\/span>\r\n<span class=\"ln\">  <span class=\"cfn\">register_post_type<\/span><span class=\"cp\">(<\/span><span class=\"cs\">'portfolio'<\/span><span class=\"cp\">, [<\/span><\/span>\r\n<span class=\"ln\">    <span class=\"cs\">'public'<\/span>  <span class=\"cp\">=><\/span> <span class=\"ck\">true<\/span><span class=\"cp\">,<\/span><\/span>\r\n<span class=\"ln\">    <span class=\"cs\">'label'<\/span>   <span class=\"cp\">=><\/span> <span class=\"cs\">'Portfolio'<\/span><span class=\"cp\">,<\/span><\/span>\r\n<span class=\"ln\">    <span class=\"cs\">'supports'<\/span> <span class=\"cp\">=><\/span> <span class=\"cp\">[<\/span><span class=\"cs\">'title'<\/span><span class=\"cp\">,<\/span><span class=\"cs\">'thumbnail'<\/span><span class=\"cp\">],<\/span><\/span>\r\n<span class=\"ln\">    <span class=\"cs\">'has_archive'<\/span> <span class=\"cp\">=><\/span> <span class=\"ck\">true<\/span><span class=\"cp\">,<\/span><\/span>\r\n<span class=\"ln\">  <span class=\"cp\">]);<\/span><\/span>\r\n<span class=\"ln\"><span class=\"cp\">});<\/span><\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- FILAMENT -->\r\n    <div class=\"service-block fade-in\">\r\n      <div class=\"svc-info\">\r\n        <div class=\"svc-eyebrow\"><span class=\"svc-num\">03 \/\/<\/span><span class=\"svc-tag\"><i class=\"fas fa-table-columns\" style=\"margin-right:5px;\"><\/i>Admin Panel<\/span><\/div>\r\n        <div class=\"svc-icon-big\"><i class=\"fas fa-table-columns\" style=\"color:var(--gold);\"><\/i><\/div>\r\n        <h3 class=\"svc-title\">Filament Admin Panel<\/h3>\r\n        <p class=\"svc-desc\">Laravel's most powerful admin panel. Build complete CRUD dashboards, custom forms, advanced tables & analytics widgets. Full admin system in hours, not weeks.<\/p>\r\n        <ul class=\"svc-feats\">\r\n          <li><div class=\"feat-icon\"><i class=\"fas fa-check\"><\/i><\/div>Complete admin dashboard setup in minutes \u2014 not weeks<\/li>\r\n          <li><div class=\"feat-icon\"><i class=\"fas fa-check\"><\/i><\/div>30+ form field types: rich editor, file upload, repeater, toggle<\/li>\r\n          <li><div class=\"feat-icon\"><i class=\"fas fa-check\"><\/i><\/div>Advanced table filtering, sorting & bulk actions built in<\/li>\r\n          <li><div class=\"feat-icon\"><i class=\"fas fa-check\"><\/i><\/div>Multi-tenancy support for SaaS platforms<\/li>\r\n        <\/ul>\r\n        <div class=\"svc-stats\">\r\n          <div class=\"svc-stat\"><div class=\"sv\">20k+<\/div><div class=\"sl\">Stars<\/div><\/div>\r\n          <div class=\"svc-stat\"><div class=\"sv\">5 min<\/div><div class=\"sl\">CRUD Setup<\/div><\/div>\r\n          <div class=\"svc-stat\"><div class=\"sv\">30+<\/div><div class=\"sl\">Field Types<\/div><\/div>\r\n        <\/div>\r\n        <a class=\"btn-gold\" href=\"https:\/\/mira-web.com\/contact\/\" target=\"_blank\"><i class=\"fas fa-arrow-right\"><\/i> Build Admin Panel<\/a>\r\n      <\/div>\r\n      <div class=\"svc-code-card\">\r\n        <div class=\"svc-topbar\">\r\n          <div class=\"s-dots\"><span class=\"d1\"><\/span><span class=\"d2\"><\/span><span class=\"d3\"><\/span><\/div>\r\n          <span class=\"s-title\">filament\/PostResource.php<\/span>\r\n          <div class=\"s-kbd\"><kbd>\u2318<\/kbd><kbd>F<\/kbd><\/div>\r\n        <\/div>\r\n        <div class=\"copy-wrap\">\r\n          <button class=\"copy-btn\">copy<\/button>\r\n          <div class=\"code-body\">\r\n<span class=\"ln\"><span class=\"ck\">public static function<\/span> <span class=\"cfn\">form<\/span><span class=\"cp\">(<\/span><span class=\"cv\">Form<\/span> <span class=\"cv\">$form<\/span><span class=\"cp\">):<\/span> <span class=\"cv\">Form<\/span><\/span>\r\n<span class=\"ln\"><span class=\"cp\">{<\/span><\/span>\r\n<span class=\"ln\">  <span class=\"ck\">return<\/span> <span class=\"cv\">$form<\/span><span class=\"cp\">-><\/span><span class=\"cfn\">schema<\/span><span class=\"cp\">([<\/span><\/span>\r\n<span class=\"ln\">    <span class=\"cv\">TextInput<\/span><span class=\"cp\">::<\/span><span class=\"cfn\">make<\/span><span class=\"cp\">(<\/span><span class=\"cs\">'title'<\/span><span class=\"cp\">)-><\/span><span class=\"cfn\">required<\/span><span class=\"cp\">(),<\/span><\/span>\r\n<span class=\"ln\">    <span class=\"cv\">RichEditor<\/span><span class=\"cp\">::<\/span><span class=\"cfn\">make<\/span><span class=\"cp\">(<\/span><span class=\"cs\">'body'<\/span><span class=\"cp\">),<\/span><\/span>\r\n<span class=\"ln\">    <span class=\"cv\">FileUpload<\/span><span class=\"cp\">::<\/span><span class=\"cfn\">make<\/span><span class=\"cp\">(<\/span><span class=\"cs\">'image'<\/span><span class=\"cp\">)-><\/span><span class=\"cfn\">image<\/span><span class=\"cp\">(),<\/span><\/span>\r\n<span class=\"ln\">    <span class=\"cv\">Toggle<\/span><span class=\"cp\">::<\/span><span class=\"cfn\">make<\/span><span class=\"cp\">(<\/span><span class=\"cs\">'published'<\/span><span class=\"cp\">),<\/span><\/span>\r\n<span class=\"ln\">  <span class=\"cp\">]);<\/span><\/span>\r\n<span class=\"ln\"><span class=\"cp\">}<\/span><\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- LIVEWIRE -->\r\n    <div class=\"service-block reverse fade-in\">\r\n      <div class=\"svc-info\">\r\n        <div class=\"svc-eyebrow\"><span class=\"svc-num\">04 \/\/<\/span><span class=\"svc-tag\"><i class=\"fas fa-bolt\" style=\"margin-right:5px;\"><\/i>Reactive<\/span><\/div>\r\n        <div class=\"svc-icon-big\"><i class=\"fas fa-bolt\" style=\"color:var(--gold);\"><\/i><\/div>\r\n        <h3 class=\"svc-title\">Livewire<\/h3>\r\n        <p class=\"svc-desc\">Full-stack reactive components for Laravel. Build SPA-like interfaces with pure PHP + Blade \u2014 real-time search, live forms and instant updates. Zero separate JS framework.<\/p>\r\n        <ul class=\"svc-feats\">\r\n          <li><div class=\"feat-icon\"><i class=\"fas fa-check\"><\/i><\/div>Real-time search, filters & validation \u2014 zero page reloads<\/li>\r\n          <li><div class=\"feat-icon\"><i class=\"fas fa-check\"><\/i><\/div>No separate API layer \u2014 PHP talks directly to the DOM<\/li>\r\n          <li><div class=\"feat-icon\"><i class=\"fas fa-check\"><\/i><\/div>Seamless integration with Filament admin panels<\/li>\r\n          <li><div class=\"feat-icon\"><i class=\"fas fa-check\"><\/i><\/div>Live file uploads, pagination & infinite scroll built in<\/li>\r\n        <\/ul>\r\n        <div class=\"svc-stats\">\r\n          <div class=\"svc-stat\"><div class=\"sv\">22k+<\/div><div class=\"sl\">Stars<\/div><\/div>\r\n          <div class=\"svc-stat\"><div class=\"sv\">0<\/div><div class=\"sl\">JS Required<\/div><\/div>\r\n          <div class=\"svc-stat\"><div class=\"sv\">Live<\/div><div class=\"sl\">DOM Updates<\/div><\/div>\r\n        <\/div>\r\n        <a class=\"btn-gold\" href=\"https:\/\/mira-web.com\/contact\/\" target=\"_blank\"><i class=\"fas fa-arrow-right\"><\/i> Build Reactive App<\/a>\r\n      <\/div>\r\n      <div class=\"svc-code-card\">\r\n        <div class=\"svc-topbar\">\r\n          <div class=\"s-dots\"><span class=\"d1\"><\/span><span class=\"d2\"><\/span><span class=\"d3\"><\/span><\/div>\r\n          <span class=\"s-title\">livewire\/SearchPosts.php<\/span>\r\n          <div class=\"s-kbd\"><kbd>\u2318<\/kbd><kbd>K<\/kbd><\/div>\r\n        <\/div>\r\n        <div class=\"copy-wrap\">\r\n          <button class=\"copy-btn\">copy<\/button>\r\n          <div class=\"code-body\">\r\n<span class=\"ln\"><span class=\"ck\">class<\/span> <span class=\"cfn\">SearchPosts<\/span> <span class=\"ck\">extends<\/span> <span class=\"cv\">Component<\/span><\/span>\r\n<span class=\"ln\"><span class=\"cp\">{<\/span><\/span>\r\n<span class=\"ln\">  <span class=\"ck\">public<\/span> <span class=\"cv\">string<\/span> <span class=\"cv\">$search<\/span> <span class=\"cp\">=<\/span> <span class=\"cs\">''<\/span><span class=\"cp\">;<\/span><\/span>\r\n<span class=\"ln\">  <span class=\"ck\">public function<\/span> <span class=\"cfn\">render<\/span><span class=\"cp\">() {<\/span><\/span>\r\n<span class=\"ln\">    <span class=\"ck\">return<\/span> <span class=\"cfn\">view<\/span><span class=\"cp\">(<\/span><span class=\"cs\">'livewire.search'<\/span><span class=\"cp\">,[<\/span><\/span>\r\n<span class=\"ln\">      <span class=\"cs\">'posts'<\/span> <span class=\"cp\">=><\/span> <span class=\"cv\">Post<\/span><span class=\"cp\">::<\/span><span class=\"cfn\">search<\/span><span class=\"cp\">(<\/span><span class=\"cv\">$this<\/span><span class=\"cp\">-><\/span><span class=\"cv\">search<\/span><span class=\"cp\">)-><\/span><span class=\"cfn\">paginate<\/span><span class=\"cp\">(<\/span><span class=\"cs\">10<\/span><span class=\"cp\">),<\/span><\/span>\r\n<span class=\"ln\">    <span class=\"cp\">]);<\/span><\/span>\r\n<span class=\"ln\">  <span class=\"cp\">}<\/span><\/span>\r\n<span class=\"ln\"><span class=\"cp\">}<\/span><\/span>\r\n<span class=\"ln\"><span class=\"cc\">{{-- Blade --}}<\/span><\/span>\r\n<span class=\"ln\"><span class=\"cp\">&lt;<\/span><span class=\"ck\">input<\/span> <span class=\"cfn\">wire:model.live<\/span><span class=\"cp\">=<\/span><span class=\"cs\">\"search\"<\/span> <span class=\"cp\">\/&gt;<\/span><\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- PHP + MOBILE -->\r\n    <div class=\"service-block fade-in\" style=\"border-bottom:none;\">\r\n      <div class=\"svc-info\">\r\n        <div class=\"svc-eyebrow\"><span class=\"svc-num\">05 \/\/<\/span><span class=\"svc-tag\"><i class=\"fab fa-php\" style=\"margin-right:5px;\"><\/i>Native PHP<\/span><\/div>\r\n        <div class=\"svc-icon-big\"><i class=\"fab fa-php\" style=\"color:var(--gold);\"><\/i><\/div>\r\n        <h3 class=\"svc-title\">Native PHP Development<\/h3>\r\n        <p class=\"svc-desc\">Custom MVC architecture. Zero framework overhead. Maximum control \u2014 ideal for legacy modernization and high-load performance-critical systems.<\/p>\r\n        <ul class=\"svc-feats\">\r\n          <li><div class=\"feat-icon\"><i class=\"fas fa-check\"><\/i><\/div>Framework-free architecture for maximum performance<\/li>\r\n          <li><div class=\"feat-icon\"><i class=\"fas fa-check\"><\/i><\/div>Legacy system integration & codebase modernization<\/li>\r\n          <li><div class=\"feat-icon\"><i class=\"fas fa-check\"><\/i><\/div>High-load apps with fine-tuned query optimization<\/li>\r\n        <\/ul>\r\n        <a class=\"btn-gold\" href=\"https:\/\/mira-web.com\/contact\/\" target=\"_blank\"><i class=\"fas fa-arrow-right\"><\/i> Native PHP Project<\/a>\r\n      <\/div>\r\n      <div class=\"svc-info\">\r\n        <div class=\"svc-eyebrow\"><span class=\"svc-num\">06 \/\/<\/span><span class=\"svc-tag\"><i class=\"fas fa-mobile-alt\" style=\"margin-right:5px;\"><\/i>Mobile<\/span><\/div>\r\n        <div class=\"svc-icon-big\"><i class=\"fas fa-mobile-alt\" style=\"color:var(--gold);\"><\/i><\/div>\r\n        <h3 class=\"svc-title\">Mobile App Development<\/h3>\r\n        <p class=\"svc-desc\">iOS & Android from a single codebase. Flutter + React Native. Powered by Laravel backend. Full App Store & Google Play deployment with ongoing support.<\/p>\r\n        <ul class=\"svc-feats\">\r\n          <li><div class=\"feat-icon\"><i class=\"fas fa-check\"><\/i><\/div>Cross-platform iOS + Android from one codebase<\/li>\r\n          <li><div class=\"feat-icon\"><i class=\"fas fa-check\"><\/i><\/div>Push notifications, payments & social login<\/li>\r\n          <li><div class=\"feat-icon\"><i class=\"fas fa-check\"><\/i><\/div>App Store & Google Play deployment included<\/li>\r\n        <\/ul>\r\n        <a class=\"btn-gold\" href=\"https:\/\/mira-web.com\/contact\/\" target=\"_blank\"><i class=\"fas fa-arrow-right\"><\/i> Start Mobile App<\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 OTHER SERVICES \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"section bg-alt\">\r\n  <div class=\"container\">\r\n    <div class=\"fade-in\" style=\"margin-bottom:48px;\">\r\n      <div class=\"section-label\"><div class=\"sl-line\"><\/div><span>Full Stack<\/span><\/div>\r\n      <h2 class=\"section-title\">All Digital Services<\/h2>\r\n      <p class=\"section-sub\">End-to-end solutions \u2014 from design to deployment, hosting to maintenance.<\/p>\r\n    <\/div>\r\n    <div class=\"cards-grid-3\">\r\n      <div class=\"p-card fade-in\"><div class=\"p-card-top\"><div class=\"dots\"><span class=\"d1\"><\/span><span class=\"d2\"><\/span><span class=\"d3\"><\/span><\/div><span class=\"fname\">design\/figma.fig<\/span><\/div><div class=\"p-card-body\"><div class=\"pc-icon\"><i class=\"fas fa-pen-ruler\" style=\"color:var(--gold);\"><\/i><\/div><div class=\"pc-title\">UI\/UX Design<\/div><div class=\"pc-desc\">User-centered design that converts.<\/div><ul class=\"pc-feats\"><li><i class=\"fas fa-check\"><\/i>Brand-aligned interface design<\/li><li><i class=\"fas fa-check\"><\/i>Responsive across all devices<\/li><\/ul><button class=\"pc-btn\" onclick=\"window.open('https:\/\/mira-web.com\/contact\/')\"><i class=\"fas fa-arrow-right\"><\/i> Design Project<\/button><\/div><\/div>\r\n      <div class=\"p-card fade-in delay-1\"><div class=\"p-card-top\"><div class=\"dots\"><span class=\"d1\"><\/span><span class=\"d2\"><\/span><span class=\"d3\"><\/span><\/div><span class=\"fname\">infra\/nginx.conf<\/span><\/div><div class=\"p-card-body\"><div class=\"pc-icon\"><i class=\"fas fa-cloud\" style=\"color:var(--gold);\"><\/i><\/div><div class=\"pc-title\">Domain & Hosting<\/div><div class=\"pc-desc\">Fast, secure cloud hosting. 99.9% uptime.<\/div><ul class=\"pc-feats\"><li><i class=\"fas fa-check\"><\/i>Premium domain registration<\/li><li><i class=\"fas fa-check\"><\/i>24\/7 monitoring & alerts<\/li><\/ul><button class=\"pc-btn\" onclick=\"window.open('https:\/\/mira-web.com\/contact\/')\"><i class=\"fas fa-arrow-right\"><\/i> Get Hosting<\/button><\/div><\/div>\r\n      <div class=\"p-card fade-in delay-2\"><div class=\"p-card-top\"><div class=\"dots\"><span class=\"d1\"><\/span><span class=\"d2\"><\/span><span class=\"d3\"><\/span><\/div><span class=\"fname\">store\/checkout.php<\/span><\/div><div class=\"p-card-body\"><div class=\"pc-icon\"><i class=\"fas fa-cart-shopping\" style=\"color:var(--gold);\"><\/i><\/div><div class=\"pc-title\">E-Commerce<\/div><div class=\"pc-desc\">Egyptian stores with global standards.<\/div><ul class=\"pc-feats\"><li><i class=\"fas fa-check\"><\/i>Fawry & Paymob integration<\/li><li><i class=\"fas fa-check\"><\/i>Order tracking & automation<\/li><\/ul><button class=\"pc-btn\" onclick=\"window.open('https:\/\/mira-web.com\/contact\/')\"><i class=\"fas fa-arrow-right\"><\/i> Build Your Store<\/button><\/div><\/div>\r\n      <div class=\"p-card fade-in delay-3\"><div class=\"p-card-top\"><div class=\"dots\"><span class=\"d1\"><\/span><span class=\"d2\"><\/span><span class=\"d3\"><\/span><\/div><span class=\"fname\">seo\/sitemap.xml<\/span><\/div><div class=\"p-card-body\"><div class=\"pc-icon\"><i class=\"fas fa-magnifying-glass-chart\" style=\"color:var(--gold);\"><\/i><\/div><div class=\"pc-title\">SEO Optimization<\/div><div class=\"pc-desc\">Rank #1 on Google Egypt.<\/div><ul class=\"pc-feats\"><li><i class=\"fas fa-check\"><\/i>Keyword research & audit<\/li><li><i class=\"fas fa-check\"><\/i>Monthly performance reports<\/li><\/ul><button class=\"pc-btn\" onclick=\"window.open('https:\/\/mira-web.com\/contact\/')\"><i class=\"fas fa-arrow-right\"><\/i> Boost Rankings<\/button><\/div><\/div>\r\n      <div class=\"p-card fade-in delay-4\"><div class=\"p-card-top\"><div class=\"dots\"><span class=\"d1\"><\/span><span class=\"d2\"><\/span><span class=\"d3\"><\/span><\/div><span class=\"fname\">security\/firewall.rules<\/span><\/div><div class=\"p-card-body\"><div class=\"pc-icon\"><i class=\"fas fa-shield-halved\" style=\"color:var(--gold);\"><\/i><\/div><div class=\"pc-title\">Web Security<\/div><div class=\"pc-desc\">Full-stack protection. WAF, DDoS, SSL.<\/div><ul class=\"pc-feats\"><li><i class=\"fas fa-check\"><\/i>Advanced firewall & IDS<\/li><li><i class=\"fas fa-check\"><\/i>24\/7 emergency response<\/li><\/ul><button class=\"pc-btn\" onclick=\"window.open('https:\/\/mira-web.com\/contact\/')\"><i class=\"fas fa-arrow-right\"><\/i> Secure My Site<\/button><\/div><\/div>\r\n      <div class=\"p-card fade-in delay-5\"><div class=\"p-card-top\"><div class=\"dots\"><span class=\"d1\"><\/span><span class=\"d2\"><\/span><span class=\"d3\"><\/span><\/div><span class=\"fname\">cron\/maintenance.sh<\/span><\/div><div class=\"p-card-body\"><div class=\"pc-icon\"><i class=\"fas fa-screwdriver-wrench\" style=\"color:var(--gold);\"><\/i><\/div><div class=\"pc-title\">Maintenance & Support<\/div><div class=\"pc-desc\">Keep your site at peak performance.<\/div><ul class=\"pc-feats\"><li><i class=\"fas fa-check\"><\/i>Regular CMS & plugin updates<\/li><li><i class=\"fas fa-check\"><\/i>Dedicated support channel<\/li><\/ul><button class=\"pc-btn\" onclick=\"window.open('https:\/\/mira-web.com\/contact\/')\"><i class=\"fas fa-arrow-right\"><\/i> Get Support Plan<\/button><\/div><\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 TECH STACK \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"section\" id=\"stack\">\r\n  <div class=\"container\">\r\n    <div class=\"fade-in\" style=\"margin-bottom:20px;text-align:center;\">\r\n      <div class=\"section-label\" style=\"justify-content:center;\"><div class=\"sl-line\"><\/div><span>Stack<\/span><div class=\"sl-line\"><\/div><\/div>\r\n      <h2 class=\"section-title\" style=\"text-align:center;\">Technologies We Master<\/h2>\r\n    <\/div>\r\n    <div class=\"tech-wheel fade-in\">\r\n      <div class=\"tech-pill\"><i class=\"fab fa-laravel\"><\/i>Laravel<\/div>\r\n      <div class=\"tech-pill\"><i class=\"fab fa-wordpress\"><\/i>WordPress<\/div>\r\n      <div class=\"tech-pill\"><i class=\"fas fa-table-columns\"><\/i>Filament<\/div>\r\n      <div class=\"tech-pill\"><i class=\"fas fa-bolt\"><\/i>Livewire<\/div>\r\n      <div class=\"tech-pill\"><i class=\"fab fa-php\"><\/i>PHP<\/div>\r\n      <div class=\"tech-pill\"><i class=\"fas fa-wind\"><\/i>Tailwind CSS<\/div>\r\n      <div class=\"tech-pill\"><i class=\"fas fa-database\"><\/i>MySQL<\/div>\r\n      <div class=\"tech-pill\"><i class=\"fas fa-database\"><\/i>PostgreSQL<\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 WHY MIRA WEB \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"section bg-3\" id=\"why\">\r\n  <div class=\"container\">\r\n    <div class=\"fade-in\" style=\"margin-bottom:48px;\">\r\n      <div class=\"section-label\"><div class=\"sl-line\"><\/div><span>Why Us<\/span><\/div>\r\n      <h2 class=\"section-title\">Why Mira Web?<\/h2>\r\n      <p class=\"section-sub\">We're not just developers \u2014 we're digital partners invested in your long-term growth.<\/p>\r\n    <\/div>\r\n    <div class=\"why-grid\">\r\n      <div class=\"why-card fade-in\"><div class=\"why-icon\"><i class=\"fas fa-medal\"><\/i><\/div><div class=\"why-num\">01 \/ Quality<\/div><div class=\"why-title\">Premium Quality Assurance<\/div><div class=\"why-desc\">Strict quality control ensuring every product meets international performance benchmarks before delivery.<\/div><\/div>\r\n      <div class=\"why-card fade-in delay-1\"><div class=\"why-icon\"><i class=\"fas fa-palette\"><\/i><\/div><div class=\"why-num\">02 \/ Design<\/div><div class=\"why-title\">Creative Design Excellence<\/div><div class=\"why-desc\">UI\/UX experts crafting visually engaging designs that elevate brand perception and conversions.<\/div><\/div>\r\n      <div class=\"why-card fade-in delay-2\"><div class=\"why-icon\"><i class=\"fas fa-coins\"><\/i><\/div><div class=\"why-num\">03 \/ Value<\/div><div class=\"why-title\">Competitive Pricing<\/div><div class=\"why-desc\">Premium quality at fair rates \u2014 maximum value with flexible monthly installment plans.<\/div><\/div>\r\n      <div class=\"why-card fade-in delay-3\"><div class=\"why-icon\"><i class=\"fas fa-shield-halved\"><\/i><\/div><div class=\"why-num\">04 \/ Security<\/div><div class=\"why-title\">Enterprise-Grade Security<\/div><div class=\"why-desc\">Advanced security protocols protecting your data and business assets around the clock.<\/div><\/div>\r\n      <div class=\"why-card fade-in delay-4\"><div class=\"why-icon\"><i class=\"fas fa-puzzle-piece\"><\/i><\/div><div class=\"why-num\">05 \/ Custom<\/div><div class=\"why-title\">Tailored Solutions<\/div><div class=\"why-desc\">Every project is custom-built to match your business goals \u2014 not adapted from a generic template.<\/div><\/div>\r\n      <div class=\"why-card fade-in delay-5\"><div class=\"why-icon\"><i class=\"fas fa-headset\"><\/i><\/div><div class=\"why-num\">06 \/ Support<\/div><div class=\"why-title\">End-to-End Support<\/div><div class=\"why-desc\">From discovery to deployment and beyond \u2014 clear timelines, milestone tracking, and consistent communication.<\/div><\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 PROCESS \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"section\" id=\"process\">\r\n  <div class=\"container\">\r\n    <div class=\"fade-in\" style=\"margin-bottom:60px;text-align:center;\">\r\n      <div class=\"section-label\" style=\"justify-content:center;\"><div class=\"sl-line\"><\/div><span>How We Work<\/span><div class=\"sl-line\"><\/div><\/div>\r\n      <h2 class=\"section-title\" style=\"text-align:center;\">Our Process<\/h2>\r\n      <p class=\"section-sub\" style=\"margin:0 auto;\">Transparent, structured and efficient \u2014 from first call to launch day.<\/p>\r\n    <\/div>\r\n    <div class=\"process-grid fade-in\">\r\n      <div class=\"proc-step\"><div class=\"proc-circle\"><i class=\"fas fa-binoculars\"><\/i><\/div><div class=\"proc-t\">Discovery<\/div><div class=\"proc-d\">We analyze your business goals, target audience and collect all technical requirements.<\/div><\/div>\r\n      <div class=\"proc-step\"><div class=\"proc-circle\"><i class=\"fas fa-pen-nib\"><\/i><\/div><div class=\"proc-t\">Design<\/div><div class=\"proc-d\">We craft UX\/UI layouts aligned with your brand, validated before development starts.<\/div><\/div>\r\n      <div class=\"proc-step\"><div class=\"proc-circle\"><i class=\"fas fa-code\"><\/i><\/div><div class=\"proc-t\">Development<\/div><div class=\"proc-d\">We code with precision \u2014 Laravel, WordPress, Filament, Flutter with milestone updates.<\/div><\/div>\r\n      <div class=\"proc-step\"><div class=\"proc-circle\"><i class=\"fas fa-rocket\"><\/i><\/div><div class=\"proc-t\">Launch & Support<\/div><div class=\"proc-d\">Deployment, training, ongoing maintenance and dedicated client support after launch.<\/div><\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 PRICING \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"section bg-alt\" id=\"pricing\">\r\n  <div class=\"container\">\r\n    <div class=\"fade-in\" style=\"margin-bottom:48px;\">\r\n      <div class=\"section-label\"><div class=\"sl-line\"><\/div><span>Pricing<\/span><\/div>\r\n      <h2 class=\"section-title\">Packages & Pricing<\/h2>\r\n      <p class=\"section-sub\">Start your journey today. Flexible plans with monthly installment options available.<\/p>\r\n    <\/div>\r\n    <div class=\"price-grid\">\r\n      <div class=\"price-card fade-in\">\r\n        <div class=\"pc-header\"><div class=\"pc-name\">Business Booster<\/div><div class=\"pc-for\">Ideal for startups, freelancers & small local businesses<\/div><span class=\"pc-badge\"><i class=\"fab fa-wordpress\" style=\"margin-right:5px;\"><\/i>WordPress<\/span><\/div>\r\n        <div class=\"price-num\"><div class=\"price-old\">30,000 EGP<\/div><div class=\"price-new\">19,999 <sub>EGP<\/sub><\/div><\/div>\r\n        <ul class=\"price-features\"><li><i class=\"fas fa-check yes\"><\/i>Domain + Hosting 1 year<\/li><li><i class=\"fas fa-check yes\"><\/i>Modern WordPress website<\/li><li><i class=\"fas fa-check yes\"><\/i>Mobile responsive design<\/li><li><i class=\"fas fa-check yes\"><\/i>Basic SEO setup + SSL<\/li><li><i class=\"fas fa-check yes\"><\/i>12 months support<\/li><li><i class=\"fas fa-times no\"><\/i>E-commerce features<\/li><\/ul>\r\n        <button class=\"price-btn\" onclick=\"window.open('https:\/\/mira-web.com\/contact\/')\">Request Now<\/button>\r\n      <\/div>\r\n      <div class=\"price-card featured fade-in delay-1\">\r\n        <div class=\"pc-header\"><div class=\"pc-name\">Regional Impact<\/div><div class=\"pc-for\">Real estate, services, online shops & companies<\/div><span class=\"pc-badge\"><i class=\"fab fa-wordpress\" style=\"margin-right:5px;\"><\/i>WordPress + WooCommerce<\/span><\/div>\r\n        <div class=\"price-num\"><div class=\"price-old\">45,000 EGP<\/div><div class=\"price-new\">29,999 <sub>EGP<\/sub><\/div><\/div>\r\n        <ul class=\"price-features\"><li><i class=\"fas fa-check yes\"><\/i>Everything in Basic<\/li><li><i class=\"fas fa-check yes\"><\/i>E-commerce (WooCommerce)<\/li><li><i class=\"fas fa-check yes\"><\/i>Payment gateway integration<\/li><li><i class=\"fas fa-check yes\"><\/i>Admin mobile application<\/li><li><i class=\"fas fa-check yes\"><\/i>Multilingual (2 languages)<\/li><li><i class=\"fas fa-check yes\"><\/i>4 Training sessions<\/li><\/ul>\r\n        <button class=\"price-btn\" onclick=\"window.open('https:\/\/mira-web.com\/contact\/')\">Request Now<\/button>\r\n      <\/div>\r\n      <div class=\"price-card fade-in delay-2\">\r\n        <div class=\"pc-header\"><div class=\"pc-name\">Laravel Web App<\/div><div class=\"pc-for\">Tailored software \u2014 CRM, POS, HR, ERP, Accounting<\/div><span class=\"pc-badge\"><i class=\"fab fa-laravel\" style=\"margin-right:5px;\"><\/i>PHP Laravel<\/span><\/div>\r\n        <div class=\"price-num\"><div class=\"price-old\">250,000 EGP<\/div><div class=\"price-new\">160,000 <sub>EGP<\/sub><\/div><\/div>\r\n        <ul class=\"price-features\"><li><i class=\"fas fa-check yes\"><\/i>Clean Laravel 10+ codebase<\/li><li><i class=\"fas fa-check yes\"><\/i>Filament admin panel<\/li><li><i class=\"fas fa-check yes\"><\/i>Role-based access control<\/li><li><i class=\"fas fa-check yes\"><\/i>RESTful API support<\/li><li><i class=\"fas fa-check yes\"><\/i>Full documentation<\/li><li><i class=\"fas fa-check yes\"><\/i>Priority support<\/li><\/ul>\r\n        <button class=\"price-btn\" onclick=\"window.open('https:\/\/mira-web.com\/contact\/')\">Build Your System<\/button>\r\n      <\/div>\r\n      <div class=\"price-card fade-in delay-3\">\r\n        <div class=\"pc-header\"><div class=\"pc-name\">Mobile App<\/div><div class=\"pc-for\">Cross-platform iOS & Android applications<\/div><span class=\"pc-badge\"><i class=\"fas fa-mobile-alt\" style=\"margin-right:5px;\"><\/i>Flutter \/ React Native<\/span><\/div>\r\n        <div class=\"price-num\"><div class=\"price-old\">Custom Project<\/div><div class=\"price-new\" style=\"font-size:1.4rem;margin-top:8px;\">Let's Talk<\/div><\/div>\r\n        <ul class=\"price-features\"><li><i class=\"fas fa-check yes\"><\/i>Cross-platform iOS + Android<\/li><li><i class=\"fas fa-check yes\"><\/i>Laravel API backend<\/li><li><i class=\"fas fa-check yes\"><\/i>Push notifications<\/li><li><i class=\"fas fa-check yes\"><\/i>App Store deployment<\/li><\/ul>\r\n        <button class=\"price-btn\" onclick=\"window.open('https:\/\/mira-web.com\/contact\/')\">Get a Quote<\/button>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 CTA \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<div class=\"cta-section\">\r\n  <h2>Ready to Start Your Project?<\/h2>\r\n  <p>Partner with Mira Web to turn your vision into a powerful, scalable digital experience. 6+ years of proven expertise at your service.<\/p>\r\n  <div class=\"cta-btns\">\r\n    <a class=\"btn-white\" href=\"https:\/\/mira-web.com\/contact\/\" target=\"_blank\"><i class=\"fas fa-rocket\"><\/i> Get Started Now<\/a>\r\n    <a class=\"btn-wa\" href=\"https:\/\/wa.me\/+20278397789\" target=\"_blank\"><i class=\"fab fa-whatsapp fa-lg\"><\/i> WhatsApp Us<\/a>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\nconst observer = new IntersectionObserver((entries) => {\r\n  entries.forEach(e => { if(e.isIntersecting) e.target.classList.add('visible'); });\r\n}, { threshold: 0.12 });\r\ndocument.querySelectorAll('.fade-in,.fade-left,.fade-right').forEach(el => observer.observe(el));\r\n\r\nconst counterObserver = new IntersectionObserver((entries) => {\r\n  entries.forEach(e => {\r\n    if(e.isIntersecting && !e.target.dataset.counted) {\r\n      e.target.dataset.counted = true;\r\n      const target = parseInt(e.target.dataset.target);\r\n      const span = e.target.querySelector('span');\r\n      let current = 0;\r\n      const step = Math.ceil(target \/ 50);\r\n      const timer = setInterval(() => {\r\n        current = Math.min(current + step, target);\r\n        span.textContent = current;\r\n        if(current >= target) clearInterval(timer);\r\n      }, 30);\r\n    }\r\n  });\r\n}, { threshold: 0.5 });\r\ndocument.querySelectorAll('.stat-num[data-target]').forEach(el => counterObserver.observe(el));\r\n\r\ndocument.querySelectorAll('.copy-btn').forEach(btn => {\r\n  btn.addEventListener('click', function() {\r\n    const code = this.nextElementSibling.textContent;\r\n    navigator.clipboard.writeText(code.trim()).then(() => {\r\n      this.textContent = 'copied!';\r\n      this.style.background = 'var(--gold)';\r\n      this.style.color = '#fff';\r\n      setTimeout(() => { this.textContent = 'copy'; this.style.background = ''; this.style.color = ''; }, 2000);\r\n    });\r\n  });\r\n});\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-92c13b0 e-flex e-con-boxed e-con e-parent\" data-id=\"92c13b0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7f8d4fe elementor-widget elementor-widget-html\" data-id=\"7f8d4fe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Section \u2013 Footer<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\r\n<style>\r\n:root{\r\n  --bg:#ffffff;--bg2:#fafaf8;--bg3:#f5f4ef;--card:#ffffff;\r\n  --border:#e8e4d8;--border2:#d4c99a;--gold:#c9a84c;--gold2:#e8c96a;\r\n  --gold-dark:#9a7a2e;--gold-glow:rgba(201,168,76,.15);--text:#1a1a1a;--text2:#5a5550;--text3:#9a9088;\r\n}\r\n*{margin:0;padding:0;box-sizing:border-box;}\r\nbody{font-family:'Inter',sans-serif;background:var(--bg2);overflow-x:hidden;}\r\na{text-decoration:none;color:inherit;}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 FOOTER \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\nfooter{background:var(--bg2);border-top:1px solid var(--border);padding:60px 40px 30px;}\r\n.footer-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px;margin-bottom:50px;}\r\n@media(max-width:900px){.footer-grid{grid-template-columns:1fr 1fr;}}\r\n@media(max-width:600px){.footer-grid{grid-template-columns:1fr;}}\r\n\r\n.f-brand .f-logo{display:flex;align-items:center;gap:10px;margin-bottom:14px;}\r\n.f-brand .f-logo span{font-weight:800;font-size:1.1rem;color:var(--text);}\r\n.f-brand p{font-size:.82rem;color:var(--text2);line-height:1.7;}\r\n\r\n.logo-gem{width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,var(--gold) 0%,var(--gold2) 100%);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:14px;color:#fff;box-shadow:0 4px 12px rgba(201,168,76,.4);}\r\n\r\n.f-col h4{font-size:.85rem;font-weight:700;color:var(--text);margin-bottom:14px;}\r\n.f-col ul{list-style:none;display:grid;gap:9px;}\r\n.f-col ul li a{font-size:.82rem;color:var(--text2);transition:color .2s;}\r\n.f-col ul li a:hover{color:var(--gold);}\r\n\r\n.footer-bottom{border-top:1px solid var(--border);padding-top:24px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;max-width:1200px;margin:0 auto;font-size:.78rem;color:var(--text3);}\r\n.footer-bottom a{color:var(--gold-dark);}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 FOOTER \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<footer>\r\n  <div class=\"footer-grid\">\r\n    <div class=\"f-brand\">\r\n      <div class=\"f-logo\"><div class=\"logo-gem\">M<\/div><span>Mira Web<\/span><\/div>\r\n      <p>Your key to excellence in web design and digital presence. Building scalable, production-ready web applications for businesses across Egypt and the Arab world.<\/p>\r\n    <\/div>\r\n    <div class=\"f-col\">\r\n      <h4>Services<\/h4>\r\n      <ul>\r\n        <li><a href=\"#\">Laravel Development<\/a><\/li>\r\n        <li><a href=\"#\">WordPress & WooCommerce<\/a><\/li>\r\n        <li><a href=\"#\">Filament Admin Panel<\/a><\/li>\r\n        <li><a href=\"#\">Livewire Apps<\/a><\/li>\r\n        <li><a href=\"#\">Mobile Apps<\/a><\/li>\r\n        <li><a href=\"#\">UI\/UX Design<\/a><\/li>\r\n        <li><a href=\"#\">SEO Optimization<\/a><\/li>\r\n      <\/ul>\r\n    <\/div>\r\n    <div class=\"f-col\">\r\n      <h4>Company<\/h4>\r\n      <ul>\r\n        <li><a href=\"https:\/\/mira-web.com\/\" target=\"_blank\">Home<\/a><\/li>\r\n        <li><a href=\"https:\/\/mira-web.com\/services\/\" target=\"_blank\">Services<\/a><\/li>\r\n        <li><a href=\"https:\/\/mira-web.com\/prices\/\" target=\"_blank\">Pricing<\/a><\/li>\r\n        <li><a href=\"https:\/\/mira-web.com\/about\/\" target=\"_blank\">About Us<\/a><\/li>\r\n        <li><a href=\"https:\/\/mira-web.com\/contact\/\" target=\"_blank\">Contact<\/a><\/li>\r\n      <\/ul>\r\n    <\/div>\r\n    <div class=\"f-col\">\r\n      <h4>Technologies<\/h4>\r\n      <ul>\r\n        <li><a href=\"#\">Laravel Framework<\/a><\/li>\r\n        <li><a href=\"#\">WordPress CMS<\/a><\/li>\r\n        <li><a href=\"#\">Filament <\/a><\/li>\r\n        <li><a href=\"#\">Livewire <\/a><\/li>\r\n        <li><a href=\"#\">Flutter & React Native<\/a><\/li>\r\n      <\/ul>\r\n    <\/div>\r\n  <\/div>\r\n  <div class=\"footer-bottom\">\r\n    <span>\u00a9 2025 <a href=\"https:\/\/mira-web.com\" target=\"_blank\">Mira Web<\/a> \u2014 All rights reserved.<\/span>\r\n    <span>Laravel \u00b7 WordPress \u00b7 Filament \u00b7 Livewire \u00b7 PHP \u00b7 Mobile<\/span>\r\n  <\/div>\r\n<\/footer>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Mira Web \u2013 Web Development Excellence Web Development \u00b7 Egypt Your Key to Excellence in Web Development Laravel \u00b7 WordPress \u00b7 Filament \u00b7 Livewire \u00b7 Native PHP \u00b7 Mobile Apps. We build production-ready digital products that scale with your business. Laravel WordPress Filament Livewire PHP Mobile Start Your Project Explore Services 80+ Projects Delivered mira-web\/laravel\/app\/Models\/Project.php [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"plain-container","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"unboxed","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"disabled","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"enabled","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-567","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/mira-web.com\/ar\/wp-json\/wp\/v2\/pages\/567","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mira-web.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mira-web.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mira-web.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mira-web.com\/ar\/wp-json\/wp\/v2\/comments?post=567"}],"version-history":[{"count":606,"href":"https:\/\/mira-web.com\/ar\/wp-json\/wp\/v2\/pages\/567\/revisions"}],"predecessor-version":[{"id":2571,"href":"https:\/\/mira-web.com\/ar\/wp-json\/wp\/v2\/pages\/567\/revisions\/2571"}],"wp:attachment":[{"href":"https:\/\/mira-web.com\/ar\/wp-json\/wp\/v2\/media?parent=567"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}