);
}
function RolesSection() {
const roles = [
{
idx:1, role:'الكاتب', icon:'📝', accent:'blue',
title:'للكاتب «محرر أنيق بدون تشتيت»',
lede:'مساحة كتابة نظيفة مدمجة مع AI تساعد الكاتب على تطوير أفكاره وتحسين صياغته.',
bullets:[
'محرر markdown عربي بتنسيق فوري',
'مساعد AI داخل المحرر (حسن الفقرة، اقترح hook)',
'حفظ تلقائي + سجل إصدارات كامل',
],
mock:,
},
{
idx:2, role:'الممنتج', icon:'✂️', accent:'purple',
title:'للمونتير «لوحة مصادر موحدة»',
lede:'كل ما يحتاجه المونتير في مكان واحد: لقطات، صوت، موسيقى، سكربت، وملاحظات المخرج. يفتح الملف في Premiere/DaVinci بنقرة.',
bullets:[
'تصفح سريع للمصادر بصورة مصغرة',
'تكامل مع Premiere، DaVinci، Final Cut',
'سكربت + ملاحظات المخرج في لوحة واحدة',
],
mock:,
},
{
idx:3, role:'المراجع', icon:'👁️', accent:'amber',
title:'للمراجع «تعليقات على لحظات الفيديو»',
lede:'يشاهد المراجع الفيديو ويعلق على الثواني التي تحتاج تعديل. يعود المونتير يشاهد التعليق في لحظته المبلغة بالضبط.',
bullets:[
'علق على أي لحظة بنقرة على المسار',
'موافقة / رفض / إعادة عمل بزر واحد',
'سلسلة مراجعات واضحة بدون فوضى',
],
mock:,
},
];
return (
الميزة السابعة · workspace بالدور
كل عضو بإمكانه تنفيذ مهمته بأدوات تساعده
workspace خاص لكل دور، مبني على نفس البيانات. كل عضو يفتح مزبط ويبدأ.
{roles.map((r, i) => (
))}
);
}
// ========== COMPARISON ==========
function ComparisonSection() {
const Yes = (extra) => ✓{extra ? ' ' + extra : ''};
const No = (extra) => ✗{extra ? ' ' + extra : ''};
const Warn = (txt) => ⚠ {txt};
const rows = [
['دعم RTL أصيل (ليس ترجمة)', Yes(), Warn('جزئي'), Warn('مترجم آليا')],
['واجهة عربية 100%', Yes(), Warn('إنجليزي + ترجمة'), Warn('إنجليزي + ترجمة')],
['دعم فني عربي', Yes(), No(), No()],
['تكامل مع واتساب للإشعارات', Yes(), No(), No()],
['سير عمل خاص بصناعة المحتوى', Yes('مدمج'), No('يبني المستخدم'), No('عام')],
['تعليقات على لحظات الفيديو', Yes('مدمج'), No(), No()],
['AI خاص بصناعة المحتوى (لا AI عام)', Yes('متخصص'), Warn('AI عام'), Warn('AI عام')],
['حساب المستحقات تلقائيا', Yes(), No(), Warn('بإضافة')],
['تقويم نشر موحد لكل المنصات', Yes(), No(), Warn('عام')],
['إدارة مصادر المونتاج', Yes(), No(), No()],
['الوصول لمبدعين عرب للتعاقد', Yes(), No(), No()],
['دعم جوال + SMS + إيميل', Yes('الثلاثة معا'), Warn('إيميل فقط'), Warn('إيميل فقط')],
];
return (
المقارنة
لماذا ليست أداة عامة؟
Notion و ClickUp ممتازتان للأغراض العامة. لكن صناعة المحتوى تحتاج فهما عميقا للسير العمل ومفرداته.
الميزة
مختارنامزبط
Notion
ClickUp
{rows.map((r, i) => (
{r[0]}
{r[1]}
{r[2]}
{r[3]}
))}
الأدوات العامة تجبرك على بناء كل شيء من الصفر. مزبط يفهمك من اللحظة الأولى.
);
}
// ========== WAITLIST (replaces Roadmap) ==========
function WaitlistSection() {
const [phone, setPhone] = useStateB('');
const [email, setEmail] = useStateB('');
const [error, setError] = useStateB('');
const [submitting, setSubmitting] = useStateB(false);
const [submitted, setSubmitted] = useStateB(false);
const onSubmit = async (e) => {
e.preventDefault();
if (!phone.trim() && !email.trim()) {
setError('من فضلك أدخل الجوال أو الإيميل (أحدهما على الأقل)');
return;
}
if (email.trim() && !/^\S+@\S+\.\S+$/.test(email.trim())) {
setError('الإيميل غير صحيح');
return;
}
setError('');
setSubmitting(true);
try {
const res = await fetch('/api/waitlist', {
method: 'POST',
headers: { 'content-type': 'application/json' },
body: JSON.stringify({ phone: phone.trim(), email: email.trim() }),
});
if (!res.ok) {
const data = await res.json().catch(() => ({}));
const msg = data.error === 'invalid_email' ? 'الإيميل غير صحيح'
: data.error === 'phone_or_email_required' ? 'أحد الحقلين على الأقل مطلوب'
: 'حدث خطأ، حاول مرة أخرى';
setError(msg);
setSubmitting(false);
return;
}
} catch (err) {
setError('تعذّر الاتصال بالخادم، حاول مرة أخرى');
setSubmitting(false);
return;
}
setSubmitting(false);
setSubmitted(true);
};
return (
الخاتمة
نبي نعلمك أول ما تجهز المنصة؟
مزبط تحت التطوير. اترك جوالك أو إيميلك وسنعلمك دون إزعاج.