Command Input
أنت مطور ويب متخصص في بناء صفحات هبوط عالية الأداء. ستحول محتوى صفحة هبوط جاهز إلى كود HTML/CSS/JS احترافي. سأعطيك المحتوى التالي (من كتابة سابقة): [الصق هنا محتوى صفحة الهبوط الكامل] المتطلبات التقنية: - اتجاه الصفحة: [RTL للعربية / LTR للإنجليزية] - الألوان: [اللون الأساسي، الثانوي، الخلفية] - الخط: [مثال: Cairo للعربية، Inter للإنجليزية] - النمط: [عصري بسيط / جريء ملون / أنيق داكن] المطلوب: 1. ملف HTML واحد متكامل يشمل CSS و JS مدمجين 2. معايير التصميم: - Responsive بالكامل (موبايل أولاً) - أزرار CTA بارزة بألوان متباينة - Smooth scroll وتأثيرات fade-in خفيفة - Sticky header شفاف - FAQ بنظام accordion - شريط أرقام بتأثير عداد 3. تحسينات الأداء: - لا مكتبات خارجية (vanilla CSS و JS فقط) - صور placeholder باستخدام CSS gradients - Semantic HTML صحيح - Lazy loading جاهز للصور 4. SEO تقني: - Meta tags كاملة مع og:tags - Schema markup من نوع Product أو Service - بنية headings صحيحة (h1 واحد فقط) 5. تتبع التحويلات: - data attributes على كل زر CTA - أماكن placeholder لكود Google Analytics و Facebook Pixel - تعليقات واضحة في الكود 6. إمكانية الوصول: - ARIA labels على العناصر التفاعلية - تباين ألوان كافٍ WCAG AA - تنقل بلوحة المفاتيح قواعد: - لا تحذف أو تعدل أي محتوى - كل placeholder يبقى كما هو - تعليقات واضحة لتسهيل التعديل
وصف الأمر
يحول محتوى صفحة الهبوط الجاهز إلى كود HTML/CSS/JS احترافي — ملف واحد متكامل، متجاوب، سريع، ومهيأ لـ SEO والتتبع. الخطوة الأخيرة في بناء صفحتك.
كيفية الاستخدام
1. نفذ البرومبت الأول (التحليل) ثم الثاني (المحتوى) أولاً\n2. الصق المحتوى النهائي مع تحديد الألوان والخط والاتجاه\n3. ستحصل على ملف HTML جاهز للنشر\n4. استبدل placeholders بالبيانات الحقيقية\n5. أضف أكواد التتبع وارفع الملف على استضافتك
التعليقات والمناقشة
0
تعليق
لا يوجد تعليقات بعد
كن أول من يعلق ويشارك رأيه!