أطلق الموقع الرسمي لشركتك
واجهة شركتك الرسمية على الإنترنت — احترافية وسريعة وموثوقة.
دليل مغلق لبناء موقع شركة عربي احترافي على Lovable: صفحات الشركة والخدمات، دراسات حالة، فريق العمل، مدوّنة، نموذج تواصل، وSEO محلي.
«الحزمة الكاملة» تحتوي: البرومبتات بالتسلسل + قائمة التحقق (بحالتها الحالية) + التكاملات + خطوات النشر + الأسئلة الشائعة. سياق مشروعك يُدمج تلقائيًا في كل برومبت.
ما ستبنيه
- ✅ رئيسية بهوية شركة قوية
- ✅ صفحة خدمات مع صفحة تفصيلية لكل خدمة
- ✅ دراسات حالة (Case Studies) لعملائك
- ✅ صفحة فريق العمل مع صور ومسميات
- ✅ مدوّنة تقود SEO
- ✅ نموذج طلب عرض سعر يصل بريدك
الحزمة التقنية الموصى بها
| الطبقة | الأداة | السبب |
|---|---|---|
| الواجهة | React + Tailwind | تصميم راقٍ ومتجاوب |
| المحتوى | MDX / Sanity / Supabase | إدارة مدوّنة ودراسات حالة |
| التواصل | Resend + Edge Function | استقبال طلبات العروض |
| الحجز | Calendly / Cal.com | حجز مكالمة استشارية |
برومبتات البناء بالتسلسل
انسخ كل برومبت والصقه في Lovable بالترتيب. لا تدمج خطوتين في برومبت واحد — الجودة تنخفض. عدّل النص بين الأقواس المربّعة ليناسب مشروعك.
تنقّل بين الخطوات بالأسهم (↑ ↓ → ←)، واضغط Enter أو Space لنسخ البرومبت.
الخطوة 1: الهيكل والهوية
برومبت الخطوة 1 — الهيكل والهوية. اضغط Enter أو Space للنسخ، أو استخدم الأسهم للتنقّل.
أنشئ موقع شركة [اسم الشركة] العاملة في [المجال]. صفحات: الرئيسية، الخدمات، صفحة خدمة، عن الشركة، الفريق، دراسات حالة، صفحة حالة، المدوّنة، تواصل. الهوية: [لون وخط ومزاج مؤسسي]. RTL بالكامل.
الخطوة 2: الرئيسية والخدمات
برومبت الخطوة 2 — الرئيسية والخدمات. اضغط Enter أو Space للنسخ، أو استخدم الأسهم للتنقّل.
رئيسية: Hero برسالة قيمة واضحة + CTA «احجز استشارة»، شعارات العملاء، ملخّص الخدمات بأيقونات (٣–٦)، رقم الأداء (سنوات خبرة، مشاريع، عملاء)، دراسة حالة مميّزة، شهادات، فوتر متكامل. صفحة /services تعرض الخدمات مع صفحة /services/[slug] لكل خدمة.
الخطوة 3: دراسات الحالة
برومبت الخطوة 3 — دراسات الحالة. اضغط Enter أو Space للنسخ، أو استخدم الأسهم للتنقّل.
أنشئ /case-studies بمصفوفة (client, industry, cover, challenge, solution, results). كل دراسة تفتح /case-studies/[slug] بتنسيق مقال طويل مع صور واقتباس من العميل ونتائج بأرقام.
الخطوة 4: فريق العمل والقيم
برومبت الخطوة 4 — فريق العمل والقيم. اضغط Enter أو Space للنسخ، أو استخدم الأسهم للتنقّل.
صفحة /team تعرض الأعضاء (اسم، مسمى، صورة، Bio قصير، LinkedIn). صفحة /about تعرض القصة، الرسالة، الرؤية، القيم بأيقونات، والاعتمادات (شهادات ISO مثلاً).
الخطوة 5: المدوّنة وSEO
برومبت الخطوة 5 — المدوّنة وSEO. اضغط Enter أو Space للنسخ، أو استخدم الأسهم للتنقّل.
مدوّنة /blog بمقالات MDX. لكل مقال title/description/og:image + JSON-LD Article. أضف Organization JSON-LD في __root بالشعار وبيانات الشركة. أنشئ /sitemap.xml شامل.
الخطوة 6: نموذج طلب عرض سعر
برومبت الخطوة 6 — نموذج طلب عرض سعر. اضغط Enter أو Space للنسخ، أو استخدم الأسهم للتنقّل.
في /contact نموذج (name, company, email, phone, service_interest, budget_range, message). يرسل عبر Resend لبريد المبيعات، ويحفظ نسخة في جدول leads. أضف Calendly مدمج لحجز مكالمة.
التكاملات المطلوبة
بريد استقبال الطلبات
حجز مكالمات
إدارة العملاء المحتملين
تحليلات الزوّار
إعلانات B2B
الإضافات المقترحة
عربي/إنجليزي كامل.
منطقة محمية لتحميل ملفات المشاريع.
روبوت أسئلة شائعة على الموقع.
شعارات في الفوتر.
قائمة تحقق قبل الإطلاق
تُحفظ حالة القائمة تلقائيًا على جهازك.
خطوات النشر
- ١. راجع المعاينة (Preview)
افتح المعاينة داخل Lovable وتأكد أن جميع الصفحات تعمل بلا أخطاء وأن الروابط الداخلية سليمة، خاصة على شاشة الجوّال.
- ٢. فعّل Lovable Cloud إذا كان مشروعك يحتاج قاعدة بيانات أو تسجيل دخول
من الإعدادات فعّل Cloud (يعمل على Supabase تحت الغطاء) قبل النشر لضمان أن العمليات الخلفية مربوطة بمشروع إنتاجي.
- ٣. أضف مفاتيح البيئة (Secrets)
من Project Settings أضف مفاتيح خدمات الدفع والبريد وأي API خارجي. لا تضع المفاتيح داخل الكود مباشرة.
- ٤. اضغط Publish
سينشر Lovable مشروعك على نطاق فرعي *.lovable.app خلال دقيقة تقريباً. شارك الرابط للتجربة الأولى.
- ٥. اربط نطاقك الخاص (Custom Domain)
من Project Settings → Domains أضف نطاقك واتبع تعليمات DNS. النطاق الخاص شرط أساسي لثقة المستخدم ولمحركات البحث.
- ٦. أرسل خريطة الموقع لـ Google Search Console
بعد ربط النطاق، أضف الموقع في Search Console وأرسل /sitemap.xml وابدأ بمراقبة الفهرسة.
الأسئلة الشائعة
كم صفحة يحتاج موقع الشركة كحد أدنى؟
الحد الأدنى: رئيسية، خدمات، عن الشركة، تواصل. الأفضل إضافة دراسات حالة ومدوّنة لدفع SEO.
هل يظهر موقعي في بحث «اسم مجالي + المدينة»؟
نعم مع SEO محلي: Schema LocalBusiness، بروفايل Google Business، ومحتوى يستهدف المدينة والخدمة.
هل أحتاج نسخة إنجليزية؟
إذا كان جمهورك يشمل أجانب أو تصدير خدمات، نعم. غير ذلك ابدأ بالعربية وأضف الإنجليزية لاحقاً.
كيف أدير المدوّنة دون مطوّر؟
استخدم Sanity أو Supabase مع لوحة تحرير بسيطة، أو ملفات MDX يعدّلها فريق التسويق مباشرة عبر GitHub.
جاهز للبناء؟
ابدأ الآن بمولّد البرومبت أو اطرح فكرتك على مجتمع Lovable بالعربية على واتساب.
هل كان هذا المحتوى مفيداً؟
استلم أحدث الأدلّة والبرومبتات كل أسبوع
خلاصة عربية أسبوعية عن Lovable وVibe Coding — بلا سبام، إلغاء متى شئت.
