<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Ensemble Sport — Dziri Style</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Oswald:wght@400;600;700&family=Cairo:wght@400;600;700&family=Inter:wght@400;500;600&display=swap" rel="stylesheet">
<style>
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:'Inter',sans-serif;background:#0f0a06;color:#fff;overflow-x:hidden;}
/* HERO */
.lp-hero{background:linear-gradient(135deg,#1a0f05 0%,#2d1a0a 40%,#0f0a06 100%);min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem;position:relative;overflow:hidden;}
.lp-hero::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 60% 40%,rgba(139,69,19,0.15) 0%,transparent 60%);pointer-events:none;}
.lp-badge-top{background:#c0392b;color:#fff;font-size:11px;font-weight:700;letter-spacing:2px;padding:6px 24px;border-radius:2px;text-transform:uppercase;margin-bottom:2rem;animation:lp-pulse 2s infinite;}
@keyframes lp-pulse{0%,100%{opacity:1;}50%{opacity:0.75;}}
.lp-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;max-width:920px;width:100%;}
.lp-img-wrap{position:relative;}
.lp-img-wrap img{width:100%;border-radius:14px;border:2px solid rgba(255,255,255,0.1);box-shadow:0 24px 64px rgba(0,0,0,0.65);}
.lp-badge-img{position:absolute;top:-14px;right:-14px;background:#e67e22;color:#fff;font-size:12px;font-weight:700;padding:8px;border-radius:50%;width:66px;height:66px;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.2;box-shadow:0 4px 18px rgba(230,126,34,0.55);}
.lp-text{display:flex;flex-direction:column;gap:1.2rem;}
.lp-brand{font-family:'Oswald',sans-serif;font-size:12px;letter-spacing:5px;color:#c8a96e;text-transform:uppercase;}
.lp-title{font-family:'Oswald',sans-serif;font-size:2.9rem;font-weight:700;line-height:1.1;color:#fff;}
.lp-title span{color:#c8a96e;}
.lp-sub{font-size:14px;color:rgba(255,255,255,0.7);line-height:1.75;}
.lp-dz{font-family:'Cairo',sans-serif;font-size:15px;color:#f0d080;background:rgba(200,169,110,0.1);border-left:3px solid #c8a96e;padding:10px 16px;border-radius:0 6px 6px 0;font-style:italic;}
.lp-price-row{display:flex;align-items:baseline;gap:14px;}
.lp-price-old{font-size:17px;color:rgba(255,255,255,0.4);text-decoration:line-through;}
.lp-price-new{font-family:'Oswald',sans-serif;font-size:2.6rem;font-weight:700;color:#e67e22;}
.lp-price-note{font-size:11px;color:rgba(255,255,255,0.45);margin-top:4px;}
.lp-stock-wrap{background:rgba(255,255,255,0.05);border-radius:4px;overflow:hidden;height:6px;margin-top:4px;}
.lp-stock-bar{background:linear-gradient(90deg,#e67e22,#c0392b);width:23%;height:100%;border-radius:4px;}
.lp-stock-txt{font-size:11px;color:#e67e22;font-weight:600;margin-top:5px;font-family:'Cairo',sans-serif;}
.lp-cta{background:linear-gradient(135deg,#e67e22,#c0392b);color:#fff !important;font-size:1rem;font-weight:700;padding:17px 32px;border-radius:6px;border:none;width:100%;letter-spacing:1px;text-transform:uppercase;font-family:'Oswald',sans-serif;box-shadow:0 8px 28px rgba(230,126,34,0.45);transition:transform 0.15s,box-shadow 0.15s;text-decoration:none;display:block;text-align:center;cursor:pointer;}
.lp-cta:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(230,126,34,0.58);}
.lp-trust-row{display:flex;gap:1rem;flex-wrap:wrap;}
.lp-trust{font-size:12px;color:rgba(255,255,255,0.6);display:flex;align-items:center;gap:5px;}
/* URGENCY BAR */
.lp-urgency{background:#1a0f05;border-top:1px solid rgba(200,169,110,0.2);border-bottom:1px solid rgba(200,169,110,0.2);padding:13px 2rem;text-align:center;font-size:13px;color:rgba(255,255,255,0.7);}
.lp-timer{display:inline-flex;gap:8px;align-items:center;font-family:'Oswald',sans-serif;font-size:1.4rem;font-weight:700;color:#e67e22;}
.lp-timer span{background:#2d1a0a;padding:4px 10px;border-radius:4px;}
.lp-tsep{color:rgba(255,255,255,0.3);font-size:1rem;}
/* FEATURES */
.lp-features{background:#120d07;padding:3.5rem 2rem;}
.lp-sec-title{font-family:'Oswald',sans-serif;font-size:1.9rem;font-weight:700;text-align:center;margin-bottom:2rem;color:#fff;}
.lp-sec-title span{color:#c8a96e;}
.lp-feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:820px;margin:0 auto;}
.lp-feat-card{background:#1a1007;border:1px solid rgba(200,169,110,0.15);border-radius:10px;padding:1.5rem;text-align:center;}
.lp-feat-icon{font-size:2rem;margin-bottom:0.8rem;}
.lp-feat-title{font-family:'Oswald',sans-serif;font-size:1rem;font-weight:600;color:#c8a96e;margin-bottom:0.4rem;}
.lp-feat-desc{font-size:12px;color:rgba(255,255,255,0.6);line-height:1.6;}
/* REVIEWS */
.lp-reviews{background:#0f0a06;padding:3.5rem 2rem;}
.lp-rev-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;max-width:820px;margin:0 auto;}
.lp-rev-card{background:#1a1007;border:1px solid rgba(200,169,110,0.1);border-radius:10px;padding:1.2rem;}
.lp-stars{color:#e67e22;font-size:13px;margin-bottom:0.5rem;}
.lp-rev-text{font-family:'Cairo',sans-serif;font-size:13px;color:rgba(255,255,255,0.8);line-height:1.6;margin-bottom:0.8rem;}
.lp-rev-author{font-size:11px;color:rgba(255,255,255,0.4);}
/* FINAL CTA */
.lp-final{background:linear-gradient(135deg,#2d1a0a,#1a0f05);padding:3.5rem 2rem;text-align:center;}
.lp-final-title{font-family:'Oswald',sans-serif;font-size:2.1rem;font-weight:700;margin-bottom:0.5rem;}
.lp-final-sub{font-family:'Cairo',sans-serif;font-size:1rem;color:#f0d080;margin-bottom:1.5rem;}
.lp-cta-final{background:linear-gradient(135deg,#e67e22,#c0392b);color:#fff !important;font-size:1.1rem;font-weight:700;padding:18px 52px;border-radius:6px;border:none;letter-spacing:1.5px;text-transform:uppercase;font-family:'Oswald',sans-serif;box-shadow:0 8px 32px rgba(230,126,34,0.5);transition:transform 0.15s;text-decoration:none;display:inline-block;cursor:pointer;}
.lp-cta-final:hover{transform:translateY(-2px);}
/* FOOTER */
.lp-footer{background:#0a0603;padding:1.5rem;text-align:center;display:flex;justify-content:center;gap:2rem;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,0.05);}
.lp-ft{font-size:12px;color:rgba(255,255,255,0.4);display:flex;align-items:center;gap:5px;}
/* RESPONSIVE */
@media(max-width:680px){
.lp-hero-grid{grid-template-columns:1fr;}
.lp-title{font-size:2.1rem;}
.lp-feat-grid{grid-template-columns:1fr 1fr;}
.lp-rev-grid{grid-template-columns:1fr;}
.lp-footer{gap:1rem;}
}
@media(max-width:400px){
.lp-feat-grid{grid-template-columns:1fr;}
}
</style>
</head>
<body>
<!-- ===== HERO ===== -->
<section class="lp-hero">
<div class="lp-badge-top">⚡ OFFRE LIMITÉE — STOCK CRITIQUE</div>
<div class="lp-hero-grid">
<div class="lp-img-wrap">
<!-- ضع رابط صورة المنتج من Youcan هنا -->
<img src="https://cdn.youcan.shop/stores/fitrahh/files/ensemble.jpg" alt="Ensemble Sport Chocolat — Dziri Style">
<div class="lp-badge-img">-17%<br>OFF</div>
</div>
<div class="lp-text">
<div class="lp-brand">DZIRI STYLE</div>
<h1 class="lp-title">L'Ensemble<br>qui <span>Claque</span><br>partout</h1>
<p class="lp-sub">Ensemble simple 100% coton — Confort absolu, style streetwear premium. Le combo que tout le monde remarque.</p>
<div class="lp-dz">"لاباس عليك كي تلبسو — راك تبان كيما VIP في الحي 🔥"</div>
<div>
<div class="lp-price-row">
<div class="lp-price-old">950 DA</div>
<div class="lp-price-new">790 DA</div>
</div>
<div class="lp-price-note">⚡ Livraison rapide — Paiement à la livraison</div>
</div>
<div>
<div class="lp-stock-wrap"><div class="lp-stock-bar"></div></div>
<div class="lp-stock-txt">⚠️ Stock limité — غادي ينقص بزاف!</div>
</div>
<a class="lp-cta" href="https://fitrahh.youcan.store/products/ensemble">
🛒 COMMANDER MAINTENANT — اشري دروك
</a>
<div class="lp-trust-row">
<div class="lp-trust">🚚 Livraison rapide</div>
<div class="lp-trust">🔒 Paiement à la livraison</div>
<div class="lp-trust">🔄 Retour facile</div>
</div>
</div>
</div>
</section>
<!-- ===== URGENCY ===== -->
<div class="lp-urgency">
⏰ Offre expire dans
<div class="lp-timer">
<span id="lp-hh">02</span>
<span class="lp-tsep">:</span>
<span id="lp-mm">47</span>
<span class="lp-tsep">:</span>
<span id="lp-ss">33</span>
</div>
— <span style="color:#f0d080;font-family:'Cairo',sans-serif;"> بقا وقت قليل على السعر هذا!</span>
</div>
<!-- ===== FEATURES ===== -->
<section class="lp-features">
<h2 class="lp-sec-title">Pourquoi tout le monde <span>l'achète ?</span></h2>
<div class="lp-feat-grid">
<div class="lp-feat-card">
<div class="lp-feat-icon">🧵</div>
<div class="lp-feat-title">100% Coton</div>
<div class="lp-feat-desc">خامة قطن طبيعي — يدوم بزاف وما يتبلاش بسرعة</div>
</div>
<div class="lp-feat-card">
<div class="lp-feat-icon">🏀</div>
<div class="lp-feat-title">Style Streetwear</div>
<div class="lp-feat-desc">صالح للشارع، الملعب، والقهوة</div>
</div>
<div class="lp-feat-card">
<div class="lp-feat-icon">❄️</div>
<div class="lp-feat-title">Confort Total</div>
<div class="lp-feat-desc">مريح كيما تلبس لا والو — coupe oversize parfaite</div>
</div>
<div class="lp-feat-card">
<div class="lp-feat-icon">🎨</div>
<div class="lp-feat-title">Couleur Exclusive</div>
<div class="lp-feat-desc">Chocolat avec bandes blanches — لون ما لقيتوش عند الجميع</div>
</div>
<div class="lp-feat-card">
<div class="lp-feat-icon">📦</div>
<div class="lp-feat-title">Livraison Rapide</div>
<div class="lp-feat-desc">Partout en Algérie — لكل ولايات الجزائر</div>
</div>
<div class="lp-feat-card">
<div class="lp-feat-icon">💳</div>
<div class="lp-feat-title">Paiement Livraison</div>
<div class="lp-feat-desc">تخلص كي يوصلك — زيرو مخاطرة</div>
</div>
</div>
</section>
<!-- ===== REVIEWS ===== -->
<section class="lp-reviews">
<h2 class="lp-sec-title">ماذا قال <span>الزبائن؟</span></h2>
<div class="lp-rev-grid">
<div class="lp-rev-card">
<div class="lp-stars">★★★★★</div>
<div class="lp-rev-text">"والله جاء بخير، الخامة ممتازة وجاء أحسن من الصورة. راني لابسو في كل مكان!"</div>
<div class="lp-rev-author">— Yacine B., Alger</div>
</div>
<div class="lp-rev-card">
<div class="lp-stars">★★★★★</div>
<div class="lp-rev-text">"Franchement top qualité, je m'attendais pas à ça pour ce prix. J'en commande un autre!"</div>
<div class="lp-rev-author">— Sofiane K., Oran</div>
</div>
<div class="lp-rev-card">
<div class="lp-stars">★★★★★</div>
<div class="lp-rev-text">"الطلب وصل بسرعة، والتصميم كلاش. صحابي كلهم سألوني وينو شريتو 😍"</div>
<div class="lp-rev-author">— Mehdi R., Constantine</div>
</div>
</div>
<p style="text-align:center;font-size:12px;color:rgba(255,255,255,0.3);margin-top:1.5rem;font-family:'Cairo',sans-serif;">✅ أكثر من 1000 طلب موصّل — Plus de 1000 commandes livrées</p>
</section>
<!-- ===== FINAL CTA ===== -->
<section class="lp-final">
<h2 class="lp-final-title">آخر فرصة — Dernière Chance 🔥</h2>
<p class="lp-final-sub">"اللي ما اشراش دروك — يبكي غدوه 😂"</p>
<div style="margin-bottom:1.5rem;">
<span style="font-size:1.9rem;font-family:'Oswald',sans-serif;font-weight:700;color:#e67e22;">790 DA</span>
<span style="font-size:13px;color:rgba(255,255,255,0.45);margin-left:10px;text-decoration:line-through;">950 DA</span>
</div>
<a class="lp-cta-final" href="https://fitrahh.youcan.store/products/ensemble">
⚡ JE COMMANDE — نطلب دروك
</a>
<p style="font-size:11px;color:rgba(255,255,255,0.35);margin-top:1.2rem;">🔒 Paiement à la livraison · خلصو كي يوصلك · Dziri Style</p>
</section>
<!-- ===== FOOTER ===== -->
<div class="lp-footer">
<div class="lp-ft">✅ 100% Sécurisé</div>
<div class="lp-ft">🚚 Livraison Rapide</div>
<div class="lp-ft">❤️ Dziri Style</div>
<div class="lp-ft">📞 Support 7j/7</div>
</div>
<!-- ===== TIMER SCRIPT ===== -->
<script>
(function(){
var total = 2*3600 + 47*60 + 33;
function tick(){
if(total<=0)return;
total--;
var h=Math.floor(total/3600);
var m=Math.floor((total%3600)/60);
var s=total%60;
var hEl=document.getElementById('lp-hh');
var mEl=document.getElementById('lp-mm');
var sEl=document.getElementById('lp-ss');
if(hEl) hEl.textContent=String(h).padStart(2,'0');
if(mEl) mEl.textContent=String(m).padStart(2,'0');
if(sEl) sEl.textContent=String(s).padStart(2,'0');
}
setInterval(tick,1000);
})();
</script>
</body>
</html>