{"id":845,"date":"2025-07-13T14:50:00","date_gmt":"2025-07-13T11:50:00","guid":{"rendered":"https:\/\/mira-web.com\/?page_id=845"},"modified":"2026-03-12T15:00:02","modified_gmt":"2026-03-12T13:00:02","slug":"about","status":"publish","type":"page","link":"https:\/\/mira-web.com\/ar\/about\/","title":{"rendered":"\u0639\u0646\u0627"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"845\" class=\"elementor elementor-845\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5eb53cc e-con-full e-flex e-con e-parent\" data-id=\"5eb53cc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1bd354a elementor-widget elementor-widget-shortcode\" data-id=\"1bd354a\" 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-a79e40d elementor-widget elementor-widget-html\" data-id=\"a79e40d\" 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>Best Web Design & Development Agency | Mira Web \u2013 #1 Professional Website Design Company<\/title>\r\n<meta name=\"description\" content=\"Mira Web is the best web design and development company. We offer top-rated professional website design, custom web development, SEO, UI\/UX design, eCommerce solutions, and Laravel development services.\">\r\n<meta name=\"keywords\" content=\"best web design company, professional web development, top web agency, custom website design, responsive web design, eCommerce development, SEO services, UI UX design, Laravel development, web design near me, affordable web design, best website developers\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@700;900&family=DM+Sans:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n<link href=\"https:\/\/unpkg.com\/boxicons@2.1.4\/css\/boxicons.min.css\" rel=\"stylesheet\">\r\n<style>\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\r\n*{margin:0;padding:0;box-sizing:border-box;}\r\nbody{font-family:'DM Sans', sans-serif; background:var(--bg); color:var(--text); overflow-x:hidden; line-height:1.6;}\r\n\r\n\/* \u2500\u2500 HERO \u2500\u2500 *\/\r\n.about-hero {\r\n  padding: 140px 40px 100px;\r\n  background: linear-gradient(160deg, var(--bg) 0%, var(--bg2) 50%, var(--bg3) 100%);\r\n  text-align: center;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n.hero-orb {\r\n  position: absolute; border-radius: 50%; pointer-events: none;\r\n  background: radial-gradient(circle, rgba(201,168,76,.12) 0%, transparent 70%);\r\n  animation: float 8s ease-in-out infinite;\r\n}\r\n.orb-1 { width: 400px; height: 400px; top: -100px; left: -50px; }\r\n.orb-2 { width: 300px; height: 300px; bottom: -80px; right: -30px; animation-delay: -4s; }\r\n@keyframes float{ 0%,100%{transform:translateY(0);} 50%{transform:translateY(-20px);} }\r\n\r\n.section-label {\r\n  display: flex; align-items: center; justify-content: center; gap: 12px; margin-bottom: 20px;\r\n}\r\n.sl-line { width: 32px; height: 2px; background: var(--gold); }\r\n.section-label span { font-size: .8rem; font-weight: 700; color: var(--gold-dark); text-transform: uppercase; letter-spacing: 2px; }\r\n\r\n.about-hero h1 { font-family: 'Playfair Display', serif; font-size: clamp(2.5rem, 5vw, 4rem); font-weight: 900; margin-bottom: 20px; color: var(--text); line-height: 1.2; }\r\n.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}\r\n.hero-sub { max-width: 750px; margin: 0 auto 40px; color: var(--text2); font-size: 1.2rem; }\r\n\r\n\/* SEO keyword pills in hero *\/\r\n.keyword-cloud {\r\n  display: flex; flex-wrap: wrap; justify-content: center; gap: 10px;\r\n  max-width: 900px; margin: 0 auto 20px;\r\n}\r\n.kw-pill {\r\n  background: var(--gold-glow); border: 1px solid var(--border2);\r\n  color: var(--gold-dark); font-size: .78rem; font-weight: 600;\r\n  padding: 6px 14px; border-radius: 50px; letter-spacing: .5px;\r\n  transition: all .3s;\r\n}\r\n.kw-pill:hover { background: var(--gold); color: var(--white); border-color: var(--gold); }\r\n\r\n\/* \u2500\u2500 CONTENT \u2500\u2500 *\/\r\n.section { padding: 100px 40px; }\r\n.container { max-width: 1100px; margin: 0 auto; }\r\n.grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; }\r\n@media(max-width:900px){ .grid-2 { grid-template-columns: 1fr; text-align: center; } }\r\n\r\n.about-img {\r\n  position: relative; border-radius: var(--radius); overflow: hidden;\r\n  border: 1px solid var(--border); box-shadow: var(--shadow2);\r\n}\r\n.about-img img { width: 100%; display: block; }\r\n\r\n.about-text h2 { font-family: 'Playfair Display', serif; font-size: 2.5rem; font-weight: 800; margin-bottom: 25px; }\r\n.about-text p { font-size: 1.05rem; color: var(--text2); margin-bottom: 20px; }\r\n\r\n\/* \u2500\u2500 SEO KEYWORD SECTION \u2500\u2500 *\/\r\n.seo-section { background: var(--bg3); }\r\n.seo-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 24px; margin-top: 50px; }\r\n.seo-card {\r\n  background: var(--card); border: 1px solid var(--border);\r\n  border-radius: var(--radius); padding: 30px 28px;\r\n  transition: all .4s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n}\r\n.seo-card:hover { transform: translateY(-8px); border-color: var(--gold); box-shadow: var(--shadow2); }\r\n.seo-card .tag {\r\n  display: inline-block; background: var(--gold-glow); border: 1px solid var(--border2);\r\n  color: var(--gold-dark); font-size: .72rem; font-weight: 700; padding: 4px 12px;\r\n  border-radius: 50px; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 16px;\r\n}\r\n.seo-card h3 { font-size: 1.15rem; font-weight: 700; margin-bottom: 10px; color: var(--text); }\r\n.seo-card .kws { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 14px; }\r\n.seo-card .kw {\r\n  background: var(--bg3); border: 1px solid var(--border);\r\n  font-size: .73rem; font-weight: 500; color: var(--text2);\r\n  padding: 4px 10px; border-radius: 4px;\r\n}\r\n\r\n\/* \u2500\u2500 SUPERLATIVES BAND \u2500\u2500 *\/\r\n.superlatives {\r\n  padding: 60px 40px;\r\n  background: linear-gradient(135deg, var(--gold-dark) 0%, var(--gold) 60%, var(--gold2) 100%);\r\n  text-align: center;\r\n  overflow: hidden;\r\n  position: relative;\r\n}\r\n.superlatives::before {\r\n  content:''; position:absolute; inset:0;\r\n  background: repeating-linear-gradient(45deg, transparent, transparent 20px, rgba(255,255,255,.04) 20px, rgba(255,255,255,.04) 21px);\r\n}\r\n.sup-inner { position: relative; z-index: 1; }\r\n.sup-inner p { font-size: .85rem; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: rgba(255,255,255,.7); margin-bottom: 24px; }\r\n.sup-scroll { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; }\r\n.sup-item {\r\n  background: rgba(255,255,255,.15); backdrop-filter: blur(6px);\r\n  border: 1px solid rgba(255,255,255,.3); color: #fff;\r\n  font-size: .85rem; font-weight: 700; padding: 8px 18px; border-radius: 50px;\r\n  letter-spacing: .3px; display: inline-flex; align-items: center; gap: 7px;\r\n}\r\n.sup-item i { font-size: 1.1rem; }\r\n\r\n\/* \u2500\u2500 VALUES \u2500\u2500 *\/\r\n.values-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; margin-top: 60px; }\r\n.v-card {\r\n  background: var(--card); border: 1px solid var(--border); border-radius: var(--radius);\r\n  padding: 40px; transition: all .4s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n}\r\n.v-card:hover { transform: translateY(-10px); border-color: var(--gold); box-shadow: var(--shadow2); }\r\n.v-card i { font-size: 2.6rem; color: var(--gold); margin-bottom: 25px; display: block; }\r\n.v-card h3 { font-size: 1.4rem; font-weight: 700; margin-bottom: 12px; }\r\n.v-card p { font-size: 1rem; color: var(--text2); margin-bottom: 16px; }\r\n.v-card .kw-list { display: flex; flex-wrap: wrap; gap: 6px; }\r\n.v-card .kw-list span {\r\n  background: var(--bg3); border: 1px solid var(--border);\r\n  font-size: .7rem; font-weight: 600; color: var(--text3);\r\n  padding: 3px 9px; border-radius: 4px;\r\n}\r\n\r\n\/* \u2500\u2500 WHY BEST \u2500\u2500 *\/\r\n.why-best { background: var(--bg); }\r\n.why-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 30px; margin-top: 50px; }\r\n.why-item { text-align: center; padding: 30px 20px; }\r\n.why-item .icon-circle {\r\n  width: 72px; height: 72px; border-radius: 50%;\r\n  background: var(--gold-glow); border: 2px solid var(--border2);\r\n  display: flex; align-items: center; justify-content: center;\r\n  margin: 0 auto 20px; font-size: 1.9rem; color: var(--gold);\r\n}\r\n.why-item h4 { font-size: 1.05rem; font-weight: 700; margin-bottom: 8px; }\r\n.why-item p { font-size: .9rem; color: var(--text2); }\r\n\r\n\/* \u2500\u2500 SEARCH TERMS SECTION \u2500\u2500 *\/\r\n.search-terms { background: var(--bg2); }\r\n.st-intro { max-width: 650px; margin: 0 auto 50px; text-align: center; }\r\n.st-intro p { color: var(--text2); font-size: 1.05rem; }\r\n.search-cols { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 30px; }\r\n.search-col h4 {\r\n  font-size: .78rem; font-weight: 700; text-transform: uppercase;\r\n  letter-spacing: 1.5px; color: var(--gold-dark); margin-bottom: 16px;\r\n  padding-bottom: 10px; border-bottom: 2px solid var(--border2);\r\n}\r\n.search-col ul { list-style: none; }\r\n.search-col ul li {\r\n  font-size: .92rem; color: var(--text2); padding: 8px 0;\r\n  border-bottom: 1px solid var(--border); display: flex; align-items: center; gap: 8px;\r\n}\r\n.search-col ul li::before { content: '\u2192'; color: var(--gold); font-weight: 700; flex-shrink: 0; }\r\n\r\n\/* \u2500\u2500 STATS \u2500\u2500 *\/\r\n.stats-strip { display: flex; gap: 40px; margin-top: 40px; flex-wrap: wrap; }\r\n.stat-item strong { font-size: 1.8rem; color: var(--gold-dark); font-family: 'Playfair Display', serif; }\r\n.stat-item small { display: block; text-transform: uppercase; letter-spacing: 1px; color: var(--text3); font-size: .75rem; margin-top: 2px; }\r\n.stat-divider { width: 1px; background: var(--border); }\r\n\r\n\/* \u2500\u2500 ANIMATIONS \u2500\u2500 *\/\r\n.fade-up { opacity: 0; transform: translateY(40px); transition: .8s ease-out; }\r\n.fade-up.visible { opacity: 1; transform: translateY(0); }\r\n\r\n\/* \u2500\u2500 SECTION HEADERS \u2500\u2500 *\/\r\n.sec-header { text-align: center; margin-bottom: 20px; }\r\n.sec-header h2 { font-family: 'Playfair Display', serif; font-size: 2.4rem; font-weight: 800; margin-bottom: 14px; }\r\n.sec-header p { color: var(--text2); font-size: 1.05rem; max-width: 600px; margin: 0 auto; }\r\n\r\n@media(max-width:600px){\r\n  .stats-strip { gap: 20px; }\r\n  .stat-divider { display: none; }\r\n  .about-hero { padding: 100px 20px 70px; }\r\n  .section { padding: 60px 20px; }\r\n  .superlatives { padding: 40px 20px; }\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 HERO \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"about-hero\">\r\n  <div class=\"hero-orb orb-1\"><\/div>\r\n  <div class=\"hero-orb orb-2\"><\/div>\r\n  <div class=\"container\">\r\n    <div class=\"section-label fade-up\">\r\n      <span class=\"sl-line\"><\/span>\r\n      <span>Who We Are<\/span>\r\n      <span class=\"sl-line\"><\/span>\r\n    <\/div>\r\n\r\n    <h1 class=\"fade-up\">\r\n      The <span class=\"gold-text\">Best Web Design<\/span><br> and Development Agency\r\n    <\/h1>\r\n\r\n    <p class=\"hero-sub fade-up\" style=\"transition-delay:.1s\">\r\n      Mira Web is a <strong>top-rated professional web design and development company<\/strong>, trusted for building high-performance, custom websites and digital experiences that drive real results.\r\n    <\/p>\r\n\r\n    <div class=\"keyword-cloud fade-up\" style=\"transition-delay:.2s\">\r\n      <span class=\"kw-pill\">Best Web Design Company<\/span>\r\n      <span class=\"kw-pill\">Professional Web Development<\/span>\r\n      <span class=\"kw-pill\">Top Web Agency<\/span>\r\n      <span class=\"kw-pill\">Custom Website Design<\/span>\r\n      <span class=\"kw-pill\">Responsive Web Design<\/span>\r\n      <span class=\"kw-pill\">eCommerce Development<\/span>\r\n      <span class=\"kw-pill\">UI\/UX Design Agency<\/span>\r\n      <span class=\"kw-pill\">SEO Web Design<\/span>\r\n      <span class=\"kw-pill\">Laravel Development<\/span>\r\n      <span class=\"kw-pill\">Award-Winning Web Agency<\/span>\r\n      <span class=\"kw-pill\">Full-Stack Development<\/span>\r\n      <span class=\"kw-pill\">#1 Web Design Agency<\/span>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 SUPERLATIVES BAND \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<div class=\"superlatives\">\r\n  <div class=\"sup-inner\">\r\n    <p>Recognized as the industry's finest<\/p>\r\n    <div class=\"sup-scroll\">\r\n      <span class=\"sup-item\"><i class='bx bx-trophy'><\/i> #1 Rated Web Agency<\/span>\r\n      <span class=\"sup-item\"><i class='bx bx-star'><\/i> Top-Rated Web Design<\/span>\r\n      <span class=\"sup-item\"><i class='bx bx-medal'><\/i> Best Web Developers<\/span>\r\n      <span class=\"sup-item\"><i class='bx bx-shield-quarter'><\/i> Most Trusted Agency<\/span>\r\n      <span class=\"sup-item\"><i class='bx bx-check-circle'><\/i> Award-Winning Design<\/span>\r\n      <span class=\"sup-item\"><i class='bx bx-bulb'><\/i> Leading Web Studio<\/span>\r\n      <span class=\"sup-item\"><i class='bx bx-rocket'><\/i> Fastest-Growing Agency<\/span>\r\n      <span class=\"sup-item\"><i class='bx bx-globe'><\/i> World-Class Web Design<\/span>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 LEGACY \/ STORY \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"section\">\r\n  <div class=\"container\">\r\n    <div class=\"grid-2\">\r\n      <div class=\"about-text fade-up\">\r\n        <h2>Our <span class=\"gold-text\">Legacy<\/span> of Excellence<\/h2>\r\n        <p>At <strong>Mira Web<\/strong>, we believe every business deserves a digital presence that is as unique as its vision. As a <strong>leading professional web design company<\/strong>, we specialize in <strong>custom web development<\/strong>, <strong>Laravel<\/strong>, Filament, and high-performance ecosystems \u2014 bridging the gap between complex engineering and elegant design.<\/p>\r\n        <p>Whether you need a <strong>stunning responsive website<\/strong>, a <strong>powerful eCommerce platform<\/strong>, a <strong>custom web application<\/strong>, or a complete <strong>digital marketing strategy<\/strong>, our team delivers <strong>best-in-class solutions<\/strong> tailored to your goals.<\/p>\r\n        <p>With a relentless focus on <strong>performance, security, and SEO-optimized design<\/strong>, we have delivered 80+ projects helping partners achieve measurable digital growth.<\/p>\r\n\r\n        <div class=\"stats-strip\">\r\n          <div class=\"stat-item\"><strong>80+<\/strong><small>Projects Done<\/small><\/div>\r\n          <div class=\"stat-divider\"><\/div>\r\n          <div class=\"stat-item\"><strong>6+<\/strong><small>Years Exp.<\/small><\/div>\r\n          <div class=\"stat-divider\"><\/div>\r\n          <div class=\"stat-item\"><strong>100%<\/strong><small>Client Satisfaction<\/small><\/div>\r\n          <div class=\"stat-divider\"><\/div>\r\n          <div class=\"stat-item\"><strong>#1<\/strong><small>Rated Agency<\/small><\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"about-img fade-up\" style=\"transition-delay:.2s\">\r\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1497366216548-37526070297c?auto=format&fit=crop&q=80&w=1000\" alt=\"Best Web Design Agency \u2013 Mira Web\">\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 SEO KEYWORD CATEGORIES \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"section seo-section\">\r\n  <div class=\"container\">\r\n    <div class=\"sec-header fade-up\">\r\n      <h2>Our <span class=\"gold-text\">Services<\/span> and Expertise<\/h2>\r\n      <p>From concept to launch \u2014 we cover every dimension of professional web design and digital development.<\/p>\r\n    <\/div>\r\n    <div class=\"seo-grid\">\r\n\r\n      <div class=\"seo-card fade-up\">\r\n        <span class=\"tag\">Design<\/span>\r\n        <h3>Professional Web Design<\/h3>\r\n        <p>We craft visually exceptional, conversion-optimized websites that set you apart from the competition.<\/p>\r\n        <div class=\"kws\">\r\n          <span class=\"kw\">Custom Web Design<\/span>\r\n          <span class=\"kw\">Responsive Design<\/span>\r\n          <span class=\"kw\">UI\/UX Design<\/span>\r\n          <span class=\"kw\">Mobile-First Design<\/span>\r\n          <span class=\"kw\">Landing Page Design<\/span>\r\n          <span class=\"kw\">Website Redesign<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"seo-card fade-up\" style=\"transition-delay:.1s\">\r\n        <span class=\"tag\">Development<\/span>\r\n        <h3>Full-Stack Web Development<\/h3>\r\n        <p>Industry-leading development using the most powerful modern technologies and frameworks.<\/p>\r\n        <div class=\"kws\">\r\n          <span class=\"kw\">Laravel Development<\/span>\r\n          <span class=\"kw\">PHP Development<\/span>\r\n          <span class=\"kw\">API Development<\/span>\r\n          <span class=\"kw\">CMS Development<\/span>\r\n          <span class=\"kw\">Web App Development<\/span>\r\n          <span class=\"kw\">SaaS Development<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"seo-card fade-up\" style=\"transition-delay:.2s\">\r\n        <span class=\"tag\">eCommerce<\/span>\r\n        <h3>eCommerce Solutions<\/h3>\r\n        <p>Build the most powerful online stores that convert browsers into loyal customers.<\/p>\r\n        <div class=\"kws\">\r\n          <span class=\"kw\">eCommerce Website<\/span>\r\n          <span class=\"kw\">Online Store Design<\/span>\r\n          <span class=\"kw\">Shopping Cart Dev<\/span>\r\n          <span class=\"kw\">Payment Integration<\/span>\r\n          <span class=\"kw\">B2B eCommerce<\/span>\r\n          <span class=\"kw\">WooCommerce<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"seo-card fade-up\" style=\"transition-delay:.3s\">\r\n        <span class=\"tag\">SEO & Marketing<\/span>\r\n        <h3>SEO-Optimized Websites<\/h3>\r\n        <p>Every website we build is engineered from the ground up for search engine visibility and organic growth.<\/p>\r\n        <div class=\"kws\">\r\n          <span class=\"kw\">SEO Web Design<\/span>\r\n          <span class=\"kw\">Technical SEO<\/span>\r\n          <span class=\"kw\">On-Page SEO<\/span>\r\n          <span class=\"kw\">Core Web Vitals<\/span>\r\n          <span class=\"kw\">Schema Markup<\/span>\r\n          <span class=\"kw\">Local SEO<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"seo-card fade-up\" style=\"transition-delay:.4s\">\r\n        <span class=\"tag\">Performance<\/span>\r\n        <h3>High-Performance Websites<\/h3>\r\n        <p>Lightning-fast load times and flawless performance across all devices and browsers.<\/p>\r\n        <div class=\"kws\">\r\n          <span class=\"kw\">Fast Loading Website<\/span>\r\n          <span class=\"kw\">Page Speed Optimization<\/span>\r\n          <span class=\"kw\">CDN Integration<\/span>\r\n          <span class=\"kw\">Caching Systems<\/span>\r\n          <span class=\"kw\">Mobile Optimization<\/span>\r\n          <span class=\"kw\">Google PageSpeed 100<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"seo-card fade-up\" style=\"transition-delay:.5s\">\r\n        <span class=\"tag\">Maintenance<\/span>\r\n        <h3>Website Support & Care<\/h3>\r\n        <p>Ongoing maintenance and support to keep your website secure, updated, and performing at its best.<\/p>\r\n        <div class=\"kws\">\r\n          <span class=\"kw\">Website Maintenance<\/span>\r\n          <span class=\"kw\">Security Updates<\/span>\r\n          <span class=\"kw\">Hosting Services<\/span>\r\n          <span class=\"kw\">Bug Fixing<\/span>\r\n          <span class=\"kw\">Website Migration<\/span>\r\n          <span class=\"kw\">24\/7 Support<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 WHY WE ARE THE BEST \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"section why-best\">\r\n  <div class=\"container\">\r\n    <div class=\"sec-header fade-up\">\r\n      <h2>Why We're the <span class=\"gold-text\">Best Choice<\/span><\/h2>\r\n      <p>When searching for the top web design company, here's why businesses consistently choose Mira Web above all others.<\/p>\r\n    <\/div>\r\n    <div class=\"why-grid\">\r\n      <div class=\"why-item fade-up\">\r\n        <div class=\"icon-circle\"><i class='bx bx-trophy'><\/i><\/div>\r\n        <h4>Award-Winning Agency<\/h4>\r\n        <p>Recognized as one of the best and most trusted web agencies in the industry.<\/p>\r\n      <\/div>\r\n      <div class=\"why-item fade-up\" style=\"transition-delay:.1s\">\r\n        <div class=\"icon-circle\"><i class='bx bx-star'><\/i><\/div>\r\n        <h4>Top-Rated & Reviewed<\/h4>\r\n        <p>5-star reviews and highest client satisfaction scores across all platforms.<\/p>\r\n      <\/div>\r\n      <div class=\"why-item fade-up\" style=\"transition-delay:.2s\">\r\n        <div class=\"icon-circle\"><i class='bx bx-crown'><\/i><\/div>\r\n        <h4>Industry-Leading Expertise<\/h4>\r\n        <p>6+ years delivering superior web solutions to clients worldwide.<\/p>\r\n      <\/div>\r\n      <div class=\"why-item fade-up\" style=\"transition-delay:.3s\">\r\n        <div class=\"icon-circle\"><i class='bx bx-time-five'><\/i><\/div>\r\n        <h4>Fastest Delivery<\/h4>\r\n        <p>The quickest turnaround times without ever compromising on quality or detail.<\/p>\r\n      <\/div>\r\n      <div class=\"why-item fade-up\" style=\"transition-delay:.4s\">\r\n        <div class=\"icon-circle\"><i class='bx bx-lock-alt'><\/i><\/div>\r\n        <h4>Most Secure Builds<\/h4>\r\n        <p>Enterprise-grade security standards built into every website we develop.<\/p>\r\n      <\/div>\r\n      <div class=\"why-item fade-up\" style=\"transition-delay:.5s\">\r\n        <div class=\"icon-circle\"><i class='bx bx-group'><\/i><\/div>\r\n        <h4>Trusted by 80+ Brands<\/h4>\r\n        <p>From startups to established enterprises, we are the preferred digital partner.<\/p>\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 SEARCH TERMS \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"section search-terms\">\r\n  <div class=\"container\">\r\n    <div class=\"sec-header fade-up\">\r\n      <h2>Found by the <span class=\"gold-text\">Right Searches<\/span><\/h2>\r\n      <p>Mira Web ranks for the most competitive keywords in web design and development.<\/p>\r\n    <\/div>\r\n    <div class=\"search-cols fade-up\" style=\"transition-delay:.1s\">\r\n      <div class=\"search-col\">\r\n        <h4>Best &amp; Top Searches<\/h4>\r\n        <ul>\r\n          <li>Best web design company<\/li>\r\n          <li>Top web development agency<\/li>\r\n          <li>Best website designers near me<\/li>\r\n          <li>#1 web design agency<\/li>\r\n          <li>Top-rated web developers<\/li>\r\n          <li>Best professional web agency<\/li>\r\n          <li>Most trusted web company<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n      <div class=\"search-col\">\r\n        <h4>Service Searches<\/h4>\r\n        <ul>\r\n          <li>Custom web design services<\/li>\r\n          <li>Responsive website design<\/li>\r\n          <li>eCommerce website development<\/li>\r\n          <li>SEO-friendly web design<\/li>\r\n          <li>UI UX design agency<\/li>\r\n          <li>Laravel web development<\/li>\r\n          <li>Full-stack web developer<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n      <div class=\"search-col\">\r\n        <h4>Comparison Searches<\/h4>\r\n        <ul>\r\n          <li>Best web agency vs freelancer<\/li>\r\n          <li>Affordable professional web design<\/li>\r\n          <li>Web design agency pricing<\/li>\r\n          <li>Best web design for small business<\/li>\r\n          <li>Enterprise web development company<\/li>\r\n          <li>Top agencies for startup websites<\/li>\r\n          <li>Website redesign best agency<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n      <div class=\"search-col\">\r\n        <h4>Intent Searches<\/h4>\r\n        <ul>\r\n          <li>Hire a web designer<\/li>\r\n          <li>Get a professional website<\/li>\r\n          <li>Build my business website<\/li>\r\n          <li>Who makes the best websites?<\/li>\r\n          <li>Web design company reviews<\/li>\r\n          <li>How to find a web agency<\/li>\r\n          <li>Professional website builder<\/li>\r\n        <\/ul>\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 CORE VALUES \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"section\" style=\"background: var(--bg2);\">\r\n  <div class=\"container\">\r\n    <div class=\"sec-header fade-up\">\r\n      <h2>Our Core <span class=\"gold-text\">Values<\/span><\/h2>\r\n      <p>The principles that make us the best and most reliable web design company.<\/p>\r\n    <\/div>\r\n    <div class=\"values-grid\">\r\n      <div class=\"v-card fade-up\">\r\n        <i class='bx bx-rocket'><\/i>\r\n        <h3>Unmatched Performance<\/h3>\r\n        <p>We engineer lightning-fast websites optimized for Core Web Vitals, Google rankings, and maximum user retention.<\/p>\r\n        <div class=\"kw-list\">\r\n          <span>Fast Websites<\/span><span>Page Speed<\/span><span>Core Web Vitals<\/span><span>Performance Optimization<\/span>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"v-card fade-up\" style=\"transition-delay:.1s\">\r\n        <i class='bx bx-shield-quarter'><\/i>\r\n        <h3>Security First<\/h3>\r\n        <p>Industry-leading security protocols and Laravel's robust framework ensure your data and users are always protected.<\/p>\r\n        <div class=\"kw-list\">\r\n          <span>SSL Security<\/span><span>Secure Coding<\/span><span>Data Protection<\/span><span>Firewall Setup<\/span>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"v-card fade-up\" style=\"transition-delay:.2s\">\r\n        <i class='bx bx-layer'><\/i>\r\n        <h3>Superior Scalability<\/h3>\r\n        <p>Our architectures are designed by the best engineers to grow seamlessly with your business demands.<\/p>\r\n        <div class=\"kw-list\">\r\n          <span>Scalable Architecture<\/span><span>Cloud Hosting<\/span><span>Microservices<\/span><span>API-First<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\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.1 });\r\ndocument.querySelectorAll('.fade-up').forEach(el => observer.observe(el));\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-ebd15ff e-flex e-con-boxed e-con e-parent\" data-id=\"ebd15ff\" 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-045cd90 elementor-widget elementor-widget-html\" data-id=\"045cd90\" 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 v3<\/a><\/li>\r\n        <li><a href=\"#\">Livewire v3<\/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>Best Web Design &#038; Development Agency | Mira Web \u2013 #1 Professional Website Design Company Who We Are The Best Web Design and Development Agency Mira Web is a top-rated professional web design and development company, trusted for building high-performance, custom websites and digital experiences that drive real results. Best Web Design Company Professional Web [&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":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","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":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","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-845","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/mira-web.com\/ar\/wp-json\/wp\/v2\/pages\/845","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=845"}],"version-history":[{"count":60,"href":"https:\/\/mira-web.com\/ar\/wp-json\/wp\/v2\/pages\/845\/revisions"}],"predecessor-version":[{"id":2536,"href":"https:\/\/mira-web.com\/ar\/wp-json\/wp\/v2\/pages\/845\/revisions\/2536"}],"wp:attachment":[{"href":"https:\/\/mira-web.com\/ar\/wp-json\/wp\/v2\/media?parent=845"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}