26/09/2026
✨ حوّل بيتك لسماء نجوم فـ ثواني! 🌌
راك حاب دير جو مختلف فـ الدار؟ 🏠
بروجيكتور السماء والمجرة يعرضلك نجوم، مجرة، وقمر يزينو فـ الحيط والسقف - أجواء ساحرة ما شفتيهاش قبل! 🌟
🎬 يجي مع شرائح متعددة - بدلها كيفما تحب، كل مرة منظر جديد
🔧 ذراع مرن (Gooseneck) - وجهو للزاوية اللي يعجبك بكل سهولة
🔌 يخدم بـ USB - PC، شاحن، باور بانك، وين ما كان عندك منفذ USB يخدم
💡 مناسب بزاف لـ:
سويري رومانسي مع الحبيب/ة 💕
تهدئة الأطفال باش يرقدو 🌙💤
ديكور مميز للصالون ولا الغرفة
📦 التغليف يشمل: البروجيكتور + طقم شرائح + دليل الاستخدام
💰 السعر: 2600 دج فقط!
🚚 التوصيل لـ 57 ولاية - يوصلك لعندك فـ دارك
🛒 اطلب دروك، الكمية محدودة! 📲
اطلب بروجيكتور السماء والمجرة
:root {
box-sizing: border-box;
--bg-deep: ;
--bg-deep-2: #131735;
--card-bg: ;
--line: rgba(255,255,255,0.10);
--text: ;
--text-dim: ;
--gold: ;
--violet: ;
--violet-soft: rgba(139,111,242,0.18);
--error: ;
padding-top: env(safe-area-inset-top, 0px);
padding-bottom: env(safe-area-inset-bottom, 0px);
}
* { box-sizing: border-box; }
html { scroll-padding-top: env(safe-area-inset-top, 0px); }
html, body { height: 100%; }
body {
margin: 0;
font-family: 'Cairo', system-ui, -apple-system, 'Segoe UI', sans-serif;
background: var(--bg-deep);
color: var(--text);
min-height: 100%;
background-image:
radial-gradient(1.5px 1.5px at 12% 18%, 100%, transparent 100%),
radial-gradient(1.5px 1.5px at 78% 24%, 100%, transparent 100%),
radial-gradient(1px 1px at 34% 62%, 100%, transparent 100%),
radial-gradient(1px 1px at 88% 72%, 100%, transparent 100%),
radial-gradient(1.5px 1.5px at 55% 12%, 100%, transparent 100%),
radial-gradient(1px 1px at 22% 85%, 100%, transparent 100%),
radial-gradient(1.5px 1.5px at 65% 90%, 100%, transparent 100%),
radial-gradient(1px 1px at 5% 45%, 100%, transparent 100%),
radial-gradient(1px 1px at 95% 50%, 100%, transparent 100%),
linear-gradient(180deg, var(--bg-deep) 0%, var(--bg-deep-2) 100%);
background-repeat: no-repeat;
background-size: 100% 100%;
}
(prefers-color-scheme: light) {
:root:not([data-theme="dark"]) {
--text-dim: ;
}
}
.wrap {
max-width: 480px;
margin: 0 auto;
padding: 28px 18px 40px;
}
.hero {
text-align: center;
margin-bottom: 22px;
}
.hero .badge {
display: inline-block;
font-size: 13px;
color: var(--gold);
background: rgba(242,193,78,0.10);
border: 1px solid rgba(242,193,78,0.35);
padding: 5px 14px;
border-radius: 999px;
margin-bottom: 14px;
}
.hero h1 {
font-size: 26px;
font-weight: 900;
line-height: 1.4;
margin: 0 0 8px;
background: linear-gradient(90deg, , var(--gold) 60%, var(--violet));
-webkit-background-clip: text;
background-clip: text;
color: transparent;
}
.hero p {
color: var(--text-dim);
font-size: 14.5px;
margin: 0;
line-height: 1.7;
}
.price-row {
display: flex;
gap: 10px;
justify-content: center;
margin: 18px 0 6px;
flex-wrap: wrap;
}
.price-pill {
background: var(--card-bg);
border: 1px solid var(--line);
border-radius: 14px;
padding: 10px 16px;
font-size: 14px;
color: var(--text-dim);
text-align: center;
}
.price-pill b {
display: block;
color: var(--text);
font-size: 17px;
font-weight: 700;
}
form {
background: var(--card-bg);
border: 1px solid var(--line);
border-radius: 20px;
padding: 22px 18px;
margin-top: 22px;
display: flex;
flex-direction: column;
gap: 16px;
}
.field { display: flex; flex-direction: column; gap: 7px; }
label { font-size: 14px; color: var(--text-dim); }
input, select, textarea {
font-family: inherit;
font-size: 15.5px;
background: rgba(255,255,255,0.04);
border: 1px solid var(--line);
color: var(--text);
border-radius: 12px;
padding: 12px 14px;
outline: none;
width: 100%;
}
input::placeholder, textarea::placeholder { color: rgba(169,173,207,0.55); }
input:focus, select:focus, textarea:focus {
border-color: var(--violet);
box-shadow: 0 0 0 3px var(--violet-soft);
}
select {
appearance: none;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9'%3E%3Cpath d='M1 1l6 6 6-6' stroke='%23a9adcf' stroke-width='1.6' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: left 14px center;
}
textarea { resize: vertical; min-height: 70px; }
.qty-row { display: flex; align-items: center; gap: 12px; }
.qty-btn {
width: 42px; height: 42px;
border-radius: 12px;
border: 1px solid var(--line);
background: rgba(255,255,255,0.04);
color: var(--text);
font-size: 20px;
display: flex; align-items: center; justify-content: center;
cursor: pointer;
user-select: none;
}
.qty-val {
flex: 1;
text-align: center;
font-size: 18px;
font-weight: 700;
}
.err { color: var(--error); font-size: 13px; min-height: 16px; }
.submit-btn {
margin-top: 4px;
border: none;
border-radius: 14px;
padding: 15px 18px;
font-family: inherit;
font-size: 16.5px;
font-weight: 700;
color: ;
background: linear-gradient(90deg, var(--gold), );
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
}
.submit-btn:active { transform: scale(0.98); }
.total-note {
text-align: center;
color: var(--text-dim);
font-size: 13px;
margin-top: -4px;
}
.foot {
text-align: center;
color: var(--text-dim);
font-size: 12.5px;
margin-top: 18px;
line-height: 1.8;
}
✨ توصيل لـ 57 ولاية
بروجيكتور السماء والمجرة
عمّر المعلومات تاعك وابعث الطلب مباشرة عبر واتساب، ما يخصكش لا تسجيل ولا انتظار.
السعر2600 دج
التوصيللكل الولايات
الدفععند الاستلام
الاسم واللقب
رقم الهاتف
الولاية
اختر الولاية
العنوان بالتفصيل (البلدية، الحي...)
الكمية
−
1
+
ملاحظة (اختياري)
المجموع: 2600 دج
📲 أكد الطلب عبر واتساب
بلا كليك ما يتبعتش الطلب، غير كي تدوس على الزر يفتحلك واتساب
باش تأكد المعلومات وتبعتها.
const wilayas = [
"01 - أدرار","02 - الشلف","03 - الأغواط","04 - أم البواقي","05 - باتنة","06 - بجاية",
"07 - بسكرة","08 - بشار","09 - البليدة","10 - البويرة","11 - تمنراست","12 - تبسة",
"13 - تلمسان","14 - تيارت","15 - تيزي وزو","16 - الجزائر","17 - الجلفة","18 - جيجل",
"19 - سطيف","20 - سعيدة","21 - سكيكدة","22 - سيدي بلعباس","23 - عنابة","24 - قالمة",
"25 - قسنطينة","26 - المدية","27 - مستغانم","28 - المسيلة","29 - معسكر","30 - ورقلة",
"31 - وهران","32 - البيض","33 - إليزي","34 - برج بوعريريج","35 - بومرداس","36 - الطارف",
"37 - تندوف","38 - تيسمسيلت","39 - الوادي","40 - خنشلة","41 - سوق أهراس","42 - تيبازة",
"43 - ميلة","44 - عين الدفلى","45 - النعامة","46 - عين تموشنت","47 - غرداية","48 - غليزان",
"49 - تيميمون","50 - برج باجي مختار","51 - أولاد جلال","52 - بني عباس","53 - إن صالح",
"54 - إن قزام","55 - توقرت","56 - جانت","57 - المغير","58 - المنيعة"
];
const wilayaSelect = document.getElementById('wilaya');
wilayas.forEach(w => {
const opt = document.createElement('option');
opt.value = w;
opt.textContent = w;
wilayaSelect.appendChild(opt);
});
const PRICE = 2600;
let qty = 1;
const qtyVal = document.getElementById('qtyVal');
const totalNote = document.getElementById('totalNote');
function updateTotal() {
qtyVal.textContent = qty;
totalNote.textContent = 'المجموع: ' + (PRICE * qty) + ' دج';
}
document.getElementById('qtyMinus').addEventListener('click', () => {
if (qty > 1) qty--;
updateTotal();
});
document.getElementById('qtyPlus').addEventListener('click', () => {
if (qty < 20) qty++;
updateTotal();
});
const WHATSAPP_NUMBER = '213563756117';
document.getElementById('orderForm').addEventListener('submit', function(e) {
e.preventDefault();
const name = document.getElementById('name').value.trim();
const phone = document.getElementById('phone').value.trim();
const wilaya = document.getElementById('wilaya').value;
const address = document.getElementById('address').value.trim();
const note = document.getElementById('note').value.trim();
const errMsg = document.getElementById('errMsg');
if (!name || !phone || !wilaya || !address) {
errMsg.textContent = 'عمّر الخانات الكل من فضلك (الاسم، الهاتف، الولاية، العنوان)';
return;
}
errMsg.textContent = '';
const total = PRICE * qty;
let message = 'مرحبا، حاب نطلب بروجيكتور السماء والمجرة ✨' + '\n\n';
message += 'الاسم: ' + name + '\n';
message += 'الهاتف: ' + phone + '\n';
message += 'الولاية: ' + wilaya + '\n';
message += 'العنوان: ' + address + '\n';
message += 'الكمية: ' + qty + '\n';
message += 'المجموع: ' + total + ' دج\n';
if (note) message += 'ملاحظة: ' + note + '\n';
const url = 'https://wa.me/' + WHATSAPP_NUMBER + '?text=' + encodeURIComponent(message);
window.open(url, '_blank');
});
updateTotal();
