{"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-07-12T22:01:19","modified_gmt":"2026-07-12T22:01:19","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<!-- Nader Saied Website Case Study \u2014 Refined Minimal Version -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n\n<section class=\"nsc\" id=\"nscCase\">\n\n  <div class=\"nsc-separator\"><span><\/span><\/div>\n\n  <div class=\"nsc-shell\">\n\n    <header class=\"nsc-hero\">\n\n      <div class=\"nsc-hero__brand\">\n        <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/cropped-Logo-Nader-White.png\" alt=\"Nader Saied Logo\">\n        <span>PERSONAL WEBSITE CASE STUDY<\/span>\n      <\/div>\n\n      <div class=\"nsc-hero__grid\">\n\n        <div class=\"nsc-hero__copy\">\n          <span class=\"nsc-kicker\">CREATIVE TECHNOLOGY \u2022 DIGITAL DESIGN<\/span>\n\n          <h1>\n            One website.\n            <em>One complete creative presence.<\/em>\n          <\/h1>\n\n          <p>\n            A premium portfolio for web design, branding, social media,\n            AI creative production and digital solutions.\n          <\/p>\n\n          <div class=\"nsc-actions\">\n            <a class=\"nsc-btn nsc-btn--gold\" href=\"https:\/\/nadersaied.com\/ar\/projects\/\">View Projects<\/a>\n            <a class=\"nsc-btn nsc-btn--line\" href=\"https:\/\/nadersaied.com\/ar\/contact\/\">Contact<\/a>\n          <\/div>\n        <\/div>\n\n        <div class=\"nsc-preview\">\n          <div class=\"nsc-preview__window\">\n            <div class=\"nsc-preview__bar\">\n              <div><i><\/i><i><\/i><i><\/i><\/div>\n              <span>nadersaied.com<\/span>\n            <\/div>\n\n            <div class=\"nsc-preview__screen\">\n              <img src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Nader-saied-22.png\" alt=\"Nader Saied Website Hero\" loading=\"eager\" decoding=\"async\">\n\n              <div class=\"nsc-preview__content\">\n                <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/cropped-Logo-Nader-White.png\" alt=\"\">\n                <span>Creative Technology<\/span>\n                <strong>Premium Design.<br>Digital Impact.<\/strong>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/header>\n\n    <section class=\"nsc-purpose\">\n      <div class=\"nsc-section-head\">\n        <span>WHAT THE WEBSITE DOES<\/span>\n        <h2>Built to explain, present and convert.<\/h2>\n      <\/div>\n\n      <div class=\"nsc-purpose__grid\">\n        <article>\n          <b>01<\/b>\n          <h3>Introduces the Brand<\/h3>\n          <p>Positions Nader Saied as a multidisciplinary creative professional.<\/p>\n        <\/article>\n\n        <article>\n          <b>02<\/b>\n          <h3>Shows Real Work<\/h3>\n          <p>Presents complete case studies instead of isolated visuals.<\/p>\n        <\/article>\n\n        <article>\n          <b>03<\/b>\n          <h3>Explains Services<\/h3>\n          <p>Web, branding, social media, AI and video in one clear structure.<\/p>\n        <\/article>\n\n        <article>\n          <b>04<\/b>\n          <h3>Generates Inquiries<\/h3>\n          <p>Guides visitors directly toward projects and contact.<\/p>\n        <\/article>\n      <\/div>\n    <\/section>\n\n    <section class=\"nsc-services\">\n      <div class=\"nsc-section-head nsc-section-head--left\">\n        <span>CREATIVE SERVICES<\/span>\n        <h2>Everything the website represents.<\/h2>\n      <\/div>\n\n      <div class=\"nsc-services__grid\">\n        <article>\n          <span>WEB<\/span>\n          <h3>Website Design<\/h3>\n          <p>WordPress websites, landing pages and responsive project pages.<\/p>\n        <\/article>\n\n        <article>\n          <span>BRAND<\/span>\n          <h3>Brand Identity<\/h3>\n          <p>Visual direction, logos, color systems and presentation design.<\/p>\n        <\/article>\n\n        <article>\n          <span>SOCIAL<\/span>\n          <h3>Social Media<\/h3>\n          <p>Campaigns, posts, advertising visuals and complete content systems.<\/p>\n        <\/article>\n\n        <article>\n          <span>AI<\/span>\n          <h3>AI Creative Production<\/h3>\n          <p>Concepts, scenes, characters and advanced visual production.<\/p>\n        <\/article>\n      <\/div>\n    <\/section>\n\n    <section class=\"nsc-pages\">\n      <div class=\"nsc-section-head nsc-section-head--left\">\n        <span>WEBSITE STRUCTURE<\/span>\n        <h2>A simple journey through the portfolio.<\/h2>\n      <\/div>\n\n      <div class=\"nsc-pages__grid\">\n        <a href=\"https:\/\/nadersaied.com\/ar\/\" class=\"nsc-page-card\">\n          <span>01<\/span>\n          <h3>\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629<\/h3>\n          <p>Personal positioning and selected work.<\/p>\n          <b>Open \u2197<\/b>\n        <\/a>\n\n        <a href=\"https:\/\/nadersaied.com\/ar\/services\/\" class=\"nsc-page-card\">\n          <span>02<\/span>\n          <h3>Services<\/h3>\n          <p>Clear presentation of creative capabilities.<\/p>\n          <b>Open \u2197<\/b>\n        <\/a>\n\n        <a href=\"https:\/\/nadersaied.com\/ar\/projects\/\" class=\"nsc-page-card\">\n          <span>03<\/span>\n          <h3>Projects<\/h3>\n          <p>Detailed brand and website case studies.<\/p>\n          <b>Open \u2197<\/b>\n        <\/a>\n\n        <a href=\"https:\/\/nadersaied.com\/ar\/contact\/\" class=\"nsc-page-card\">\n          <span>04<\/span>\n          <h3>Contact<\/h3>\n          <p>Direct project inquiry and collaboration.<\/p>\n          <b>Open \u2197<\/b>\n        <\/a>\n      <\/div>\n    <\/section>\n\n    <section class=\"nsc-system\">\n      <div class=\"nsc-system__visual\">\n        <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/cropped-Logo-Nader-White.png\" alt=\"Nader Saied Logo\">\n      <\/div>\n\n      <div class=\"nsc-system__copy\">\n        <span>VISUAL IDENTITY<\/span>\n        <h2>Dark luxury. Clean structure. Strong consistency.<\/h2>\n        <p>\n          Black and deep burgundy backgrounds, gold separators,\n          generous spacing and responsive layouts across every page.\n        <\/p>\n\n        <div class=\"nsc-tags\">\n          <span>Luxury Minimal<\/span>\n          <span>Responsive<\/span>\n          <span>WordPress<\/span>\n          <span>Custom Code<\/span>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <footer class=\"nsc-cta\">\n      <div>\n        <span>NADER SAIED DIGITAL EXPERIENCE<\/span>\n        <h2>Creative work presented with clarity and impact.<\/h2>\n      <\/div>\n\n      <div class=\"nsc-actions\">\n        <a class=\"nsc-btn nsc-btn--gold\" href=\"https:\/\/nadersaied.com\/ar\/\">Visit Website<\/a>\n        <a class=\"nsc-btn nsc-btn--line\" href=\"https:\/\/nadersaied.com\/ar\/contact\/\">Work With Me<\/a>\n      <\/div>\n    <\/footer>\n\n  <\/div>\n<\/section>\n\n<style>\n.nsc,\n.nsc * {\n  box-sizing:border-box;\n}\n\n.nsc {\n  --bg:#0b0305;\n  --bg2:#1b070d;\n  --gold:#f2c86b;\n  --gold2:#fff0b6;\n  --wine:#8d1738;\n  --white:#fff;\n  --muted:rgba(255,255,255,.64);\n  --line:rgba(255,255,255,.10);\n\n  position:relative;\n  overflow:hidden;\n  padding:88px 5% 72px;\n  color:#fff;\n  background:\n    radial-gradient(circle at 10% 6%,rgba(141,23,56,.17),transparent 27%),\n    radial-gradient(circle at 88% 18%,rgba(242,200,107,.06),transparent 23%),\n    linear-gradient(145deg,var(--bg),var(--bg2) 60%,#080304);\n  font-family:\"Manrope\",Arial,sans-serif;\n}\n\n.nsc::before {\n  content:\"\";\n  position:absolute;\n  inset:0;\n  opacity:.10;\n  pointer-events:none;\n  background-image:\n    linear-gradient(rgba(255,255,255,.024) 1px,transparent 1px),\n    linear-gradient(90deg,rgba(255,255,255,.024) 1px,transparent 1px);\n  background-size:58px 58px;\n}\n\n.nsc-shell {\n  position:relative;\n  z-index:2;\n  width:min(1380px,100%);\n  margin:0 auto;\n}\n\n.nsc-separator {\n  position:absolute;\n  top:0;\n  left:50%;\n  width:min(86%,1150px);\n  height:2px;\n  transform:translateX(-50%);\n  background:linear-gradient(90deg,transparent,rgba(242,200,107,.36),var(--gold),rgba(242,200,107,.36),transparent);\n  box-shadow:0 0 18px rgba(242,200,107,.26);\n}\n\n.nsc-separator span {\n  position:absolute;\n  top:-7px;\n  left:50%;\n  width:14px;\n  height:14px;\n  transform:translateX(-50%) rotate(45deg);\n  border:2px solid var(--gold);\n  background:#100507;\n  box-shadow:0 0 15px rgba(242,200,107,.55);\n}\n\n.nsc-hero {\n  padding:8px 0 88px;\n  border-bottom:1px solid var(--line);\n}\n\n.nsc-hero__brand {\n  display:flex;\n  flex-direction:column;\n  align-items:center;\n  gap:12px;\n  margin-bottom:60px;\n  text-align:center;\n}\n\n.nsc-hero__brand img {\n  width:170px;\n  height:170px;\n  object-fit:contain;\n  filter:\n    drop-shadow(0 22px 40px rgba(0,0,0,.38))\n    drop-shadow(0 0 18px rgba(242,200,107,.08));\n}\n\n.nsc-hero__brand span,\n.nsc-kicker,\n.nsc-section-head > span,\n.nsc-system__copy > span,\n.nsc-cta > div > span {\n  color:var(--gold);\n  font-size:10px;\n  font-weight:800;\n  letter-spacing:2.5px;\n}\n\n.nsc-hero__grid {\n  display:grid;\n  grid-template-columns:.92fr 1.08fr;\n  gap:64px;\n  align-items:center;\n}\n\n.nsc-hero__copy h1 {\n  max-width:760px;\n  margin:15px 0 0;\n  font-family:\"Cormorant Garamond\",Georgia,serif;\n  font-size:clamp(56px,6.8vw,100px);\n  line-height:.88;\n  letter-spacing:-3px;\n  font-weight:600;\n}\n\n.nsc-hero__copy h1 em {\n  display:block;\n  margin-top:12px;\n  color:var(--gold2);\n  font-style:normal;\n}\n\n.nsc-hero__copy p {\n  max-width:600px;\n  margin:26px 0 0;\n  color:var(--muted);\n  font-size:16px;\n  line-height:1.8;\n}\n\n.nsc-actions {\n  display:flex;\n  flex-wrap:wrap;\n  gap:12px;\n  margin-top:30px;\n}\n\n.nsc-btn {\n  min-height:52px;\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  padding:0 24px;\n  border-radius:12px;\n  text-decoration:none!important;\n  font-size:12px;\n  font-weight:800;\n  transition:transform .25s ease;\n}\n\n.nsc-btn:hover {\n  transform:translateY(-3px);\n}\n\n.nsc-btn--gold {\n  background:linear-gradient(135deg,var(--gold2),var(--gold));\n  color:#16070b!important;\n  box-shadow:0 14px 34px rgba(242,200,107,.16);\n}\n\n.nsc-btn--line {\n  border:1px solid rgba(255,255,255,.18);\n  background:rgba(255,255,255,.035);\n  color:#fff!important;\n}\n\n.nsc-preview__window {\n  padding:12px;\n  border:1px solid rgba(255,255,255,.12);\n  border-radius:26px;\n  background:rgba(255,255,255,.04);\n  box-shadow:0 32px 90px rgba(0,0,0,.36);\n}\n\n.nsc-preview__bar {\n  height:40px;\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n  padding:0 13px;\n}\n\n.nsc-preview__bar div {\n  display:flex;\n  gap:7px;\n}\n\n.nsc-preview__bar i {\n  width:9px;\n  height:9px;\n  border-radius:50%;\n  background:#ff5f57;\n}\n\n.nsc-preview__bar i:nth-child(2) { background:#febc2e; }\n.nsc-preview__bar i:nth-child(3) { background:#28c840; }\n\n.nsc-preview__bar span {\n  color:rgba(255,255,255,.40);\n  font-size:9px;\n}\n\n.nsc-preview__screen {\n  position:relative;\n  overflow:hidden;\n  aspect-ratio:16\/10;\n  border-radius:18px;\n  background:#100507;\n}\n\n.nsc-preview__screen > img {\n  width:100%;\n  height:100%;\n  display:block;\n  object-fit:cover;\n  object-position:center;\n}\n\n.nsc-preview__screen::after {\n  content:\"\";\n  position:absolute;\n  inset:0;\n  background:linear-gradient(90deg,rgba(8,3,4,.92),rgba(8,3,4,.22) 68%,transparent);\n}\n\n.nsc-preview__content {\n  position:absolute;\n  top:50%;\n  left:7%;\n  z-index:2;\n  width:46%;\n  transform:translateY(-50%);\n}\n\n.nsc-preview__content img {\n  width:92px;\n  height:92px;\n  object-fit:contain;\n  margin-bottom:14px;\n}\n\n.nsc-preview__content span {\n  display:block;\n  color:var(--gold);\n  font-size:9px;\n  font-weight:800;\n  letter-spacing:1.5px;\n}\n\n.nsc-preview__content strong {\n  display:block;\n  margin-top:8px;\n  font-family:\"Cormorant Garamond\",Georgia,serif;\n  font-size:clamp(28px,3vw,46px);\n  line-height:.96;\n  font-weight:600;\n}\n\n.nsc-purpose,\n.nsc-services,\n.nsc-pages,\n.nsc-system {\n  padding:96px 0;\n  border-bottom:1px solid var(--line);\n}\n\n.nsc-section-head {\n  max-width:860px;\n  margin:0 auto 42px;\n  text-align:center;\n}\n\n.nsc-section-head--left {\n  margin-left:0;\n  text-align:left;\n}\n\n.nsc-section-head h2 {\n  margin:12px 0 0;\n  font-family:\"Cormorant Garamond\",Georgia,serif;\n  font-size:clamp(44px,5vw,72px);\n  line-height:.98;\n  font-weight:600;\n}\n\n.nsc-purpose__grid {\n  display:grid;\n  grid-template-columns:repeat(4,1fr);\n  gap:14px;\n}\n\n.nsc-purpose__grid article {\n  min-height:230px;\n  padding:24px;\n  border:1px solid var(--line);\n  border-radius:20px;\n  background:rgba(255,255,255,.032);\n}\n\n.nsc-purpose__grid b {\n  color:var(--gold);\n  font-size:10px;\n}\n\n.nsc-purpose__grid h3 {\n  margin:44px 0 10px;\n  font-size:20px;\n}\n\n.nsc-purpose__grid p {\n  margin:0;\n  color:var(--muted);\n  font-size:13px;\n  line-height:1.75;\n}\n\n.nsc-services__grid {\n  display:grid;\n  grid-template-columns:repeat(4,1fr);\n  gap:14px;\n}\n\n.nsc-services__grid article {\n  padding:26px 24px;\n  border-top:1px solid rgba(242,200,107,.25);\n  background:rgba(255,255,255,.025);\n}\n\n.nsc-services__grid span {\n  color:var(--gold);\n  font-size:9px;\n  font-weight:800;\n  letter-spacing:1.5px;\n}\n\n.nsc-services__grid h3 {\n  margin:13px 0 9px;\n  font-size:21px;\n}\n\n.nsc-services__grid p {\n  margin:0;\n  color:var(--muted);\n  font-size:13px;\n  line-height:1.75;\n}\n\n.nsc-pages__grid {\n  display:grid;\n  grid-template-columns:repeat(2,1fr);\n  gap:16px;\n}\n\n.nsc-page-card {\n  min-height:250px;\n  display:flex;\n  flex-direction:column;\n  justify-content:flex-end;\n  padding:28px;\n  border:1px solid var(--line);\n  border-radius:22px;\n  background:\n    radial-gradient(circle at 90% 0%,rgba(242,200,107,.08),transparent 36%),\n    rgba(255,255,255,.03);\n  color:#fff!important;\n  text-decoration:none!important;\n  transition:transform .25s ease,border-color .25s ease;\n}\n\n.nsc-page-card:hover {\n  transform:translateY(-5px);\n  border-color:rgba(242,200,107,.28);\n}\n\n.nsc-page-card > span {\n  position:absolute;\n}\n\n.nsc-page-card h3 {\n  margin:0;\n  font-family:\"Cormorant Garamond\",Georgia,serif;\n  font-size:38px;\n  font-weight:600;\n}\n\n.nsc-page-card p {\n  margin:10px 0 20px;\n  color:var(--muted);\n  font-size:13px;\n}\n\n.nsc-page-card b {\n  color:var(--gold2);\n  font-size:11px;\n}\n\n.nsc-system {\n  display:grid;\n  grid-template-columns:.85fr 1.15fr;\n  gap:68px;\n  align-items:center;\n}\n\n.nsc-system__visual {\n  display:grid;\n  place-items:center;\n  min-height:380px;\n  border:1px solid var(--line);\n  border-radius:28px;\n  background:\n    radial-gradient(circle,rgba(141,23,56,.22),transparent 58%),\n    rgba(255,255,255,.025);\n}\n\n.nsc-system__visual img {\n  width:240px;\n  height:240px;\n  object-fit:contain;\n  filter:drop-shadow(0 25px 46px rgba(0,0,0,.38));\n}\n\n.nsc-system__copy h2 {\n  margin:12px 0 16px;\n  font-family:\"Cormorant Garamond\",Georgia,serif;\n  font-size:clamp(44px,5vw,72px);\n  line-height:.98;\n  font-weight:600;\n}\n\n.nsc-system__copy p {\n  max-width:700px;\n  margin:0;\n  color:var(--muted);\n  font-size:14px;\n  line-height:1.8;\n}\n\n.nsc-tags {\n  display:flex;\n  flex-wrap:wrap;\n  gap:8px;\n  margin-top:24px;\n}\n\n.nsc-tags span {\n  padding:8px 11px;\n  border:1px solid var(--line);\n  border-radius:999px;\n  color:rgba(255,255,255,.68);\n  font-size:10px;\n}\n\n.nsc-cta {\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n  gap:28px;\n  padding:72px 0 10px;\n}\n\n.nsc-cta h2 {\n  max-width:820px;\n  margin:10px 0 0;\n  font-family:\"Cormorant Garamond\",Georgia,serif;\n  font-size:clamp(36px,4.4vw,64px);\n  line-height:.98;\n  font-weight:600;\n}\n\n@media(max-width:1050px) {\n  .nsc-hero__grid,\n  .nsc-system {\n    grid-template-columns:1fr;\n  }\n\n  .nsc-purpose__grid,\n  .nsc-services__grid {\n    grid-template-columns:repeat(2,1fr);\n  }\n}\n\n@media(max-width:767px) {\n  .nsc {\n    padding:58px 14px 48px;\n  }\n\n  .nsc-hero {\n    padding-bottom:68px;\n  }\n\n  .nsc-hero__brand {\n    margin-bottom:40px;\n  }\n\n  .nsc-hero__brand img {\n    width:150px;\n    height:150px;\n  }\n\n  .nsc-hero__copy h1 {\n    font-size:50px;\n    line-height:.92;\n    letter-spacing:-1px;\n  }\n\n  .nsc-hero__copy p {\n    font-size:14px;\n  }\n\n  .nsc-actions {\n    display:grid;\n    grid-template-columns:1fr;\n  }\n\n  .nsc-btn {\n    width:100%;\n  }\n\n  .nsc-preview__screen {\n    aspect-ratio:4\/5;\n  }\n\n  .nsc-preview__screen > img {\n    object-position:60% center;\n  }\n\n  .nsc-preview__screen::after {\n    background:linear-gradient(0deg,rgba(8,3,4,.96),rgba(8,3,4,.08) 72%);\n  }\n\n  .nsc-preview__content {\n    top:auto;\n    right:8%;\n    bottom:7%;\n    left:8%;\n    width:auto;\n    transform:none;\n  }\n\n  .nsc-preview__content img {\n    width:80px;\n    height:80px;\n  }\n\n  .nsc-purpose,\n  .nsc-services,\n  .nsc-pages,\n  .nsc-system {\n    padding:72px 0;\n  }\n\n  .nsc-section-head {\n    text-align:left;\n  }\n\n  .nsc-purpose__grid,\n  .nsc-services__grid,\n  .nsc-pages__grid {\n    grid-template-columns:1fr;\n  }\n\n  .nsc-purpose__grid article {\n    min-height:auto;\n  }\n\n  .nsc-system__visual {\n    min-height:300px;\n  }\n\n  .nsc-system__visual img {\n    width:200px;\n    height:200px;\n  }\n\n  .nsc-cta {\n    flex-direction:column;\n    align-items:stretch;\n  }\n}\n\n\/* =========================================================\n   FINAL DESKTOP PREVIEW FIX\n   Keep the complete portrait visible inside the browser frame\n   ========================================================= *\/\n@media (min-width: 1051px) {\n  .nsc-hero__grid {\n    grid-template-columns: .82fr 1.18fr;\n    gap: 58px;\n    align-items: center;\n  }\n\n  .nsc-preview {\n    width: 100%;\n    min-width: 0;\n  }\n\n  .nsc-preview__window {\n    width: 100%;\n    padding: 14px;\n    border-radius: 30px;\n    overflow: hidden;\n  }\n\n  .nsc-preview__screen {\n    position: relative;\n    width: 100%;\n    min-height: 560px;\n    aspect-ratio: auto;\n    border-radius: 20px;\n    overflow: hidden;\n    background:\n      radial-gradient(circle at 75% 36%, rgba(255,255,255,.07), transparent 34%),\n      linear-gradient(135deg, #08090d 0%, #111217 52%, #06070a 100%);\n  }\n\n  .nsc-preview__screen > img {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    padding: 18px 12px 0 34%;\n    object-fit: contain;\n    object-position: right bottom;\n    display: block;\n  }\n\n  .nsc-preview__screen::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    z-index: 1;\n    pointer-events: none;\n    background:\n      linear-gradient(\n        90deg,\n        rgba(6,7,10,.98) 0%,\n        rgba(6,7,10,.90) 26%,\n        rgba(6,7,10,.52) 44%,\n        rgba(6,7,10,.06) 72%,\n        transparent 100%\n      ),\n      linear-gradient(\n        0deg,\n        rgba(5,6,8,.44) 0%,\n        transparent 35%\n      );\n  }\n\n  .nsc-preview__content {\n    top: 50%;\n    left: 6%;\n    z-index: 2;\n    width: 34%;\n    transform: translateY(-50%);\n  }\n\n  .nsc-preview__content img {\n    width: 110px;\n    height: 110px;\n    margin-bottom: 18px;\n    object-fit: contain;\n  }\n\n  .nsc-preview__content strong {\n    font-size: clamp(30px, 3vw, 50px);\n    line-height: .96;\n  }\n}\n\n@media (min-width: 1450px) {\n  .nsc-preview__screen {\n    min-height: 620px;\n  }\n\n  .nsc-preview__screen > img {\n    padding-left: 32%;\n  }\n}\n\n\/* Keep the full portrait visible on tablets too *\/\n@media (min-width: 768px) and (max-width: 1050px) {\n  .nsc-preview__screen {\n    min-height: 620px;\n    aspect-ratio: auto;\n    background:\n      radial-gradient(circle at 70% 35%, rgba(255,255,255,.07), transparent 34%),\n      linear-gradient(135deg, #08090d, #111217 55%, #06070a);\n  }\n\n  .nsc-preview__screen > img {\n    object-fit: contain;\n    object-position: right bottom;\n    padding: 18px 10px 0 30%;\n  }\n\n  .nsc-preview__screen::after {\n    background:\n      linear-gradient(90deg, rgba(6,7,10,.97), rgba(6,7,10,.62) 42%, transparent 78%),\n      linear-gradient(0deg, rgba(5,6,8,.38), transparent 35%);\n  }\n}\n\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>PERSONAL WEBSITE CASE STUDY CREATIVE TECHNOLOGY \u2022 DIGITAL DESIGN One website. One complete creative presence. A premium portfolio for web design, branding, social media, AI creative production and digital solutions. View Projects Contact nadersaied.com Creative Technology Premium Design.Digital Impact. WHAT THE WEBSITE DOES Built to explain, present and convert. 01 Introduces the Brand Positions Nader Saied as a multidisciplinary creative professional. 02 Shows Real Work Presents complete case studies instead of isolated visuals. 03 Explains Services Web, branding, social media, AI and video in one clear structure. 04 Generates Inquiries Guides visitors directly toward projects and contact. CREATIVE SERVICES Everything the website represents. WEB Website Design WordPress websites, landing pages and responsive project pages. BRAND Brand Identity Visual direction, logos, color systems and presentation design. SOCIAL Social Media Campaigns, posts, advertising visuals and complete content systems. AI AI Creative Production Concepts, scenes, characters and advanced visual production. WEBSITE STRUCTURE A simple journey through the portfolio. 01 Home Personal positioning and selected work. Open \u2197 02 Services Clear presentation of creative capabilities. Open \u2197 03 Projects Detailed brand and website case studies. Open \u2197 04 Contact Direct project inquiry and collaboration. Open \u2197 VISUAL IDENTITY Dark luxury. Clean structure. Strong consistency. Black and deep burgundy backgrounds, gold separators, generous spacing and responsive layouts across every page. Luxury Minimal Responsive WordPress Custom Code NADER SAIED DIGITAL EXPERIENCE Creative work presented with clarity and impact. Visit Website Work With Me<\/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":29,"href":"https:\/\/nadersaied.com\/ar\/wp-json\/wp\/v2\/pages\/2847\/revisions"}],"predecessor-version":[{"id":4258,"href":"https:\/\/nadersaied.com\/ar\/wp-json\/wp\/v2\/pages\/2847\/revisions\/4258"}],"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}]}}