itlala

<!doctype html>

<head>

<title>إطلالة أميرة | أنصومبل 2 بياس</title>

<style>

:root{

--pink:#d95b86; --pink2:#f7d9e4; --cream:#fffaf7; --gold:#c9963e;

--ink:#382b30; --muted:#7b6870; --green:#237a55;

}

*{box-sizing:border-box}

body{margin:0;font-family:Tahoma,Arial,sans-serif;background:linear-gradient(180deg,#fff8fb,#fffdf9);color:var(--ink)}

a{text-decoration:none;color:inherit}

.container{max-width:1120px;margin:auto;padding:0 18px}

.topbar{background:#3a2c31;color:#fff;text-align:center;padding:10px;font-size:15px}

nav{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-bottom:1px solid #f0dde5}

.navin{height:64px;display:flex;align-items:center;justify-content:space-between}

.logo{font-weight:900;font-size:22px;color:#9e2f5c}

.navcta{background:var(--pink);color:#fff;padding:11px 18px;border-radius:999px;font-weight:800}

.hero{padding:34px 0 20px}

.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:32px;align-items:center}

.badge{display:inline-block;background:#ffeaf2;color:#a7315e;padding:8px 14px;border-radius:999px;font-weight:800;margin-bottom:14px}

h1{font-size:clamp(32px,5vw,62px);line-height:1.15;margin:0 0 14px}

h1 span{color:var(--pink)}

.lead{font-size:20px;line-height:1.8;color:#5f4d54}

.price-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:18px 0}

.price{font-size:42px;font-weight:900;color:#a52d59}

.old{text-decoration:line-through;color:#9b8c91;font-size:22px}

.note{color:#a52d59;font-weight:800}

.ctas{display:flex;gap:12px;flex-wrap:wrap}

.btn{padding:15px 24px;border-radius:14px;font-weight:900;border:2px solid transparent;cursor:pointer;display:inline-block}

.btn-primary{background:var(--pink);color:white;box-shadow:0 10px 26px rgba(217,91,134,.25)}

.btn-secondary{background:white;border-color:#efc6d4;color:#a52d59}

.hero-card{position:relative;background:var(--pink2);border-radius:28px;padding:12px;box-shadow:0 18px 50px rgba(74,38,52,.12)}

.hero-card img{width:100%;display:block;border-radius:22px;aspect-ratio:3/4;object-fit:cover}

.ribbon{position:absolute;top:24px;right:24px;background:#fff;color:#9b2d57;padding:9px 14px;border-radius:999px;font-weight:900}

.section{padding:42px 0}

.section h2{font-size:34px;margin:0 0 10px}

.section>p{color:var(--muted);line-height:1.8}

.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}

.card{background:#fff;border:1px solid #f0e1e6;border-radius:20px;padding:20px;box-shadow:0 8px 30px rgba(60,35,45,.05)}

.icon{font-size:30px}

.card h3{margin:8px 0 5px}.card p{margin:0;color:var(--muted);line-height:1.7}

.gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}

.gallery img{width:100%;border-radius:22px;display:block}

.offer{background:linear-gradient(135deg,#fff2f7,#fff8ec);border:1px solid #efd4df;border-radius:28px;padding:28px}

.offer ul{margin:12px 0;padding:0 20px;line-height:2}

.specs{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}

.spec{background:#fff;border-radius:15px;padding:14px;text-align:center;border:1px solid #f0e1e6}

.spec b{display:block;margin-bottom:5px;color:#9f2e58}

form{display:grid;gap:12px}

input,select,textarea{width:100%;padding:14px 15px;border-radius:12px;border:1px solid #decbd3;font:inherit;background:#fff}

textarea{min-height:90px;resize:vertical}

.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}

.trust{display:flex;gap:14px;flex-wrap:wrap;margin-top:16px;color:#4b3b41;font-weight:800}

footer{background:#35292e;color:#fff;text-align:center;padding:24px;margin-top:44px}

.small{font-size:13px;color:#cdbfc5}

@media(max-width:850px){

.hero-grid,.grid3,.gallery,.specs{grid-template-columns:1fr}

.formgrid{grid-template-columns:1fr}

.hero{padding-top:20px}

}

</style>

</head>

<body>

<div class="topbar">🚚 التوصيل بالمجان • 💵 الدفع عند الاستلام • 📸 صور حقيقية للمنتوج</div>

<nav>

<div class="logo">👑 إطلالة أميرة</div>

</div>

</nav>

<main>

<div>

<div class="badge">✨ الجديد بحلّة مختلفة</div>

<h1>أنصومبل <span>2 بياس</span><br>بتصميم تركي متميز 🇹🇷</h1>

<p class="lead">أناقة وراحة في إطلالة واحدة، بخامة مريحة وتصميم عصري يناسب مختلف الأذواق والفصول، مع جودة عالية وعناية في التفاصيل.</p>

</div>

<a class="btn btn-primary" href="#order">أريد الطلب الآن</a>

<a class="btn btn-secondary" href="#details">شاهد التفاصيل</a>

</div>

<span>✅ جودة عالية</span><span>✅ مريح وأنيق</span><span>✅ التوصيل مجاني</span><span>✅ الأداء عند الاستلام</span>

</div>

</div>

</section>

<h2>لماذا هذا الأنصومبل؟</h2>

<p>تصميم عملي وأنيق، مناسب للخروج والمناسبات اليومية، مع ألوان جذابة وتفاصيل تمنحك إطلالة مرتبة دون التنازل عن الراحة.</p>

<div class="card"><div class="icon">🇹🇷</div><h3>تصميم تركي</h3><p>حلة جديدة ومختلفة بلمسة عصرية راقية.</p></div>

<div class="card"><div class="icon">🧵</div><h3>جودة وإتقان</h3><p>مخدوم بأجود أنواع الخيط المستورد مع اهتمام واضح بالتفاصيل.</p></div>

<div class="card"><div class="icon">🌸</div><h3>مريح وأنيق</h3><p>خامة مريحة للاستخدام اليومي وإطلالة مناسبة لمختلف الفصول.</p></div>

</div>

</section>

<h2>تفاصيل المنتج</h2>

<ul>

<li>أنصومبل مكوّن من قطعتين بتصميم عصري.</li>

<li>ألوان رائعة تناسب جميع الفصول.</li>

<li>الطاي: ستاندار.</li>

<li>صور حقيقية للمنتوج.</li>

<li>الكمية متوفرة حالياً.</li>

</ul>

<div class="spec"><b>الثمن</b>350 درهم</div>

<div class="spec"><b>قبل التخفيض</b>400 درهم</div>

<div class="spec"><b>التوصيل</b>بالمجان</div>

<div class="spec"><b>الأداء</b>عند الاستلام</div>

</div>

</section>

<h2>شاهد الألوان والإطلالات</h2>

<p>صور حقيقية توضح شكل القطعة وتناسقها.</p>

</div>

</section>

<p>أرسل معلوماتك وسنتواصل معك لتأكيد الطلب.</p>

</div>

<option value="">اختر اللون</option>

<option>رمادي</option>

</select>

</div>

<button class="btn btn-primary" type="submit">تأكيد طلب المنتج — 350 درهم</button>

</form>

</div>

</section>

</main>

<div>👑 إطلالة أميرة</div>

<div class="small">أناقة • جودة • ثقة | الدفع عند الاستلام • التوصيل بالمجان</div>

</footer>

function submitOrder(e){

e.preventDefault();

const f=e.target;

const result=document.getElementById('result');

result.style.display='block';

result.textContent='✅ تم استلام بياناتك. سيتم التواصل معك لتأكيد الطلب.';

f.reset();

}

</script>

</body>

</html>