{"id":3676,"date":"2026-06-18T21:59:21","date_gmt":"2026-06-18T21:59:21","guid":{"rendered":"https:\/\/nadersaied.com\/?page_id=3676"},"modified":"2026-06-30T20:07:22","modified_gmt":"2026-06-30T20:07:22","slug":"my-social-work","status":"publish","type":"page","link":"https:\/\/nadersaied.com\/ar\/my-social-work\/","title":{"rendered":"My Social Work"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3676\" class=\"elementor elementor-3676\">\n\t\t\t\t<div class=\"elementor-element elementor-element-add38b6 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=\"add38b6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-4c621f7 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-child\" data-id=\"4c621f7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f658821 elementor-widget elementor-widget-html\" data-id=\"f658821\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Nader Saied - Lightweight Social Media Gallery \/ Mobile Optimized -->\n<section class=\"ns-lite-gallery\" id=\"nsLiteGallery\">\n  <div class=\"ns-lite-shell\">\n\n    <header class=\"ns-lite-hero\">\n      <span class=\"ns-lite-kicker\">MY SOCIAL WORK<\/span>\n      <h1>Social Media <strong>Design Gallery<\/strong><\/h1>\n      <p>\n        A clean, fast, and mobile-friendly portfolio gallery for selected social media visuals,\n        product campaigns, brand posts, AI creative work, greetings, media designs, and logos.\n      <\/p>\n\n      <div class=\"ns-lite-summary\" aria-label=\"Gallery summary\">\n        <div>\n          <strong id=\"nsLiteTotal\">00<\/strong>\n          <span>Selected Visuals<\/span>\n        <\/div>\n        <div>\n          <strong>Fast<\/strong>\n          <span>Mobile Loading<\/span>\n        <\/div>\n        <div>\n          <strong>1:1<\/strong>\n          <span>Clean Preview<\/span>\n        <\/div>\n      <\/div>\n    <\/header>\n\n    <div class=\"ns-lite-controls\">\n      <div class=\"ns-lite-filter-row\" id=\"nsLiteFilters\" aria-label=\"Gallery filters\">\n        <button type=\"button\" class=\"is-active\" data-filter=\"all\">All<\/button>\n        <button type=\"button\" data-filter=\"brand\">Brand<\/button>\n        <button type=\"button\" data-filter=\"product\">Product<\/button>\n        <button type=\"button\" data-filter=\"hardware\">Hardware<\/button>\n        <button type=\"button\" data-filter=\"media\">Media<\/button>\n        <button type=\"button\" data-filter=\"greeting\">Greetings<\/button>\n        <button type=\"button\" data-filter=\"ai\">AI Visuals<\/button>\n        <button type=\"button\" data-filter=\"logo\">Logos<\/button>\n      <\/div>\n\n      <label class=\"ns-lite-search\" for=\"nsLiteSearch\">\n        <span>Search<\/span>\n        <input id=\"nsLiteSearch\" type=\"search\" placeholder=\"Search by name or category...\">\n      <\/label>\n    <\/div>\n\n    <div class=\"ns-lite-status\">\n      <span id=\"nsLiteResultText\">Showing all designs<\/span>\n      <button type=\"button\" id=\"nsLiteReset\">Reset<\/button>\n    <\/div>\n\n    <main class=\"ns-lite-grid\" id=\"nsLiteGrid\" aria-label=\"Social media design gallery\"><\/main>\n\n    <div class=\"ns-lite-empty\" id=\"nsLiteEmpty\" hidden>\n      <strong>No designs found<\/strong>\n      <span>Try another filter or remove the search text.<\/span>\n    <\/div>\n\n    <div class=\"ns-lite-more-wrap\">\n      <button type=\"button\" id=\"nsLiteLoadMore\" class=\"ns-lite-load-more\">Load More Designs<\/button>\n    <\/div>\n\n    <footer class=\"ns-lite-cta\">\n      <div>\n        <span>Need premium social media designs?<\/span>\n        <strong>Let\u2019s build a stronger visual presence for your brand.<\/strong>\n      <\/div>\n      <a href=\"https:\/\/nadersaied.com\/contact\/\">Start a Project<\/a>\n    <\/footer>\n\n  <\/div>\n<\/section>\n\n<div class=\"ns-lite-modal\" id=\"nsLiteModal\" aria-hidden=\"true\">\n  <button type=\"button\" class=\"ns-lite-modal-close\" id=\"nsLiteClose\" aria-label=\"Close preview\">\u00d7<\/button>\n  <button type=\"button\" class=\"ns-lite-modal-nav ns-lite-modal-prev\" id=\"nsLitePrev\" aria-label=\"Previous image\">\u2039<\/button>\n\n  <figure class=\"ns-lite-modal-card\">\n    <img decoding=\"async\" id=\"nsLiteModalImage\" src=\"\" alt=\"\">\n    <figcaption>\n      <strong id=\"nsLiteModalTitle\"><\/strong>\n      <span id=\"nsLiteModalCategory\"><\/span>\n    <\/figcaption>\n  <\/figure>\n\n  <button type=\"button\" class=\"ns-lite-modal-nav ns-lite-modal-next\" id=\"nsLiteNext\" aria-label=\"Next image\">\u203a<\/button>\n<\/div>\n\n<style>\n.ns-lite-gallery,\n.ns-lite-gallery *,\n.ns-lite-gallery *::before,\n.ns-lite-gallery *::after,\n.ns-lite-modal,\n.ns-lite-modal *,\n.ns-lite-modal *::before,\n.ns-lite-modal *::after {\n  box-sizing: border-box;\n}\n\n.ns-lite-gallery {\n  --ns-bg: #12070a;\n  --ns-bg-2: #230912;\n  --ns-card: rgba(255,255,255,.065);\n  --ns-card-2: rgba(255,255,255,.035);\n  --ns-border: rgba(255,255,255,.13);\n  --ns-gold: #f4c65a;\n  --ns-gold-2: #fff1b8;\n  --ns-red: #c91f50;\n  --ns-text: #ffffff;\n  --ns-muted: rgba(255,255,255,.68);\n\n  position: relative;\n  overflow: hidden;\n  padding: 86px 20px 76px;\n  color: var(--ns-text);\n  background:\n    radial-gradient(circle at top left, rgba(201,31,80,.28), transparent 34%),\n    linear-gradient(135deg, var(--ns-bg), var(--ns-bg-2) 58%, #100607);\n  font-family: Inter, Poppins, Arial, sans-serif;\n}\n\n.ns-lite-gallery::before {\n  content: \"SOCIAL\";\n  position: absolute;\n  right: -18px;\n  top: 16px;\n  z-index: 0;\n  color: rgba(255,255,255,.035);\n  font-family: Georgia, serif;\n  font-size: clamp(76px, 15vw, 210px);\n  font-weight: 900;\n  line-height: .8;\n  pointer-events: none;\n}\n\n.ns-lite-shell {\n  position: relative;\n  z-index: 1;\n  width: min(1220px, 100%);\n  margin: 0 auto;\n}\n\n.ns-lite-hero {\n  max-width: 850px;\n  margin: 0 auto 28px;\n  text-align: center;\n}\n\n.ns-lite-kicker {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  margin-bottom: 16px;\n  color: var(--ns-gold);\n  font-size: 12px;\n  font-weight: 900;\n  letter-spacing: 4px;\n}\n\n.ns-lite-kicker::before,\n.ns-lite-kicker::after {\n  content: \"\";\n  width: 42px;\n  height: 1px;\n  background: currentColor;\n  opacity: .55;\n}\n\n.ns-lite-hero h1 {\n  margin: 0 0 16px;\n  font-family: Georgia, \"Times New Roman\", serif;\n  font-size: clamp(42px, 7vw, 86px);\n  line-height: .95;\n  letter-spacing: -2px;\n}\n\n.ns-lite-hero h1 strong {\n  color: var(--ns-gold-2);\n}\n\n.ns-lite-hero p {\n  max-width: 720px;\n  margin: 0 auto;\n  color: var(--ns-muted);\n  font-size: 16px;\n  line-height: 1.8;\n}\n\n.ns-lite-summary {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 12px;\n  width: min(650px, 100%);\n  margin: 26px auto 0;\n}\n\n.ns-lite-summary div {\n  min-width: 0;\n  padding: 15px 12px;\n  border: 1px solid rgba(244,198,90,.18);\n  border-radius: 18px;\n  background: rgba(255,255,255,.055);\n}\n\n.ns-lite-summary strong {\n  display: block;\n  margin-bottom: 6px;\n  color: var(--ns-gold);\n  font-size: 22px;\n  line-height: 1;\n}\n\n.ns-lite-summary span {\n  display: block;\n  color: rgba(255,255,255,.62);\n  font-size: 11px;\n  font-weight: 800;\n  letter-spacing: .5px;\n  text-transform: uppercase;\n}\n\n.ns-lite-controls {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) 300px;\n  gap: 14px;\n  align-items: center;\n  margin: 0 0 16px;\n}\n\n.ns-lite-filter-row {\n  display: flex;\n  gap: 8px;\n  padding: 9px;\n  border: 1px solid var(--ns-border);\n  border-radius: 24px;\n  background: rgba(255,255,255,.055);\n  overflow-x: auto;\n  scrollbar-width: thin;\n  scrollbar-color: rgba(244,198,90,.44) transparent;\n}\n\n.ns-lite-filter-row button,\n.ns-lite-status button,\n.ns-lite-load-more,\n.ns-lite-modal button {\n  font-family: inherit;\n}\n\n.ns-lite-filter-row button {\n  flex: 0 0 auto;\n  min-height: 40px;\n  padding: 0 15px;\n  border: 1px solid transparent;\n  border-radius: 999px;\n  background: transparent;\n  color: rgba(255,255,255,.72);\n  font-size: 12px;\n  font-weight: 850;\n  cursor: pointer;\n  transition: .2s ease;\n}\n\n.ns-lite-filter-row button:hover,\n.ns-lite-filter-row button.is-active {\n  color: #fff;\n  border-color: rgba(244,198,90,.36);\n  background: rgba(244,198,90,.12);\n}\n\n.ns-lite-search {\n  height: 58px;\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 0 16px;\n  border: 1px solid var(--ns-border);\n  border-radius: 24px;\n  background: rgba(255,255,255,.055);\n}\n\n.ns-lite-search span {\n  color: var(--ns-gold);\n  font-size: 12px;\n  font-weight: 900;\n}\n\n.ns-lite-search input {\n  width: 100%;\n  min-width: 0;\n  border: 0;\n  outline: 0;\n  background: transparent;\n  color: #fff;\n  font-size: 13px;\n  font-weight: 700;\n}\n\n.ns-lite-search input::placeholder {\n  color: rgba(255,255,255,.38);\n}\n\n.ns-lite-status {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 14px;\n  margin: 0 0 18px;\n  color: rgba(255,255,255,.66);\n  font-size: 13px;\n  font-weight: 750;\n}\n\n.ns-lite-status button {\n  flex: 0 0 auto;\n  min-height: 38px;\n  padding: 0 14px;\n  border: 1px solid rgba(244,198,90,.28);\n  border-radius: 999px;\n  background: rgba(255,255,255,.055);\n  color: var(--ns-gold);\n  font-size: 12px;\n  font-weight: 850;\n  cursor: pointer;\n}\n\n.ns-lite-grid {\n  display: grid;\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n  gap: 16px;\n}\n\n.ns-lite-card {\n  position: relative;\n  width: 100%;\n  min-width: 0;\n  padding: 10px;\n  border: 1px solid rgba(255,255,255,.12);\n  border-radius: 22px;\n  background: linear-gradient(180deg, var(--ns-card), var(--ns-card-2));\n  color: #fff;\n  text-align: left;\n  cursor: pointer;\n  overflow: hidden;\n  transition: transform .22s ease, border-color .22s ease, background .22s ease;\n}\n\n.ns-lite-card:hover {\n  transform: translateY(-5px);\n  border-color: rgba(244,198,90,.44);\n  background: linear-gradient(180deg, rgba(255,255,255,.095), rgba(255,255,255,.045));\n}\n\n.ns-lite-imgbox {\n  position: relative;\n  aspect-ratio: 1 \/ 1;\n  border-radius: 16px;\n  overflow: hidden;\n  background:\n    radial-gradient(circle at center, rgba(244,198,90,.08), transparent 48%),\n    rgba(5,2,4,.38);\n}\n\n.ns-lite-imgbox img {\n  width: 100%;\n  height: 100%;\n  object-fit: contain;\n  display: block;\n  border-radius: inherit;\n}\n\n.ns-lite-card-body {\n  min-height: 74px;\n  padding: 12px 3px 2px;\n}\n\n.ns-lite-card small {\n  display: block;\n  margin-bottom: 6px;\n  color: var(--ns-gold);\n  font-size: 10px;\n  font-weight: 900;\n  letter-spacing: .8px;\n  text-transform: uppercase;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.ns-lite-card strong {\n  display: -webkit-box;\n  min-height: 38px;\n  color: #fff;\n  font-size: 14px;\n  line-height: 1.35;\n  font-weight: 850;\n  overflow: hidden;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n}\n\n.ns-lite-badge {\n  position: absolute;\n  top: 18px;\n  left: 18px;\n  max-width: calc(100% - 36px);\n  padding: 6px 9px;\n  border: 1px solid rgba(244,198,90,.22);\n  border-radius: 999px;\n  background: rgba(10,5,7,.72);\n  color: var(--ns-gold);\n  font-size: 10px;\n  font-weight: 900;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.ns-lite-empty {\n  margin: 22px 0 0;\n  padding: 30px 18px;\n  border: 1px solid rgba(255,255,255,.12);\n  border-radius: 22px;\n  background: rgba(255,255,255,.045);\n  text-align: center;\n}\n\n.ns-lite-empty strong,\n.ns-lite-empty span {\n  display: block;\n}\n\n.ns-lite-empty strong {\n  margin-bottom: 6px;\n  color: #fff;\n  font-size: 20px;\n}\n\n.ns-lite-empty span {\n  color: var(--ns-muted);\n  font-size: 14px;\n}\n\n.ns-lite-more-wrap {\n  display: flex;\n  justify-content: center;\n  margin: 26px 0 0;\n}\n\n.ns-lite-load-more {\n  min-width: 220px;\n  min-height: 52px;\n  padding: 0 24px;\n  border: 0;\n  border-radius: 999px;\n  background: linear-gradient(135deg, #8b0d2b, #df2d61);\n  color: #fff;\n  font-size: 14px;\n  font-weight: 900;\n  cursor: pointer;\n  box-shadow: 0 15px 34px rgba(201,31,80,.24);\n}\n\n.ns-lite-load-more[hidden] {\n  display: none;\n}\n\n.ns-lite-cta {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 22px;\n  margin: 34px 0 0;\n  padding: 28px;\n  border: 1px solid rgba(244,198,90,.17);\n  border-radius: 24px;\n  background: rgba(255,255,255,.055);\n}\n\n.ns-lite-cta span {\n  display: block;\n  margin-bottom: 7px;\n  color: var(--ns-gold);\n  font-size: 12px;\n  font-weight: 900;\n  letter-spacing: 1px;\n  text-transform: uppercase;\n}\n\n.ns-lite-cta strong {\n  display: block;\n  color: #fff;\n  font-size: clamp(21px, 2.4vw, 32px);\n  line-height: 1.25;\n}\n\n.ns-lite-cta a {\n  flex: 0 0 auto;\n  min-width: 185px;\n  min-height: 54px;\n  padding: 0 22px;\n  border-radius: 999px;\n  background: #fff;\n  color: #16070b;\n  text-decoration: none;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 14px;\n  font-weight: 950;\n}\n\n.ns-lite-modal {\n  position: fixed;\n  inset: 0;\n  z-index: 999999;\n  display: none;\n  align-items: center;\n  justify-content: center;\n  padding: 22px;\n  background: rgba(5,2,4,.92);\n}\n\n.ns-lite-modal.is-open {\n  display: flex;\n}\n\n.ns-lite-modal-card {\n  width: min(94vw, 920px);\n  max-height: 92vh;\n  margin: 0;\n  display: grid;\n  grid-template-rows: minmax(0, 1fr) auto;\n  gap: 12px;\n}\n\n.ns-lite-modal-card img {\n  width: 100%;\n  max-height: calc(92vh - 80px);\n  object-fit: contain;\n  display: block;\n  border-radius: 24px;\n  background: #0d0608;\n  box-shadow: 0 24px 80px rgba(0,0,0,.55);\n}\n\n.ns-lite-modal-card figcaption {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  padding: 0 4px;\n  text-align: center;\n}\n\n.ns-lite-modal-card strong {\n  color: #fff;\n  font-size: 16px;\n}\n\n.ns-lite-modal-card span {\n  color: var(--ns-gold);\n  font-size: 12px;\n  font-weight: 800;\n}\n\n.ns-lite-modal-close,\n.ns-lite-modal-nav {\n  position: absolute;\n  border: 1px solid rgba(244,198,90,.34);\n  background: rgba(12,6,8,.82);\n  color: var(--ns-gold);\n  cursor: pointer;\n  transition: .2s ease;\n}\n\n.ns-lite-modal-close:hover,\n.ns-lite-modal-nav:hover {\n  color: #fff;\n  border-color: rgba(244,198,90,.62);\n}\n\n.ns-lite-modal-close {\n  top: 16px;\n  right: 16px;\n  width: 46px;\n  height: 46px;\n  border-radius: 50%;\n  font-size: 30px;\n  line-height: 1;\n}\n\n.ns-lite-modal-nav {\n  top: 50%;\n  width: 48px;\n  height: 48px;\n  border-radius: 50%;\n  transform: translateY(-50%);\n  font-size: 34px;\n  line-height: 1;\n}\n\n.ns-lite-modal-prev {\n  left: 16px;\n}\n\n.ns-lite-modal-next {\n  right: 16px;\n}\n\n@media (max-width: 1024px) {\n  .ns-lite-controls {\n    grid-template-columns: 1fr;\n  }\n\n  .ns-lite-grid {\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n  }\n}\n\n@media (max-width: 700px) {\n  .ns-lite-gallery {\n    padding: 60px 14px 54px;\n  }\n\n  .ns-lite-gallery::before {\n    right: -50px;\n    top: 12px;\n    font-size: 86px;\n  }\n\n  .ns-lite-hero {\n    margin-bottom: 20px;\n  }\n\n  .ns-lite-kicker {\n    font-size: 10px;\n    letter-spacing: 2.6px;\n  }\n\n  .ns-lite-kicker::before,\n  .ns-lite-kicker::after {\n    width: 24px;\n  }\n\n  .ns-lite-hero h1 {\n    font-size: clamp(37px, 12vw, 52px);\n    letter-spacing: -1.3px;\n  }\n\n  .ns-lite-hero p {\n    font-size: 13.5px;\n    line-height: 1.75;\n  }\n\n  .ns-lite-summary {\n    grid-template-columns: 1fr;\n    gap: 9px;\n    margin-top: 20px;\n  }\n\n  .ns-lite-summary div {\n    padding: 12px;\n  }\n\n  .ns-lite-summary strong {\n    font-size: 20px;\n  }\n\n  .ns-lite-controls {\n    gap: 10px;\n    margin-bottom: 12px;\n  }\n\n  .ns-lite-filter-row {\n    margin-left: -2px;\n    margin-right: -2px;\n    padding: 7px;\n    border-radius: 18px;\n    scroll-snap-type: x proximity;\n  }\n\n  .ns-lite-filter-row button {\n    min-height: 38px;\n    padding: 0 13px;\n    font-size: 11px;\n    scroll-snap-align: start;\n  }\n\n  .ns-lite-search {\n    height: 52px;\n    border-radius: 18px;\n  }\n\n  .ns-lite-status {\n    align-items: flex-start;\n    font-size: 12px;\n  }\n\n  .ns-lite-grid {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 10px;\n  }\n\n  .ns-lite-card {\n    padding: 7px;\n    border-radius: 17px;\n  }\n\n  .ns-lite-imgbox {\n    border-radius: 12px;\n  }\n\n  .ns-lite-card-body {\n    min-height: 66px;\n    padding-top: 9px;\n  }\n\n  .ns-lite-card small {\n    font-size: 9px;\n  }\n\n  .ns-lite-card strong {\n    min-height: 34px;\n    font-size: 12.5px;\n    line-height: 1.35;\n  }\n\n  .ns-lite-badge {\n    top: 12px;\n    left: 12px;\n    max-width: calc(100% - 24px);\n    padding: 5px 7px;\n    font-size: 9px;\n  }\n\n  .ns-lite-load-more {\n    width: 100%;\n    min-height: 50px;\n  }\n\n  .ns-lite-cta {\n    flex-direction: column;\n    align-items: stretch;\n    padding: 22px 18px;\n    text-align: center;\n  }\n\n  .ns-lite-cta a {\n    width: 100%;\n  }\n\n  .ns-lite-modal {\n    padding: 12px;\n  }\n\n  .ns-lite-modal-card {\n    width: 100%;\n  }\n\n  .ns-lite-modal-card img {\n    border-radius: 18px;\n  }\n\n  .ns-lite-modal-close {\n    top: 10px;\n    right: 10px;\n    width: 42px;\n    height: 42px;\n  }\n\n  .ns-lite-modal-nav {\n    width: 40px;\n    height: 40px;\n    font-size: 28px;\n  }\n\n  .ns-lite-modal-prev {\n    left: 8px;\n  }\n\n  .ns-lite-modal-next {\n    right: 8px;\n  }\n}\n\n@media (max-width: 390px) {\n  .ns-lite-grid {\n    gap: 8px;\n  }\n\n  .ns-lite-card strong {\n    font-size: 12px;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .ns-lite-gallery *,\n  .ns-lite-modal * {\n    transition: none !important;\n    scroll-behavior: auto !important;\n  }\n}\n<\/style>\n\n<script>\n(function () {\n  \"use strict\";\n\n  const galleryItems = [\n  {\n    \"title\": \"El Nasr Store Logo\",\n    \"category\": \"Brand Logo\",\n    \"filters\": [\n      \"logo\",\n      \"brand\"\n    ],\n    \"label\": \"Logo\",\n    \"img\": \"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/logo-final-Circel-copy.png\"\n  },\n  {\n    \"title\": \"Samsung 32 R590 Campaign\",\n    \"category\": \"Hardware \/ Product Post\",\n    \"filters\": [\n      \"hardware\",\n      \"product\"\n    ],\n    \"label\": \"Hardware\",\n    \"img\": \"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/SAMSUNG-32-r590-copy.jpg\"\n  },\n  {\n    \"title\": \"RTX 4090 Campaign\",\n    \"category\": \"Hardware \/ GPU Post\",\n    \"filters\": [\n      \"hardware\",\n      \"product\"\n    ],\n    \"label\": \"GPU\",\n    \"img\": \"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/RTX-4090-copy.jpg\"\n  },\n  {\n    \"title\": \"Redragon Gaming Visual\",\n    \"category\": \"Gaming Accessories\",\n    \"filters\": [\n      \"hardware\",\n      \"product\"\n    ],\n    \"label\": \"Gaming\",\n    \"img\": \"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/RED-3-copy.jpg\"\n  },\n  {\n    \"title\": \"Redragon Microphone\",\n    \"category\": \"Gaming Accessories\",\n    \"filters\": [\n      \"hardware\",\n      \"product\"\n    ],\n    \"label\": \"Mic\",\n    \"img\": \"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/RedDragon-Mic-copy.jpg\"\n  },\n  {\n    \"title\": \"Redragon Accessories\",\n    \"category\": \"Gaming Accessories\",\n    \"filters\": [\n      \"hardware\",\n      \"product\"\n    ],\n    \"label\": \"Gaming\",\n    \"img\": \"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/RED-1-copy.jpg\"\n  },\n  {\n    \"title\": \"PC Build Visual\",\n    \"category\": \"Computer Hardware\",\n    \"filters\": [\n      \"hardware\",\n      \"product\"\n    ],\n    \"label\": \"PC Build\",\n    \"img\": \"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/PC-004-copy-scaled.jpg\"\n  },\n  {\n    \"title\": \"Monitor Social Design\",\n    \"category\": \"Hardware \/ Monitor Post\",\n    \"filters\": [\n      \"hardware\",\n      \"product\"\n    ],\n    \"label\": \"Monitor\",\n    \"img\": \"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/Monitor-1-copy.jpg\"\n  },\n  {\n    \"title\": \"Eid Ul Fitr Greeting\",\n    \"category\": \"Greeting Design\",\n    \"filters\": [\n      \"greeting\",\n      \"brand\"\n    ],\n    \"label\": \"Greeting\",\n    \"img\": \"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/Eid-Ul-Fitr-copy.jpg\"\n  },\n  {\n    \"title\": \"Dell G15 Laptop Campaign\",\n    \"category\": \"Laptop Product Post\",\n    \"filters\": [\n      \"hardware\",\n      \"product\"\n    ],\n    \"label\": \"Laptop\",\n    \"img\": \"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/dell-g15-5530-copy.jpg\"\n  },\n  {\n    \"title\": \"AORUS Hardware Campaign\",\n    \"category\": \"Hardware Product Post\",\n    \"filters\": [\n      \"hardware\",\n      \"product\"\n    ],\n    \"label\": \"AORUS\",\n    \"img\": \"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/AORUS-copy.jpg\"\n  },\n  {\n    \"title\": \"B450 AORUS Elite V2\",\n    \"category\": \"Motherboard Product Post\",\n    \"filters\": [\n      \"hardware\",\n      \"product\"\n    ],\n    \"label\": \"Motherboard\",\n    \"img\": \"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/B450-AORUS-Elite-V2.jpg\"\n  },\n  {\n    \"title\": \"AOC Monitor Campaign\",\n    \"category\": \"Monitor Product Post\",\n    \"filters\": [\n      \"hardware\",\n      \"product\"\n    ],\n    \"label\": \"AOC\",\n    \"img\": \"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/Aoc-copy.jpg\"\n  },\n  {\n    \"title\": \"Al Ahly Creative Post\",\n    \"category\": \"Creative Social Post\",\n    \"filters\": [\n      \"social\",\n      \"media\"\n    ],\n    \"label\": \"Creative\",\n    \"img\": \"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/alahly-copy.jpg\"\n  },\n  {\n    \"title\": \"Computer Store Social Visual\",\n    \"category\": \"Hardware \/ Social Post\",\n    \"filters\": [\n      \"hardware\",\n      \"social\"\n    ],\n    \"label\": \"Social\",\n    \"img\": \"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/3-copy.jpg\"\n  },\n  {\n    \"title\": \"Premium Social Visual 01\",\n    \"category\": \"Creative Social Design\",\n    \"filters\": [\n      \"social\",\n      \"ai\"\n    ],\n    \"label\": \"AI Visual\",\n    \"img\": \"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-20-2026-03_13_01-PM.png\"\n  },\n  {\n    \"title\": \"Premium Social Visual 02\",\n    \"category\": \"Creative Social Design\",\n    \"filters\": [\n      \"social\",\n      \"ai\"\n    ],\n    \"label\": \"AI Visual\",\n    \"img\": \"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-20-2026-03_38_48-PM.png\"\n  },\n  {\n    \"title\": \"Premium Social Visual 03\",\n    \"category\": \"Creative Social Design\",\n    \"filters\": [\n      \"social\",\n      \"ai\"\n    ],\n    \"label\": \"AI Visual\",\n    \"img\": \"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-20-2026-03_36_31-PM.png\"\n  },\n  {\n    \"title\": \"Premium Social Visual 04\",\n    \"category\": \"Creative Social Design\",\n    \"filters\": [\n      \"social\",\n      \"ai\"\n    ],\n    \"label\": \"AI Visual\",\n    \"img\": \"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-20-2026-03_35_09-PM.png\"\n  },\n  {\n    \"title\": \"Premium Social Visual 05\",\n    \"category\": \"Creative Social Design\",\n    \"filters\": [\n      \"social\",\n      \"ai\"\n    ],\n    \"label\": \"AI Visual\",\n    \"img\": \"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-20-2026-03_32_34-PM.png\"\n  },\n  {\n    \"title\": \"Premium Social Visual 06\",\n    \"category\": \"Creative Social Design\",\n    \"filters\": [\n      \"social\",\n      \"ai\"\n    ],\n    \"label\": \"AI Visual\",\n    \"img\": \"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-20-2026-03_17_15-PM.png\"\n  },\n  {\n    \"title\": \"Premium Social Visual 07\",\n    \"category\": \"Creative Social Design\",\n    \"filters\": [\n      \"social\",\n      \"ai\"\n    ],\n    \"label\": \"AI Visual\",\n    \"img\": \"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-20-2026-03_14_46-PM.png\"\n  },\n  {\n    \"title\": \"Master Kitchen Logo\",\n    \"category\": \"Brand Logo\",\n    \"filters\": [\n      \"logo\",\n      \"brand\"\n    ],\n    \"label\": \"Logo\",\n    \"img\": \"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/logo-4.png\"\n  },\n  {\n    \"title\": \"My Social Work\",\n    \"category\": \"Social Media \/ Campaigns\",\n    \"filters\": [\n      \"brand\",\n      \"social\"\n    ],\n    \"label\": \"Social Work\",\n    \"img\": \"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-19-2026-02_44_15-AM.png\"\n  },\n  {\n    \"title\": \"Brand Campaign\",\n    \"category\": \"Premium Brand Campaign\",\n    \"filters\": [\n      \"brand\",\n      \"social\"\n    ],\n    \"label\": \"Brand\",\n    \"img\": \"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-16-2026-04_24_55-PM.png\"\n  },\n  {\n    \"title\": \"Product Campaign\",\n    \"category\": \"Product Social Post\",\n    \"filters\": [\n      \"product\",\n      \"social\"\n    ],\n    \"label\": \"Product\",\n    \"img\": \"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-17-2026-11_26_30-PM.png\"\n  },\n  {\n    \"title\": \"Corporate Social Post\",\n    \"category\": \"Corporate \/ Media\",\n    \"filters\": [\n      \"media\",\n      \"social\"\n    ],\n    \"label\": \"Corporate\",\n    \"img\": \"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-18-2026-02_02_59-AM.png\"\n  },\n  {\n    \"title\": \"Product Visual\",\n    \"category\": \"Product Campaign\",\n    \"filters\": [\n      \"product\",\n      \"ai\"\n    ],\n    \"label\": \"Product\",\n    \"img\": \"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-10-2026-02_06_57-AM-2.png\"\n  },\n  {\n    \"title\": \"AI Social Visual\",\n    \"category\": \"AI Visual Post\",\n    \"filters\": [\n      \"ai\",\n      \"social\"\n    ],\n    \"label\": \"AI Visual\",\n    \"img\": \"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/gemini-3-pro-image-preview_b_\u062a\u0635\u0645\u064a\u0645_\u0628\u0648\u0633\u062a_\u0633\u0648\u0634\u064a\u0627\u0644_\u0645\u064a1-copy.jpg\"\n  },\n  {\n    \"title\": \"Greeting Design\",\n    \"category\": \"Seasonal Greeting\",\n    \"filters\": [\n      \"greeting\",\n      \"social\"\n    ],\n    \"label\": \"Greeting\",\n    \"img\": \"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/Eid.png\"\n  },\n  {\n    \"title\": \"Amira Abdelaziz Campaign\",\n    \"category\": \"Media Campaign\",\n    \"filters\": [\n      \"media\",\n      \"brand\",\n      \"social\"\n    ],\n    \"label\": \"Media\",\n    \"img\": \"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/Amira4-1.png\"\n  },\n  {\n    \"title\": \"Social Media Design 09\",\n    \"category\": \"Creative Social Post\",\n    \"filters\": [\n      \"social\",\n      \"brand\"\n    ],\n    \"label\": \"Social\",\n    \"img\": \"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-15-2026-12_32_13-AM.png\"\n  },\n  {\n    \"title\": \"Political Campaign Visual\",\n    \"category\": \"Media Campaign\",\n    \"filters\": [\n      \"media\",\n      \"brand\",\n      \"social\"\n    ],\n    \"label\": \"Media\",\n    \"img\": \"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-May-31-2026-03_27_16-PM.png\"\n  },\n  {\n    \"title\": \"Creative Campaign Design\",\n    \"category\": \"Brand Campaign\",\n    \"filters\": [\n      \"brand\",\n      \"social\"\n    ],\n    \"label\": \"Brand\",\n    \"img\": \"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-May-20-2026-06_32_57-PM.png\"\n  },\n  {\n    \"title\": \"Premium Greeting Visual\",\n    \"category\": \"Greeting Design\",\n    \"filters\": [\n      \"greeting\",\n      \"social\"\n    ],\n    \"label\": \"Greeting\",\n    \"img\": \"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-16-2026-02_38_13-PM.png\"\n  },\n  {\n    \"title\": \"Arabic Greeting Design\",\n    \"category\": \"Greeting Design\",\n    \"filters\": [\n      \"greeting\",\n      \"social\"\n    ],\n    \"label\": \"Greeting\",\n    \"img\": \"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/Jun-16-2026-02_16_34-PM.png\"\n  },\n  {\n    \"title\": \"Nader Personal Visual\",\n    \"category\": \"Personal Brand\",\n    \"filters\": [\n      \"brand\",\n      \"social\"\n    ],\n    \"label\": \"Brand\",\n    \"img\": \"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/Nadermmlm.png\"\n  },\n  {\n    \"title\": \"Sports Social Visual\",\n    \"category\": \"Social Media Design\",\n    \"filters\": [\n      \"social\",\n      \"media\"\n    ],\n    \"label\": \"Social\",\n    \"img\": \"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-11-2026-09_56_19-PM.png\"\n  },\n  {\n    \"title\": \"Product Campaign Visual\",\n    \"category\": \"Product Post\",\n    \"filters\": [\n      \"product\",\n      \"social\"\n    ],\n    \"label\": \"Product\",\n    \"img\": \"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-10-2026-02_40_46-AM.png\"\n  },\n  {\n    \"title\": \"Product Social Design\",\n    \"category\": \"Product Post\",\n    \"filters\": [\n      \"product\",\n      \"social\"\n    ],\n    \"label\": \"Product\",\n    \"img\": \"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-10-2026-02_06_59-AM-5.png\"\n  },\n  {\n    \"title\": \"Creative Social Post\",\n    \"category\": \"Brand Campaign\",\n    \"filters\": [\n      \"brand\",\n      \"social\"\n    ],\n    \"label\": \"Brand\",\n    \"img\": \"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-6-2026-12_32_49-AM.png\"\n  },\n  {\n    \"title\": \"Event Social Visual\",\n    \"category\": \"Media Campaign\",\n    \"filters\": [\n      \"media\",\n      \"social\"\n    ],\n    \"label\": \"Media\",\n    \"img\": \"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-4-2026-12_25_09-AM.png\"\n  },\n  {\n    \"title\": \"Premium Social Campaign\",\n    \"category\": \"Social Media Design\",\n    \"filters\": [\n      \"social\",\n      \"brand\"\n    ],\n    \"label\": \"Social\",\n    \"img\": \"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-3-2026-11_59_41-PM.png\"\n  },\n  {\n    \"title\": \"Creative Brand Post\",\n    \"category\": \"Brand Campaign\",\n    \"filters\": [\n      \"brand\",\n      \"social\"\n    ],\n    \"label\": \"Brand\",\n    \"img\": \"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-3-2026-05_35_21-AM.png\"\n  },\n  {\n    \"title\": \"Creative Social Design\",\n    \"category\": \"Social Media Design\",\n    \"filters\": [\n      \"social\",\n      \"brand\"\n    ],\n    \"label\": \"Social\",\n    \"img\": \"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-3-2026-05_28_25-AM.png\"\n  },\n  {\n    \"title\": \"Campaign Social Post\",\n    \"category\": \"Brand Campaign\",\n    \"filters\": [\n      \"brand\",\n      \"social\"\n    ],\n    \"label\": \"Campaign\",\n    \"img\": \"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-3-2026-05_15_29-AM.png\"\n  },\n  {\n    \"title\": \"Premium Post Design\",\n    \"category\": \"Social Media Design\",\n    \"filters\": [\n      \"social\"\n    ],\n    \"label\": \"Social\",\n    \"img\": \"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-3-2026-05_08_50-AM.png\"\n  },\n  {\n    \"title\": \"Social Campaign Design\",\n    \"category\": \"Social Media Design\",\n    \"filters\": [\n      \"social\",\n      \"brand\"\n    ],\n    \"label\": \"Social\",\n    \"img\": \"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-3-2026-05_01_32-AM.png\"\n  },\n  {\n    \"title\": \"MORIVIE Product Visual\",\n    \"category\": \"Product Campaign\",\n    \"filters\": [\n      \"product\",\n      \"brand\"\n    ],\n    \"label\": \"MORIVIE\",\n    \"img\": \"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/Morive-1.png\"\n  },\n  {\n    \"title\": \"MORIVIE Social Campaign\",\n    \"category\": \"Product Campaign\",\n    \"filters\": [\n      \"product\",\n      \"brand\"\n    ],\n    \"label\": \"MORIVIE\",\n    \"img\": \"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/Morive4-2.png\"\n  },\n  {\n    \"title\": \"Premium Brand Direction\",\n    \"category\": \"Brand Campaign\",\n    \"filters\": [\n      \"brand\",\n      \"social\"\n    ],\n    \"label\": \"Brand\",\n    \"img\": \"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-1-2026-02_53_45-AM.png\"\n  },\n  {\n    \"title\": \"World Class AI Visual 01\",\n    \"category\": \"AI Visual Post\",\n    \"filters\": [\n      \"ai\",\n      \"social\"\n    ],\n    \"label\": \"AI Visual\",\n    \"img\": \"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/gpt-image-2-medium_a_Create_a_world-class16.png\"\n  },\n  {\n    \"title\": \"World Class AI Visual 02\",\n    \"category\": \"AI Visual Post\",\n    \"filters\": [\n      \"ai\",\n      \"social\"\n    ],\n    \"label\": \"AI Visual\",\n    \"img\": \"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/gpt-image-2-medium_a_Create_a_world-class12.png\"\n  },\n  {\n    \"title\": \"Premium Visual Campaign\",\n    \"category\": \"Media Campaign\",\n    \"filters\": [\n      \"media\",\n      \"social\"\n    ],\n    \"label\": \"Media\",\n    \"img\": \"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/3-2-scaled.jpg\"\n  },\n  {\n    \"title\": \"Arabic Text Design\",\n    \"category\": \"Greeting \/ Arabic Design\",\n    \"filters\": [\n      \"greeting\",\n      \"social\"\n    ],\n    \"label\": \"Arabic\",\n    \"img\": \"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/gemini-3-pro-image-preview-2k_b_\u0642\u0645_\u0628\u062a\u0639\u062f\u064a\u0644_\u0627\u0644\u0646\u0635_\u062f\u0627\u062e\u0644_.png\"\n  },\n  {\n    \"title\": \"Amira Abdelaziz Visual\",\n    \"category\": \"Media Campaign\",\n    \"filters\": [\n      \"media\",\n      \"brand\"\n    ],\n    \"label\": \"Media\",\n    \"img\": \"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/Amira-ABDELAZIZ_-4X-scaled.jpg\"\n  },\n  {\n    \"title\": \"Professional Media Visual\",\n    \"category\": \"AI Visual \/ Media\",\n    \"filters\": [\n      \"ai\",\n      \"media\"\n    ],\n    \"label\": \"AI Media\",\n    \"img\": \"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/gemini-3.1-flash-image-preview-nano-banana-2_a_Recreate_a_professio.png\"\n  },\n  {\n    \"title\": \"High Quality Campaign Visual\",\n    \"category\": \"AI Visual Post\",\n    \"filters\": [\n      \"ai\",\n      \"social\"\n    ],\n    \"label\": \"AI Visual\",\n    \"img\": \"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/gemini-3-pro-image-preview-2k_b_Create_a_high-qualit1.png\"\n  },\n  {\n    \"title\": \"Professional Campaign Design\",\n    \"category\": \"AI Visual \/ Media\",\n    \"filters\": [\n      \"ai\",\n      \"media\"\n    ],\n    \"label\": \"Campaign\",\n    \"img\": \"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/gemini-3.1-flash-image-preview-nano-banana-2_a_Create_a_professiona5.png\"\n  },\n  {\n    \"title\": \"Presenter Visual Direction\",\n    \"category\": \"Media Campaign\",\n    \"filters\": [\n      \"media\",\n      \"ai\"\n    ],\n    \"label\": \"Media\",\n    \"img\": \"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/gemini-3-pro-image-preview-2k_a_\u063a\u064a\u0631_\u0644\u0648\u0646_\u0627\u0644\u062c\u0627\u0643\u064a\u062a_\u0627\u0644\u064a_.png\"\n  },\n  {\n    \"title\": \"Elegant Arabic Greeting\",\n    \"category\": \"Greeting Design\",\n    \"filters\": [\n      \"greeting\",\n      \"media\"\n    ],\n    \"label\": \"Greeting\",\n    \"img\": \"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/gemini-3-pro-image-preview-2k_a_Add_elegant_Arabic_t2.png\"\n  }\n];\n\n  const root = document.getElementById(\"nsLiteGallery\");\n  if (!root || root.dataset.ready === \"1\") return;\n  root.dataset.ready = \"1\";\n\n  const grid = root.querySelector(\"#nsLiteGrid\");\n  const filters = root.querySelectorAll(\"#nsLiteFilters button\");\n  const searchInput = root.querySelector(\"#nsLiteSearch\");\n  const resultText = root.querySelector(\"#nsLiteResultText\");\n  const total = root.querySelector(\"#nsLiteTotal\");\n  const resetBtn = root.querySelector(\"#nsLiteReset\");\n  const loadMoreBtn = root.querySelector(\"#nsLiteLoadMore\");\n  const emptyBox = root.querySelector(\"#nsLiteEmpty\");\n\n  const modal = document.getElementById(\"nsLiteModal\");\n  const modalImage = document.getElementById(\"nsLiteModalImage\");\n  const modalTitle = document.getElementById(\"nsLiteModalTitle\");\n  const modalCategory = document.getElementById(\"nsLiteModalCategory\");\n  const closeBtn = document.getElementById(\"nsLiteClose\");\n  const prevBtn = document.getElementById(\"nsLitePrev\");\n  const nextBtn = document.getElementById(\"nsLiteNext\");\n\n  const isSmallScreen = window.matchMedia(\"(max-width: 700px)\").matches;\n  const firstLimit = isSmallScreen ? 8 : 16;\n  const stepLimit = isSmallScreen ? 6 : 12;\n\n  let currentFilter = \"all\";\n  let currentSearch = \"\";\n  let renderedCount = firstLimit;\n  let activeIndex = 0;\n  let visibleIndexes = [];\n\n  total.textContent = String(galleryItems.length).padStart(2, \"0\");\n\n  function clean(text) {\n    return String(text || \"\").replace(\/[&<>\"']\/g, function (char) {\n      return {\n        \"&\": \"&amp;\",\n        \"<\": \"&lt;\",\n        \">\": \"&gt;\",\n        '\"': \"&quot;\",\n        \"'\": \"&#039;\"\n      }[char];\n    });\n  }\n\n  function matches(item) {\n    const filterMatch = currentFilter === \"all\" || item.filters.includes(currentFilter);\n    if (!filterMatch) return false;\n\n    const q = currentSearch.trim().toLowerCase();\n    if (!q) return true;\n\n    const text = [\n      item.title,\n      item.category,\n      item.label,\n      item.filters.join(\" \")\n    ].join(\" \").toLowerCase();\n\n    return text.includes(q);\n  }\n\n  function getVisibleIndexes() {\n    return galleryItems\n      .map(function (item, index) { return { item, index }; })\n      .filter(function (entry) { return matches(entry.item); })\n      .map(function (entry) { return entry.index; });\n  }\n\n  function makeCard(index, order) {\n    const item = galleryItems[index];\n    const button = document.createElement(\"button\");\n\n    button.type = \"button\";\n    button.className = \"ns-lite-card\";\n    button.dataset.index = index;\n    button.setAttribute(\"aria-label\", \"Open \" + item.title);\n\n    const eager = order < 4;\n    const imageLoading = eager ? \"eager\" : \"lazy\";\n    const fetchPriority = order === 0 ? \"high\" : \"auto\";\n\n    button.innerHTML =\n      '<div class=\"ns-lite-imgbox\">' +\n        '<img src=\"' + clean(item.img) + '\" alt=\"' + clean(item.title) + '\" loading=\"' + imageLoading + '\" decoding=\"async\" fetchpriority=\"' + fetchPriority + '\">' +\n        '<span class=\"ns-lite-badge\">' + clean(item.label) + '<\/span>' +\n      '<\/div>' +\n      '<div class=\"ns-lite-card-body\">' +\n        '<small>' + clean(item.category) + '<\/small>' +\n        '<strong>' + clean(item.title) + '<\/strong>' +\n      '<\/div>';\n\n    button.addEventListener(\"click\", function () {\n      openModal(index);\n    });\n\n    const img = button.querySelector(\"img\");\n    img.addEventListener(\"error\", function () {\n      button.classList.add(\"ns-lite-card-error\");\n      img.removeAttribute(\"src\");\n      img.alt = \"Image failed to load\";\n    });\n\n    return button;\n  }\n\n  function updateStatus(totalVisible, shown) {\n    const filterName = currentFilter === \"all\" ? \"all designs\" : currentFilter + \" designs\";\n    if (!totalVisible) {\n      resultText.textContent = \"No designs found\";\n      return;\n    }\n\n    resultText.textContent = \"Showing \" + shown + \" of \" + totalVisible + \" \" + filterName;\n  }\n\n  function render(resetLimit) {\n    if (resetLimit) renderedCount = firstLimit;\n\n    visibleIndexes = getVisibleIndexes();\n    grid.innerHTML = \"\";\n\n    const slice = visibleIndexes.slice(0, renderedCount);\n    slice.forEach(function (index, order) {\n      grid.appendChild(makeCard(index, order));\n    });\n\n    const shown = Math.min(renderedCount, visibleIndexes.length);\n    updateStatus(visibleIndexes.length, shown);\n\n    emptyBox.hidden = visibleIndexes.length !== 0;\n    loadMoreBtn.hidden = shown >= visibleIndexes.length;\n  }\n\n  function setFilter(filter) {\n    currentFilter = filter;\n    filters.forEach(function (button) {\n      button.classList.toggle(\"is-active\", button.dataset.filter === filter);\n    });\n    render(true);\n  }\n\n  function resetGallery() {\n    currentFilter = \"all\";\n    currentSearch = \"\";\n    searchInput.value = \"\";\n    filters.forEach(function (button) {\n      button.classList.toggle(\"is-active\", button.dataset.filter === \"all\");\n    });\n    render(true);\n  }\n\n  function openModal(index) {\n    const item = galleryItems[index];\n    if (!item) return;\n\n    activeIndex = index;\n    modalImage.src = item.img;\n    modalImage.alt = item.title;\n    modalTitle.textContent = item.title;\n    modalCategory.textContent = item.category;\n    modal.classList.add(\"is-open\");\n    modal.setAttribute(\"aria-hidden\", \"false\");\n    document.documentElement.style.overflow = \"hidden\";\n  }\n\n  function closeModal() {\n    modal.classList.remove(\"is-open\");\n    modal.setAttribute(\"aria-hidden\", \"true\");\n    modalImage.src = \"\";\n    document.documentElement.style.overflow = \"\";\n  }\n\n  function moveModal(direction) {\n    if (!visibleIndexes.length) return;\n\n    let position = visibleIndexes.indexOf(activeIndex);\n    if (position === -1) position = 0;\n\n    const nextPosition = (position + direction + visibleIndexes.length) % visibleIndexes.length;\n    openModal(visibleIndexes[nextPosition]);\n  }\n\n  filters.forEach(function (button) {\n    button.addEventListener(\"click\", function () {\n      setFilter(button.dataset.filter);\n    });\n  });\n\n  searchInput.addEventListener(\"input\", function () {\n    currentSearch = searchInput.value;\n    render(true);\n  });\n\n  resetBtn.addEventListener(\"click\", resetGallery);\n\n  loadMoreBtn.addEventListener(\"click\", function () {\n    renderedCount += stepLimit;\n    render(false);\n  });\n\n  closeBtn.addEventListener(\"click\", closeModal);\n\n  prevBtn.addEventListener(\"click\", function (event) {\n    event.stopPropagation();\n    moveModal(-1);\n  });\n\n  nextBtn.addEventListener(\"click\", function (event) {\n    event.stopPropagation();\n    moveModal(1);\n  });\n\n  modal.addEventListener(\"click\", function (event) {\n    if (event.target === modal) closeModal();\n  });\n\n  document.addEventListener(\"keydown\", function (event) {\n    if (!modal.classList.contains(\"is-open\")) return;\n\n    if (event.key === \"Escape\") closeModal();\n    if (event.key === \"ArrowLeft\") moveModal(-1);\n    if (event.key === \"ArrowRight\") moveModal(1);\n  });\n\n  render(true);\n})();\n<\/script>\t\t\t\t<\/div>\n\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>MY SOCIAL WORK Social Media Design Gallery A clean, fast, and mobile-friendly portfolio gallery for selected social media visuals, product campaigns, brand posts, AI creative work, greetings, media designs, and logos. 00 Selected Visuals Fast Mobile Loading 1:1 Clean Preview All Brand Product Hardware Media Greetings AI Visuals Logos Search Showing all designs Reset No designs found Try another filter or remove the search text. Load More Designs Need premium social media designs? Let\u2019s build a stronger visual presence for your brand. Start a Project \u00d7 \u2039 \u203a<\/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-3676","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\/3676","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=3676"}],"version-history":[{"count":19,"href":"https:\/\/nadersaied.com\/ar\/wp-json\/wp\/v2\/pages\/3676\/revisions"}],"predecessor-version":[{"id":3991,"href":"https:\/\/nadersaied.com\/ar\/wp-json\/wp\/v2\/pages\/3676\/revisions\/3991"}],"wp:attachment":[{"href":"https:\/\/nadersaied.com\/ar\/wp-json\/wp\/v2\/media?parent=3676"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}