تواصل معنا
<style>
/* =========================
CONTACT US FORM
========================= */
#app > main > div.container > div > div > h1 {
display: none !important;
}
/* Qasr Nassar contact form main container */
.qn-contact-form {
width: 100%;
max-width: 720px;
margin: 0 auto;
padding: 32px;
background: #ffffff;
border: 1px solid #e8dfd4;
border-radius: 24px;
box-shadow: 0 18px 45px rgba(43, 33, 24, 0.08);
}
/* Space between form fields */
.qn-contact-form .form-group {
margin-bottom: 20px;
}
/* Form labels */
.qn-contact-form label {
display: block;
margin-bottom: 8px;
font-size: 14px;
font-weight: 700;
color: #2b2118;
}
/* Inputs, select, and textarea shared style */
.qn-contact-form input,
.qn-contact-form select,
.qn-contact-form textarea {
width: 100%;
padding: 15px 16px;
font-size: 15px;
color: #2b2118;
background: #fbfaf7;
border: 1px solid #d8cbbb;
border-radius: 14px;
outline: none;
transition: all 0.25s ease;
font-family: inherit;
}
/* Placeholder color */
.qn-contact-form input::placeholder,
.qn-contact-form textarea::placeholder {
color: #9b8b7c;
}
/* Focus effect for fields */
.qn-contact-form input:focus,
.qn-contact-form select:focus,
.qn-contact-form textarea:focus {
border-color: #b88a56;
background: #ffffff;
box-shadow: 0 0 0 4px rgba(184, 138, 86, 0.14);
}
/* Textarea height */
.qn-contact-form textarea {
min-height: 150px;
resize: vertical;
}
/* Submit button */
.qn-contact-form button {
width: 100%;
padding: 16px 24px;
margin-top: 8px;
border: none;
border-radius: 16px;
background: #2b2118;
color: #ffffff;
font-size: 16px;
font-weight: 700;
cursor: pointer;
transition: all 0.25s ease;
}
/* Submit button hover */
.qn-contact-form button:hover {
background: #b88a56;
transform: translateY(-2px);
box-shadow: 0 12px 28px rgba(184, 138, 86, 0.28);
}
/* Submit button active click effect */
.qn-contact-form button:active {
transform: translateY(0);
box-shadow: none;
}
/* Mobile responsive spacing */
@media (max-width: 600px) {
.qn-contact-form {
padding: 24px 18px;
border-radius: 18px;
}
.qn-contact-form input,
.qn-contact-form select,
.qn-contact-form textarea {
padding: 14px;
font-size: 14px;
}
.qn-contact-form button {
padding: 15px 20px;
}
}
</style>
<!-- نموذج التواصل الخاص بقصر نصار باستخدام Web3Forms -->
<form class="qn-contact-form" action="https://api.web3forms.com/submit" method="POST" dir="rtl">
<!-- مفتاح Web3Forms -->
<input type="hidden" name="access_key" value="d2b77f28-e69e-4d1f-87ca-cfd7b3c8019d">
<!-- عنوان الرسالة التي ستصلك على البريد -->
<input type="hidden" name="subject" value="طلب تواصل جديد من موقع قصر نصار">
<!-- اسم المرسل الظاهر في البريد -->
<input type="hidden" name="from_name" value="موقع قصر نصار">
<!-- حقل مخفي للحماية من الرسائل المزعجة -->
<input type="checkbox" name="botcheck" style="display: none;">
<!-- حقل الاسم -->
<input type="text" id="name" name="name" placeholder="اكتب اسمك" required>
<!-- حقل رقم الجوال: يقبل أرقام فقط -->
<input
type="text"
id="phone"
name="phone"
placeholder="05xxxxxxxx"
inputmode="numeric"
pattern="[0-9]{9,15}"
maxlength="15"
required')"
>
<!-- حقل البريد الإلكتروني -->
<input type="email" id="email" name="email" placeholder="اكتب بريدك الإلكتروني" required>
<!-- حقل اختيار الخدمة -->
<select id="service" name="service" required>
</select>
<!-- حقل الرسالة -->
<textarea id="message" name="message" placeholder="اكتب تفاصيل طلبك هنا..." required></textarea>
<!-- كابتشا للحماية من السبام -->
<!-- زر الإرسال -->
<button type="submit" id="submitBtn">إرسال الرسالة</button>
</form>
<!-- سكريبت Web3Forms لتفعيل hCaptcha -->
<!-- حماية بسيطة من تكرار الإرسال بسرعة -->