{"id":2847,"date":"2026-05-31T00:48:01","date_gmt":"2026-05-31T00:48:01","guid":{"rendered":"https:\/\/nadersaied.com\/?page_id=2847"},"modified":"2026-06-20T13:48:12","modified_gmt":"2026-06-20T13:48:12","slug":"nadrawebsite","status":"publish","type":"page","link":"https:\/\/nadersaied.com\/ar\/nadrawebsite\/","title":{"rendered":"NaderWebsite"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"2847\" class=\"elementor elementor-2847\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c1cfb6e e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"c1cfb6e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f1c01d9 elementor-widget elementor-widget-html\" data-id=\"f1c01d9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"nader-pro-page\">\n  <style>\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;500;600;700;800;900&family=Inter:wght@400;500;600;700;800;900&display=swap');\n\n    .nader-pro-page {\n      --dark: #05050a;\n      --dark2: #0b0b14;\n      --card: rgba(255, 255, 255, 0.065);\n      --card2: rgba(255, 255, 255, 0.095);\n      --line: rgba(255, 255, 255, 0.14);\n      --text: #ffffff;\n      --muted: rgba(255, 255, 255, 0.72);\n      --muted2: rgba(255, 255, 255, 0.55);\n      --gold: #d8b36a;\n      --gold2: #fff1bc;\n      --blue: #7dd3fc;\n      --purple: #a78bfa;\n      --radius: 28px;\n\n      width: 100%;\n      max-width: 100%;\n      overflow: hidden;\n      position: relative;\n      color: var(--text);\n      font-family: \"Inter\", \"Cairo\", sans-serif;\n      background:\n        radial-gradient(circle at top left, rgba(216, 179, 106, 0.16), transparent 32%),\n        radial-gradient(circle at 85% 10%, rgba(167, 139, 250, 0.18), transparent 34%),\n        radial-gradient(circle at 60% 75%, rgba(125, 211, 252, 0.10), transparent 35%),\n        linear-gradient(180deg, #05050a 0%, #0b0b14 45%, #05050a 100%);\n    }\n\n    .nader-pro-page * {\n      box-sizing: border-box;\n    }\n\n    .nader-pro-page a {\n      color: inherit;\n      text-decoration: none;\n    }\n\n    .np-wrap {\n      width: min(1180px, calc(100% - 36px));\n      margin: 0 auto;\n      position: relative;\n      z-index: 2;\n    }\n\n    .np-bg-lines {\n      position: absolute;\n      inset: 0;\n      background-image:\n        linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),\n        linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px);\n      background-size: 70px 70px;\n      opacity: .18;\n      mask-image: linear-gradient(to bottom, #000, transparent 70%);\n      pointer-events: none;\n    }\n\n    .np-topbar {\n      padding: 26px 0 0;\n    }\n\n    .np-nav {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 18px;\n      padding: 14px 16px;\n      border: 1px solid var(--line);\n      background: rgba(255,255,255,.055);\n      backdrop-filter: blur(18px);\n      border-radius: 999px;\n      box-shadow: 0 20px 80px rgba(0,0,0,.25);\n    }\n\n    .np-logo {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      min-width: 0;\n    }\n\n    .np-logo img {\n      width: 42px;\n      height: 42px;\n      object-fit: contain;\n      display: block;\n    }\n\n    .np-logo-text {\n      display: flex;\n      flex-direction: column;\n      line-height: 1.1;\n      min-width: 0;\n    }\n\n    .np-logo-text strong {\n      font-size: 15px;\n      letter-spacing: .01em;\n      white-space: nowrap;\n    }\n\n    .np-logo-text span {\n      font-size: 11px;\n      color: var(--muted2);\n      letter-spacing: .16em;\n      text-transform: uppercase;\n      white-space: nowrap;\n    }\n\n    .np-nav-links {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      flex-wrap: wrap;\n      justify-content: flex-end;\n    }\n\n    .np-nav-links a {\n      padding: 10px 14px;\n      border-radius: 999px;\n      color: var(--muted);\n      font-size: 13px;\n      font-weight: 700;\n      transition: .25s ease;\n    }\n\n    .np-nav-links a:hover {\n      color: #fff;\n      background: rgba(255,255,255,.08);\n    }\n\n    .np-hero {\n      padding: 82px 0 58px;\n    }\n\n    .np-hero-grid {\n      display: grid;\n      grid-template-columns: 0.95fr 1.05fr;\n      gap: 42px;\n      align-items: center;\n    }\n\n    .np-badge {\n      display: inline-flex;\n      align-items: center;\n      gap: 10px;\n      padding: 9px 13px;\n      border: 1px solid rgba(216,179,106,.28);\n      background: rgba(216,179,106,.08);\n      color: var(--gold2);\n      border-radius: 999px;\n      font-size: 12px;\n      font-weight: 800;\n      letter-spacing: .12em;\n      text-transform: uppercase;\n      margin-bottom: 20px;\n    }\n\n    .np-badge:before {\n      content: \"\";\n      width: 8px;\n      height: 8px;\n      background: var(--gold);\n      border-radius: 50%;\n      box-shadow: 0 0 18px rgba(216,179,106,.8);\n    }\n\n    .np-hero h1 {\n      margin: 0;\n      max-width: 680px;\n      font-size: clamp(42px, 6vw, 82px);\n      line-height: .95;\n      letter-spacing: -0.065em;\n      font-weight: 900;\n    }\n\n    .np-gradient {\n      background: linear-gradient(120deg, #fff 0%, #fff1bc 34%, #a78bfa 70%, #7dd3fc 100%);\n      -webkit-background-clip: text;\n      background-clip: text;\n      color: transparent;\n    }\n\n    .np-hero p {\n      margin: 24px 0 0;\n      color: var(--muted);\n      font-size: 17px;\n      line-height: 1.85;\n      max-width: 610px;\n    }\n\n    .np-actions {\n      display: flex;\n      gap: 12px;\n      flex-wrap: wrap;\n      margin-top: 34px;\n    }\n\n    .np-btn {\n      min-height: 52px;\n      padding: 0 22px;\n      border-radius: 999px;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      gap: 10px;\n      font-size: 14px;\n      font-weight: 900;\n      transition: .28s ease;\n      border: 1px solid transparent;\n    }\n\n    .np-btn-main {\n      color: #070707;\n      background: linear-gradient(135deg, #fff1bc, #d8b36a);\n      box-shadow: 0 18px 55px rgba(216,179,106,.24);\n    }\n\n    .np-btn-main:hover {\n      transform: translateY(-3px);\n      box-shadow: 0 26px 75px rgba(216,179,106,.32);\n    }\n\n    .np-btn-dark {\n      color: #fff;\n      border-color: var(--line);\n      background: rgba(255,255,255,.065);\n      backdrop-filter: blur(14px);\n    }\n\n    .np-btn-dark:hover {\n      transform: translateY(-3px);\n      background: rgba(255,255,255,.11);\n    }\n\n    .np-stats {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 12px;\n      margin-top: 34px;\n      max-width: 610px;\n    }\n\n    .np-stat {\n      border: 1px solid var(--line);\n      background: rgba(255,255,255,.055);\n      border-radius: 22px;\n      padding: 18px 16px;\n    }\n\n    .np-stat strong {\n      display: block;\n      font-size: 25px;\n      line-height: 1;\n      letter-spacing: -0.04em;\n    }\n\n    .np-stat span {\n      display: block;\n      margin-top: 7px;\n      color: var(--muted2);\n      font-size: 12px;\n      line-height: 1.5;\n    }\n\n    .np-visual {\n      position: relative;\n    }\n\n    .np-device {\n      border: 1px solid rgba(255,255,255,.16);\n      background:\n        linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.045));\n      border-radius: 34px;\n      padding: 14px;\n      box-shadow: 0 34px 120px rgba(0,0,0,.44);\n      position: relative;\n      overflow: hidden;\n    }\n\n    .np-device:before {\n      content: \"\";\n      position: absolute;\n      inset: -1px;\n      background: linear-gradient(135deg, rgba(255,241,188,.24), transparent 35%, rgba(125,211,252,.12));\n      pointer-events: none;\n      opacity: .75;\n    }\n\n    .np-device-top {\n      height: 42px;\n      border: 1px solid rgba(255,255,255,.09);\n      background: rgba(0,0,0,.18);\n      border-radius: 22px;\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 0 14px;\n      position: relative;\n      z-index: 2;\n      margin-bottom: 12px;\n    }\n\n    .np-dot {\n      width: 9px;\n      height: 9px;\n      border-radius: 50%;\n      background: rgba(255,255,255,.35);\n    }\n\n    .np-screen {\n      position: relative;\n      z-index: 2;\n      border-radius: 24px;\n      overflow: hidden;\n      border: 1px solid rgba(255,255,255,.11);\n      background:\n        radial-gradient(circle at 20% 15%, rgba(216,179,106,.18), transparent 32%),\n        linear-gradient(145deg, #11111d, #05050a);\n      padding: 16px;\n    }\n\n    .np-screen-grid {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 12px;\n    }\n\n    .np-img-frame {\n      width: 100%;\n      position: relative;\n      overflow: hidden;\n      border-radius: 22px;\n      border: 1px solid rgba(255,255,255,.14);\n      background:\n        radial-gradient(circle at center, rgba(255,255,255,.10), transparent 55%),\n        linear-gradient(145deg, rgba(255,255,255,.075), rgba(0,0,0,.28));\n      padding: 12px;\n      aspect-ratio: 4 \/ 3;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    .np-img-frame.big {\n      grid-column: span 2;\n      aspect-ratio: 16 \/ 8.4;\n    }\n\n    .np-img-frame img {\n      width: 100%;\n      height: 100%;\n      max-width: 100%;\n      max-height: 100%;\n      object-fit: contain;\n      display: block;\n      border-radius: 15px;\n      transition: .35s ease;\n    }\n\n    .np-img-frame:hover img {\n      transform: scale(1.025);\n    }\n\n    .np-section {\n      padding: 70px 0;\n    }\n\n    .np-section-head {\n      display: flex;\n      align-items: end;\n      justify-content: space-between;\n      gap: 24px;\n      margin-bottom: 28px;\n    }\n\n    .np-label {\n      display: inline-flex;\n      margin-bottom: 12px;\n      color: var(--gold2);\n      font-size: 12px;\n      font-weight: 900;\n      letter-spacing: .18em;\n      text-transform: uppercase;\n    }\n\n    .np-section h2 {\n      margin: 0;\n      max-width: 760px;\n      font-size: clamp(32px, 4.5vw, 56px);\n      line-height: 1.02;\n      letter-spacing: -0.055em;\n      font-weight: 900;\n    }\n\n    .np-section-desc {\n      color: var(--muted);\n      margin: 0;\n      max-width: 430px;\n      line-height: 1.8;\n      font-size: 15px;\n    }\n\n    .np-services {\n      display: grid;\n      grid-template-columns: repeat(4, 1fr);\n      gap: 14px;\n    }\n\n    .np-service {\n      min-height: 250px;\n      padding: 24px;\n      border-radius: var(--radius);\n      border: 1px solid var(--line);\n      background:\n        linear-gradient(180deg, rgba(255,255,255,.09), rgba(255,255,255,.04));\n      position: relative;\n      overflow: hidden;\n      transition: .3s ease;\n    }\n\n    .np-service:hover {\n      transform: translateY(-7px);\n      border-color: rgba(255,241,188,.28);\n      background: rgba(255,255,255,.085);\n    }\n\n    .np-service-icon {\n      width: 50px;\n      height: 50px;\n      display: grid;\n      place-items: center;\n      border-radius: 18px;\n      background: rgba(216,179,106,.12);\n      border: 1px solid rgba(216,179,106,.22);\n      color: var(--gold2);\n      font-size: 22px;\n      margin-bottom: 42px;\n    }\n\n    .np-service h3 {\n      margin: 0 0 10px;\n      font-size: 20px;\n      letter-spacing: -0.025em;\n    }\n\n    .np-service p {\n      margin: 0;\n      color: var(--muted);\n      line-height: 1.75;\n      font-size: 14px;\n    }\n\n    .np-gallery {\n      display: grid;\n      grid-template-columns: repeat(12, 1fr);\n      gap: 16px;\n    }\n\n    .np-work {\n      grid-column: span 6;\n      border-radius: 30px;\n      border: 1px solid var(--line);\n      background:\n        linear-gradient(180deg, rgba(255,255,255,.09), rgba(255,255,255,.035));\n      padding: 14px;\n      overflow: hidden;\n      transition: .3s ease;\n      cursor: pointer;\n    }\n\n    .np-work:nth-child(1),\n    .np-work:nth-child(4) {\n      grid-column: span 7;\n    }\n\n    .np-work:nth-child(2),\n    .np-work:nth-child(5) {\n      grid-column: span 5;\n    }\n\n    .np-work:hover {\n      transform: translateY(-6px);\n      border-color: rgba(255,241,188,.28);\n      box-shadow: 0 24px 90px rgba(0,0,0,.28);\n    }\n\n    .np-work-media {\n      width: 100%;\n      aspect-ratio: 16 \/ 10;\n      border-radius: 22px;\n      overflow: hidden;\n      border: 1px solid rgba(255,255,255,.12);\n      background:\n        radial-gradient(circle at center, rgba(255,255,255,.10), transparent 55%),\n        linear-gradient(145deg, #10101a, #06060b);\n      padding: 14px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    .np-work-media img {\n      width: 100%;\n      height: 100%;\n      object-fit: contain;\n      display: block;\n      border-radius: 16px;\n    }\n\n    .np-work-info {\n      padding: 18px 6px 4px;\n      display: flex;\n      align-items: end;\n      justify-content: space-between;\n      gap: 18px;\n    }\n\n    .np-work-info small {\n      display: block;\n      color: var(--gold2);\n      font-size: 11px;\n      letter-spacing: .16em;\n      text-transform: uppercase;\n      font-weight: 900;\n      margin-bottom: 8px;\n    }\n\n    .np-work-info h3 {\n      margin: 0;\n      font-size: clamp(20px, 2.5vw, 30px);\n      line-height: 1.08;\n      letter-spacing: -0.045em;\n    }\n\n    .np-arrow {\n      min-width: 44px;\n      width: 44px;\n      height: 44px;\n      border-radius: 50%;\n      display: grid;\n      place-items: center;\n      background: rgba(255,255,255,.075);\n      border: 1px solid var(--line);\n      color: #fff;\n      font-size: 20px;\n    }\n\n    .np-case-grid {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 16px;\n    }\n\n    .np-case-card {\n      border: 1px solid var(--line);\n      background: rgba(255,255,255,.055);\n      border-radius: 30px;\n      padding: 30px;\n    }\n\n    .np-case-card h3 {\n      margin: 0 0 12px;\n      font-size: 28px;\n      letter-spacing: -0.045em;\n      line-height: 1.1;\n    }\n\n    .np-case-card p {\n      margin: 0;\n      color: var(--muted);\n      line-height: 1.85;\n      font-size: 15px;\n    }\n\n    .np-pills {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 10px;\n      margin-top: 22px;\n    }\n\n    .np-pill {\n      padding: 10px 13px;\n      border-radius: 999px;\n      background: rgba(255,255,255,.07);\n      border: 1px solid rgba(255,255,255,.10);\n      color: rgba(255,255,255,.78);\n      font-size: 12px;\n      font-weight: 800;\n    }\n\n    .np-cta {\n      padding: 72px 0 92px;\n    }\n\n    .np-cta-box {\n      border-radius: 38px;\n      border: 1px solid rgba(255,255,255,.16);\n      background:\n        radial-gradient(circle at 15% 15%, rgba(216,179,106,.18), transparent 32%),\n        radial-gradient(circle at 88% 25%, rgba(167,139,250,.16), transparent 34%),\n        linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.04));\n      padding: clamp(30px, 6vw, 62px);\n      display: grid;\n      grid-template-columns: 1fr auto;\n      align-items: center;\n      gap: 24px;\n      box-shadow: 0 32px 110px rgba(0,0,0,.34);\n    }\n\n    .np-cta-box h2 {\n      margin: 0;\n      max-width: 780px;\n      font-size: clamp(34px, 5vw, 68px);\n      line-height: .98;\n      letter-spacing: -0.06em;\n      font-weight: 900;\n    }\n\n    .np-cta-box p {\n      margin: 18px 0 0;\n      color: var(--muted);\n      line-height: 1.8;\n      max-width: 620px;\n    }\n\n    .np-cta-logo {\n      width: 132px;\n      height: 132px;\n      border-radius: 30px;\n      border: 1px solid rgba(255,255,255,.14);\n      background: rgba(255,255,255,.065);\n      padding: 22px;\n      object-fit: contain;\n      display: block;\n    }\n\n    .np-lightbox {\n      position: fixed;\n      inset: 0;\n      z-index: 999999;\n      background: rgba(0,0,0,.88);\n      backdrop-filter: blur(14px);\n      display: none;\n      align-items: center;\n      justify-content: center;\n      padding: 22px;\n    }\n\n    .np-lightbox.active {\n      display: flex;\n    }\n\n    .np-lightbox-inner {\n      width: min(1120px, 96vw);\n      max-height: 90vh;\n      border-radius: 28px;\n      border: 1px solid rgba(255,255,255,.16);\n      background: #090910;\n      padding: 16px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      box-shadow: 0 30px 120px rgba(0,0,0,.65);\n    }\n\n    .np-lightbox-inner img {\n      width: 100%;\n      height: 82vh;\n      object-fit: contain;\n      display: block;\n      border-radius: 18px;\n    }\n\n    .np-close {\n      position: absolute;\n      top: 22px;\n      right: 22px;\n      width: 48px;\n      height: 48px;\n      border-radius: 50%;\n      border: 1px solid rgba(255,255,255,.18);\n      background: rgba(255,255,255,.10);\n      color: #fff;\n      font-size: 30px;\n      line-height: 1;\n      cursor: pointer;\n    }\n\n    .np-reveal {\n      opacity: 0;\n      transform: translateY(22px);\n      transition: .7s ease;\n    }\n\n    .np-reveal.show {\n      opacity: 1;\n      transform: translateY(0);\n    }\n\n    @media (max-width: 1024px) {\n      .np-hero-grid,\n      .np-case-grid,\n      .np-cta-box {\n        grid-template-columns: 1fr;\n      }\n\n      .np-services {\n        grid-template-columns: repeat(2, 1fr);\n      }\n\n      .np-section-head {\n        display: block;\n      }\n\n      .np-section-desc {\n        margin-top: 14px;\n      }\n\n      .np-work,\n      .np-work:nth-child(1),\n      .np-work:nth-child(2),\n      .np-work:nth-child(4),\n      .np-work:nth-child(5) {\n        grid-column: span 12;\n      }\n\n      .np-cta-logo {\n        width: 110px;\n        height: 110px;\n      }\n    }\n\n    @media (max-width: 700px) {\n      .np-wrap {\n        width: min(100% - 24px, 1180px);\n      }\n\n      .np-topbar {\n        padding-top: 16px;\n      }\n\n      .np-nav {\n        border-radius: 26px;\n        align-items: flex-start;\n      }\n\n      .np-nav-links {\n        display: none;\n      }\n\n      .np-hero {\n        padding: 50px 0 38px;\n      }\n\n      .np-hero p {\n        font-size: 15px;\n        line-height: 1.8;\n      }\n\n      .np-actions {\n        display: grid;\n        grid-template-columns: 1fr;\n      }\n\n      .np-btn {\n        width: 100%;\n      }\n\n      .np-stats,\n      .np-services {\n        grid-template-columns: 1fr;\n      }\n\n      .np-device {\n        border-radius: 26px;\n        padding: 10px;\n      }\n\n      .np-screen {\n        border-radius: 20px;\n        padding: 10px;\n      }\n\n      .np-screen-grid {\n        gap: 10px;\n      }\n\n      .np-img-frame {\n        border-radius: 16px;\n        padding: 8px;\n      }\n\n      .np-img-frame.big {\n        aspect-ratio: 4 \/ 3;\n      }\n\n      .np-section {\n        padding: 48px 0;\n      }\n\n      .np-service {\n        min-height: auto;\n      }\n\n      .np-service-icon {\n        margin-bottom: 28px;\n      }\n\n      .np-gallery {\n        gap: 12px;\n      }\n\n      .np-work {\n        border-radius: 24px;\n        padding: 10px;\n      }\n\n      .np-work-media {\n        border-radius: 18px;\n        padding: 10px;\n        aspect-ratio: 4 \/ 3;\n      }\n\n      .np-work-info {\n        padding: 14px 4px 3px;\n      }\n\n      .np-arrow {\n        display: none;\n      }\n\n      .np-case-card {\n        border-radius: 24px;\n        padding: 22px;\n      }\n\n      .np-cta {\n        padding: 52px 0 64px;\n      }\n\n      .np-cta-box {\n        border-radius: 28px;\n      }\n\n      .np-lightbox-inner img {\n        height: 72vh;\n      }\n    }\n  <\/style>\n\n  <div class=\"np-bg-lines\"><\/div>\n\n  <div class=\"np-topbar\">\n    <div class=\"np-wrap\">\n      <div class=\"np-nav np-reveal\">\n        <a href=\"https:\/\/nadersaied.com\/ar\/\" class=\"np-logo\">\n          <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/cropped-Logo-Nader-White.png\" alt=\"Nader Saied Logo\">\n          <div class=\"np-logo-text\">\n            <strong>Nader Saied<\/strong>\n            <span>Creative Studio<\/span>\n          <\/div>\n        <\/a>\n\n        <div class=\"np-nav-links\">\n          <a href=\"#np-services\">Services<\/a>\n          <a href=\"#np-gallery\">AI Work<\/a>\n          <a href=\"#np-about\">Overview<\/a>\n          <a href=\"#np-contact\">Contact<\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <header class=\"np-hero\">\n    <div class=\"np-wrap\">\n      <div class=\"np-hero-grid\">\n        <div class=\"np-hero-copy np-reveal\">\n          <div class=\"np-badge\">Premium Portfolio Experience<\/div>\n\n          <h1>\n            Creative Technology.\n            <span class=\"np-gradient\">Digital Impact.<\/span>\n          <\/h1>\n\n          <p>\n            A premium portfolio page for Nader Saied showcasing AI design, website development,\n            branding, social media visuals, and creative digital production in a clean professional layout.\n          <\/p>\n\n          <div class=\"np-actions\">\n            <a class=\"np-btn np-btn-main\" href=\"#np-gallery\">View AI Designs<\/a>\n            <a class=\"np-btn np-btn-dark\" href=\"https:\/\/wa.me\/201220913636\" target=\"_blank\">Start a Project<\/a>\n          <\/div>\n\n          <div class=\"np-stats\">\n            <div class=\"np-stat\">\n              <strong>AI<\/strong>\n              <span>Visual Design & Concepts<\/span>\n            <\/div>\n            <div class=\"np-stat\">\n              <strong>Web<\/strong>\n              <span>WordPress & Landing Pages<\/span>\n            <\/div>\n            <div class=\"np-stat\">\n              <strong>Brand<\/strong>\n              <span>Identity & Social Presence<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"np-visual np-reveal\">\n          <div class=\"np-device\">\n            <div class=\"np-device-top\">\n              <span class=\"np-dot\"><\/span>\n              <span class=\"np-dot\"><\/span>\n              <span class=\"np-dot\"><\/span>\n            <\/div>\n\n            <div class=\"np-screen\">\n              <div class=\"np-screen-grid\">\n                <div class=\"np-img-frame big\">\n                  <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-2-2026-06_07_52-PM.png\" alt=\"AI Design\">\n                <\/div>\n\n                <div class=\"np-img-frame\">\n                  <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-2-2026-06_17_10-PM.png\" alt=\"AI Design\">\n                <\/div>\n\n                <div class=\"np-img-frame\">\n                  <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-2-2026-08_04_25-PM-1.png\" alt=\"AI Design\">\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/header>\n\n  <section class=\"np-section\" id=\"np-services\">\n    <div class=\"np-wrap\">\n      <div class=\"np-section-head np-reveal\">\n        <div>\n          <span class=\"np-label\">What I Do<\/span>\n          <h2>Creative services presented in a clean premium structure.<\/h2>\n        <\/div>\n\n        <p class=\"np-section-desc\">\n          The page is built to show your work clearly, with balanced spacing,\n          strong frames, and a professional visual identity.\n        <\/p>\n      <\/div>\n\n      <div class=\"np-services\">\n        <div class=\"np-service np-reveal\">\n          <div class=\"np-service-icon\">\u2726<\/div>\n          <h3>AI Design<\/h3>\n          <p>Professional AI visuals, concepts, characters, campaign scenes, and high-end creative directions.<\/p>\n        <\/div>\n\n        <div class=\"np-service np-reveal\">\n          <div class=\"np-service-icon\">\u25c8<\/div>\n          <h3>Website Design<\/h3>\n          <p>Modern landing pages, project pages, portfolio websites, and WordPress sections with clean UI.<\/p>\n        <\/div>\n\n        <div class=\"np-service np-reveal\">\n          <div class=\"np-service-icon\">\u25cf<\/div>\n          <h3>Brand Identity<\/h3>\n          <p>Logo direction, color systems, visual identity, presentation boards, and brand-ready assets.<\/p>\n        <\/div>\n\n        <div class=\"np-service np-reveal\">\n          <div class=\"np-service-icon\">\u2301<\/div>\n          <h3>Social Media<\/h3>\n          <p>Premium posts, campaigns, ads visuals, page covers, and creative content systems.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"np-section\" id=\"np-gallery\">\n    <div class=\"np-wrap\">\n      <div class=\"np-section-head np-reveal\">\n        <div>\n          <span class=\"np-label\">Selected AI Work<\/span>\n          <h2>Images displayed inside fixed elegant frames without cropping.<\/h2>\n        <\/div>\n\n        <p class=\"np-section-desc\">\n          Every image is contained inside its frame, so the design stays clean and the artwork remains fully visible.\n        <\/p>\n      <\/div>\n\n      <div class=\"np-gallery\">\n        <div class=\"np-work np-reveal\" data-full=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-2-2026-06_07_52-PM.png\">\n          <div class=\"np-work-media\">\n            <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-2-2026-06_07_52-PM.png\" alt=\"AI Design\">\n          <\/div>\n          <div class=\"np-work-info\">\n            <div>\n              <small>AI Creative Direction<\/small>\n              <h3>Premium Visual Concept<\/h3>\n            <\/div>\n            <span class=\"np-arrow\">\u2197<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"np-work np-reveal\" data-full=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-2-2026-06_17_10-PM.png\">\n          <div class=\"np-work-media\">\n            <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-2-2026-06_17_10-PM.png\" alt=\"AI Design\">\n          <\/div>\n          <div class=\"np-work-info\">\n            <div>\n              <small>Visual Production<\/small>\n              <h3>Modern AI Artwork<\/h3>\n            <\/div>\n            <span class=\"np-arrow\">\u2197<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"np-work np-reveal\" data-full=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-2-2026-08_04_25-PM-1.png\">\n          <div class=\"np-work-media\">\n            <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-2-2026-08_04_25-PM-1.png\" alt=\"AI Design\">\n          <\/div>\n          <div class=\"np-work-info\">\n            <div>\n              <small>Brand Visuals<\/small>\n              <h3>Digital Brand Scene<\/h3>\n            <\/div>\n            <span class=\"np-arrow\">\u2197<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"np-work np-reveal\" data-full=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-2-2026-06_03_46-PM.png\">\n          <div class=\"np-work-media\">\n            <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-2-2026-06_03_46-PM.png\" alt=\"AI Design\">\n          <\/div>\n          <div class=\"np-work-info\">\n            <div>\n              <small>Creative System<\/small>\n              <h3>AI Design Direction<\/h3>\n            <\/div>\n            <span class=\"np-arrow\">\u2197<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"np-work np-reveal\" data-full=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-2-2026-06_02_04-PM.png\">\n          <div class=\"np-work-media\">\n            <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-2-2026-06_02_04-PM.png\" alt=\"AI Design\">\n          <\/div>\n          <div class=\"np-work-info\">\n            <div>\n              <small>Campaign Artwork<\/small>\n              <h3>Social Media Visual<\/h3>\n            <\/div>\n            <span class=\"np-arrow\">\u2197<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"np-section\" id=\"np-about\">\n    <div class=\"np-wrap\">\n      <div class=\"np-case-grid\">\n        <div class=\"np-case-card np-reveal\">\n          <span class=\"np-label\">Page Concept<\/span>\n          <h3>A sleek portfolio page built around your strongest creative work.<\/h3>\n          <p>\n            The design focuses on clarity, premium spacing, elegant frames, and a dark luxury mood\n            that matches a creative technology portfolio.\n          <\/p>\n\n          <div class=\"np-pills\">\n            <span class=\"np-pill\">AI Design<\/span>\n            <span class=\"np-pill\">Branding<\/span>\n            <span class=\"np-pill\">Web Design<\/span>\n            <span class=\"np-pill\">Social Media<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"np-case-card np-reveal\">\n          <span class=\"np-label\">Design Fix<\/span>\n          <h3>Images now stay inside the frame.<\/h3>\n          <p>\n            The image containers use fixed ratios, padding, overflow hidden, and object-fit contain.\n            This keeps every image fully visible inside the card without breaking the design.\n          <\/p>\n\n          <div class=\"np-pills\">\n            <span class=\"np-pill\">No Cropping<\/span>\n            <span class=\"np-pill\">Clean Frames<\/span>\n            <span class=\"np-pill\">Responsive<\/span>\n            <span class=\"np-pill\">Lightbox Preview<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"np-cta\" id=\"np-contact\">\n    <div class=\"np-wrap\">\n      <div class=\"np-cta-box np-reveal\">\n        <div>\n          <span class=\"np-label\">Start Your Project<\/span>\n          <h2>Let\u2019s create a premium digital presence for your brand.<\/h2>\n          <p>\n            Websites, branding, AI visuals, social media campaigns, and complete creative systems\n            designed with a modern professional look.\n          <\/p>\n\n          <div class=\"np-actions\">\n            <a class=\"np-btn np-btn-main\" href=\"https:\/\/wa.me\/201220913636\" target=\"_blank\">Contact on WhatsApp<\/a>\n            <a class=\"np-btn np-btn-dark\" href=\"https:\/\/nadersaied.com\/ar\/projects\/\">View Projects<\/a>\n          <\/div>\n        <\/div>\n\n        <img decoding=\"async\" class=\"np-cta-logo\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/cropped-Logo-Nader-White.png\" alt=\"Nader Saied Logo\">\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <div class=\"np-lightbox\" id=\"npLightbox\">\n    <button class=\"np-close\" type=\"button\">\u00d7<\/button>\n    <div class=\"np-lightbox-inner\">\n      <img decoding=\"async\" id=\"npLightboxImg\" src=\"\" alt=\"Preview\">\n    <\/div>\n  <\/div>\n\n  <script>\n    (function () {\n      const revealItems = document.querySelectorAll('.np-reveal');\n\n      const revealObserver = new IntersectionObserver((entries) => {\n        entries.forEach((entry) => {\n          if (entry.isIntersecting) {\n            entry.target.classList.add('show');\n            revealObserver.unobserve(entry.target);\n          }\n        });\n      }, { threshold: 0.12 });\n\n      revealItems.forEach((item) => revealObserver.observe(item));\n\n      const cards = document.querySelectorAll('.np-work');\n      const lightbox = document.getElementById('npLightbox');\n      const lightboxImg = document.getElementById('npLightboxImg');\n      const closeBtn = document.querySelector('.np-close');\n\n      cards.forEach((card) => {\n        card.addEventListener('click', function () {\n          const img = this.getAttribute('data-full');\n          lightboxImg.src = img;\n          lightbox.classList.add('active');\n          document.body.style.overflow = 'hidden';\n        });\n      });\n\n      function closeLightbox() {\n        lightbox.classList.remove('active');\n        lightboxImg.src = '';\n        document.body.style.overflow = '';\n      }\n\n      closeBtn.addEventListener('click', closeLightbox);\n\n      lightbox.addEventListener('click', function (e) {\n        if (e.target === lightbox) closeLightbox();\n      });\n\n      document.addEventListener('keydown', function (e) {\n        if (e.key === 'Escape') closeLightbox();\n      });\n    })();\n  <\/script>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Nader Saied Creative Studio Services AI Work Overview Contact Premium Portfolio Experience Creative Technology. Digital Impact. A premium portfolio page for Nader Saied showcasing AI design, website development, branding, social media visuals, and creative digital production in a clean professional layout. View AI Designs Start a Project AI Visual Design &#038; Concepts Web WordPress &#038; Landing Pages Brand Identity &#038; Social Presence What I Do Creative services presented in a clean premium structure. The page is built to show your work clearly, with balanced spacing, strong frames, and a professional visual identity. \u2726 AI Design Professional AI visuals, concepts, characters, campaign scenes, and high-end creative directions. \u25c8 Website Design Modern landing pages, project pages, portfolio websites, and WordPress sections with clean UI. \u25cf Brand Identity Logo direction, color systems, visual identity, presentation boards, and brand-ready assets. \u2301 Social Media Premium posts, campaigns, ads visuals, page covers, and creative content systems. Selected AI Work Images displayed inside fixed elegant frames without cropping. Every image is contained inside its frame, so the design stays clean and the artwork remains fully visible. AI Creative Direction Premium Visual Concept \u2197 Visual Production Modern AI Artwork \u2197 Brand Visuals Digital Brand Scene \u2197 Creative System AI Design Direction \u2197 Campaign Artwork Social Media Visual \u2197 Page Concept A sleek portfolio page built around your strongest creative work. The design focuses on clarity, premium spacing, elegant frames, and a dark luxury mood that matches a creative technology portfolio. AI Design Branding Web Design Social Media Design Fix Images now stay inside the frame. The image containers use fixed ratios, padding, overflow hidden, and object-fit contain. This keeps every image fully visible inside the card without breaking the design. No Cropping Clean Frames Responsive Lightbox Preview Start Your Project Let\u2019s create a premium digital presence for your brand. Websites, branding, AI visuals, social media campaigns, and complete creative systems designed with a modern professional look. Contact on WhatsApp View Projects \u00d7<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-2847","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/nadersaied.com\/ar\/wp-json\/wp\/v2\/pages\/2847","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nadersaied.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nadersaied.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nadersaied.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nadersaied.com\/ar\/wp-json\/wp\/v2\/comments?post=2847"}],"version-history":[{"count":26,"href":"https:\/\/nadersaied.com\/ar\/wp-json\/wp\/v2\/pages\/2847\/revisions"}],"predecessor-version":[{"id":3883,"href":"https:\/\/nadersaied.com\/ar\/wp-json\/wp\/v2\/pages\/2847\/revisions\/3883"}],"wp:attachment":[{"href":"https:\/\/nadersaied.com\/ar\/wp-json\/wp\/v2\/media?parent=2847"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}