Update PT hero, gallery, coach credentials, and TikTok videos

Full-bleed hero background slider with glass header, expanded photo
gallery to 22 images, added coach certifications, refreshed hero copy
for the broader audience (women/men/kids/special needs), and added
4 more TikTok videos to the gallery.

pt/index.html

@@ -53,7 +53,8 @@
   .btn-navy{background:var(--navy);color:#fff;}
 
   /* ===== HEADER ===== */
-  header{position:sticky;top:0;z-index:50;background:rgba(24,37,58,.86);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.08);}
+  header{position:sticky;top:0;z-index:50;background:rgba(5,16,36,.68);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.1);transition:background .3s ease, backdrop-filter .3s ease;}
+  header.scrolled{background:rgba(24,37,58,.86);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom-color:rgba(255,255,255,.08);}
   .nav-wrap{display:flex;align-items:center;justify-content:space-between;height:78px;}
   .logo{display:flex;align-items:center;gap:10px;font-weight:900;font-size:18px;color:#fff;}
   .logo-badge{width:52px;height:52px;border-radius:12px;background:transparent;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;}
@@ -65,32 +66,43 @@
   .header-cta{display:flex;align-items:center;gap:14px;}
   .burger{display:none;}
 
-  /* ===== HERO ===== */
-  .hero{position:relative;color:#fff;overflow:hidden;background:radial-gradient(1100px 500px at 85% -10%, rgba(193,68,59,.32), transparent 60%),radial-gradient(900px 500px at -10% 110%, rgba(193,68,59,.16), transparent 60%),linear-gradient(155deg, var(--navy-deep) 0%, var(--navy) 55%, #2E4468 100%);padding:96px 0 110px;}
-  .hero::after{content:"";position:absolute;inset:0;opacity:.10;background-image:repeating-linear-gradient(45deg, #fff 0 2px, transparent 2px 34px);pointer-events:none;}
-  .hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center;position:relative;}
+  /* ===== HERO (full-bleed background slider, text overlaid) ===== */
+  .hero{position:relative;color:#fff;overflow:hidden;min-height:680px;display:flex;align-items:center;padding:150px 0 90px;background:var(--navy-deep);}
+  .hero-bg{position:absolute;inset:0;z-index:0;}
+  .hero-slider{position:absolute;inset:0;width:100%;height:100%;}
+  .hero-slider img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 22%;opacity:0;transition:opacity 1.4s ease;}
+  .hero-slider img.active{opacity:1;z-index:1;}
+  .hero-slider img.kb{animation:ptKenBurns 7s ease-out forwards;}
+  @keyframes ptKenBurns{from{transform:scale(1.06);}to{transform:scale(1.16);}}
+  @media (prefers-reduced-motion: reduce){.hero-slider img.kb{animation:none;}}
+  .hero-overlay{position:absolute;inset:0;z-index:1;pointer-events:none;
+    background:
+      linear-gradient(to left, rgba(7,26,56,.94) 0%, rgba(7,26,56,.8) 30%, rgba(7,26,56,.35) 62%, rgba(7,26,56,.08) 100%),
+      linear-gradient(180deg, rgba(7,26,56,.65) 0%, transparent 28%, transparent 68%, rgba(7,26,56,.75) 100%);
+  }
+  .hero-pattern{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:.08;background-image:repeating-linear-gradient(45deg, #fff 0 2px, transparent 2px 34px);}
+  .hero-grid{position:relative;z-index:2;}
+  .hero-content{max-width:640px;}
   .hero-eyebrow{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);padding:8px 16px;border-radius:100px;font-size:13px;font-weight:700;margin-bottom:22px;}
   .hero-eyebrow span.dot{width:7px;height:7px;border-radius:50%;background:var(--orange);display:inline-block;}
   .hero h1{font-size:clamp(34px,4.6vw,54px);color:#fff;line-height:1.28;font-weight:900;margin-bottom:20px;}
   .hero h1 em{font-style:normal;color:var(--orange);}
-  .hero p.lead{font-size:18px;color:rgba(255,255,255,.78);max-width:520px;margin-bottom:34px;}
+  .hero p.lead{font-size:18px;color:rgba(255,255,255,.82);max-width:520px;margin-bottom:34px;}
   .hero-actions{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:44px;}
   .hero-meta{display:flex;gap:30px;flex-wrap:wrap;}
   .hero-meta div{display:flex;flex-direction:column;gap:2px;}
   .hero-meta .n{font-family:'Poppins';font-weight:800;font-size:26px;color:var(--orange);}
-  .hero-meta .l{font-size:12.5px;color:rgba(255,255,255,.65);}
-  .hero-visual{position:relative;height:420px;border-radius:28px;overflow:hidden;background:linear-gradient(150deg,var(--navy) 0%, #2E4468 100%);box-shadow:0 40px 70px -30px rgba(0,0,0,.5);}
-  .hero-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg, rgba(7,26,56,.55), transparent 55%);z-index:2;pointer-events:none;}
-  .hero-slider{position:relative;width:100%;height:100%;}
-  .hero-slider img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;opacity:0;transition:opacity 1.4s ease;}
-  .hero-slider img.active{opacity:.92;z-index:1;}
-  .hero-slider img.kb{animation:ptKenBurns 7s ease-out forwards;}
-  @keyframes ptKenBurns{from{transform:scale(1.06);}to{transform:scale(1.16);}}
-  @media (prefers-reduced-motion: reduce){.hero-slider img.kb{animation:none;}}
+  .hero-meta .l{font-size:12.5px;color:rgba(255,255,255,.7);}
   /* subtle glow that follows the cursor across the hero, for a premium feel */
-  .hero{position:relative;}
-  .cursor-glow{position:absolute;width:420px;height:420px;border-radius:50%;pointer-events:none;background:radial-gradient(circle, rgba(193,68,59,.16), transparent 70%);transform:translate(-50%,-50%);z-index:1;transition:opacity .3s ease;opacity:0;}
+  .cursor-glow{position:absolute;width:420px;height:420px;border-radius:50%;pointer-events:none;background:radial-gradient(circle, rgba(193,68,59,.2), transparent 70%);transform:translate(-50%,-50%);z-index:1;transition:opacity .3s ease;opacity:0;}
   .hero:hover .cursor-glow{opacity:1;}
+  @media (max-width:920px){
+    .hero{min-height:560px;padding:130px 0 70px;}
+    .hero-content{max-width:100%;}
+    .hero-overlay{background:
+      linear-gradient(0deg, rgba(7,26,56,.92) 0%, rgba(7,26,56,.75) 45%, rgba(7,26,56,.4) 100%);
+    }
+  }
   @media (max-width:920px){.cursor-glow{display:none;}}
 
   /* ===== TRUST BAR ===== */
@@ -276,32 +288,34 @@
 </header>
 
 <section class="hero" id="heroSection">
+  <div class="hero-bg">
+    <div class="hero-slider">
+      <img src="images/hero-slider/slide-1.jpeg" alt="" class="active kb">
+      <img src="images/hero-slider/slide-2.jpeg" alt="" class="">
+      <img src="images/hero-slider/slide-3.jpeg" alt="" class="">
+      <img src="images/hero-slider/slide-4.jpeg" alt="" class="">
+      <img src="images/hero-slider/slide-5.jpeg" alt="" class="">
+    </div>
+  </div>
+  <div class="hero-overlay"></div>
+  <div class="hero-pattern"></div>
   <div class="cursor-glow" id="cursorGlow"></div>
   <div class="container hero-grid">
-    <div>
-      <div class="hero-eyebrow"><span class="dot"></span> رجال ونساء · من 12 سنة فأكثر</div>
+    <div class="hero-content">
+      <div class="hero-eyebrow"><span class="dot"></span> رجال ونساء وأطفال وذوي الهمم · من 6 سنين فأكثر</div>
       <h1>خطتك الرياضية <em>الخاصة</em>،<br>مصممة لهدفك وحدك</h1>
-      <p class="lead">تدريب شخصي فردي بإشراف مدربين ومدربات معتمدين، في بيئة خاصة ومريحة — خطة تُبنى حول جسمك وهدفك، مش قالب جاهز للجميع.</p>
+      <p class="lead">تدريب شخصي فردي للنساء والرجال والأطفال وذوي الهمم، بإشراف مدربين ومدربات معتمدين وخطط مخصصة تراعي عمرك ومستواك — مش قالب جاهز للجميع.</p>
       <div class="hero-actions">
         <a href="#assessment" class="btn btn-primary">احجز تقييمك المجاني</a>
         <a href="https://wa.me/966559695266" target="_blank" rel="noopener" class="btn btn-outline">تواصل عبر واتساب</a>
       </div>
       <div class="hero-meta">
         <div><span class="n">1:1</span><span class="l">مدرب لكل متدرب</span></div>
-        <div><span class="n">12+</span><span class="l">الفئة العمرية</span></div>
+        <div><span class="n">6+</span><span class="l">الفئة العمرية</span></div>
         <div><span class="n">60</span><span class="l">دقيقة لكل حصة</span></div>
         <div><span class="n">100%</span><span class="l">خصوصية أثناء الحصة</span></div>
       </div>
     </div>
-    <div class="hero-visual">
-      <div class="hero-slider">
-        <img src="images/ptimagesgallery-new/1.jpeg" alt="" class="active kb">
-        <img src="images/ptimagesgallery-new/5.jpeg" alt="" class="">
-        <img src="images/ptimagesgallery-new/9.jpeg" alt="" class="">
-        <img src="images/personal-training/3.webp" alt="" class="">
-        <img src="images/ptimagesgallery-new/12.jpeg" alt="" class="">
-      </div>
-    </div>
   </div>
 </section>
 
@@ -356,7 +370,7 @@
         <li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M20 6L9 17l-5-5"/></svg> متابعة وتعديل الخطة كل أسبوعين</li>
       </ul>
     </div>
-    <div class="about-visual reveal"><img src="images/personal-training/2.webp" alt="تدريب شخصي"></div>
+    <div class="about-visual reveal"><img src="images/MAIN.jpeg" alt="تدريب شخصي"></div>
   </div>
 </section>
 
@@ -442,9 +456,11 @@
         <div class="role">مدرب معتمد دوليًا بدرجة ماستر — التدريب الشخصي</div>
         <p>خبرة تزيد عن 10 سنوات في التدريب الشخصي، وعضو النقابة العامة للمهن الرياضية. تتوفر أيضًا مدربات معتمدات للمتدربات النساء ضمن بيئة خاصة ومريحة.</p>
         <div class="audience-grid">
-          <div class="audience-pill"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M20 6L9 17l-5-5"/></svg> معتمد من الاتحاد الدولي LFMA</div>
-          <div class="audience-pill"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M20 6L9 17l-5-5"/></svg> معتمد من المنظمة الدولية WAKO</div>
+          <div class="audience-pill"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M20 6L9 17l-5-5"/></svg> معتمد من الاتحاد الدولي LFMA للمواي تاي</div>
+          <div class="audience-pill"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M20 6L9 17l-5-5"/></svg> معتمد من المنظمة الدولية WAKO للكيك بوكسينغ</div>
           <div class="audience-pill"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M20 6L9 17l-5-5"/></svg> معتمد من الاتحاد السعودي للكيك بوكسينغ</div>
+          <div class="audience-pill"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M20 6L9 17l-5-5"/></svg> معتمد من الاتحاد السعودي للملاكمة التايلندية</div>
+          <div class="audience-pill"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M20 6L9 17l-5-5"/></svg> مدرب المنتخب السعودي للكيك بوكسينغ</div>
         </div>
       </div>
     </div>
@@ -470,6 +486,16 @@
       <div class="gallery-item reveal"><img src="images/ptimagesgallery-new/10.jpeg" alt="حصة تدريب شخصي" loading="lazy"></div>
       <div class="gallery-item reveal"><img src="images/ptimagesgallery-new/11.jpeg" alt="حصة تدريب شخصي" loading="lazy"></div>
       <div class="gallery-item reveal"><img src="images/ptimagesgallery-new/12.jpeg" alt="حصة تدريب شخصي" loading="lazy"></div>
+      <div class="gallery-item reveal"><img src="images/ptimagesgallery-new/13.jpeg" alt="حصة تدريب شخصي" loading="lazy"></div>
+      <div class="gallery-item reveal"><img src="images/ptimagesgallery-new/14.jpeg" alt="حصة تدريب شخصي" loading="lazy"></div>
+      <div class="gallery-item reveal"><img src="images/ptimagesgallery-new/15.jpeg" alt="حصة تدريب شخصي" loading="lazy"></div>
+      <div class="gallery-item reveal"><img src="images/ptimagesgallery-new/16.jpeg" alt="حصة تدريب شخصي" loading="lazy"></div>
+      <div class="gallery-item reveal"><img src="images/ptimagesgallery-new/17.jpeg" alt="حصة تدريب شخصي" loading="lazy"></div>
+      <div class="gallery-item reveal"><img src="images/ptimagesgallery-new/18.jpeg" alt="حصة تدريب شخصي" loading="lazy"></div>
+      <div class="gallery-item reveal"><img src="images/ptimagesgallery-new/19.jpeg" alt="حصة تدريب شخصي" loading="lazy"></div>
+      <div class="gallery-item reveal"><img src="images/ptimagesgallery-new/20.jpeg" alt="حصة تدريب شخصي" loading="lazy"></div>
+      <div class="gallery-item reveal"><img src="images/ptimagesgallery-new/21.jpeg" alt="حصة تدريب شخصي" loading="lazy"></div>
+      <div class="gallery-item reveal"><img src="images/ptimagesgallery-new/22.jpeg" alt="حصة تدريب شخصي" loading="lazy"></div>
     </div>
   </div>
 </section>
@@ -516,6 +542,26 @@
           <section></section>
         </blockquote>
       </div>
+      <div class="tiktok-item reveal">
+        <blockquote class="tiktok-embed" cite="https://www.tiktok.com/@p.t.caf_academy/video/7667677084247969031" data-video-id="7667677084247969031" style="max-width: 100%; min-width: 260px;">
+          <section></section>
+        </blockquote>
+      </div>
+      <div class="tiktok-item reveal">
+        <blockquote class="tiktok-embed" cite="https://www.tiktok.com/@p.t.caf_academy/video/7627991136308661512" data-video-id="7627991136308661512" style="max-width: 100%; min-width: 260px;">
+          <section></section>
+        </blockquote>
+      </div>
+      <div class="tiktok-item reveal">
+        <blockquote class="tiktok-embed" cite="https://www.tiktok.com/@p.t.caf_academy/video/7627877457273605394" data-video-id="7627877457273605394" style="max-width: 100%; min-width: 260px;">
+          <section></section>
+        </blockquote>
+      </div>
+      <div class="tiktok-item reveal">
+        <blockquote class="tiktok-embed" cite="https://www.tiktok.com/@p.t.caf_academy/video/7601885856042978568" data-video-id="7601885856042978568" style="max-width: 100%; min-width: 260px;">
+          <section></section>
+        </blockquote>
+      </div>
       <!-- لإضافة فيديو جديد: انسخ نفس div.tiktok-item وغيّر رابط cite ورقم data-video-id فقط -->
     </div>
   </div>
@@ -720,7 +766,7 @@
       });
       idx = i;
     }
-    if(imgs.length > 1) setInterval(()=>show((idx+1)%imgs.length), 5000);
+    if(imgs.length > 1) setInterval(()=>show((idx+1)%imgs.length), 4000);
   })();
 </script>