<title>الدكتور لإعداد الرسائل العلمية</title>
<script src="https://cdn.tailwindcss.com"></script>
<script>
tailwind.config = {
theme: {
extend: {
fontFamily: {
sans: ['Cairo', 'sans-serif'],
},
colors: {
navy: {
800: '#1a2238',
900: '#0f172a',
},
gold: {
400: '#facc15',
500: '#eab308',
600: '#ca8a04',
}
},
boxShadow: {
'3d': '0 10px 20px rgba(0,0,0,0.3), 0 6px 6px rgba(0,0,0,0.2), inset 0 -3px 0 rgba(0,0,0,0.2)',
'3d-hover': '0 15px 25px rgba(0,0,0,0.4), 0 10px 10px rgba(0,0,0,0.2), inset 0 -1px 0 rgba(0,0,0,0.2)',
},
animation: {
'marquee': 'marquee 30s linear infinite',
},
keyframes: {
marquee: {
'0%': { transform: 'translateX(0%)' },
'100%': { transform: 'translateX(50%)' }, /* Positive because of RTL */
}
}
}
}
}
</script>
<style>
body {
font-family: 'Cairo', sans-serif;
scroll-behavior: smooth;
background-color: #f8fafc;
}
/* 3D Card Effect */
.card-3d {
transition: all 0.3s ease;
transform-style: preserve-3d;
}
.card-3d:hover {
transform: translateY(-10px) rotateX(5deg) rotateY(-2deg);
}
/* Glassmorphism */
.glass {
background: rgba(15, 23, 42, 0.85);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border: 1px solid rgba(255, 255, 255, 0.1);
}
/* Gradient Text */
.text-gradient {
background: linear-gradient(to left, #facc15, #fff);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
/* Floating Animation */
@keyframes float {
0% { transform: translateY(0px); }
50% { transform: translateY(-15px); }
100% { transform: translateY(0px); }
}
.floating {
animation: float 4s ease-in-out infinite;
}
/* Ticker Pause on Hover */
.ticker-container:hover .animate-marquee {
animation-play-state: paused;
}
</style>
<!-- Navbar -->
<nav class="fixed w-full z-50 glass text-white">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="flex justify-between items-center h-20">
<div class="flex items-center gap-3">
<i class="fa-solid fa-user-tie text-gold-500 text-3xl"></i>
<span class="font-bold text-2xl tracking-wide">الدكتور <span class="text-gold-500 text-lg hidden sm:inline">لإعداد الرسائل العلمية</span></span>
</div>
<!-- Desktop Menu -->
<div class="hidden md:flex space-x-8 space-x-reverse items-center font-semibold">
<a href="#home" class="hover:text-gold-400 transition">الرئيسية</a>
<a href="#features" class="hover:text-gold-400 transition">الضمانات</a>
<a href="#services" class="hover:text-gold-400 transition">خدماتنا</a>
<a href="#contact" class="bg-gold-500 text-navy-900 px-6 py-2 rounded-lg hover:bg-gold-400 shadow-3d transition transform hover:-translate-y-1 font-bold">طلب خدمة</a>
</div>
<!-- Mobile Menu Button -->
<div class="md:hidden flex items-center">
<button id="mobile-menu-btn" class="text-white hover:text-gold-500 focus:outline-none">
<i class="fa-solid fa-bars text-2xl"></i>
</button>
</div>
</div>
</div>
<!-- Mobile Menu -->
<div id="mobile-menu" class="hidden md:hidden bg-navy-900 border-t border-slate-700">
<a href="#home" class="block px-4 py-3 border-b border-slate-800 hover:bg-slate-800">الرئيسية</a>
<a href="#features" class="block px-4 py-3 border-b border-slate-800 hover:bg-slate-800">الضمانات</a>
<a href="#services" class="block px-4 py-3 border-b border-slate-800 hover:bg-slate-800">خدماتنا</a>
<a href="#contact" class="block px-4 py-3 text-gold-500 font-bold hover:bg-slate-800">طلب خدمة</a>
</div>
</nav>
<!-- Interactive Ticker Banner -->
<div class="fixed top-20 w-full z-40 bg-navy-800 border-b border-gold-500/30 py-2 shadow-lg ticker-container overflow-hidden" dir="rtl">
<div class="flex w-[200%] animate-marquee">
<!-- First Set -->
<div class="flex-1 flex justify-around items-center px-4">
<a href="#services" class="text-slate-300 hover:text-gold-400 hover:scale-105 transition font-semibold text-sm sm:text-base whitespace-nowrap px-4"><i class="fa-solid fa-file-signature text-gold-500 ml-1"></i> إعداد خطة بحث (Proposal)</a>
<span class="text-slate-600">|</span>
<a href="#services" class="text-slate-300 hover:text-gold-400 hover:scale-105 transition font-semibold text-sm sm:text-base whitespace-nowrap px-4"><i class="fa-solid fa-book text-blue-400 ml-1"></i> كتابة رسائل الماجستير</a>
<span class="text-slate-600">|</span>
<a href="#services" class="text-slate-300 hover:text-gold-400 hover:scale-105 transition font-semibold text-sm sm:text-base whitespace-nowrap px-4"><i class="fa-solid fa-graduation-cap text-emerald-400 ml-1"></i> رسائل الدكتوراه</a>
<span class="text-slate-600">|</span>
<a href="#services" class="text-slate-300 hover:text-gold-400 hover:scale-105 transition font-semibold text-sm sm:text-base whitespace-nowrap px-4"><i class="fa-solid fa-chart-pie text-purple-400 ml-1"></i> التحليل الإحصائي SPSS</a>
<span class="text-slate-600">|</span>
<a href="#services" class="text-slate-300 hover:text-gold-400 hover:scale-105 transition font-semibold text-sm sm:text-base whitespace-nowrap px-4"><i class="fa-solid fa-language text-red-400 ml-1"></i> الترجمة الأكاديمية</a>
</div>
<!-- Duplicated Set for infinite scroll illusion -->
<div class="flex-1 flex justify-around items-center px-4">
<a href="#services" class="text-slate-300 hover:text-gold-400 hover:scale-105 transition font-semibold text-sm sm:text-base whitespace-nowrap px-4"><i class="fa-solid fa-file-signature text-gold-500 ml-1"></i> إعداد خطة بحث (Proposal)</a>
<span class="text-slate-600">|</span>
<a href="#services" class="text-slate-300 hover:text-gold-400 hover:scale-105 transition font-semibold text-sm sm:text-base whitespace-nowrap px-4"><i class="fa-solid fa-book text-blue-400 ml-1"></i> كتابة رسائل الماجستير</a>
<span class="text-slate-600">|</span>
<a href="#services" class="text-slate-300 hover:text-gold-400 hover:scale-105 transition font-semibold text-sm sm:text-base whitespace-nowrap px-4"><i class="fa-solid fa-graduation-cap text-emerald-400 ml-1"></i> رسائل الدكتوراه</a>
<span class="text-slate-600">|</span>
<a href="#services" class="text-slate-300 hover:text-gold-400 hover:scale-105 transition font-semibold text-sm sm:text-base whitespace-nowrap px-4"><i class="fa-solid fa-chart-pie text-purple-400 ml-1"></i> التحليل الإحصائي SPSS</a>
<span class="text-slate-600">|</span>
<a href="#services" class="text-slate-300 hover:text-gold-400 hover:scale-105 transition font-semibold text-sm sm:text-base whitespace-nowrap px-4"><i class="fa-solid fa-language text-red-400 ml-1"></i> الترجمة الأكاديمية</a>
</div>
</div>
</div>
<!-- Hero Section -->
<section id="home" class="relative pt-40 pb-20 lg:pt-56 lg:pb-32 overflow-hidden bg-navy-900 min-h-screen flex items-center mt-10 sm:mt-0">
<!-- 3D Background Elements -->
<div class="absolute top-20 left-10 w-64 h-64 bg-gold-500 rounded-full mix-blend-multiply filter blur-3xl opacity-20 floating"></div>
<div class="absolute bottom-20 right-10 w-72 h-72 bg-blue-500 rounded-full mix-blend-multiply filter blur-3xl opacity-20 floating" style="animation-delay: 2s;"></div>
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10">
<div class="grid grid-cols-1 lg:grid-cols-2 gap-12 items-center">
<div class="text-right text-white">
<span class="inline-block py-1 px-3 rounded-full bg-slate-800 border border-gold-500 text-gold-400 text-sm font-semibold mb-4">الاستشارة الأولى مجانية في مصر والوطن العربي</span>
<h1 class="text-4xl md:text-5xl lg:text-6xl font-extrabold leading-tight mb-6">
الدكتور لإعداد <br>
<span class="text-gradient">الرسائل العلمية</span>
</h1>
<p class="text-lg md:text-xl text-slate-300 mb-8 leading-relaxed">
بإشراف نخبة من الأكاديميين المتخصصين، نقدم لك خططاً بحثية متكاملة، تحليلاً دقيقاً، ومراجعة شاملة. نضمن لك السرية التامة، الأصالة، والتسليم في الموعد الذي تختاره!
</p>
<div class="flex flex-wrap gap-4">
<a href="#contact" class="bg-gradient-to-r from-gold-600 to-gold-400 text-navy-900 px-8 py-4 rounded-xl font-bold text-lg shadow-3d hover:shadow-3d-hover transition transform">
<i class="fa-solid fa-pen-nib ml-2"></i> اطلب رسالتك الآن
</a>
<a href="https://wa.me/201010407569?text=مرحباً د. محمد قرمان، أريد الاستفادة من الاستشارة المجانية بخصوص رسالتي." target="_blank" class="bg-slate-800 text-white border border-slate-600 px-8 py-4 rounded-xl font-bold text-lg shadow-lg hover:bg-slate-700 transition flex items-center gap-2 group">
<i class="fa-brands fa-whatsapp text-green-500 text-xl group-hover:scale-110 transition"></i> استشارة مع د. محمد قرمان
</a>
</div>
</div>
<div class="relative hidden lg:block perspective-1000">
<!-- 3D Graphic Placeholder -->
<div class="relative w-full h-96 floating">
<div class="absolute inset-0 bg-gradient-to-br from-gold-500 to-yellow-700 rounded-2xl transform rotate-3 shadow-2xl opacity-80"></div>
<div class="absolute inset-0 bg-navy-800 border border-slate-600 rounded-2xl transform -rotate-3 shadow-2xl flex flex-col justify-center items-center p-8 text-center glass">
<i class="fa-solid fa-award text-7xl text-gold-400 mb-6"></i>
<h3 class="text-2xl font-bold text-white mb-2">جودة أكاديمية بمعايير عالمية</h3>
<p class="text-slate-300">أبحاث أصيلة، خالية من الانتحال، وموثقة بدقة عالية وفق المعايير المعتمدة في الجامعات العربية والدولية.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Guarantees Section (الضمانات) -->
<section id="features" class="py-20 bg-slate-50">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="text-center max-w-3xl mx-auto mb-16">
<h2 class="text-3xl md:text-4xl font-bold text-navy-900 mb-4">لماذا تختار منصة <span class="text-gold-600">الدكتور</span>؟</h2>
<p class="text-slate-600 text-lg">نحن لا نكتب فقط، بل نصنع باحثاً متميزاً من خلال التزامنا بأعلى معايير الجودة الأكاديمية.</p>
</div>
<div class="grid grid-cols-1 md:grid-cols-3 gap-8">
<!-- Feature 1 -->
<div class="bg-white rounded-2xl p-8 shadow-xl card-3d border border-slate-100 text-center">
<div class="w-20 h-20 mx-auto bg-blue-50 rounded-2xl flex items-center justify-center mb-6 transform -rotate-6 shadow-md">
<i class="fa-solid fa-user-shield text-4xl text-blue-600"></i>
</div>
<h3 class="text-xl font-bold text-navy-900 mb-3">السرية التامة</h3>
<p class="text-slate-600">جميع بياناتك وعناوين رسائلك وأبحاثك مشفرة ومحفوظة بسرية مطلقة ولا يتم مشاركتها أبداً.</p>
</div>
<!-- Feature 2 -->
<div class="bg-white rounded-2xl p-8 shadow-xl card-3d border border-slate-100 text-center relative overflow-hidden">
<div class="absolute top-0 right-0 bg-gold-500 text-white text-xs font-bold px-3 py-1 rounded-bl-lg z-10">الأهم</div>
<div class="w-20 h-20 mx-auto bg-gold-50 rounded-2xl flex items-center justify-center mb-6 transform rotate-3 shadow-md">
<i class="fa-solid fa-clock text-4xl text-gold-500"></i>
</div>
<h3 class="text-xl font-bold text-navy-900 mb-3">التسليم في الموعد</h3>
<p class="text-slate-600">نحترم وقتك الأكاديمي. تسليم الفصول والرسالة النهائية يتم وفقاً للجدول الزمني المتفق عليه بدقة.</p>
</div>
<!-- Feature 3 -->
<div class="bg-white rounded-2xl p-8 shadow-xl card-3d border border-slate-100 text-center">
<div class="w-20 h-20 mx-auto bg-emerald-50 rounded-2xl flex items-center justify-center mb-6 transform -rotate-3 shadow-md">
<i class="fa-solid fa-clipboard-check text-4xl text-emerald-600"></i>
</div>
<h3 class="text-xl font-bold text-navy-900 mb-3">محتوى حصري وجديد</h3>
<p class="text-slate-600">نضمن لك أصالة البحث والبعد التام عن النسخ واللصق مع تقديم تقارير الاستلال (Plagiarism).</p>
</div>
</div>
</div>
</section>
<!-- Services Section -->
<section id="services" class="py-20 bg-navy-900 text-white">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="flex flex-col md:flex-row justify-between items-end mb-16 gap-6">
<div>
<h2 class="text-3xl md:text-4xl font-bold mb-4">خدماتنا <span class="text-gold-500">الأكاديمية</span></h2>
<p class="text-slate-400 text-lg max-w-2xl">دعم شامل من اختيار نقطة البحث حتى يوم المناقشة للباحثين في مصر والوطن العربي.</p>
</div>
<a href="#contact" class="bg-gold-500 text-navy-900 px-6 py-3 rounded-lg font-bold shadow-3d hover:bg-gold-400 transition">
اطلب الخدمة الآن <i class="fa-solid fa-arrow-left mr-2"></i>
</a>
</div>
<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6">
<!-- Service 1 -->
<div class="bg-navy-800 rounded-xl p-6 border border-slate-700 hover:border-gold-500 transition group card-3d">
<i class="fa-solid fa-lightbulb text-3xl text-gold-400 mb-4 group-hover:scale-110 transition"></i>
<h3 class="text-xl font-bold mb-2">إعداد الخطط (Proposals)</h3>
<p class="text-slate-400 text-sm">اقتراح عناوين حديثة وإعداد خطة بحثية متكاملة تتوافق مع متطلبات جامعتك.</p>
</div>
<!-- Service 2 -->
<div class="bg-navy-800 rounded-xl p-6 border border-slate-700 hover:border-gold-500 transition group card-3d">
<i class="fa-solid fa-pen-to-square text-3xl text-blue-400 mb-4 group-hover:scale-110 transition"></i>
<h3 class="text-xl font-bold mb-2">كتابة الرسائل</h3>
<p class="text-slate-400 text-sm">إعداد الإطار النظري، الدراسات السابقة، والمشكلة البحثية بأسلوب أكاديمي رصين.</p>
</div>
<!-- Service 3 -->
<div class="bg-navy-800 rounded-xl p-6 border border-slate-700 hover:border-gold-500 transition group card-3d">
<i class="fa-solid fa-chart-pie text-3xl text-emerald-400 mb-4 group-hover:scale-110 transition"></i>
<h3 class="text-xl font-bold mb-2">التحليل الإحصائي</h3>
<p class="text-slate-400 text-sm">تصميم الاستبانات وتحليل البيانات باستخدام برامج SPSS واستخراج النتائج بدقة.</p>
</div>
<!-- Service 4 -->
<div class="bg-navy-800 rounded-xl p-6 border border-slate-700 hover:border-gold-500 transition group card-3d">
<i class="fa-solid fa-spell-check text-3xl text-purple-400 mb-4 group-hover:scale-110 transition"></i>
<h3 class="text-xl font-bold mb-2">التنسيق والمراجعة</h3>
<p class="text-slate-400 text-sm">التدقيق اللغوي، تنسيق المراجع بنظام APA، وتنسيق الرسالة للطباعة.</p>
</div>
</div>
</div>
</section>
<!-- Request Form Section -->
<section id="contact" class="py-20 bg-white relative">
<div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10">
<div class="bg-white rounded-3xl shadow-[0_20px_50px_rgba(0,0,0,0.1)] border border-slate-100 p-8 md:p-12">
<div class="text-center mb-10">
<span class="bg-gold-100 text-gold-600 px-4 py-1 rounded-full text-sm font-bold mb-4 inline-block">سرية تامة 100%</span>
<h2 class="text-3xl font-bold text-navy-900 mb-2">طلب خدمة أكاديمية</h2>
<p class="text-slate-500">املأ البيانات بدقة، وسيتواصل معك <span class="font-bold text-navy-800">د. محمد قرمان</span> مباشرة عبر الواتساب لتحديد التكلفة بناءً على الموعد والاتفاق المادي.</p>
</div>
<form id="orderForm" onsubmit="submitForm(event)" class="space-y-6">
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
<!-- Type -->
<div>
<label class="block text-sm font-bold text-slate-700 mb-2">نوع الرسالة / الخدمة <span class="text-red-500">*</span></label>
<select id="docType" required class="w-full px-4 py-3 rounded-lg border border-slate-300 focus:ring-2 focus:ring-gold-500 focus:border-gold-500 outline-none transition bg-slate-50">
<option value="" disabled selected>اختر النوع...</option>
<option value="رسالة ماجستير">رسالة ماجستير</option>
<option value="رسالة دكتوراه">رسالة دكتوراه</option>
<option value="مشروع تخرج">مشروع تخرج</option>
<option value="بحث ترقية">بحث ترقية</option>
<option value="تحليل إحصائي">تحليل إحصائي (SPSS)</option>
<option value="أخرى">أخرى (يرجى التوضيح في التفاصيل)</option>
</select>
</div>
<!-- Major -->
<div>
<label class="block text-sm font-bold text-slate-700 mb-2">التخصص الدقيق <span class="text-red-500">*</span></label>
<input type="text" id="major" required placeholder="مثال: إدارة أعمال، قانون، تربية..." class="w-full px-4 py-3 rounded-lg border border-slate-300 focus:ring-2 focus:ring-gold-500 focus:border-gold-500 outline-none transition bg-slate-50">
</div>
</div>
<!-- Delivery Date (Pricing Logic Info) -->
<div class="bg-slate-50 p-6 rounded-xl border border-slate-200">
<label class="block text-sm font-bold text-slate-700 mb-3">خيارات موعد التسليم <span class="text-red-500">*</span></label>
<p class="text-xs text-slate-500 mb-4"><i class="fa-solid fa-circle-info text-blue-500 ml-1"></i> ملاحظة: كلما كان موعد التسليم أقرب، زادت التكلفة المادية.</p>
<div class="grid grid-cols-1 md:grid-cols-3 gap-4">
<label class="cursor-pointer relative">
<input type="radio" name="deadline" value="عادي (تكلفة قياسية)" required class="peer sr-only">
<div class="p-4 rounded-lg border-2 border-slate-200 peer-checked:border-blue-500 peer-checked:bg-blue-50 transition text-center hover:bg-slate-100">
<h4 class="font-bold text-navy-900">عادي</h4>
<span class="text-xs text-slate-500">حسب خطة العمل</span>
</div>
</label>
<label class="cursor-pointer relative">
<input type="radio" name="deadline" value="سريع (تكلفة أعلى)" class="peer sr-only">
<div class="p-4 rounded-lg border-2 border-slate-200 peer-checked:border-gold-500 peer-checked:bg-gold-50 transition text-center hover:bg-slate-100">
<h4 class="font-bold text-navy-900">سريع</h4>
<span class="text-xs text-slate-500">نصف المدة المعتادة</span>
</div>
</label>
<label class="cursor-pointer relative">
<input type="radio" name="deadline" value="عاجل جداً (أعلى تكلفة)" class="peer sr-only">
<div class="p-4 rounded-lg border-2 border-slate-200 peer-checked:border-red-500 peer-checked:bg-red-50 transition text-center hover:bg-slate-100">
<div class="absolute -top-3 -right-2 bg-red-500 text-white text-[10px] px-2 py-1 rounded-full animate-pulse">VIP</div>
<h4 class="font-bold text-navy-900">عاجل جداً</h4>
<span class="text-xs text-slate-500">أولوية قصوى للفريق</span>
</div>
</label>
</div>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
<!-- Phone -->
<div>
<label class="block text-sm font-bold text-slate-700 mb-2">رقم الواتساب الخاص بك <span class="text-red-500">*</span></label>
<input type="tel" id="phone" required placeholder="مع كود الدولة (مثال: +20... أو +966...)" dir="ltr" class="w-full px-4 py-3 rounded-lg border border-slate-300 focus:ring-2 focus:ring-gold-500 focus:border-gold-500 outline-none transition bg-slate-50 text-left">
</div>
<!-- Country -->
<div>
<label class="block text-sm font-bold text-slate-700 mb-2">بلد الإقامة أو الجامعة</label>
<input type="text" id="country" placeholder="مثال: السعودية، مصر، الإمارات، الكويت..." class="w-full px-4 py-3 rounded-lg border border-slate-300 focus:ring-2 focus:ring-gold-500 focus:border-gold-500 outline-none transition bg-slate-50">
</div>
</div>
<!-- Details -->
<div>
<label class="block text-sm font-bold text-slate-700 mb-2">تفاصيل إضافية عن الطلب</label>
<textarea id="details" rows="4" placeholder="اكتب أي ملاحظات، متطلبات خاصة، أو استفسارات هنا..." class="w-full px-4 py-3 rounded-lg border border-slate-300 focus:ring-2 focus:ring-gold-500 focus:border-gold-500 outline-none transition bg-slate-50"></textarea>
</div>
<!-- Submit Button -->
<button type="submit" class="w-full bg-navy-900 text-white py-4 rounded-xl font-bold text-lg hover:bg-navy-800 shadow-3d transform transition hover:-translate-y-1 flex justify-center items-center gap-2">
<span>إرسال الطلب إلى د. محمد قرمان (واتساب)</span>
<i class="fa-brands fa-whatsapp text-2xl text-green-400"></i>
</button>
<p class="text-center text-xs text-slate-400 mt-2">بالضغط على إرسال، سيتم تحويلك مباشرة لمحادثة الواتساب مع د. محمد قرمان.</p>
</form>
</div>
</div>
</section>
<!-- Footer -->
<footer class="bg-navy-900 text-slate-300 pt-16 pb-8 border-t border-slate-800">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="grid grid-cols-1 md:grid-cols-3 gap-12 mb-12">
<!-- Brand Info -->
<div>
<div class="flex items-center gap-3 mb-6">
<i class="fa-solid fa-user-tie text-gold-500 text-3xl"></i>
<span class="font-bold text-2xl text-white tracking-wide">الدكتور <span class="text-gold-500 text-lg">للرسائل العلمية</span></span>
</div>
<p class="text-slate-400 mb-6 leading-relaxed">
منصتك الموثوقة لخدمات البحث العلمي في مصر والوطن العربي. نضمن لك جودة العمل، السرية التامة، والتسليم في الموعد المتفق عليه مع الالتزام بكافة التعديلات الأكاديمية.
</p>
</div>
<!-- Quick Links -->
<div>
<h4 class="text-white font-bold text-lg mb-6 border-b border-slate-700 pb-2 inline-block">روابط سريعة</h4>
<ul class="space-y-3">
<li><a href="#home" class="hover:text-gold-400 transition flex items-center gap-2"><i class="fa-solid fa-angle-left text-xs"></i> الرئيسية</a></li>
<li><a href="#services" class="hover:text-gold-400 transition flex items-center gap-2"><i class="fa-solid fa-angle-left text-xs"></i> خدماتنا الأكاديمية</a></li>
<li><a href="#features" class="hover:text-gold-400 transition flex items-center gap-2"><i class="fa-solid fa-angle-left text-xs"></i> الضمانات</a></li>
<li><a href="#contact" class="hover:text-gold-400 transition flex items-center gap-2"><i class="fa-solid fa-angle-left text-xs"></i> طلب استشارة</a></li>
</ul>
</div>
<!-- Contact Info -->
<div>
<h4 class="text-white font-bold text-lg mb-6 border-b border-slate-700 pb-2 inline-block">تواصل معنا للاستشارة</h4>
<ul class="space-y-4">
<li class="flex items-start gap-4">
<div class="bg-slate-800 p-2 rounded text-green-500 mt-1"><i class="fa-brands fa-whatsapp text-xl"></i></div>
<div>
<span class="block text-sm text-slate-400">للاستشارة والطلب المباشر</span>
<a href="https://wa.me/201010407569" target="_blank" class="text-white font-bold hover:text-gold-400 text-lg" dir="ltr">01010407569</a>
<span class="block text-xs text-gold-500">د. محمد قرمان</span>
</div>
</li>
<li class="flex items-start gap-4">
<div class="bg-slate-800 p-2 rounded text-gold-500 mt-1"><i class="fa-solid fa-phone text-xl"></i></div>
<div>
<span class="block text-sm text-slate-400">أرقام إضافية</span>
<a href="tel:01003454288" class="text-white hover:text-gold-400 block" dir="ltr">01003454288</a>
<a href="tel:01115413154" class="text-white hover:text-gold-400 block" dir="ltr">01115413154</a>
</div>
</li>
</ul>
</div>
</div>
<div class="border-t border-slate-800 pt-8 text-center text-sm text-slate-500">
<p>جميع الحقوق محفوظة © منصة الدكتور لإعداد الرسائل العلمية.</p>
</div>
</div>
</footer>
<!-- Floating WhatsApp Button (د. محمد قرمان) -->
<div class="fixed bottom-6 right-6 z-50 flex items-center group">
<!-- Text Tooltip that shows on hover -->
<div class="absolute left-full ml-4 w-max bg-navy-900 text-white px-4 py-2 rounded-lg text-sm font-bold shadow-lg opacity-0 group-hover:opacity-100 transition-opacity duration-300 pointer-events-none transform translate-x-4 group-hover:translate-x-0 rtl:right-full rtl:mr-4 rtl:left-auto rtl:-translate-x-4 rtl:group-hover:translate-x-0">
تواصل مع د. محمد قرمان
<div class="absolute top-1/2 -mt-1 w-2 h-2 bg-navy-900 transform rotate-45 right-[-4px] rtl:left-[-4px] rtl:right-auto"></div>
</div>
<a href="https://wa.me/201010407569?text=مرحباً د. محمد قرمان، أود الاستفسار عن خدمات إعداد الرسائل العلمية." target="_blank" class="relative bg-green-500 text-white w-16 h-16 rounded-full flex items-center justify-center text-4xl shadow-[0_4px_15px_rgba(34,197,94,0.5)] hover:scale-110 transition-transform">
<i class="fa-brands fa-whatsapp"></i>
<!-- Ping effect -->
<span class="absolute inline-flex h-full w-full rounded-full bg-green-400 opacity-20 animate-ping"></span>
</a>
</div>
<!-- Custom JavaScript -->
<script>
// Mobile Menu Toggle
const btn = document.getElementById('mobile-menu-btn');
const menu = document.getElementById('mobile-menu');
btn.addEventListener('click', () => {
menu.classList.toggle('hidden');
});
// Close mobile menu on link click
menu.querySelectorAll('a').forEach(link => {
link.addEventListener('click', () => {
menu.classList.add('hidden');
});
});
// Sticky Navbar background on scroll
const navbar = document.querySelector('nav');
window.addEventListener('scroll', () => {
if (window.scrollY > 50) {
navbar.classList.add('shadow-lg');
} else {
navbar.classList.remove('shadow-lg');
}
});
// Form Submit Handler
function submitForm(event) {
event.preventDefault();
// جمع البيانات من النموذج
const docType = document.getElementById('docType').value;
const major = document.getElementById('major').value;
// جلب قيمة الراديو المحددة لموعد التسليم
const deadlineOptions = document.getElementsByName('deadline');
let deadline = '';
for(let i = 0; i < deadlineOptions.length; i++){
if(deadlineOptions[i].checked){
deadline = deadlineOptions[i].value;
break;
}
}
const phone = document.getElementById('phone').value;
const country = document.getElementById('country').value || 'غير محدد';
const details = document.getElementById('details').value || 'لا يوجد تفاصيل إضافية';
// رقم د. محمد قرمان
const adminPhone = "201010407569";
// صياغة الرسالة التي ستُرسل عبر الواتساب
const message = `*طلب خدمة أكاديمية جديد* 🎓
// ترميز الرسالة للـ URL
const encodedMessage = encodeURIComponent(message);
// فتح رابط واتساب
const whatsappUrl = `https://wa.me/${adminPhone}?text=${encodedMessage}`;
window.open(whatsappUrl, '_blank');
// إظهار رسالة شكر في الواجهة
const formContainer = document.getElementById('orderForm');
formContainer.innerHTML = `
<div class="text-center py-10 animate-fade-in">
<i class="fa-solid fa-circle-check text-5xl text-green-500 mb-4"></i>
<h3 class="text-2xl font-bold text-navy-900 mb-2">تم تجهيز طلبك!</h3>
<p class="text-slate-500 mb-6">جاري تحويلك إلى محادثة الواتساب مع د. محمد قرمان. إذا لم يتم التحويل تلقائياً، اضغط على الزر أدناه.</p>
<a href="${whatsappUrl}" target="_blank" class="bg-green-500 text-white px-8 py-3 rounded-xl font-bold inline-flex items-center gap-2 hover:bg-green-600 transition shadow-lg">
<i class="fa-brands fa-whatsapp text-xl"></i> إكمال الإرسال عبر واتساب
</a>
</div>
`;
}
</script>
عناية د. محمد قرمان
نوع الخدمة: ${docType}
التخصص: ${major}
موعد التسليم المطلوب: ${deadline}
رقم هاتف الباحث: ${phone}
البلد: ${country}
تفاصيل إضافية:
${details}
أرجو التواصل معي للاتفاق المادي وتحديد خطة العمل.`;