{"id":2900,"date":"2026-05-31T01:38:54","date_gmt":"2026-05-31T01:38:54","guid":{"rendered":"https:\/\/nadersaied.com\/?page_id=2900"},"modified":"2026-06-20T16:31:38","modified_gmt":"2026-06-20T16:31:38","slug":"ai-projects","status":"publish","type":"page","link":"https:\/\/nadersaied.com\/ar\/ai-projects\/","title":{"rendered":"AI-Projects"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2900\" class=\"elementor elementor-2900\">\n\t\t\t\t<div class=\"elementor-element elementor-element-92ac70f 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=\"92ac70f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-683968b elementor-widget elementor-widget-html\" data-id=\"683968b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"ns-ai-page\">\n\n  <style>\n    .ns-ai-page {\n      --navy: #050b18;\n      --navy-2: #081426;\n      --navy-3: #0d1f38;\n      --gold: #d8b15a;\n      --gold-2: #f4d98b;\n      --text: #f7f4ec;\n      --muted: rgba(247,244,236,.72);\n      --line: rgba(216,177,90,.25);\n      --glass: rgba(255,255,255,.06);\n\n      position: relative;\n      overflow: hidden;\n      background:\n        radial-gradient(circle at top left, rgba(216,177,90,.18), transparent 35%),\n        radial-gradient(circle at 80% 20%, rgba(61,113,189,.16), transparent 32%),\n        linear-gradient(180deg, #040914 0%, #081426 45%, #030712 100%);\n      color: var(--text);\n      font-family: \"Inter\", \"Poppins\", Arial, sans-serif;\n      padding: 0;\n      margin: 0;\n      isolation: isolate;\n    }\n\n    .ns-ai-page * {\n      box-sizing: border-box;\n    }\n\n    .ns-ai-page a {\n      color: inherit;\n      text-decoration: none;\n    }\n\n    .ns-ai-bg-grid {\n      position: absolute;\n      inset: 0;\n      background-image:\n        linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),\n        linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);\n      background-size: 52px 52px;\n      mask-image: linear-gradient(to bottom, rgba(0,0,0,.85), transparent 85%);\n      z-index: -2;\n    }\n\n    .ns-ai-orb {\n      position: absolute;\n      width: 420px;\n      height: 420px;\n      border-radius: 50%;\n      background: radial-gradient(circle, rgba(216,177,90,.25), transparent 68%);\n      filter: blur(12px);\n      z-index: -1;\n      pointer-events: none;\n    }\n\n    .ns-ai-orb.one {\n      top: 120px;\n      left: -140px;\n    }\n\n    .ns-ai-orb.two {\n      right: -160px;\n      top: 620px;\n      background: radial-gradient(circle, rgba(83,140,255,.18), transparent 68%);\n    }\n\n    .ns-ai-container {\n      width: min(1180px, calc(100% - 32px));\n      margin: 0 auto;\n    }\n\n    \/* HERO *\/\n    .ns-ai-hero {\n      min-height: 92vh;\n      display: grid;\n      grid-template-columns: 1.05fr .95fr;\n      gap: 48px;\n      align-items: center;\n      padding: 90px 0 70px;\n      position: relative;\n    }\n\n    .ns-ai-kicker {\n      display: inline-flex;\n      align-items: center;\n      gap: 10px;\n      border: 1px solid var(--line);\n      background: rgba(255,255,255,.05);\n      backdrop-filter: blur(14px);\n      color: var(--gold-2);\n      border-radius: 999px;\n      padding: 10px 16px;\n      font-size: 13px;\n      letter-spacing: .12em;\n      text-transform: uppercase;\n      margin-bottom: 22px;\n    }\n\n    .ns-ai-kicker span {\n      width: 8px;\n      height: 8px;\n      background: var(--gold);\n      border-radius: 50%;\n      box-shadow: 0 0 18px rgba(216,177,90,.9);\n    }\n\n    .ns-ai-title {\n      margin: 0;\n      font-size: clamp(42px, 6vw, 84px);\n      line-height: .95;\n      letter-spacing: -0.06em;\n      font-weight: 900;\n    }\n\n    .ns-ai-title strong {\n      display: block;\n      color: transparent;\n      background: linear-gradient(110deg, #fff 0%, #f4d98b 45%, #b98b2e 100%);\n      -webkit-background-clip: text;\n      background-clip: text;\n    }\n\n    .ns-ai-subtitle {\n      max-width: 620px;\n      color: var(--muted);\n      font-size: clamp(16px, 1.6vw, 20px);\n      line-height: 1.8;\n      margin: 24px 0 34px;\n    }\n\n    .ns-ai-actions {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 14px;\n      align-items: center;\n    }\n\n    .ns-ai-btn {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      min-height: 52px;\n      padding: 0 24px;\n      border-radius: 16px;\n      font-weight: 800;\n      letter-spacing: .02em;\n      transition: .35s ease;\n      border: 1px solid transparent;\n    }\n\n    .ns-ai-btn.primary {\n      color: #07101d;\n      background: linear-gradient(135deg, #f8df92, #c9942f);\n      box-shadow: 0 18px 45px rgba(216,177,90,.22);\n    }\n\n    .ns-ai-btn.primary:hover {\n      transform: translateY(-3px);\n      box-shadow: 0 24px 60px rgba(216,177,90,.34);\n    }\n\n    .ns-ai-btn.ghost {\n      border-color: var(--line);\n      color: var(--text);\n      background: rgba(255,255,255,.045);\n      backdrop-filter: blur(12px);\n    }\n\n    .ns-ai-btn.ghost:hover {\n      border-color: rgba(244,217,139,.6);\n      transform: translateY(-3px);\n    }\n\n    .ns-ai-hero-visual {\n      position: relative;\n      width: 100%;\n    }\n\n    \/* MAIN IMAGE FIXED *\/\n    .ns-ai-main-frame {\n      position: relative;\n      width: 100%;\n      aspect-ratio: 1 \/ 1;\n      padding: 12px;\n      border-radius: 34px;\n      background:\n        linear-gradient(145deg, rgba(244,217,139,.55), rgba(255,255,255,.07), rgba(216,177,90,.18));\n      box-shadow:\n        0 30px 90px rgba(0,0,0,.45),\n        inset 0 0 0 1px rgba(255,255,255,.08);\n      overflow: hidden;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    .ns-ai-main-frame::before {\n      content: \"\";\n      position: absolute;\n      inset: 12px;\n      border-radius: 26px;\n      background:\n        radial-gradient(circle at center, transparent 48%, rgba(0,0,0,.16)),\n        linear-gradient(180deg, transparent 58%, rgba(0,0,0,.34));\n      z-index: 2;\n      pointer-events: none;\n    }\n\n    .ns-ai-main-frame img {\n      width: 100%;\n      height: 100%;\n      object-fit: contain;\n      object-position: center;\n      border-radius: 26px;\n      display: block;\n      background:\n        radial-gradient(circle at center, rgba(216,177,90,.09), transparent 45%),\n        #050b18;\n      filter: saturate(1.06) contrast(1.04);\n    }\n\n    .ns-ai-floating-card {\n      position: absolute;\n      left: -28px;\n      bottom: 38px;\n      z-index: 3;\n      width: min(290px, 80%);\n      padding: 18px;\n      border: 1px solid rgba(244,217,139,.26);\n      background: rgba(5,11,24,.78);\n      backdrop-filter: blur(18px);\n      border-radius: 22px;\n      box-shadow: 0 22px 60px rgba(0,0,0,.35);\n    }\n\n    .ns-ai-floating-card h3 {\n      margin: 0 0 8px;\n      font-size: 17px;\n      color: var(--gold-2);\n    }\n\n    .ns-ai-floating-card p {\n      margin: 0;\n      color: var(--muted);\n      line-height: 1.6;\n      font-size: 14px;\n    }\n\n    \/* STATS *\/\n    .ns-ai-stats {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 18px;\n      margin-top: -25px;\n      position: relative;\n      z-index: 3;\n    }\n\n    .ns-ai-stat {\n      padding: 26px;\n      border: 1px solid var(--line);\n      background: linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.025));\n      border-radius: 26px;\n      backdrop-filter: blur(18px);\n      box-shadow: 0 18px 50px rgba(0,0,0,.22);\n    }\n\n    .ns-ai-stat strong {\n      display: block;\n      font-size: clamp(34px, 4vw, 56px);\n      line-height: 1;\n      color: var(--gold-2);\n      letter-spacing: -0.05em;\n    }\n\n    .ns-ai-stat span {\n      display: block;\n      margin-top: 10px;\n      color: var(--muted);\n      font-size: 15px;\n      line-height: 1.5;\n    }\n\n    \/* SECTIONS *\/\n    .ns-ai-section {\n      padding: 95px 0;\n      position: relative;\n    }\n\n    .ns-ai-section-head {\n      display: flex;\n      justify-content: space-between;\n      gap: 30px;\n      align-items: end;\n      margin-bottom: 34px;\n    }\n\n    .ns-ai-eyebrow {\n      color: var(--gold-2);\n      letter-spacing: .14em;\n      text-transform: uppercase;\n      font-size: 13px;\n      margin-bottom: 12px;\n      font-weight: 800;\n    }\n\n    .ns-ai-heading {\n      margin: 0;\n      font-size: clamp(32px, 4vw, 56px);\n      letter-spacing: -0.055em;\n      line-height: 1.05;\n      font-weight: 900;\n    }\n\n    .ns-ai-section-text {\n      max-width: 480px;\n      color: var(--muted);\n      line-height: 1.8;\n      margin: 0;\n      font-size: 16px;\n    }\n\n    \/* SERVICES *\/\n    .ns-ai-services {\n      display: grid;\n      grid-template-columns: repeat(4, 1fr);\n      gap: 18px;\n    }\n\n    .ns-ai-service-card {\n      min-height: 230px;\n      padding: 25px;\n      border-radius: 26px;\n      border: 1px solid rgba(216,177,90,.18);\n      background:\n        linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.025));\n      transition: .35s ease;\n      position: relative;\n      overflow: hidden;\n    }\n\n    .ns-ai-service-card::after {\n      content: \"\";\n      position: absolute;\n      inset: auto -30px -70px auto;\n      width: 160px;\n      height: 160px;\n      border-radius: 50%;\n      background: rgba(216,177,90,.13);\n      filter: blur(10px);\n    }\n\n    .ns-ai-service-card:hover {\n      transform: translateY(-8px);\n      border-color: rgba(244,217,139,.45);\n      background:\n        linear-gradient(180deg, rgba(255,255,255,.1), rgba(255,255,255,.035));\n    }\n\n    .ns-ai-icon {\n      width: 52px;\n      height: 52px;\n      border-radius: 18px;\n      display: grid;\n      place-items: center;\n      background: linear-gradient(145deg, rgba(244,217,139,.23), rgba(255,255,255,.04));\n      border: 1px solid rgba(244,217,139,.25);\n      margin-bottom: 22px;\n      color: var(--gold-2);\n      font-size: 22px;\n    }\n\n    .ns-ai-service-card h3 {\n      margin: 0 0 12px;\n      font-size: 20px;\n      letter-spacing: -0.02em;\n    }\n\n    .ns-ai-service-card p {\n      margin: 0;\n      color: var(--muted);\n      line-height: 1.7;\n      font-size: 14.5px;\n    }\n\n    \/* SLIDER *\/\n    .ns-ai-gallery-wrap {\n      border: 1px solid rgba(216,177,90,.2);\n      background:\n        radial-gradient(circle at 20% 0%, rgba(216,177,90,.14), transparent 35%),\n        rgba(255,255,255,.045);\n      border-radius: 34px;\n      padding: 18px;\n      box-shadow: 0 25px 80px rgba(0,0,0,.28);\n      overflow: hidden;\n    }\n\n    .ns-ai-slider {\n      position: relative;\n      border-radius: 28px;\n      overflow: hidden;\n      background: #02050d;\n    }\n\n    .ns-ai-slide {\n      display: none;\n      position: relative;\n      min-height: 650px;\n    }\n\n    .ns-ai-slide.active {\n      display: block;\n      animation: nsAiFade .55s ease both;\n    }\n\n    @keyframes nsAiFade {\n      from {\n        opacity: .3;\n        transform: scale(1.015);\n      }\n      to {\n        opacity: 1;\n        transform: scale(1);\n      }\n    }\n\n    .ns-ai-slide img {\n      width: 100%;\n      height: 650px;\n      display: block;\n      object-fit: contain;\n      object-position: center;\n      background:\n        radial-gradient(circle at center, rgba(216,177,90,.08), transparent 45%),\n        #02050d;\n    }\n\n    .ns-ai-slide-info {\n      position: absolute;\n      left: 24px;\n      right: 24px;\n      bottom: 24px;\n      z-index: 3;\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 18px;\n      padding: 18px 20px;\n      border: 1px solid rgba(244,217,139,.22);\n      border-radius: 22px;\n      background: rgba(5,11,24,.72);\n      backdrop-filter: blur(16px);\n    }\n\n    .ns-ai-slide-info h3 {\n      margin: 0 0 5px;\n      font-size: 20px;\n      letter-spacing: -0.02em;\n    }\n\n    .ns-ai-slide-info p {\n      margin: 0;\n      color: var(--muted);\n      font-size: 14px;\n    }\n\n    .ns-ai-counter {\n      color: var(--gold-2);\n      font-weight: 900;\n      white-space: nowrap;\n      font-size: 14px;\n      letter-spacing: .12em;\n    }\n\n    .ns-ai-slider-btn {\n      position: absolute;\n      top: 50%;\n      transform: translateY(-50%);\n      z-index: 5;\n      width: 50px;\n      height: 50px;\n      border-radius: 50%;\n      border: 1px solid rgba(244,217,139,.28);\n      background: rgba(5,11,24,.68);\n      color: #fff;\n      cursor: pointer;\n      display: grid;\n      place-items: center;\n      font-size: 28px;\n      line-height: 1;\n      transition: .3s ease;\n      backdrop-filter: blur(14px);\n    }\n\n    .ns-ai-slider-btn:hover {\n      background: linear-gradient(135deg, #f8df92, #c9942f);\n      color: #07101d;\n    }\n\n    .ns-ai-slider-btn.prev {\n      left: 20px;\n    }\n\n    .ns-ai-slider-btn.next {\n      right: 20px;\n    }\n\n    .ns-ai-thumbs {\n      display: grid;\n      grid-template-columns: repeat(8, 1fr);\n      gap: 10px;\n      margin-top: 14px;\n    }\n\n    .ns-ai-thumb {\n      height: 92px;\n      border-radius: 16px;\n      padding: 0;\n      border: 1px solid rgba(216,177,90,.18);\n      background: transparent;\n      overflow: hidden;\n      cursor: pointer;\n      opacity: .55;\n      transition: .28s ease;\n    }\n\n    .ns-ai-thumb.active,\n    .ns-ai-thumb:hover {\n      opacity: 1;\n      border-color: rgba(244,217,139,.75);\n      transform: translateY(-3px);\n      box-shadow: 0 14px 34px rgba(0,0,0,.28);\n    }\n\n    .ns-ai-thumb img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      display: block;\n    }\n\n    \/* PROCESS *\/\n    .ns-ai-process {\n      display: grid;\n      grid-template-columns: repeat(4, 1fr);\n      gap: 18px;\n      counter-reset: aiStep;\n    }\n\n    .ns-ai-process-card {\n      counter-increment: aiStep;\n      position: relative;\n      padding: 28px;\n      min-height: 210px;\n      border-radius: 28px;\n      border: 1px solid rgba(216,177,90,.17);\n      background: rgba(255,255,255,.04);\n    }\n\n    .ns-ai-process-card::before {\n      content: \"0\" counter(aiStep);\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      width: 44px;\n      height: 44px;\n      border-radius: 15px;\n      background: rgba(216,177,90,.14);\n      color: var(--gold-2);\n      font-weight: 900;\n      margin-bottom: 24px;\n      border: 1px solid rgba(216,177,90,.25);\n    }\n\n    .ns-ai-process-card h3 {\n      margin: 0 0 12px;\n      font-size: 19px;\n    }\n\n    .ns-ai-process-card p {\n      margin: 0;\n      color: var(--muted);\n      line-height: 1.7;\n      font-size: 14.5px;\n    }\n\n    \/* FINAL *\/\n    .ns-ai-final {\n      padding: 40px 0 105px;\n    }\n\n    .ns-ai-final-card {\n      position: relative;\n      overflow: hidden;\n      border-radius: 38px;\n      border: 1px solid rgba(216,177,90,.25);\n      background: #050b18;\n      box-shadow: 0 35px 100px rgba(0,0,0,.38);\n    }\n\n    .ns-ai-final-card img {\n      width: 100%;\n      height: 640px;\n      object-fit: cover;\n      object-position: center;\n      display: block;\n      filter: saturate(1.05) contrast(1.03);\n    }\n\n    .ns-ai-final-overlay {\n      position: absolute;\n      inset: 0;\n      background:\n        linear-gradient(90deg, rgba(3,7,18,.9), rgba(3,7,18,.42), rgba(3,7,18,.18)),\n        linear-gradient(0deg, rgba(3,7,18,.62), transparent 55%);\n      display: flex;\n      align-items: center;\n      padding: 56px;\n    }\n\n    .ns-ai-final-content {\n      max-width: 560px;\n    }\n\n    .ns-ai-final-content h2 {\n      margin: 0 0 18px;\n      font-size: clamp(34px, 4.5vw, 66px);\n      line-height: 1.02;\n      letter-spacing: -0.055em;\n    }\n\n    .ns-ai-final-content p {\n      margin: 0 0 28px;\n      color: var(--muted);\n      line-height: 1.8;\n      font-size: 17px;\n    }\n\n    .ns-ai-signature {\n      display: inline-flex;\n      align-items: center;\n      gap: 12px;\n      color: var(--gold-2);\n      font-weight: 800;\n      letter-spacing: .04em;\n    }\n\n    .ns-ai-signature::before {\n      content: \"\";\n      width: 44px;\n      height: 1px;\n      background: var(--gold);\n    }\n\n    \/* RESPONSIVE *\/\n    @media (max-width: 1024px) {\n      .ns-ai-hero {\n        grid-template-columns: 1fr;\n        padding-top: 70px;\n      }\n\n      .ns-ai-main-frame {\n        max-width: 620px;\n        margin: 0 auto;\n      }\n\n      .ns-ai-services,\n      .ns-ai-process {\n        grid-template-columns: repeat(2, 1fr);\n      }\n\n      .ns-ai-section-head {\n        display: block;\n      }\n\n      .ns-ai-section-text {\n        margin-top: 16px;\n      }\n\n      .ns-ai-thumbs {\n        grid-template-columns: repeat(4, 1fr);\n      }\n    }\n\n    @media (max-width: 767px) {\n      .ns-ai-container {\n        width: min(100% - 22px, 1180px);\n      }\n\n      .ns-ai-hero {\n        min-height: auto;\n        gap: 30px;\n        padding: 54px 0 45px;\n      }\n\n      .ns-ai-title {\n        font-size: clamp(38px, 13vw, 58px);\n      }\n\n      .ns-ai-subtitle {\n        font-size: 15.5px;\n        line-height: 1.75;\n      }\n\n      .ns-ai-actions {\n        width: 100%;\n      }\n\n      .ns-ai-btn {\n        width: 100%;\n      }\n\n      .ns-ai-main-frame {\n        border-radius: 26px;\n        padding: 8px;\n        aspect-ratio: 1 \/ 1;\n        max-width: 100%;\n      }\n\n      .ns-ai-main-frame::before {\n        inset: 8px;\n        border-radius: 20px;\n      }\n\n      .ns-ai-main-frame img {\n        border-radius: 20px;\n        object-fit: contain;\n      }\n\n      .ns-ai-floating-card {\n        position: relative;\n        left: auto;\n        bottom: auto;\n        width: 100%;\n        margin-top: 12px;\n      }\n\n      .ns-ai-stats {\n        grid-template-columns: 1fr;\n        margin-top: 0;\n      }\n\n      .ns-ai-stat {\n        padding: 22px;\n      }\n\n      .ns-ai-section {\n        padding: 68px 0;\n      }\n\n      .ns-ai-services,\n      .ns-ai-process {\n        grid-template-columns: 1fr;\n      }\n\n      .ns-ai-gallery-wrap {\n        border-radius: 24px;\n        padding: 10px;\n      }\n\n      .ns-ai-slider {\n        border-radius: 20px;\n      }\n\n      .ns-ai-slide {\n        min-height: 470px;\n      }\n\n      .ns-ai-slide img {\n        height: 470px;\n      }\n\n      .ns-ai-slide-info {\n        left: 12px;\n        right: 12px;\n        bottom: 12px;\n        display: block;\n        padding: 14px;\n        border-radius: 16px;\n      }\n\n      .ns-ai-slide-info h3 {\n        font-size: 16px;\n      }\n\n      .ns-ai-slide-info p {\n        font-size: 12.5px;\n      }\n\n      .ns-ai-counter {\n        display: block;\n        margin-top: 8px;\n      }\n\n      .ns-ai-slider-btn {\n        width: 42px;\n        height: 42px;\n        font-size: 24px;\n      }\n\n      .ns-ai-slider-btn.prev {\n        left: 10px;\n      }\n\n      .ns-ai-slider-btn.next {\n        right: 10px;\n      }\n\n      .ns-ai-thumbs {\n        grid-template-columns: repeat(4, 1fr);\n        gap: 7px;\n      }\n\n      .ns-ai-thumb {\n        height: 68px;\n        border-radius: 12px;\n      }\n\n      .ns-ai-final {\n        padding-bottom: 70px;\n      }\n\n      .ns-ai-final-card {\n        border-radius: 26px;\n      }\n\n      .ns-ai-final-card img {\n        height: 560px;\n      }\n\n      .ns-ai-final-overlay {\n        padding: 26px;\n        align-items: end;\n        background:\n          linear-gradient(0deg, rgba(3,7,18,.92), rgba(3,7,18,.55), rgba(3,7,18,.12));\n      }\n\n      .ns-ai-final-content p {\n        font-size: 15px;\n      }\n    }\n  <\/style>\n\n  <div class=\"ns-ai-bg-grid\"><\/div>\n  <div class=\"ns-ai-orb one\"><\/div>\n  <div class=\"ns-ai-orb two\"><\/div>\n\n  <div class=\"ns-ai-container\">\n\n    <!-- HERO -->\n    <div class=\"ns-ai-hero\">\n      <div class=\"ns-ai-hero-content\">\n        <div class=\"ns-ai-kicker\"><span><\/span> AI Creative Production<\/div>\n\n        <h1 class=\"ns-ai-title\">\n          AI Projects\n          <strong>Made Visual<\/strong>\n        <\/h1>\n\n        <p class=\"ns-ai-subtitle\">\n          A premium collection of AI-powered visual concepts, cinematic artwork,\n          character design, brand visuals, and creative campaigns crafted with\n          strong art direction and professional post-production.\n        <\/p>\n\n        <div class=\"ns-ai-actions\">\n          <a class=\"ns-ai-btn primary\" href=\"#ai-gallery\">View Gallery<\/a>\n          <a class=\"ns-ai-btn ghost\" href=\"https:\/\/nadersaied.com\/contact\/\">Start a Project<\/a>\n        <\/div>\n      <\/div>\n\n      <div class=\"ns-ai-hero-visual\">\n        <div class=\"ns-ai-main-frame\">\n          <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-2-2026-08_04_25-PM.png\" alt=\"AI Projects Main Visual\">\n        <\/div>\n\n        <div class=\"ns-ai-floating-card\">\n          <h3>Creative AI Direction<\/h3>\n          <p>\n            From idea and moodboard to final artwork, every visual is refined\n            for brand presence, impact, and social media performance.\n          <\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- STATS -->\n    <div class=\"ns-ai-stats\">\n      <div class=\"ns-ai-stat\">\n        <strong>50+<\/strong>\n        <span>AI Visual Concepts Created<\/span>\n      <\/div>\n\n      <div class=\"ns-ai-stat\">\n        <strong>25+<\/strong>\n        <span>Brand & Social Media Designs<\/span>\n      <\/div>\n\n      <div class=\"ns-ai-stat\">\n        <strong>100%<\/strong>\n        <span>Custom Art Direction & Finishing<\/span>\n      <\/div>\n    <\/div>\n\n    <!-- OVERVIEW -->\n    <section class=\"ns-ai-section\">\n      <div class=\"ns-ai-section-head\">\n        <div>\n          <div class=\"ns-ai-eyebrow\">Project Overview<\/div>\n          <h2 class=\"ns-ai-heading\">Where AI meets premium design.<\/h2>\n        <\/div>\n\n        <p class=\"ns-ai-section-text\">\n          This page showcases selected AI-assisted creative work developed for\n          visual campaigns, social media content, brand concepts, digital posters,\n          and character-based designs.\n        <\/p>\n      <\/div>\n\n      <div class=\"ns-ai-services\">\n        <div class=\"ns-ai-service-card\">\n          <div class=\"ns-ai-icon\">\u2726<\/div>\n          <h3>AI Art Direction<\/h3>\n          <p>Building visual concepts with mood, lighting, composition, and premium finishing.<\/p>\n        <\/div>\n\n        <div class=\"ns-ai-service-card\">\n          <div class=\"ns-ai-icon\">\u25c8<\/div>\n          <h3>Character Design<\/h3>\n          <p>Creating realistic, cinematic, and brand-aligned characters for campaigns and stories.<\/p>\n        <\/div>\n\n        <div class=\"ns-ai-service-card\">\n          <div class=\"ns-ai-icon\">\u25ce<\/div>\n          <h3>Social Visuals<\/h3>\n          <p>Professional posts, covers, ads, greetings, and launch visuals ready for social media.<\/p>\n        <\/div>\n\n        <div class=\"ns-ai-service-card\">\n          <div class=\"ns-ai-icon\">\u273a<\/div>\n          <h3>Post Production<\/h3>\n          <p>Final retouching, layout balance, typography, color grading, and presentation polish.<\/p>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- GALLERY SLIDER -->\n    <section class=\"ns-ai-section\" id=\"ai-gallery\">\n      <div class=\"ns-ai-section-head\">\n        <div>\n          <div class=\"ns-ai-eyebrow\">Design Gallery<\/div>\n          <h2 class=\"ns-ai-heading\">Selected AI Designs<\/h2>\n        <\/div>\n\n        <p class=\"ns-ai-section-text\">\n          A curated slider gallery featuring selected AI-powered visual designs,\n          presented in a clean cinematic layout with fast navigation.\n        <\/p>\n      <\/div>\n\n      <div class=\"ns-ai-gallery-wrap\">\n        <div class=\"ns-ai-slider\" data-ai-slider>\n\n          <div class=\"ns-ai-slide active\">\n            <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/gemini-3-pro-image-preview-2k_a_Add_elegant_Arabic_t2.png\" alt=\"AI Design 01\">\n            <div class=\"ns-ai-slide-info\">\n              <div>\n                <h3>Premium Arabic Visual Concept<\/h3>\n                <p>Elegant AI-powered artwork with refined Arabic visual direction.<\/p>\n              <\/div>\n              <span class=\"ns-ai-counter\">01 \/ 08<\/span>\n            <\/div>\n          <\/div>\n\n          <div class=\"ns-ai-slide\">\n            <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-11-2026-09_56_19-PM.png\" alt=\"AI Design 02\">\n            <div class=\"ns-ai-slide-info\">\n              <div>\n                <h3>Cinematic Campaign Artwork<\/h3>\n                <p>High-impact composition designed for strong digital presentation.<\/p>\n              <\/div>\n              <span class=\"ns-ai-counter\">02 \/ 08<\/span>\n            <\/div>\n          <\/div>\n\n          <div class=\"ns-ai-slide\">\n            <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/Nadermmlm.png\" alt=\"AI Design 03\">\n            <div class=\"ns-ai-slide-info\">\n              <div>\n                <h3>Personal Brand Visual<\/h3>\n                <p>AI-enhanced creative identity with polished social media presence.<\/p>\n              <\/div>\n              <span class=\"ns-ai-counter\">03 \/ 08<\/span>\n            <\/div>\n          <\/div>\n\n          <div class=\"ns-ai-slide\">\n            <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/Eid.png\" alt=\"AI Design 04\">\n            <div class=\"ns-ai-slide-info\">\n              <div>\n                <h3>Seasonal Greeting Design<\/h3>\n                <p>Elegant festive visual with premium mood and refined layout.<\/p>\n              <\/div>\n              <span class=\"ns-ai-counter\">04 \/ 08<\/span>\n            <\/div>\n          <\/div>\n\n          <div class=\"ns-ai-slide\">\n            <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-2-2026-03_19_44-PM-1.png\" alt=\"AI Design 05\">\n            <div class=\"ns-ai-slide-info\">\n              <div>\n                <h3>Creative Concept Design<\/h3>\n                <p>Visual storytelling powered by AI generation and professional finishing.<\/p>\n              <\/div>\n              <span class=\"ns-ai-counter\">05 \/ 08<\/span>\n            <\/div>\n          <\/div>\n\n          <div class=\"ns-ai-slide\">\n            <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-2-2026-05_49_15-PM.png\" alt=\"AI Design 06\">\n            <div class=\"ns-ai-slide-info\">\n              <div>\n                <h3>Art Direction Study<\/h3>\n                <p>Lighting, composition, and atmosphere refined for premium presentation.<\/p>\n              <\/div>\n              <span class=\"ns-ai-counter\">06 \/ 08<\/span>\n            <\/div>\n          <\/div>\n\n          <div class=\"ns-ai-slide\">\n            <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-May-31-2026-04_15_35-PM.png\" alt=\"AI Design 07\">\n            <div class=\"ns-ai-slide-info\">\n              <div>\n                <h3>AI Visual Production<\/h3>\n                <p>Professional AI-generated artwork prepared for digital campaigns.<\/p>\n              <\/div>\n              <span class=\"ns-ai-counter\">07 \/ 08<\/span>\n            <\/div>\n          <\/div>\n\n          <div class=\"ns-ai-slide\">\n            <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/465464564.png\" alt=\"AI Design 08\">\n            <div class=\"ns-ai-slide-info\">\n              <div>\n                <h3>Final Creative Output<\/h3>\n                <p>Clean visual result with premium design treatment and presentation value.<\/p>\n              <\/div>\n              <span class=\"ns-ai-counter\">08 \/ 08<\/span>\n            <\/div>\n          <\/div>\n\n          <button class=\"ns-ai-slider-btn prev\" type=\"button\" aria-label=\"Previous slide\">\u2039<\/button>\n          <button class=\"ns-ai-slider-btn next\" type=\"button\" aria-label=\"Next slide\">\u203a<\/button>\n        <\/div>\n\n        <div class=\"ns-ai-thumbs\" data-ai-thumbs>\n          <button class=\"ns-ai-thumb active\" type=\"button\"><img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/gemini-3-pro-image-preview-2k_a_Add_elegant_Arabic_t2.png\" alt=\"Thumbnail 01\"><\/button>\n          <button class=\"ns-ai-thumb\" type=\"button\"><img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-11-2026-09_56_19-PM.png\" alt=\"Thumbnail 02\"><\/button>\n          <button class=\"ns-ai-thumb\" type=\"button\"><img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/Nadermmlm.png\" alt=\"Thumbnail 03\"><\/button>\n          <button class=\"ns-ai-thumb\" type=\"button\"><img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/Eid.png\" alt=\"Thumbnail 04\"><\/button>\n          <button class=\"ns-ai-thumb\" type=\"button\"><img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-2-2026-03_19_44-PM-1.png\" alt=\"Thumbnail 05\"><\/button>\n          <button class=\"ns-ai-thumb\" type=\"button\"><img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-2-2026-05_49_15-PM.png\" alt=\"Thumbnail 06\"><\/button>\n          <button class=\"ns-ai-thumb\" type=\"button\"><img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-May-31-2026-04_15_35-PM.png\" alt=\"Thumbnail 07\"><\/button>\n          <button class=\"ns-ai-thumb\" type=\"button\"><img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/465464564.png\" alt=\"Thumbnail 08\"><\/button>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- PROCESS -->\n    <section class=\"ns-ai-section\">\n      <div class=\"ns-ai-section-head\">\n        <div>\n          <div class=\"ns-ai-eyebrow\">Creative Process<\/div>\n          <h2 class=\"ns-ai-heading\">From prompt to polished artwork.<\/h2>\n        <\/div>\n\n        <p class=\"ns-ai-section-text\">\n          Every project goes through a clear creative workflow to make the final\n          output look intentional, professional, and ready for real brand use.\n        <\/p>\n      <\/div>\n\n      <div class=\"ns-ai-process\">\n        <div class=\"ns-ai-process-card\">\n          <h3>Concept Direction<\/h3>\n          <p>Defining the idea, audience, mood, style, lighting, and final purpose of the visual.<\/p>\n        <\/div>\n\n        <div class=\"ns-ai-process-card\">\n          <h3>AI Generation<\/h3>\n          <p>Creating multiple visual directions and selecting the strongest result for refinement.<\/p>\n        <\/div>\n\n        <div class=\"ns-ai-process-card\">\n          <h3>Design Refinement<\/h3>\n          <p>Improving composition, color balance, text placement, and visual hierarchy.<\/p>\n        <\/div>\n\n        <div class=\"ns-ai-process-card\">\n          <h3>Final Delivery<\/h3>\n          <p>Preparing optimized outputs for websites, social media, covers, ads, and campaigns.<\/p>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- FINAL IMAGE -->\n    <section class=\"ns-ai-final\">\n      <div class=\"ns-ai-final-card\">\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 Projects Final Visual\">\n\n        <div class=\"ns-ai-final-overlay\">\n          <div class=\"ns-ai-final-content\">\n            <div class=\"ns-ai-eyebrow\">Final Impact<\/div>\n            <h2>AI visuals crafted for premium digital presence.<\/h2>\n            <p>\n              A creative production approach that combines AI generation,\n              professional design taste, visual strategy, and final polishing\n              to deliver artwork that looks powerful, clean, and brand-ready.\n            <\/p>\n            <div class=\"ns-ai-signature\">Designed by Nader Saied<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n  <\/div>\n\n  <script>\n    (function () {\n      const page = document.querySelector(\".ns-ai-page\");\n      if (!page) return;\n\n      const slides = page.querySelectorAll(\".ns-ai-slide\");\n      const thumbs = page.querySelectorAll(\".ns-ai-thumb\");\n      const prevBtn = page.querySelector(\".ns-ai-slider-btn.prev\");\n      const nextBtn = page.querySelector(\".ns-ai-slider-btn.next\");\n\n      let current = 0;\n      let timer;\n\n      function showSlide(index) {\n        current = (index + slides.length) % slides.length;\n\n        slides.forEach((slide, i) => {\n          slide.classList.toggle(\"active\", i === current);\n        });\n\n        thumbs.forEach((thumb, i) => {\n          thumb.classList.toggle(\"active\", i === current);\n        });\n      }\n\n      function nextSlide() {\n        showSlide(current + 1);\n      }\n\n      function prevSlide() {\n        showSlide(current - 1);\n      }\n\n      function startAutoPlay() {\n        stopAutoPlay();\n        timer = setInterval(nextSlide, 3500);\n      }\n\n      function stopAutoPlay() {\n        if (timer) clearInterval(timer);\n      }\n\n      if (nextBtn) {\n        nextBtn.addEventListener(\"click\", function () {\n          nextSlide();\n          startAutoPlay();\n        });\n      }\n\n      if (prevBtn) {\n        prevBtn.addEventListener(\"click\", function () {\n          prevSlide();\n          startAutoPlay();\n        });\n      }\n\n      thumbs.forEach((thumb, index) => {\n        thumb.addEventListener(\"click\", function () {\n          showSlide(index);\n          startAutoPlay();\n        });\n      });\n\n      const slider = page.querySelector(\"[data-ai-slider]\");\n\n      if (slider) {\n        slider.addEventListener(\"mouseenter\", stopAutoPlay);\n        slider.addEventListener(\"mouseleave\", startAutoPlay);\n\n        let startX = 0;\n\n        slider.addEventListener(\"touchstart\", function (e) {\n          startX = e.touches[0].clientX;\n        }, { passive: true });\n\n        slider.addEventListener(\"touchend\", function (e) {\n          const endX = e.changedTouches[0].clientX;\n          const diff = startX - endX;\n\n          if (Math.abs(diff) > 50) {\n            if (diff > 0) {\n              nextSlide();\n            } else {\n              prevSlide();\n            }\n            startAutoPlay();\n          }\n        });\n      }\n\n      showSlide(0);\n      startAutoPlay();\n    })();\n  <\/script>\n\n<\/section>\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>AI Creative Production AI Projects Made Visual A premium collection of AI-powered visual concepts, cinematic artwork, character design, brand visuals, and creative campaigns crafted with strong art direction and professional post-production. View Gallery Start a Project Creative AI Direction From idea and moodboard to final artwork, every visual is refined for brand presence, impact, and social media performance. 50+ AI Visual Concepts Created 25+ Brand &#038; Social Media Designs 100% Custom Art Direction &#038; Finishing Project Overview Where AI meets premium design. This page showcases selected AI-assisted creative work developed for visual campaigns, social media content, brand concepts, digital posters, and character-based designs. \u2726 AI Art Direction Building visual concepts with mood, lighting, composition, and premium finishing. \u25c8 Character Design Creating realistic, cinematic, and brand-aligned characters for campaigns and stories. \u25ce Social Visuals Professional posts, covers, ads, greetings, and launch visuals ready for social media. \u273a Post Production Final retouching, layout balance, typography, color grading, and presentation polish. Design Gallery Selected AI Designs A curated slider gallery featuring selected AI-powered visual designs, presented in a clean cinematic layout with fast navigation. Premium Arabic Visual Concept Elegant AI-powered artwork with refined Arabic visual direction. 01 \/ 08 Cinematic Campaign Artwork High-impact composition designed for strong digital presentation. 02 \/ 08 Personal Brand Visual AI-enhanced creative identity with polished social media presence. 03 \/ 08 Seasonal Greeting Design Elegant festive visual with premium mood and refined layout. 04 \/ 08 Creative Concept Design Visual storytelling powered by AI generation and professional finishing. 05 \/ 08 Art Direction Study Lighting, composition, and atmosphere refined for premium presentation. 06 \/ 08 AI Visual Production Professional AI-generated artwork prepared for digital campaigns. 07 \/ 08 Final Creative Output Clean visual result with premium design treatment and presentation value. 08 \/ 08 \u2039 \u203a Creative Process From prompt to polished artwork. Every project goes through a clear creative workflow to make the final output look intentional, professional, and ready for real brand use. Concept Direction Defining the idea, audience, mood, style, lighting, and final purpose of the visual. AI Generation Creating multiple visual directions and selecting the strongest result for refinement. Design Refinement Improving composition, color balance, text placement, and visual hierarchy. Final Delivery Preparing optimized outputs for websites, social media, covers, ads, and campaigns. Final Impact AI visuals crafted for premium digital presence. A creative production approach that combines AI generation, professional design taste, visual strategy, and final polishing to deliver artwork that looks powerful, clean, and brand-ready. Designed by Nader Saied<\/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-2900","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\/2900","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=2900"}],"version-history":[{"count":31,"href":"https:\/\/nadersaied.com\/ar\/wp-json\/wp\/v2\/pages\/2900\/revisions"}],"predecessor-version":[{"id":3985,"href":"https:\/\/nadersaied.com\/ar\/wp-json\/wp\/v2\/pages\/2900\/revisions\/3985"}],"wp:attachment":[{"href":"https:\/\/nadersaied.com\/ar\/wp-json\/wp\/v2\/media?parent=2900"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}