اتصل بنا

<h1 style="text-align: center; color: #333; margin-bottom: 20px;">تواصل معنا</h1>
هل لديك أسئلة؟ يسعدنا تلقي استفساراتكم. أرسلوا لنا رسالة وسنرد عليكم في أقرب وقت ممكن.

<div style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); padding: 35px; border-radius: 12px; text-align: center; color: white;">
<div style="font-size: 40px; margin-bottom: 15px;">📧</div>
<h3 style="color: white; margin-bottom: 10px;">راسلنا عبر البريد الإلكتروني</h3>
<p style="margin-bottom: 15px;">للاستفسارات العامة</p>
<a href="mailto:support@zektrona.store" style="color: white; font-weight: 600; text-decoration: underline;">support@zektrona.store</a>
</div>

<div style="background: linear-gradient(135deg, #764ba2 0%, #667eea 100%); padding: 35px; border-radius: 12px; text-align: center; color: white;">
<div style="font-size: 40px; margin-bottom: 15px;">⏰</div>
<h3 style="color: white; margin-bottom: 10px;">وقت الاستجابة</h3>
<p style="margin-bottom: 15px;">عادةً ما نرد خلال</p>
<p style="font-weight: 600; font-size: 18px;">24 ساعة</p>
</div>

<div style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); padding: 35px; border-radius: 12px; text-align: center; color: white;">
<div style="font-size: 40px; margin-bottom: 15px;">🌍</div>
<h3 style="color: white; margin-bottom: 10px;">الموقع</h3>
<p style="margin-bottom: 15px;">خدمة العملاء</p>
<p style="font-weight: 600; font-size: 18px;">عالمي</p>
</div>

</div>

<div style="background: #f8f9fa; padding: 40px; border-radius: 12px; margin-bottom: 40px;">
<h2 style="color: #333; margin-bottom: 25px; text-align: center;">أرسل لنا رسالة</h2>
<p style="color: #666; text-align: center; margin-bottom: 30px;">املأ النموذج أدناه وسيتواصل معك فريقنا قريبًا.</p>

<form style="max-width: 600px; margin: 0 auto;">
<div style="margin-bottom: 20px;">
<label style="display: block; color: #333; font-weight: 600; margin-bottom: 8px;">الاسم *</label>
<input type="text" placeholder="اسمك" style="width: 100%; padding: 12px; border: 1px solid #ddd; border-radius: 6px; font-size: 16px;" required>
</div>

<div style="margin-bottom: 20px;">
<label style="display: block; color: #333; font-weight: 600; margin-bottom: 8px;">البريد الإلكتروني *</label>
<input type="email" placeholder="your@email.com" style="width: 100%; padding: 12px; border: 1px solid #ddd; border-radius: 6px; font-size: 16px;" required>
</div>

<div style="margin-bottom: 20px;">
<label style="display: block; color: #333; font-weight: 600; margin-bottom: 8px;">الموضوع *</label>
<input type="text" placeholder="كيف يمكننا مساعدتك؟" style="width: 100%; padding: 12px; border: 1px solid #ddd; border-radius: 6px; font-size: 16px;" required>
</div>

<div style="margin-bottom: 25px;">
<label style="display: block; color: #333; font-weight: 600; margin-bottom: 8px;">الرسالة *</label>
<textarea placeholder="رسالتك..." rows="6" style="width: 100%; padding: 12px; border: 1px solid #ddd; border-radius: 6px; font-size: 16px; resize: vertical;" required></textarea>
</div>

<button type="submit" style="width: 100%; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; padding: 15px; border: none; border-radius: 50px; font-size: 16px; font-weight: 600; cursor: pointer;">إرسال رسالة 📨</button>
</form>
</div>

<div style="background: #e3f2fd; padding: 30px; border-radius: 8px; border-left: 4px solid #2196f3;">
<h3 style="color: #1976d2; margin-bottom: 15px;">💡 مساعدة سريعة</h3>
<p style="color: #555; margin-bottom: 15px;">قبل الاتصال بنا، قد تجد إجابات في:</p>
<ul style="color: #555; line-height: 2;">
<li><a href="/ar/pages/faq" style="color: #1976d2; text-decoration: none;">صفحة الأسئلة الشائعة</a> - إجابات على الأسئلة الشائعة</li>
<li><a href="/ar/pages/shipping-policy" style="color: #1976d2; text-decoration: none;">سياسة الشحن</a> - معلومات التوصيل</li>
<li><a href="/ar/pages/refund-policy" style="color: #1976d2; text-decoration: none;">سياسة الاسترداد</a> - عملية الإرجاع</li>
<li><a href="/ar/pages/track-your-order" style="color: #1976d2; text-decoration: none;">تتبع طلبك</a> - تتبع الطلبات</li>
</ul>
</div>

</div>