<style>
.contact-wrap {
max-width: 600px;
margin: 0 auto;
padding: 0 15px;
font-family: sans-serif;
text-align: center;
}
.contact-wrap h1 {
font-size: 28px;
font-weight: 700;
margin-bottom: 16px;
text-align: center;
}
.contact-intro {
font-size: 15px;
color: #333;
line-height: 1.7;
margin-bottom: 24px;
text-align: center;
}
.contact-intro a {
color: #111;
text-decoration: underline;
}
.phone-box {
padding: 18px 20px;
margin-bottom: 24px;
background: #f8f8f8;
border: 1px solid #ddd;
border-radius: 6px;
text-align: center;
}
.phone-box h3 {
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
margin: 0 0 10px;
}
.phone-number {
display: inline-block;
margin-bottom: 8px;
color: #111;
font-size: 18px;
font-weight: 700;
text-decoration: none;
}
.phone-number:hover {
text-decoration: underline;
}
.phone-box p {
margin: 3px 0;
color: #333;
font-size: 14px;
line-height: 1.6;
}
.phone-box .phone-note {
margin-top: 8px;
color: #666;
font-size: 13px;
خبرة
}
.response-box {
margin-bottom: 24px;
text-align: center;
}
.response-box h3 {
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 10px;
}
.response-box p {
font-size: 14px;
color: #333;
line-height: 1.7;
margin: 0 0 8px;
}
.response-box .note {
font-size: 13px;
color: #666;
font-style: italic;
}
.popular-questions {
margin-bottom: 32px;
text-align: center;
}
.popular-questions h3 {
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 12px;
}
.popular-questions ul {
list-style: none;
padding: 0;
margin: 0;
text-align: center;
}
.popular-questions ul li {
margin-bottom: 8px;
}
.popular-questions ul li a {
font-size: 14px;
color: #111;
text-decoration: underline;
}
.popular-questions ul li a:hover {
color: #555;
}
.contact-divider {
border: none;
border-top: 1px solid #ddd;
margin: 28px 0;
}
.contact-form form {
width: 100%;
max-width: 520px;
margin: 0 auto;
}
.form-group {
margin-bottom: 20px;
text-align: center;
}
.form-group label {
display: block;
font-size: 14px;
font-weight: 600;
margin-bottom: 7px;
text-align: center;
}
.form-group label span {
color: red;
}
.form-group input,
.form-group select,
.form-group textarea {
width: 100%;
padding: 12px 14px;
background-color: #eeeeee;
border: 1px solid #bcbcbc;
border-radius: 6px;
color: #111;
font-family: inherit;
font-size: 14px;
text-align: center;
box-sizing: border-box;
}
.form-group textarea {
height: 120px;
resize: vertical;
خبرة
}
.form-group select {
text-align-last: center;
cursor: pointer;
}
.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
background-color: #fff;
border-color: #111;
outline: none;
box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.08);
خبرة
}
.form-group input::placeholder,
.form-group textarea::placeholder {
color: #777;
opacity: 1;
}
.attach-btn {
width: 100%;
padding: 12px;
margin-bottom: 6px;
background: #eeeeee;
border: 1px solid #bcbcbc;
border-radius: 6px;
color: #111;
font-size: 14px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
}
.attach-btn:hover {
background: #e3e3e3;
خبرة
}
.attach-note {
margin-bottom: 20px;
color: #777;
font-size: 12px;
line-height: 1.5;
text-align: center;
}
.submit-btn {
width: 100%;
padding: 14px;
background: #111;
color: #fff;
border: none;
border-radius: 6px;
font-size: 15px;
font-weight: 600;
cursor: pointer;
}
.submit-btn:hover {
background: #333;
خبرة
}
.recaptcha-note {
margin-top: 10px;
color: #777;
font-size: 12px;
line-height: 1.5;
text-align: center;
خبرة
}
.recaptcha-note a {
color: #e00;
خبرة
}
@media (max-width: 600px) {
.contact-wrap {
padding: 0 10px;
}
الخبرة
.contact-wrap h1 {
font-size: 25px;
}
الخبرة
.phone-box {
padding: 16px 12px;
}
}
</style>
<div class="contact-wrap">
<h1>اتصل بنا</h1>
<p class="contact-intro">
هل تحتاج إلى مساعدة؟ قبل الاتصال بنا، نوصيك بالاطلاع على
<a href="/ar-gulf/pages/help-faq">الأسئلة الشائعة</a>، حيث ستجد إجابات على معظم
الأسئلة الشائعة حول الطلبات، الشحن، التخصيص، والتسليم.
<br><br>
إذا كنت لا تزال بحاجة إلى المساعدة، ما عليك سوى ملء نموذج الاتصال الخاص بنا، أو الاتصال بنا،
أو إرسال رسالة إلينا. نحن هنا للمساعدة!
</p>
<div class="phone-box">
<h3>اتصل بنا أو أرسل رسالة إلينا</h3>
<a class="phone-number" href="tel:+447451259708">
📞 +44 7451 259708
</a>
<p>
<strong>الدعم عبر الهاتف:</strong>
الاثنين-الجمعة، 10:00 صباحًا - 5:00 مساءً
</p>
<p>
<strong>المنطقة الزمنية:</strong> توقيت لندن
</p>
<p class="phone-note">
يمكنك إرسال رسالة نصية إلينا في أي يوم من أيام الأسبوع، وسنقوم بالرد
في أقرب وقت ممكن.
</p>
</div>
<div class="response-box">
<h3>وقت الاستجابة</h3>
<p><strong>الاثنين-الجمعة:</strong> 8-24 ساعة</p>
<p><strong>عطلات نهاية الأسبوع:</strong> 24-48 ساعة</p>
<p class="note">
إذا لم تستلم ردًا خلال يوم عمل واحد، يرجى التحقق من مجلد البريد غير الهام (Spam/Junk)
والتأكد من إرسال بريدك الإلكتروني إلى العنوان الصحيح.
</p>
</div>
<div class="popular-questions">
<h3>الأسئلة الشائعة</h3>
<ul>
<li>
<a href="/ar-gulf/pages/help-faq#shipping">
متى سيتم شحن طلبي؟
</a>
</li>
<li>
<a href="/ar-gulf/pages/help-faq#delivery">
كم يستغرق التوصيل؟
</a>
</li>
<li>
<a href="/ar-gulf/apps/track123">
تم شحن طلبي. كيف يمكنني تتبعه؟
</a>
</li>
</ul>
</div>
<hr class="contact-divider">
<div class="contact-form">
<form action="/contact" method="post">
<input type="hidden" name="form_type" value="contact">
<input type="hidden" name="utf8" value="✓">
<div class="form-group">
<label for="ContactName">الاسم الكامل <span>*</span></label>
<input
id="ContactName"
type="text"
name="contact[name]"
placeholder="اسمك الكامل"
required
>
</div>
<div class="form-group">
<label for="ContactEmail">البريد الإلكتروني <span>*</span></label>
<input
id="ContactEmail"
type="email"
name="contact[email]"
placeholder="بريدك@الإلكتروني.كوم"
required
>
</div>
<div class="form-group">
<label for="ContactSubject">الموضوع <span>*</span></label>
<select id="ContactSubject" name="contact[subject]" required>
<option value="">اختر موضوعًا</option>
<option value="Order Change">تغيير الطلب</option>
<option value="Returns and Exchanges">الإرجاع والاستبدال</option>
<option value="Shipping">الشحن</option>
<option value="General Question">سؤال عام</option>
<option value="Wholesale">البيع بالجملة</option>
<option value="Other">أخرى</option>
</select>
</div>
<div class="form-group">
<label for="ContactMessage">الرسالة <span>*</span></label>
<textarea
id="ContactMessage"
name="contact[body]"
placeholder="كيف يمكننا مساعدتك؟"
required
></textarea>
</div>
<button type="button" class="attach-btn">
📎 إرفاق ملفات
</button>
<p class="attach-note">
أرفق ما يصل إلى 10 ملفات. الحد الأقصى للحجم المسموح به لكل ملف هو 10 ميجابايت.
</p>
<button type="submit" class="submit-btn">إرسال</button>
<p class="recaptcha-note">
هذا الموقع محمي بواسطة reCAPTCHA. لمزيد من المعلومات، يرجى الرجوع إلى
<a href="/ar-gulf/policies/privacy-policy">سياسة الخصوصية</a> الخاصة بنا.
</p>
</form>
</div>
</div>