<!DOCTYPE html>
<html lang="ar" dir="rtl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Pack ENZO + CARLINE QUEEN</title>
<style>
:root {
--primary-color: #d4af37;
--accent-color: #e60000;
--bg-dark: #121212;
--bg-card: #1e1e1e;
--text-light: #ffffff;
--text-muted: #cccccc;
}
body {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
background-color: var(--bg-dark);
color: var(--text-light);
margin: 0;
padding: 0;
line-height: 1.6;
}
.announcement-bar {
background: linear-gradient(90deg, #d4af37, #f3e5ab, #d4af37);
color: #000;
text-align: center;
padding: 10px;
font-weight: bold;
font-size: 14px;
}
.container {
max-width: 600px;
margin: 0 auto;
padding: 20px;
}
.hero-title {
text-align: center;
font-size: 24px;
color: var(--primary-color);
margin-bottom: 10px;
}
.hero-subtitle {
text-align: center;
font-size: 15px;
color: var(--text-muted);
margin-bottom: 20px;
}
.product-image {
width: 100%;
border-radius: 12px;
border: 2px solid var(--primary-color);
box-shadow: 0 4px 15px rgba(212, 175, 55, 0.2);
margin-bottom: 20px;
}
.price-box {
background-color: var(--bg-card);
border: 2px dashed var(--primary-color);
border-radius: 10px;
text-align: center;
padding: 15px;
margin-bottom: 25px;
}
.old-price {
text-decoration: line-through;
color: #888;
font-size: 18px;
}
.new-price {
color: #2eb82e;
font-size: 28px;
font-weight: bold;
margin-top: 5px;
}
.badge-offer {
background-color: var(--accent-color);
color: #fff;
padding: 4px 12px;
border-radius: 20px;
font-size: 13px;
display: inline-block;
margin-bottom: 8px;
}
.section-title {
color: var(--primary-color);
border-bottom: 2px solid var(--primary-color);
padding-bottom: 5px;
margin-top: 30px;
font-size: 20px;
}
.features-list {
list-style: none;
padding: 0;
}
.features-list li {
background-color: var(--bg-card);
margin-bottom: 10px;
padding: 12px 15px;
border-radius: 8px;
border-right: 4px solid var(--primary-color);
}
.order-form {
background-color: var(--bg-card);
padding: 20px;
border-radius: 12px;
margin-top: 30px;
border: 1px solid #333;
}
.form-group {
margin-bottom: 15px;
}
.form-group label {
display: block;
margin-bottom: 5px;
font-weight: bold;
}
.form-group input {
width: 100%;
padding: 12px;
border-radius: 6px;
border: 1px solid #444;
background-color: #2a2a2a;
color: #fff;
box-sizing: border-box;
font-size: 16px;
}
.btn-submit {
width: 100%;
background: linear-gradient(180deg, #2eb82e, #1e7b1e);
color: white;
padding: 15px;
border: none;
border-radius: 8px;
font-size: 20px;
font-weight: bold;
cursor: pointer;
box-shadow: 0 4px 10px rgba(46, 184, 46, 0.4);
transition: 0.3s;
}
.btn-submit:hover {
opacity: 0.9;
}
.guarantees {
display: flex;
justify-content: space-around;
text-align: center;
margin-top: 25px;
font-size: 12px;
color: var(--text-muted);
}
.guarantee-item icon {
font-size: 20px;
display: block;
margin-bottom: 5px;
}
</style>
</head>
<body>
<div class="announcement-bar">
🚚 التوصيل بالمجان في جميع مدن المغرب + الدفع بعد الاستلام
</div>
<div class="container">
<h1 class="hero-title">🌟 شعرك حرير ومرطب في دقائق بدون ما تمشي للصالون!</h1>
<p class="hero-subtitle">اكتشفي سر الشعر الناعم واللامع مع الباك الذهبي الاحترافي ENZO + CARLINE QUEEN</p>
<!-- استبدل رابط الصورة برابط الصورة المقادة عندك -->
<img src="YOUR_IMAGE_URL_HERE.jpg" alt="Pack ENZO CARLINE QUEEN" class="product-image">
<div class="price-box">
<span class="badge-offer">🔥 عرض خاص ومحدود</span>
<div class="old-price">السعر القديم: 620 درهم</div>
<div class="new-price">السعر الحالي: 579 درهم فقط!</div>
</div>
<h2 class="section-title">✨ شنو كاين داخل هاد الباك الملكي؟</h2>
<ul class="features-list">
<li>🔌 <b>Lisseur ENZO Professional (988°F):</b> صفائح التيتانيوم والكيراتين لحماية حرارية فائقة.</li>
<li>🧴 <b>شامبو Carline Queen (850ml):</b> خالي من السلفات والبارابين لتنظيف وترطيب عميق.</li>
<li>🧴 <b>بلسم Conditioner (850ml):</b> لتسهيل التمشيط وإعادة الحيوية.</li>
<li>🥣 <b>ماسك الشعر Hair Mask (800ml):</b> تغذية مكثفة للشعر الجاف والتالف.</li>
<li>💧 <b>سيروم الماكاداميا (50ml):</b> لمسة هيدراتاسيون ولمعان حماة من التقصف.</li>
</ul>
<h2 class="section-title">⭐ علاش غادي تعشقي هاد الباك؟</h2>
<ul class="features-list">
<li>✅ نتيجة صالونات التجميل من أول استعمال فدارك.</li>
<li>✅ مناسب لجميع أنواع الشعر (بما فيه المصبوغ والمعالج).</li>
<li>✅ توفير حقيقي للوقت والفلوس.</li>
</ul>
<!-- Formulaire -->
<div class="order-form" id="order">
<h3 style="text-align: center; color: var(--primary-color); margin-top: 0;">للطلب أدخلي معلوماتك هنا</h3>
<form action="#" method="POST">
<div class="form-group">
<label>الاسم الكامل:</label>
<input type="text" placeholder="الاسم الشخصي والعائلي" required>
</div>
<div class="form-group">
<label>رقم الهاتف:</label>
<input type="tel" placeholder="06XXXXXXXX" required>
</div>
<div class="form-group">
<label>المدينة:</label>
<input type="text" placeholder="مدينتك" required>
</div>
<div class="form-group">
<label>العنوان:</label>
<input type="text" placeholder="الحي أو العنوان السكني">
</div>
<button type="submit" class="btn-submit">اضغط هنا لتأكيد الطلب 🛍️</button>
</form>
</div>
<div class="guarantees">
<div class="guarantee-item">
<span>🚚</span>
<p>توصيل سريع (24h-48h)</p>
</div>
<div class="guarantee-item">
<span>🔍</span>
<p>معاينة المنتج قبل الدفع</p>
</div>
<div class="guarantee-item">
<span>🤝</span>
<p>الدفع عند الاستلام</p>
</div>
</div>
</div>
</body>
</html>