body {
font-family: 'Cairo', sans-serif;
margin: 0;
background-color: #f9fafb;
color: #111827;
text-align: center;
}
.hero {
background: linear-gradient(135deg, #0ea5a4, #0284c7);
color: white;
padding: 60px 20px;
}
.hero .highlight {
color: #facc15;
}
.cta-btn {
background: white;
color: #0ea5a4;
border: none;
padding: 12px 20px;
border-radius: 10px;
font-weight: 600;
cursor: pointer;
transition: 0.3s;
}
.cta-btn:hover {
background: #f1f5f9;
}
.products {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 20px;
padding: 40px 20px;
}
.product {
background: white;
border-radius: 16px;
box-shadow: 0 6px 20px rgba(0,0,0,0.1);
width: 280px;
padding: 20px;
transition: transform 0.3s;
}
.product:hover {
transform: translateY(-5px);
}
.product img {
width: 100%;
border-radius: 12px;
}
.price {
color: #0ea5a4;
font-weight: bold;
font-size: 18px;
}
.buy-btn {
background: #0ea5a4;
color: white;
border: none;
padding: 10px 16px;
border-radius: 8px;
cursor: pointer;
margin-top: 10px;
transition: background 0.3s;
}
.buy-btn:hover {
background: #0c948c;
}
footer {
background: #f3f4f6;
padding: 20px;
font-size: 14px;
color: #6b7280;
}
// الزر ديال "اشري دابا"
document.querySelectorAll('.buy-btn').forEach(btn => {
btn.addEventListener('click', () => {
alert('✅ تم إضافة المنتوج للسلة ديالك!');
});
});
// الزر الرئيسي فالهيرو
document.querySelectorAll('.cta-btn').forEach(btn => {
btn.addEventListener('click', () => {
const productsSection = document.querySelector('.products');
if(productsSection){
productsSection.scrollIntoView({behavior: 'smooth'});
}
});
});
