{"id":179,"date":"2026-07-07T13:53:51","date_gmt":"2026-07-07T13:53:51","guid":{"rendered":"https:\/\/atc-hairtransplant.com\/?page_id=179"},"modified":"2026-07-27T21:45:15","modified_gmt":"2026-07-27T21:45:15","slug":"%d9%82%d8%a8%d9%84-%d9%88%d8%a8%d8%b9%d8%af","status":"publish","type":"page","link":"https:\/\/atc-hairtransplant.com\/ar\/%d8%a7%d9%84%d9%86%d8%aa%d8%a7%d8%a6%d8%ac\/%d9%82%d8%a8%d9%84-%d9%88%d8%a8%d8%b9%d8%af\/","title":{"rendered":"Before &amp; After"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"179\" class=\"elementor elementor-179\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d04aca4 e-flex e-con-boxed jltma-glass-effect-no 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=\"d04aca4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-21d1734 jltma-glass-effect-no elementor-widget elementor-widget-html\" data-id=\"21d1734\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<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=El+Messiri:wght@400;500;600;700&family=Raleway:wght@400;500;600;700;800&family=IBM+Plex+Mono:wght@400;500&display=swap\" rel=\"stylesheet\">\n<style>\n  .ba *{ box-sizing:border-box; }\n  .ba{ font-family:'Raleway', sans-serif; background:#fff; color:#1B1229; -webkit-font-smoothing:antialiased; }\n  .ba h1,.ba h2{ font-family:'El Messiri', serif; margin:0; }\n\n  .ba-hero{\n    position:relative; overflow:hidden;\n    background: linear-gradient(120deg, rgba(19,10,29,.92) 0%, rgba(27,18,41,.82) 40%, rgba(58,33,89,.72) 75%, rgba(91,58,134,.55) 100%), linear-gradient(135deg, #1B1229 0%, #3A2159 50%, #4A2C70 85%, #5b3a86 100%);\n    color:#F8F6F2; padding:80px 32px 70px; text-align:center; border-radius:24px;\n  }\n  .ba-eyebrow{ display:inline-block; font-family:'IBM Plex Mono', monospace; font-size:12px; letter-spacing:.15em; text-transform:uppercase; color:#D4A84B; border:1px solid rgba(212,168,75,.4); padding:6px 16px; border-radius:20px; margin-bottom:22px; }\n  .ba-hero h1{ font-size:clamp(30px, 4.8vw, 48px); font-weight:600; margin-bottom:16px; }\n  .ba-hero p{ font-size:16px; font-style:italic; color:#C9BFD1; max-width:640px; margin:0 auto 28px; line-height:1.75; }\n  .ba-hero p b{ color:#F8F6F2; text-decoration:underline; text-decoration-color:#D4A84B; font-style:normal; }\n  .ba-tags{ display:inline-flex; align-items:center; gap:10px; flex-wrap:wrap; justify-content:center; border:1px solid rgba(212,168,75,.5); border-radius:30px; padding:14px 28px; font-weight:600; font-size:15px; color:#F8F6F2; }\n  .ba-tags .spark{ color:#D4A84B; }\n  .ba-tags .sep{ color:rgba(248,246,242,.3); }\n  .ba-hero-arrow{ position:absolute; top:50%; transform:translateY(-50%); width:44px; height:44px; border-radius:10px; background:rgba(255,255,255,.06); border:1px solid rgba(212,168,75,.5); color:#F8F6F2; display:flex; align-items:center; justify-content:center; cursor:default; }\n  .ba-hero-arrow svg{ width:18px; height:18px; }\n  .ba-hero-arrow-left{ left:20px; }\n  .ba-hero-arrow-right{ right:20px; }\n  @media (max-width:640px){ .ba-hero-arrow{ display:none; } }\n\n  .ba-wrap{ max-width:1180px; margin:0 auto; padding:70px 32px 20px; }\n\n  .ba-model2{ background:#F3ECE1; padding:70px 24px 76px; text-align:center; overflow:hidden; }\n  .ba-model2 .ba-eyebrow2{ display:inline-block; font-family:'IBM Plex Mono', monospace; font-size:12px; letter-spacing:.15em; text-transform:uppercase; color:#8a6a2f; border:1px solid rgba(138,106,47,.35); padding:6px 16px; border-radius:20px; margin-bottom:18px; }\n  .ba-model2 p.lead{ color:#6b5f4f; font-size:15px; max-width:560px; margin:0 auto 30px; line-height:1.7; }\n\n  .ba-carousel-wrap2{ display:flex; align-items:center; justify-content:center; gap:18px; max-width:1200px; margin:0 auto; }\n  .ba-carousel2{ --ba-gap:24px; position:relative; width:100%; max-width:900px; height:340px; overflow:visible; }\n  .ba-track2{ position:relative; width:100%; height:100%; }\n  .ba-slide2{\n    position:absolute; top:50%; left:50%; width:280px; height:290px;\n    margin-top:-145px; margin-left:-140px;\n    transition:transform .4s ease, opacity .4s ease; z-index:1; opacity:.45; cursor:pointer;\n  }\n  .ba-slide2.is-active{ opacity:1; z-index:2; cursor:default; }\n  .ba-slide2 img{ width:100%; height:100%; object-fit:cover; border-radius:20px; box-shadow:0 20px 44px rgba(27,18,41,.16); display:block; }\n\n  .ba-arrow2{\n    flex-shrink:0; width:48px; height:48px; border-radius:50%; background:#ffffff;\n    border:1px solid rgba(212,168,75,.5); color:#B8892E; display:flex; align-items:center; justify-content:center;\n    cursor:pointer; transition:background .2s ease, transform .2s ease; z-index:3; box-shadow:0 6px 16px rgba(43,32,10,.12);\n  }\n  .ba-arrow2:hover{ background:#D4A84B; color:#1B1229; transform:scale(1.06); }\n  .ba-arrow2 svg{ width:20px; height:20px; }\n\n  @media (max-width:700px){\n    .ba-carousel2{ height:260px; }\n    .ba-slide2{ width:200px; height:210px; margin-top:-105px; margin-left:-100px; }\n    .ba-carousel-wrap2{ gap:8px; }\n    .ba-arrow2{ width:38px; height:38px; }\n  }\n\n  .ba-disclaimer{ max-width:1180px; margin:20px auto 0; padding:0 32px; }\n  .ba-disclaimer p{ text-align:center; font-size:13px; color:#8b7fa0; font-style:italic; }\n\n  .ba-cta{\n    margin-top:60px; background:linear-gradient(120deg,#1B1229 0%,#3A2159 55%,#4A2C70 100%);\n    padding:56px 32px; text-align:center; color:#fff;\n  }\n  .ba-cta h2{ font-size:26px; color:#fff; margin-bottom:12px; }\n  .ba-cta p{ color:#C9BFD1; font-size:15px; margin-bottom:24px; }\n  .ba-cta a{\n    display:inline-flex; align-items:center; gap:8px; background:#D4A84B; color:#1B1229; font-weight:700;\n    padding:15px 36px; border-radius:30px; text-decoration:none; transition:transform .2s ease;\n  }\n  .ba-cta a:hover{ transform:translateY(-2px); }\n<\/style>\n\n<div class=\"ba\">\n  <section class=\"ba-hero\">\n    <button class=\"ba-hero-arrow ba-hero-arrow-left\" aria-hidden=\"true\"><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"15 18 9 12 15 6\"\/><\/svg><\/button>\n    <span class=\"ba-eyebrow\">Gallery<\/span>\n    <h1>Before &amp; After<\/h1>\n    <p>Compare real patient transformations before and after <b>Sapphire FUE<\/b> hair transplant, showcasing natural hairlines, improved density, and long-lasting results.<\/p>\n    <div class=\"ba-tags\"><span class=\"spark\">\u2726<\/span> Hair Transplant <span class=\"sep\">|<\/span> Beard Transplant <span class=\"sep\">|<\/span> Hair + Beard <span class=\"spark\">\u2726<\/span><\/div>\n    <button class=\"ba-hero-arrow ba-hero-arrow-right\" aria-hidden=\"true\"><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg><\/button>\n  <\/section>\n\n  <section class=\"ba-model2\">\n    <span class=\"ba-eyebrow2\">Patient Results<\/span>\n    <p class=\"lead\">Swipe or use the arrows to browse through recent transformations.<\/p>\n    <div class=\"ba-carousel-wrap2\">\n      <button class=\"ba-arrow2 ba-prev2\" aria-label=\"Previous result\">\n        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"15 18 9 12 15 6\"\/><\/svg>\n      <\/button>\n      <div class=\"ba-carousel2\">\n        <div class=\"ba-track2\" id=\"baTrack2\">\n          <div class=\"ba-slide2\" data-index=\"0\"><img decoding=\"async\" src=\"https:\/\/atc-hairtransplant.com\/wp-content\/uploads\/2026\/07\/ba-result-01.png\" alt=\"Hair transplant before and after result 1\"><\/div>\n          <div class=\"ba-slide2\" data-index=\"1\"><img decoding=\"async\" src=\"https:\/\/atc-hairtransplant.com\/wp-content\/uploads\/2026\/07\/ba-result-02.png\" alt=\"Hair transplant before and after result 2\"><\/div>\n          <div class=\"ba-slide2\" data-index=\"2\"><img decoding=\"async\" src=\"https:\/\/atc-hairtransplant.com\/wp-content\/uploads\/2026\/07\/ba-result-03.png\" alt=\"Hair transplant before and after result 3\"><\/div>\n          <div class=\"ba-slide2\" data-index=\"3\"><img decoding=\"async\" src=\"https:\/\/atc-hairtransplant.com\/wp-content\/uploads\/2026\/07\/ba-result-04.png\" alt=\"Hair transplant before and after result 4\"><\/div>\n          <div class=\"ba-slide2\" data-index=\"4\"><img decoding=\"async\" src=\"https:\/\/atc-hairtransplant.com\/wp-content\/uploads\/2026\/07\/ba-result-05.png\" alt=\"Hair transplant before and after result 5\"><\/div>\n          <div class=\"ba-slide2\" data-index=\"5\"><img decoding=\"async\" src=\"https:\/\/atc-hairtransplant.com\/wp-content\/uploads\/2026\/07\/ba-result-06.png\" alt=\"Hair transplant before and after result 6\"><\/div>\n          <div class=\"ba-slide2\" data-index=\"6\"><img decoding=\"async\" src=\"https:\/\/atc-hairtransplant.com\/wp-content\/uploads\/2026\/07\/ba-result-07.png\" alt=\"Hair transplant before and after result 7\"><\/div>\n          <div class=\"ba-slide2\" data-index=\"7\"><img decoding=\"async\" src=\"https:\/\/atc-hairtransplant.com\/wp-content\/uploads\/2026\/07\/ba-result-08.png\" alt=\"Hair transplant before and after result 8\"><\/div>\n          <div class=\"ba-slide2\" data-index=\"8\"><img decoding=\"async\" src=\"https:\/\/atc-hairtransplant.com\/wp-content\/uploads\/2026\/07\/ba-result-09.png\" alt=\"Hair transplant before and after result 9\"><\/div>\n          <div class=\"ba-slide2\" data-index=\"9\"><img decoding=\"async\" src=\"https:\/\/atc-hairtransplant.com\/wp-content\/uploads\/2026\/07\/ba-result-10.png\" alt=\"Hair transplant before and after result 10\"><\/div>\n          <div class=\"ba-slide2\" data-index=\"10\"><img decoding=\"async\" src=\"https:\/\/atc-hairtransplant.com\/wp-content\/uploads\/2026\/07\/ba-result-11.png\" alt=\"Hair transplant before and after result 11\"><\/div>\n          <div class=\"ba-slide2\" data-index=\"11\"><img decoding=\"async\" src=\"https:\/\/atc-hairtransplant.com\/wp-content\/uploads\/2026\/07\/ba-result-12.png\" alt=\"Hair transplant before and after result 12\"><\/div>\n          <div class=\"ba-slide2\" data-index=\"12\"><img decoding=\"async\" src=\"https:\/\/atc-hairtransplant.com\/wp-content\/uploads\/2026\/07\/ba-result-13.png\" alt=\"Hair transplant before and after result 13\"><\/div>\n          <div class=\"ba-slide2\" data-index=\"13\"><img decoding=\"async\" src=\"https:\/\/atc-hairtransplant.com\/wp-content\/uploads\/2026\/07\/ba-result-14.png\" alt=\"Hair transplant before and after result 14\"><\/div>\n          <div class=\"ba-slide2\" data-index=\"14\"><img decoding=\"async\" src=\"https:\/\/atc-hairtransplant.com\/wp-content\/uploads\/2026\/07\/ba-result-15.png\" alt=\"Hair transplant before and after result 15\"><\/div>\n          <div class=\"ba-slide2\" data-index=\"15\"><img decoding=\"async\" src=\"https:\/\/atc-hairtransplant.com\/wp-content\/uploads\/2026\/07\/ba-result-16.png\" alt=\"Hair transplant before and after result 16\"><\/div>\n          <div class=\"ba-slide2\" data-index=\"16\"><img decoding=\"async\" src=\"https:\/\/atc-hairtransplant.com\/wp-content\/uploads\/2026\/07\/ba-result-17.png\" alt=\"Hair transplant before and after result 17\"><\/div>\n          <div class=\"ba-slide2\" data-index=\"17\"><img decoding=\"async\" src=\"https:\/\/atc-hairtransplant.com\/wp-content\/uploads\/2026\/07\/ba-result-18.png\" alt=\"Hair transplant before and after result 18\"><\/div>\n          <div class=\"ba-slide2\" data-index=\"18\"><img decoding=\"async\" src=\"https:\/\/atc-hairtransplant.com\/wp-content\/uploads\/2026\/07\/ba-result-19.png\" alt=\"Hair transplant before and after result 19\"><\/div>\n          <div class=\"ba-slide2\" data-index=\"19\"><img decoding=\"async\" src=\"https:\/\/atc-hairtransplant.com\/wp-content\/uploads\/2026\/07\/ba-result-20.png\" alt=\"Hair transplant before and after result 20\"><\/div>\n          <div class=\"ba-slide2\" data-index=\"20\"><img decoding=\"async\" src=\"https:\/\/atc-hairtransplant.com\/wp-content\/uploads\/2026\/07\/ba-result-21.png\" alt=\"Hair transplant before and after result 21\"><\/div>\n          <div class=\"ba-slide2\" data-index=\"21\"><img decoding=\"async\" src=\"https:\/\/atc-hairtransplant.com\/wp-content\/uploads\/2026\/07\/ba-result-22.png\" alt=\"Hair transplant before and after result 22\"><\/div>\n          <div class=\"ba-slide2\" data-index=\"22\"><img decoding=\"async\" src=\"https:\/\/atc-hairtransplant.com\/wp-content\/uploads\/2026\/07\/ba-result-23.png\" alt=\"Hair transplant before and after result 23\"><\/div>\n          <div class=\"ba-slide2\" data-index=\"23\"><img decoding=\"async\" src=\"https:\/\/atc-hairtransplant.com\/wp-content\/uploads\/2026\/07\/ba-result-24.png\" alt=\"Hair transplant before and after result 24\"><\/div>\n          <div class=\"ba-slide2\" data-index=\"24\"><img decoding=\"async\" src=\"https:\/\/atc-hairtransplant.com\/wp-content\/uploads\/2026\/07\/ba-result-25.png\" alt=\"Hair transplant before and after result 25\"><\/div>\n          <div class=\"ba-slide2\" data-index=\"25\"><img decoding=\"async\" src=\"https:\/\/atc-hairtransplant.com\/wp-content\/uploads\/2026\/07\/ba-result-26.png\" alt=\"Hair transplant before and after result 26\"><\/div>\n          <div class=\"ba-slide2\" data-index=\"26\"><img decoding=\"async\" src=\"https:\/\/atc-hairtransplant.com\/wp-content\/uploads\/2026\/07\/ba-result-27.png\" alt=\"Hair transplant before and after result 27\"><\/div>\n          <div class=\"ba-slide2\" data-index=\"27\"><img decoding=\"async\" src=\"https:\/\/atc-hairtransplant.com\/wp-content\/uploads\/2026\/07\/ba-result-28.png\" alt=\"Hair transplant before and after result 28\"><\/div>\n          <div class=\"ba-slide2\" data-index=\"28\"><img decoding=\"async\" src=\"https:\/\/atc-hairtransplant.com\/wp-content\/uploads\/2026\/07\/ba-result-29.png\" alt=\"Hair transplant before and after result 29\"><\/div>\n          <div class=\"ba-slide2\" data-index=\"29\"><img decoding=\"async\" src=\"https:\/\/atc-hairtransplant.com\/wp-content\/uploads\/2026\/07\/ba-result-30.png\" alt=\"Hair transplant before and after result 30\"><\/div>\n          <div class=\"ba-slide2\" data-index=\"30\"><img decoding=\"async\" src=\"https:\/\/atc-hairtransplant.com\/wp-content\/uploads\/2026\/07\/ba-result-31.png\" alt=\"Hair transplant before and after result 31\"><\/div>\n          <div class=\"ba-slide2\" data-index=\"31\"><img decoding=\"async\" src=\"https:\/\/atc-hairtransplant.com\/wp-content\/uploads\/2026\/07\/ba-result-32.png\" alt=\"Hair transplant before and after result 32\"><\/div>\n          <div class=\"ba-slide2\" data-index=\"32\"><img decoding=\"async\" src=\"https:\/\/atc-hairtransplant.com\/wp-content\/uploads\/2026\/07\/ba-result-33.png\" alt=\"Hair transplant before and after result 33\"><\/div>\n          <div class=\"ba-slide2\" data-index=\"33\"><img decoding=\"async\" src=\"https:\/\/atc-hairtransplant.com\/wp-content\/uploads\/2026\/07\/ba-result-34.png\" alt=\"Hair transplant before and after result 34\"><\/div>\n          <div class=\"ba-slide2\" data-index=\"34\"><img decoding=\"async\" src=\"https:\/\/atc-hairtransplant.com\/wp-content\/uploads\/2026\/07\/ba-result-35.png\" alt=\"Hair transplant before and after result 35\"><\/div>\n          <div class=\"ba-slide2\" data-index=\"35\"><img decoding=\"async\" src=\"https:\/\/atc-hairtransplant.com\/wp-content\/uploads\/2026\/07\/ba-result-36.png\" alt=\"Hair transplant before and after result 36\"><\/div>\n          <div class=\"ba-slide2\" data-index=\"36\"><img decoding=\"async\" src=\"https:\/\/atc-hairtransplant.com\/wp-content\/uploads\/2026\/07\/ba-result-37.png\" alt=\"Hair transplant before and after result 37\"><\/div>\n          <div class=\"ba-slide2\" data-index=\"37\"><img decoding=\"async\" src=\"https:\/\/atc-hairtransplant.com\/wp-content\/uploads\/2026\/07\/ba-result-38.png\" alt=\"Hair transplant before and after result 38\"><\/div>\n        <\/div>\n      <\/div>\n      <button class=\"ba-arrow2 ba-next2\" aria-label=\"Next result\">\n        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg>\n      <\/button>\n    <\/div>\n  <\/section>\n\n  <div class=\"ba-disclaimer\">\n    <p>Individual results may vary. Photos shown with patient consent.<\/p>\n  <\/div>\n\n  <div class=\"ba-cta\">\n    <h2>Ready to Start Your Own Transformation?<\/h2>\n    <p>Book a free consultation with our specialists in Amman \u2014 in English or Arabic.<\/p>\n    <a href=\"https:\/\/wa.me\/962791833787\" target=\"_blank\" rel=\"noopener\">Book Free Consultation<\/a>\n  <\/div>\n<\/div>\n\n<script>\n(function(){\n  const slides = Array.from(document.querySelectorAll('#baTrack2 .ba-slide2'));\n  const total = slides.length;\n  let active = 0;\n  const gapPx = 24;\n  const slideWidth = window.innerWidth <= 700 ? 200 : 280;\n\n  function render(){\n    slides.forEach((slide, i) => {\n      let offset = i - active;\n      if (offset > total\/2) offset -= total;\n      if (offset < -total\/2) offset += total;\n      const scale = offset === 0 ? 1.15 : 0.85;\n      slide.style.transform = 'translateX(' + (offset * (slideWidth + gapPx)) + 'px) scale(' + scale + ')';\n      slide.classList.toggle('is-active', offset === 0);\n    });\n  }\n\n  document.querySelector('.ba-prev2').addEventListener('click', () => {\n    active = (active - 1 + total) % total;\n    render();\n  });\n  document.querySelector('.ba-next2').addEventListener('click', () => {\n    active = (active + 1) % total;\n    render();\n  });\n  slides.forEach((slide, i) => {\n    slide.addEventListener('click', () => { active = i; render(); });\n  });\n\n  render();\n  window.addEventListener('resize', render);\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Gallery Before &amp; After Compare real patient transformations before and after Sapphire FUE hair transplant, showcasing natural hairlines, improved density, and long-lasting results. \u2726 Hair Transplant | Beard Transplant | Hair + Beard \u2726 Patient Results Swipe or use the arrows to browse through recent transformations. Individual results may vary. Photos shown with patient consent. Ready to Start Your Own Transformation? Book a free consultation with our specialists in Amman \u2014 in English or Arabic. Book Free Consultation<\/p>","protected":false},"author":1,"featured_media":0,"parent":140,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-179","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/atc-hairtransplant.com\/ar\/wp-json\/wp\/v2\/pages\/179","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/atc-hairtransplant.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/atc-hairtransplant.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/atc-hairtransplant.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/atc-hairtransplant.com\/ar\/wp-json\/wp\/v2\/comments?post=179"}],"version-history":[{"count":35,"href":"https:\/\/atc-hairtransplant.com\/ar\/wp-json\/wp\/v2\/pages\/179\/revisions"}],"predecessor-version":[{"id":1871,"href":"https:\/\/atc-hairtransplant.com\/ar\/wp-json\/wp\/v2\/pages\/179\/revisions\/1871"}],"up":[{"embeddable":true,"href":"https:\/\/atc-hairtransplant.com\/ar\/wp-json\/wp\/v2\/pages\/140"}],"wp:attachment":[{"href":"https:\/\/atc-hairtransplant.com\/ar\/wp-json\/wp\/v2\/media?parent=179"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}