{"id":1978,"date":"2026-05-19T23:23:19","date_gmt":"2026-05-19T23:23:19","guid":{"rendered":"https:\/\/nadersaied.com\/?page_id=1978"},"modified":"2026-06-20T15:51:10","modified_gmt":"2026-06-20T15:51:10","slug":"projects","status":"publish","type":"page","link":"https:\/\/nadersaied.com\/ar\/projects\/","title":{"rendered":"Projects"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1978\" class=\"elementor elementor-1978\">\n\t\t\t\t<div class=\"elementor-element elementor-element-06d364c 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=\"06d364c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f36f5f0 elementor-widget elementor-widget-html\" data-id=\"f36f5f0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Nader Saied Premium Projects Page - My Social Work Order Updated -->\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.2\/css\/all.min.css\">\n\n<section class=\"ns-projects-page\">\n  <div class=\"ns-projects-page-bg\">PROJECTS<\/div>\n  <div class=\"ns-projects-page-glow\"><\/div>\n  <div class=\"ns-projects-page-orb ns-projects-page-orb-one\"><\/div>\n  <div class=\"ns-projects-page-orb ns-projects-page-orb-two\"><\/div>\n\n  <div class=\"ns-projects-page-container\">\n\n    <div class=\"ns-projects-page-head ns-projects-page-reveal\">\n      <span class=\"ns-projects-page-eyebrow\">SELECTED PROJECTS<\/span>\n\n      <h1>\n        Premium Work.<br>\n        <strong>Digital Impact.<\/strong>\n      <\/h1>\n\n      <p>\n        A curated portfolio of brand identities, websites, social media campaigns,\n        AI creative production, AI video production, 3D visualization, and digital experiences.\n      <\/p>\n    <\/div>\n\n    <div class=\"ns-projects-filter ns-projects-page-reveal\">\n      <button class=\"active\" data-filter=\"all\">All Projects<\/button>\n      <button data-filter=\"branding\">Branding<\/button>\n      <button data-filter=\"web\">Web Design<\/button>\n      <button data-filter=\"ai\">AI Creative<\/button>\n      <button data-filter=\"video\">AI Video<\/button>\n      <button data-filter=\"social\">Social Media<\/button>\n      <button data-filter=\"media\">Media Campaigns<\/button>\n      <button data-filter=\"3d\">3D Visualization<\/button>\n    <\/div>\n\n    <div class=\"ns-projects-page-grid\">\n\n      <!-- MORIVIE -->\n      <article class=\"ns-projects-page-card ns-projects-page-reveal\" data-category=\"branding social ai\">\n        <a href=\"https:\/\/nadersaied.com\/morivie\/\" class=\"ns-projects-page-image ns-project-logo-box\">\n          <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/Morive-logo.png\" alt=\"MORIVIE Cosmetics Project\">\n          <span>Branding \/ Cosmetics<\/span>\n        <\/a>\n\n        <div class=\"ns-projects-page-content\">\n          <div class=\"ns-projects-page-tags\">\n            <span>Brand Identity<\/span>\n            <span>Packaging<\/span>\n            <span>Social<\/span>\n          <\/div>\n\n          <h3>MORIVIE Cosmetics<\/h3>\n\n          <p>\n            Premium cosmetics and skincare brand identity, product visualization,\n            packaging direction, and social media campaigns.\n          <\/p>\n\n          <a href=\"https:\/\/nadersaied.com\/morivie\/\" class=\"ns-projects-page-link\">\n            View Project <i class=\"fa-solid fa-arrow-right\"><\/i>\n          <\/a>\n        <\/div>\n      <\/article>\n\n      <!-- CEG -->\n      <article class=\"ns-projects-page-card ns-projects-page-reveal\" data-category=\"branding web social\">\n        <a href=\"https:\/\/nadersaied.com\/ceg\/\" class=\"ns-projects-page-image ns-project-cover-box\">\n          <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/CEG_logo_transparent_circle.png\" alt=\"CEG Project\">\n          <span>Corporate \/ Engineering<\/span>\n        <\/a>\n\n        <div class=\"ns-projects-page-content\">\n          <div class=\"ns-projects-page-tags\">\n            <span>Branding<\/span>\n            <span>Website<\/span>\n            <span>Corporate<\/span>\n          <\/div>\n\n          <h3>CEG Contracting<\/h3>\n\n          <p>\n            Complete corporate branding, website design, social media presence,\n            and IT-focused digital direction for a contracting brand.\n          <\/p>\n\n          <a href=\"https:\/\/nadersaied.com\/ceg\/\" class=\"ns-projects-page-link\">\n            View Project <i class=\"fa-solid fa-arrow-right\"><\/i>\n          <\/a>\n        <\/div>\n      <\/article>\n\n      <!-- El Watan -->\n      <article class=\"ns-projects-page-card ns-projects-page-reveal\" data-category=\"branding web media\">\n        <a href=\"https:\/\/nadersaied.com\/elwataneldawlianews\/\" class=\"ns-projects-page-image ns-project-logo-box\">\n          <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/Elwaten-1.png\" alt=\"El Watan International News Project\">\n          <span>News \/ Website<\/span>\n        <\/a>\n\n        <div class=\"ns-projects-page-content\">\n          <div class=\"ns-projects-page-tags\">\n            <span>Web Design<\/span>\n            <span>News Platform<\/span>\n            <span>UI\/UX<\/span>\n          <\/div>\n\n          <h3>El Watan International News<\/h3>\n\n          <p>\n            Premium news platform website with modern visual identity,\n            responsive layouts, UI\/UX structure, and professional media presence.\n          <\/p>\n\n          <a href=\"https:\/\/nadersaied.com\/elwataneldawlianews\/\" class=\"ns-projects-page-link\">\n            View Project <i class=\"fa-solid fa-arrow-right\"><\/i>\n          <\/a>\n        <\/div>\n      <\/article>\n\n      <!-- El Nasr Store -->\n      <article class=\"ns-projects-page-card ns-projects-page-reveal\" data-category=\"branding web social\">\n        <a href=\"https:\/\/nadersaied.com\/el-nasr-store\/\" class=\"ns-projects-page-image ns-project-logo-box ns-el-nasr-project-logo\">\n          <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/logo-final-Circel-copy.png\" alt=\"El Nasr Store Computer Services Project\">\n          <span>Computer Store \/ Social Media<\/span>\n        <\/a>\n\n        <div class=\"ns-projects-page-content\">\n          <div class=\"ns-projects-page-tags\">\n            <span>Computer Store<\/span>\n            <span>Social Media<\/span>\n            <span>Hardware<\/span>\n          <\/div>\n\n          <h3>El Nasr Store<\/h3>\n\n          <p>\n            Premium social media and digital presentation for a computer services store,\n            including PC builds, monitors, graphics cards, RAM, laptops, and gaming accessories.\n          <\/p>\n\n          <a href=\"https:\/\/nadersaied.com\/el-nasr-store\/\" class=\"ns-projects-page-link\">\n            View Project <i class=\"fa-solid fa-arrow-right\"><\/i>\n          <\/a>\n        <\/div>\n      <\/article>\n\n      <!-- Master Kitchen -->\n      <article class=\"ns-projects-page-card ns-projects-page-reveal\" data-category=\"branding social\">\n        <a href=\"https:\/\/nadersaied.com\/master-kitchen\/\" class=\"ns-projects-page-image ns-project-logo-box ns-master-kitchen-project-logo\">\n          <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/logo-4.png\" alt=\"Master Kitchen Project\">\n          <span>Restaurant \/ Branding<\/span>\n        <\/a>\n\n        <div class=\"ns-projects-page-content\">\n          <div class=\"ns-projects-page-tags\">\n            <span>Branding<\/span>\n            <span>Restaurant<\/span>\n            <span>Social Media<\/span>\n          <\/div>\n\n          <h3>Master Kitchen<\/h3>\n\n          <p>\n            Premium visual identity and social media presentation for a food and kitchen brand,\n            including brand direction, logo presentation, digital visuals, and professional project showcase.\n          <\/p>\n\n          <a href=\"https:\/\/nadersaied.com\/master-kitchen\/\" class=\"ns-projects-page-link\">\n            View Project <i class=\"fa-solid fa-arrow-right\"><\/i>\n          <\/a>\n        <\/div>\n      <\/article>\n\n      <!-- Nader Website -->\n      <article class=\"ns-projects-page-card ns-projects-page-reveal\" data-category=\"web branding\">\n        <a href=\"https:\/\/nadersaied.com\/nadrawebsite\/\" class=\"ns-projects-page-image ns-project-logo-box\">\n          <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/cropped-Logo-Nader-White.png\" alt=\"Nader Saied Website Project\">\n          <span>Portfolio \/ Website<\/span>\n        <\/a>\n\n        <div class=\"ns-projects-page-content\">\n          <div class=\"ns-projects-page-tags\">\n            <span>Portfolio<\/span>\n            <span>Web Design<\/span>\n            <span>Personal Brand<\/span>\n          <\/div>\n\n          <h3>Nader Saied Website<\/h3>\n\n          <p>\n            Personal portfolio website built to present creative technology,\n            premium design, services, projects, and digital impact.\n          <\/p>\n\n          <a href=\"https:\/\/nadersaied.com\/nadrawebsite\/\" class=\"ns-projects-page-link\">\n            View Project <i class=\"fa-solid fa-arrow-right\"><\/i>\n          <\/a>\n        <\/div>\n      <\/article>\n\n      <!-- My Social Work -->\n      <article class=\"ns-projects-page-card ns-projects-page-reveal\" data-category=\"social branding media\">\n        <a href=\"https:\/\/nadersaied.com\/my-social-work\/\" class=\"ns-projects-page-image ns-project-logo-box ns-social-work-project-logo\">\n          <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/Social.png\" alt=\"My Social Work Project\">\n          <span>Social Media \/ Campaigns<\/span>\n        <\/a>\n\n        <div class=\"ns-projects-page-content\">\n          <div class=\"ns-projects-page-tags\">\n            <span>Social Media<\/span>\n            <span>Campaigns<\/span>\n            <span>Creative Direction<\/span>\n          <\/div>\n\n          <h3>My Social Work<\/h3>\n\n          <p>\n            A curated collection of premium social media designs, brand campaigns,\n            content visuals, and creative digital communication.\n          <\/p>\n\n          <a href=\"https:\/\/nadersaied.com\/my-social-work\/\" class=\"ns-projects-page-link\">\n            View Project <i class=\"fa-solid fa-arrow-right\"><\/i>\n          <\/a>\n        <\/div>\n      <\/article>\n\n      <!-- AI Projects -->\n      <article class=\"ns-projects-page-card ns-projects-page-reveal\" data-category=\"ai social\">\n        <a href=\"https:\/\/nadersaied.com\/ai-projects\/\" class=\"ns-projects-page-image ns-project-cover-box\">\n          <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-2-2026-06_11_19-PM.png\" alt=\"AI Creative Projects\">\n          <span>AI Visuals \/ Campaigns<\/span>\n        <\/a>\n\n        <div class=\"ns-projects-page-content\">\n          <div class=\"ns-projects-page-tags\">\n            <span>AI Visuals<\/span>\n            <span>Characters<\/span>\n            <span>Campaigns<\/span>\n          <\/div>\n\n          <h3>AI Creative Projects<\/h3>\n\n          <p>\n            AI-powered visuals, character concepts, commercial campaigns,\n            advertising creatives, and futuristic digital experiences.\n          <\/p>\n\n          <a href=\"https:\/\/nadersaied.com\/ai-projects\/\" class=\"ns-projects-page-link\">\n            View Project <i class=\"fa-solid fa-arrow-right\"><\/i>\n          <\/a>\n        <\/div>\n      <\/article>\n\n      <!-- AI Video Production -->\n      <article class=\"ns-projects-page-card ns-projects-page-reveal\" data-category=\"video ai\">\n        <a href=\"https:\/\/nadersaied.com\/ai-video-production\/\" class=\"ns-projects-page-image ns-project-cover-box\">\n          <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-2-2026-11_38_10-PM.png\" alt=\"AI Video Production\">\n          <span>AI Video \/ Reels<\/span>\n        <\/a>\n\n        <div class=\"ns-projects-page-content\">\n          <div class=\"ns-projects-page-tags\">\n            <span>AI Video<\/span>\n            <span>Reels<\/span>\n            <span>Motion<\/span>\n          <\/div>\n\n          <h3>AI Video Production<\/h3>\n\n          <p>\n            Cinematic AI-generated videos, reels, motion scenes, storytelling,\n            editing, post-production, and digital video content.\n          <\/p>\n\n          <a href=\"https:\/\/nadersaied.com\/ai-video-production\/\" class=\"ns-projects-page-link\">\n            View Project <i class=\"fa-solid fa-arrow-right\"><\/i>\n          <\/a>\n        <\/div>\n      <\/article>\n\n      <!-- 3D Visualization -->\n      <article class=\"ns-projects-page-card ns-projects-page-reveal\" data-category=\"3d\">\n        <a href=\"https:\/\/nadersaied.com\/3d-design-visualization\/\" class=\"ns-projects-page-image ns-project-cover-box\">\n          <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-May-31-2026-05_12_27-AM.png\" alt=\"3D Design and Visualization Project\">\n          <span>AutoCAD \/ 3D Render<\/span>\n        <\/a>\n\n        <div class=\"ns-projects-page-content\">\n          <div class=\"ns-projects-page-tags\">\n            <span>3D Modeling<\/span>\n            <span>Rendering<\/span>\n            <span>Visualization<\/span>\n          <\/div>\n\n          <h3>3D Design & Visualization<\/h3>\n\n          <p>\n            Transforming AutoCAD drawings into detailed 3D models,\n            realistic architectural renders, and premium visual presentations.\n          <\/p>\n\n          <a href=\"https:\/\/nadersaied.com\/3d-design-visualization\/\" class=\"ns-projects-page-link\">\n            View Project <i class=\"fa-solid fa-arrow-right\"><\/i>\n          <\/a>\n        <\/div>\n      <\/article>\n\n      <!-- Amira Abdelaziz -->\n      <article class=\"ns-projects-page-card ns-projects-page-reveal\" data-category=\"social media branding\">\n        <a href=\"https:\/\/nadersaied.com\/amira-abd-elaziz\/\" class=\"ns-projects-page-image ns-project-cover-box\">\n          <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-16-2026-04_24_55-PM.png\" alt=\"Amira Abdelaziz Media Campaign\">\n          <span>Media \/ TV Campaign<\/span>\n        <\/a>\n\n        <div class=\"ns-projects-page-content\">\n          <div class=\"ns-projects-page-tags\">\n            <span>Media Campaign<\/span>\n            <span>Social Posts<\/span>\n            <span>Art Direction<\/span>\n          <\/div>\n\n          <h3>Amira Abdelaziz<\/h3>\n\n          <p>\n            Premium media campaign design for a TV presenter, including social media posters,\n            visual direction, typography, and broadcast-ready presentation.\n          <\/p>\n\n          <a href=\"https:\/\/nadersaied.com\/amira-abd-elaziz\/\" class=\"ns-projects-page-link\">\n            View Project <i class=\"fa-solid fa-arrow-right\"><\/i>\n          <\/a>\n        <\/div>\n      <\/article>\n\n      <!-- Political Campaign -->\n      <article class=\"ns-projects-page-card ns-projects-page-reveal\" data-category=\"social media branding\">\n        <a href=\"https:\/\/nadersaied.com\/political-campaign-creative-direction\/\" class=\"ns-projects-page-image ns-project-cover-box\">\n          <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-May-31-2026-03_21_28-PM.png\" alt=\"Political Campaign Creative Direction\">\n          <span>Political \/ Social Media<\/span>\n        <\/a>\n\n        <div class=\"ns-projects-page-content\">\n          <div class=\"ns-projects-page-tags\">\n            <span>Campaign<\/span>\n            <span>Branding<\/span>\n            <span>Social Media<\/span>\n          <\/div>\n\n          <h3>Political Campaign<\/h3>\n\n          <p>\n            Complete political media campaign with premium visual direction,\n            strong public presence, branding, and professional social media communication.\n          <\/p>\n\n          <a href=\"https:\/\/nadersaied.com\/political-campaign-creative-direction\/\" class=\"ns-projects-page-link\">\n            View Project <i class=\"fa-solid fa-arrow-right\"><\/i>\n          <\/a>\n        <\/div>\n      <\/article>\n\n    <\/div>\n\n    <div class=\"ns-projects-page-cta ns-projects-page-reveal\">\n      <div>\n        <span>Have a project in mind?<\/span>\n        <strong>Let\u2019s build something premium together.<\/strong>\n      <\/div>\n\n      <a href=\"https:\/\/nadersaied.com\/contact\/\">\n        Start a Project <i class=\"fa-solid fa-arrow-right\"><\/i>\n      <\/a>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n.ns-projects-page {\n  position: relative;\n  isolation: isolate;\n  overflow: hidden;\n  padding: 120px 5% 110px;\n  background:\n    radial-gradient(circle at 18% 36%, rgba(167,18,55,.34), transparent 32%),\n    radial-gradient(circle at 82% 18%, rgba(247,198,77,.09), transparent 26%),\n    linear-gradient(135deg, #100607 0%, #1b070b 40%, #310912 72%, #100607 100%);\n  color: #fff;\n  font-family: \"Inter\", \"Poppins\", Arial, sans-serif;\n}\n\n.ns-projects-page * {\n  box-sizing: border-box;\n}\n\n.ns-projects-page::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  z-index: 0;\n  background-image:\n    linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px);\n  background-size: 44px 44px;\n  opacity: .26;\n  animation: nsProjectsPageGrid 18s linear infinite;\n  pointer-events: none;\n}\n\n.ns-projects-page::after {\n  content: \"\";\n  position: absolute;\n  inset: -20%;\n  z-index: 0;\n  background: radial-gradient(circle at 50% 50%, transparent 0%, rgba(0,0,0,.20) 44%, rgba(0,0,0,.82) 100%);\n  opacity: .88;\n  pointer-events: none;\n}\n\n.ns-projects-page-bg {\n  position: absolute;\n  right: 2%;\n  top: 4%;\n  z-index: 1;\n  font-family: Georgia, serif;\n  font-size: clamp(92px, 17vw, 285px);\n  line-height: .8;\n  font-weight: 900;\n  color: rgba(255,255,255,.032);\n  pointer-events: none;\n  animation: nsProjectsPageBg 7s ease-in-out infinite;\n}\n\n.ns-projects-page-glow {\n  position: absolute;\n  left: 8%;\n  top: 24%;\n  width: 470px;\n  height: 470px;\n  z-index: 1;\n  border-radius: 50%;\n  border: 1px solid rgba(255,43,103,.24);\n  background: radial-gradient(circle, rgba(255,43,103,.20), transparent 68%);\n  box-shadow: 0 0 100px rgba(209,21,68,.22);\n  animation: nsProjectsPageGlow 5.5s ease-in-out infinite;\n  pointer-events: none;\n}\n\n.ns-projects-page-orb {\n  position: absolute;\n  z-index: 1;\n  border-radius: 50%;\n  filter: blur(10px);\n  pointer-events: none;\n}\n\n.ns-projects-page-orb-one {\n  width: 150px;\n  height: 150px;\n  left: 5%;\n  bottom: 12%;\n  background: radial-gradient(circle, rgba(247,198,77,.22), transparent 68%);\n  animation: nsProjectsOrbOne 8s ease-in-out infinite;\n}\n\n.ns-projects-page-orb-two {\n  width: 190px;\n  height: 190px;\n  right: 6%;\n  top: 18%;\n  border: 1px solid rgba(255,43,103,.34);\n  background: radial-gradient(circle, rgba(255,43,103,.12), transparent 70%);\n  animation: nsProjectsOrbTwo 10s ease-in-out infinite;\n}\n\n.ns-projects-page-container {\n  position: relative;\n  z-index: 3;\n  max-width: 1380px;\n  margin: 0 auto;\n}\n\n\/* Head *\/\n.ns-projects-page-head {\n  max-width: 940px;\n  margin: 0 auto 42px;\n  text-align: center;\n}\n\n.ns-projects-page-eyebrow {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 14px;\n  margin-bottom: 18px;\n  color: #f7c64d;\n  font-size: 14px;\n  letter-spacing: 6px;\n  font-weight: 900;\n}\n\n.ns-projects-page-eyebrow::before,\n.ns-projects-page-eyebrow::after {\n  content: \"\";\n  width: 72px;\n  height: 1px;\n  background: linear-gradient(90deg, transparent, #f7c64d);\n}\n\n.ns-projects-page-eyebrow::after {\n  background: linear-gradient(90deg, #f7c64d, transparent);\n}\n\n.ns-projects-page-head h1 {\n  margin: 0 0 24px;\n  font-family: Georgia, \"Times New Roman\", serif;\n  font-size: clamp(54px, 6.8vw, 108px);\n  line-height: .94;\n  letter-spacing: -3.2px;\n  color: #fff;\n}\n\n.ns-projects-page-head h1 strong {\n  font-weight: 900;\n  background: linear-gradient(180deg, #fff4c7 0%, #d69a24 52%, #fff0a6 100%);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  background-size: 100% 140%;\n  animation: nsProjectsGoldSoft 4s ease-in-out infinite alternate;\n}\n\n.ns-projects-page-head p {\n  max-width: 760px;\n  margin: 0 auto;\n  color: rgba(255,255,255,.72);\n  font-size: 17px;\n  line-height: 1.85;\n}\n\n\/* Filter *\/\n.ns-projects-filter {\n  position: relative;\n  max-width: 1100px;\n  margin: 0 auto 42px;\n  padding: 12px;\n  border-radius: 999px;\n  border: 1px solid rgba(255,43,103,.24);\n  background:\n    linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.016)),\n    radial-gradient(circle at 50% 0%, rgba(247,198,77,.08), transparent 38%);\n  backdrop-filter: blur(18px);\n  -webkit-backdrop-filter: blur(18px);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  flex-wrap: wrap;\n}\n\n.ns-projects-filter button {\n  border: 1px solid transparent;\n  outline: none;\n  min-height: 42px;\n  padding: 10px 16px;\n  border-radius: 999px;\n  background: transparent;\n  color: rgba(255,255,255,.74);\n  font-family: inherit;\n  font-size: 13px;\n  font-weight: 850;\n  cursor: pointer;\n  transition: .3s ease;\n}\n\n.ns-projects-filter button:hover,\n.ns-projects-filter button.active {\n  color: #fff;\n  border-color: rgba(247,198,77,.34);\n  background: rgba(247,198,77,.10);\n}\n\n\/* Grid *\/\n.ns-projects-page-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 22px;\n}\n\n.ns-projects-page-card {\n  position: relative;\n  border-radius: 28px;\n  border: 1px solid rgba(255,43,103,.24);\n  background:\n    linear-gradient(145deg, rgba(255,255,255,.065), rgba(255,255,255,.018)),\n    radial-gradient(circle at 50% 0%, rgba(247,198,77,.08), transparent 38%);\n  backdrop-filter: blur(18px);\n  -webkit-backdrop-filter: blur(18px);\n  box-shadow:\n    0 28px 70px rgba(0,0,0,.25),\n    inset 0 0 38px rgba(255,255,255,.025);\n  overflow: hidden;\n  transition: .42s ease;\n}\n\n.ns-projects-page-card::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(135deg, rgba(247,198,77,.12), rgba(255,43,103,.11), transparent 62%);\n  opacity: 0;\n  transition: .42s ease;\n  pointer-events: none;\n}\n\n.ns-projects-page-card::after {\n  content: \"\";\n  position: absolute;\n  left: -60%;\n  top: -80%;\n  width: 38%;\n  height: 260%;\n  background: linear-gradient(90deg, transparent, rgba(255,255,255,.16), transparent);\n  transform: rotate(24deg);\n  opacity: 0;\n  transition: .85s ease;\n  pointer-events: none;\n}\n\n.ns-projects-page-card:hover {\n  transform: translateY(-10px);\n  border-color: rgba(247,198,77,.42);\n  box-shadow:\n    0 42px 95px rgba(0,0,0,.34),\n    inset 0 0 38px rgba(255,255,255,.035);\n}\n\n.ns-projects-page-card:hover::before {\n  opacity: 1;\n}\n\n.ns-projects-page-card:hover::after {\n  left: 135%;\n  opacity: .8;\n}\n\n.ns-projects-page-card.hide {\n  display: none;\n}\n\n\/* Media Box *\/\n.ns-projects-page-image {\n  position: relative;\n  z-index: 2;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  aspect-ratio: 1 \/ 1;\n  margin: 14px 14px 0;\n  border-radius: 20px;\n  overflow: hidden;\n  border: 1px solid rgba(247,198,77,.14);\n  background:\n    radial-gradient(circle at 50% 20%, rgba(247,198,77,.10), transparent 36%),\n    rgba(8,5,7,.42);\n  text-decoration: none;\n}\n\n\/* All Images Base *\/\n.ns-projects-page-image img {\n  display: block;\n  width: 100%;\n  height: 100%;\n  object-position: center;\n  transition: .55s ease;\n  filter: saturate(1.06) contrast(1.03) drop-shadow(0 18px 28px rgba(0,0,0,.28));\n}\n\n\/* Logo Boxes *\/\n.ns-project-logo-box img {\n  object-fit: contain;\n  padding: 46px;\n  max-width: 100%;\n  max-height: 100%;\n}\n\n.ns-project-logo-box[href*=\"morivie\"] img {\n  padding: 38px;\n}\n\n.ns-project-logo-box[href*=\"elwataneldawlianews\"] img {\n  padding: 42px;\n}\n\n.ns-project-logo-box[href*=\"el-nasr-store\"] img,\n.ns-el-nasr-project-logo img {\n  padding: 30px;\n  transform: scale(1.03);\n}\n\n.ns-project-logo-box[href*=\"master-kitchen\"] img,\n.ns-master-kitchen-project-logo img {\n  padding: 34px;\n  transform: scale(1.04);\n}\n\n.ns-project-logo-box[href*=\"nadrawebsite\"] img {\n  padding: 48px;\n}\n\n.ns-project-logo-box[href*=\"my-social-work\"] img,\n.ns-social-work-project-logo img {\n  padding: 34px;\n  transform: scale(1.05);\n}\n\n\/* Cover Boxes *\/\n.ns-project-cover-box img {\n  object-fit: contain;\n  padding: 14px;\n  max-width: 100%;\n  max-height: 100%;\n}\n\n\/* Hover *\/\n.ns-projects-page-card:hover .ns-projects-page-image img {\n  transform: scale(1.055);\n  filter: saturate(1.15) contrast(1.06) drop-shadow(0 22px 34px rgba(0,0,0,.34));\n}\n\n.ns-projects-page-image span {\n  position: absolute;\n  left: 16px;\n  bottom: 16px;\n  z-index: 3;\n  padding: 9px 13px;\n  border-radius: 999px;\n  border: 1px solid rgba(247,198,77,.24);\n  background: rgba(8,5,7,.62);\n  backdrop-filter: blur(12px);\n  -webkit-backdrop-filter: blur(12px);\n  color: #f7c64d;\n  font-size: 11px;\n  font-weight: 900;\n  letter-spacing: 1px;\n  text-transform: uppercase;\n}\n\n\/* Content *\/\n.ns-projects-page-content {\n  position: relative;\n  z-index: 2;\n  padding: 26px 24px 28px;\n}\n\n.ns-projects-page-tags {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n  margin-bottom: 18px;\n}\n\n.ns-projects-page-tags span {\n  min-height: 28px;\n  padding: 7px 11px;\n  border-radius: 999px;\n  border: 1px solid rgba(247,198,77,.18);\n  background: rgba(8,5,7,.34);\n  color: rgba(255,255,255,.76);\n  font-size: 10px;\n  font-weight: 800;\n  letter-spacing: .5px;\n  text-transform: uppercase;\n}\n\n.ns-projects-page-content h3 {\n  margin: 0 0 14px;\n  color: #fff;\n  font-size: 25px;\n  font-weight: 900;\n  letter-spacing: -.4px;\n}\n\n.ns-projects-page-content p {\n  min-height: 112px;\n  margin: 0 0 22px;\n  color: rgba(255,255,255,.66);\n  font-size: 14px;\n  line-height: 1.75;\n}\n\n.ns-projects-page-link {\n  color: #f7c64d;\n  text-decoration: none;\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  font-size: 14px;\n  font-weight: 900;\n  transition: .3s ease;\n}\n\n.ns-projects-page-link i {\n  transition: .3s ease;\n}\n\n.ns-projects-page-link:hover {\n  color: #fff0a6;\n}\n\n.ns-projects-page-link:hover i {\n  transform: translateX(5px);\n}\n\n\/* CTA *\/\n.ns-projects-page-cta {\n  position: relative;\n  margin-top: 44px;\n  padding: 32px 34px;\n  border-radius: 28px;\n  border: 1px solid rgba(255,43,103,.24);\n  background:\n    linear-gradient(145deg, rgba(255,255,255,.065), rgba(255,255,255,.018)),\n    radial-gradient(circle at 20% 0%, rgba(247,198,77,.10), transparent 36%);\n  backdrop-filter: blur(18px);\n  -webkit-backdrop-filter: blur(18px);\n  box-shadow:\n    0 28px 70px rgba(0,0,0,.25),\n    inset 0 0 38px rgba(255,255,255,.025);\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 26px;\n  overflow: hidden;\n}\n\n.ns-projects-page-cta::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(135deg, rgba(247,198,77,.12), rgba(255,43,103,.11), transparent 62%);\n  opacity: 0;\n  transition: .42s ease;\n}\n\n.ns-projects-page-cta:hover::before {\n  opacity: 1;\n}\n\n.ns-projects-page-cta div,\n.ns-projects-page-cta a {\n  position: relative;\n  z-index: 2;\n}\n\n.ns-projects-page-cta span {\n  display: block;\n  margin-bottom: 8px;\n  color: #f7c64d;\n  font-size: 13px;\n  font-weight: 900;\n  letter-spacing: 1.6px;\n  text-transform: uppercase;\n}\n\n.ns-projects-page-cta strong {\n  display: block;\n  color: #fff;\n  font-size: clamp(22px, 2.2vw, 34px);\n  line-height: 1.25;\n  font-weight: 900;\n}\n\n.ns-projects-page-cta a {\n  flex: 0 0 auto;\n  min-width: 205px;\n  height: 58px;\n  border-radius: 999px;\n  background: linear-gradient(135deg, #8b0d2b, #e03165);\n  color: #fff;\n  text-decoration: none;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n  font-size: 15px;\n  font-weight: 850;\n  box-shadow: 0 15px 38px rgba(215,26,79,.30);\n  transition: .35s ease;\n}\n\n.ns-projects-page-cta a:hover {\n  transform: translateY(-4px);\n  color: #fff;\n}\n\n\/* Reveal *\/\n.ns-projects-page-reveal {\n  opacity: 0;\n  transform: translateY(36px);\n  filter: blur(10px);\n  transition:\n    opacity .9s cubic-bezier(.2,.8,.2,1),\n    transform .9s cubic-bezier(.2,.8,.2,1),\n    filter .9s cubic-bezier(.2,.8,.2,1);\n}\n\n.ns-projects-page-reveal.ns-projects-page-visible {\n  opacity: 1;\n  transform: translateY(0);\n  filter: blur(0);\n}\n\n.ns-projects-page-card:nth-child(1).ns-projects-page-visible { transition-delay: .04s; }\n.ns-projects-page-card:nth-child(2).ns-projects-page-visible { transition-delay: .10s; }\n.ns-projects-page-card:nth-child(3).ns-projects-page-visible { transition-delay: .16s; }\n.ns-projects-page-card:nth-child(4).ns-projects-page-visible { transition-delay: .22s; }\n.ns-projects-page-card:nth-child(5).ns-projects-page-visible { transition-delay: .28s; }\n.ns-projects-page-card:nth-child(6).ns-projects-page-visible { transition-delay: .34s; }\n\n\/* Tablet *\/\n@media (max-width: 1100px) {\n  .ns-projects-page {\n    padding: 100px 5% 95px;\n  }\n\n  .ns-projects-page-grid {\n    grid-template-columns: repeat(2, 1fr);\n  }\n}\n\n\/* Mobile *\/\n@media (max-width: 767px) {\n  .ns-projects-page {\n    padding: 88px 22px 78px;\n  }\n\n  .ns-projects-page-bg {\n    top: 5%;\n    right: -30%;\n    font-size: 92px;\n  }\n\n  .ns-projects-page-glow {\n    width: 280px;\n    height: 280px;\n    left: 50%;\n    top: 10%;\n    transform: translateX(-50%);\n  }\n\n  .ns-projects-page-eyebrow {\n    font-size: 11px;\n    letter-spacing: 4px;\n    gap: 10px;\n  }\n\n  .ns-projects-page-eyebrow::before,\n  .ns-projects-page-eyebrow::after {\n    width: 34px;\n  }\n\n  .ns-projects-page-head h1 {\n    font-size: clamp(42px, 13vw, 58px);\n    letter-spacing: -2px;\n  }\n\n  .ns-projects-page-head p {\n    font-size: 14px;\n    line-height: 1.85;\n  }\n\n  .ns-projects-filter {\n    border-radius: 24px;\n    justify-content: flex-start;\n  }\n\n  .ns-projects-filter button {\n    flex: 1 1 calc(50% - 8px);\n    font-size: 12px;\n  }\n\n  .ns-projects-page-grid {\n    grid-template-columns: 1fr;\n    gap: 18px;\n  }\n\n  .ns-project-logo-box img {\n    padding: 40px;\n  }\n\n  .ns-project-cover-box img {\n    padding: 12px;\n  }\n\n  .ns-projects-page-content p {\n    min-height: auto;\n  }\n\n  .ns-projects-page-cta {\n    flex-direction: column;\n    text-align: center;\n    padding: 28px 22px;\n    border-radius: 24px;\n  }\n\n  .ns-projects-page-cta a {\n    width: 100%;\n  }\n}\n\n\/* Animations *\/\n@keyframes nsProjectsPageGrid {\n  from { background-position: 0 0; }\n  to { background-position: 44px 44px; }\n}\n\n@keyframes nsProjectsPageBg {\n  0%, 100% { transform: translateY(0); opacity: .75; }\n  50% { transform: translateY(-10px); opacity: 1; }\n}\n\n@keyframes nsProjectsPageGlow {\n  0%, 100% {\n    opacity: .55;\n    transform: scale(1);\n    box-shadow: 0 0 70px rgba(209,21,68,.16);\n  }\n  50% {\n    opacity: 1;\n    transform: scale(1.04);\n    box-shadow: 0 0 120px rgba(209,21,68,.30);\n  }\n}\n\n@keyframes nsProjectsGoldSoft {\n  from { background-position: center top; }\n  to { background-position: center bottom; }\n}\n\n@keyframes nsProjectsOrbOne {\n  0%, 100% { transform: translate(0,0); }\n  50% { transform: translate(24px,-18px); }\n}\n\n@keyframes nsProjectsOrbTwo {\n  0%, 100% { transform: translate(0,0); }\n  50% { transform: translate(-24px,18px); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .ns-projects-page *,\n  .ns-projects-page *::before,\n  .ns-projects-page *::after {\n    animation: none !important;\n    transition: none !important;\n  }\n\n  .ns-projects-page-reveal {\n    opacity: 1 !important;\n    transform: none !important;\n    filter: none !important;\n  }\n}\n<\/style>\n\n<script>\n(function () {\n  const reveals = document.querySelectorAll(\".ns-projects-page-reveal\");\n\n  if (reveals.length) {\n    const observer = new IntersectionObserver(function (entries) {\n      entries.forEach(function (entry) {\n        if (entry.isIntersecting) {\n          entry.target.classList.add(\"ns-projects-page-visible\");\n          observer.unobserve(entry.target);\n        }\n      });\n    }, { threshold: 0.16 });\n\n    reveals.forEach(function (item) {\n      observer.observe(item);\n    });\n  }\n\n  const filterButtons = document.querySelectorAll(\".ns-projects-filter button\");\n  const cards = document.querySelectorAll(\".ns-projects-page-card\");\n\n  filterButtons.forEach(function (button) {\n    button.addEventListener(\"click\", function () {\n      const filter = button.getAttribute(\"data-filter\");\n\n      filterButtons.forEach(function (btn) {\n        btn.classList.remove(\"active\");\n      });\n\n      button.classList.add(\"active\");\n\n      cards.forEach(function (card) {\n        const categories = card.getAttribute(\"data-category\") || \"\";\n\n        if (filter === \"all\" || categories.includes(filter)) {\n          card.classList.remove(\"hide\");\n        } else {\n          card.classList.add(\"hide\");\n        }\n      });\n    });\n  });\n})();\n<\/script>\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>PROJECTS SELECTED PROJECTS Premium Work. Digital Impact. A curated portfolio of brand identities, websites, social media campaigns, AI creative production, AI video production, 3D visualization, and digital experiences. All Projects Branding Web Design AI Creative AI Video Social Media Media Campaigns 3D Visualization Branding \/ Cosmetics Brand Identity Packaging Social MORIVIE Cosmetics Premium cosmetics and skincare brand identity, product visualization, packaging direction, and social media campaigns. View Project Corporate \/ Engineering Branding Website Corporate CEG Contracting Complete corporate branding, website design, social media presence, and IT-focused digital direction for a contracting brand. View Project News \/ Website Web Design News Platform UI\/UX El Watan International News Premium news platform website with modern visual identity, responsive layouts, UI\/UX structure, and professional media presence. View Project Computer Store \/ Social Media Computer Store Social Media Hardware El Nasr Store Premium social media and digital presentation for a computer services store, including PC builds, monitors, graphics cards, RAM, laptops, and gaming accessories. View Project Restaurant \/ Branding Branding Restaurant Social Media Master Kitchen Premium visual identity and social media presentation for a food and kitchen brand, including brand direction, logo presentation, digital visuals, and professional project showcase. View Project Portfolio \/ Website Portfolio Web Design Personal Brand Nader Saied Website Personal portfolio website built to present creative technology, premium design, services, projects, and digital impact. View Project Social Media \/ Campaigns Social Media Campaigns Creative Direction My Social Work A curated collection of premium social media designs, brand campaigns, content visuals, and creative digital communication. View Project AI Visuals \/ Campaigns AI Visuals Characters Campaigns AI Creative Projects AI-powered visuals, character concepts, commercial campaigns, advertising creatives, and futuristic digital experiences. View Project AI Video \/ Reels AI Video Reels Motion AI Video Production Cinematic AI-generated videos, reels, motion scenes, storytelling, editing, post-production, and digital video content. View Project AutoCAD \/ 3D Render 3D Modeling Rendering Visualization 3D Design &#038; Visualization Transforming AutoCAD drawings into detailed 3D models, realistic architectural renders, and premium visual presentations. View Project Media \/ TV Campaign Media Campaign Social Posts Art Direction Amira Abdelaziz Premium media campaign design for a TV presenter, including social media posters, visual direction, typography, and broadcast-ready presentation. View Project Political \/ Social Media Campaign Branding Social Media Political Campaign Complete political media campaign with premium visual direction, strong public presence, branding, and professional social media communication. View Project Have a project in mind? Let\u2019s build something premium together. Start a Project<\/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-1978","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\/1978","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=1978"}],"version-history":[{"count":269,"href":"https:\/\/nadersaied.com\/ar\/wp-json\/wp\/v2\/pages\/1978\/revisions"}],"predecessor-version":[{"id":3962,"href":"https:\/\/nadersaied.com\/ar\/wp-json\/wp\/v2\/pages\/1978\/revisions\/3962"}],"wp:attachment":[{"href":"https:\/\/nadersaied.com\/ar\/wp-json\/wp\/v2\/media?parent=1978"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}