function MainComponent() { const [activePhase, setActivePhase] = useState(null); const phases = [ { id: "development", name: "التطوير", icon: "fa-lightbulb", tools: [ { id: "scriptWriter", name: "مساعد كتابة السيناريو", description: "أداة ذكية لتطوير وتحسين السيناريو باستخدام تقنيات معالجة اللغة الطبيعية", icon: "fa-pen-fancy", link: "/ai-tools/script-writer" }, { id: "ideaGenerator", name: "توليد الأفكار", description: "توليد أفكار إبداعية للقصص والمشاهد باستخدام الذكاء الاصطناعي", icon: "fa-brain", link: "/ai-tools/idea-generator" }, { id: "textAnalyzer", name: "تحليل النصوص", description: "تحليل وتقييم النصوص والحوارات لتحسين جودة المحتوى", icon: "fa-chart-bar", link: "/ai-tools/text-analyzer" } ] }, { id: "preProduction", name: "ما قبل الإنتاج", icon: "fa-tasks", tools: [ { id: "characterDesign", name: "تصميم الشخصيات", description: "توليد وتصميم شخصيات مميزة باستخدام الذكاء الاصطناعي", icon: "fa-user-edit", link: "/ai-tools/character-design" }, { id: "sceneVisualization", name: "تصور المشاهد", description: "إنشاء تصورات بصرية للمشاهد قبل التصوير", icon: "fa-camera", link: "/ai-tools/scene-visualization" }, { id: "setDesign", name: "تصميم المناظر", description: "تصميم وتوليد خلفيات ومناظر للمشاهد", icon: "fa-paint-brush", link: "/ai-tools/set-design" } ] }, { id: "production", name: "الإنتاج", icon: "fa-film", tools: [ { id: "sceneAnalysis", name: "تحليل المشاهد", description: "تحليل تقني وفني للمشاهد المصورة", icon: "fa-eye", link: "/ai-tools/scene-analysis" }, { id: "imageEnhancement", name: "تحسين الصور", description: "تحسين جودة الصور وتصحيح الألوان تلقائياً", icon: "fa-image", link: "/ai-tools/image-enhancement" }, { id: "backgroundGeneration", name: "توليد الخلفيات", description: "إنشاء خلفيات رقمية متناسقة مع المشهد", icon: "fa-mountain", link: "/ai-tools/background-generation" } ] }, { id: "postProduction", name: "ما بعد الإنتاج", icon: "fa-edit", tools: [ { id: "videoEnhancement", name: "تحسين جودة الفيديو", description: "تحسين جودة مقاطع الفيديو وتصحيح الألوان", icon: "fa-video", link: "/ai-tools/video-enhancement" }, { id: "editingAnalysis", name: "تحليل المونتاج", description: "تحليل وتحسين تسلسل المشاهد والمونتاج", icon: "fa-cut", link: "/ai-tools/editing-analysis" } ] }, { id: "distribution", name: "التوزيع", icon: "fa-share-alt", tools: [ { id: "audienceAnalysis", name: "تحليل الجمهور المستهدف", description: "تحليل وتحديد الجمهور المستهدف للفيلم", icon: "fa-users", link: "/ai-tools/audience-analysis" }, { id: "marketingContent", name: "توليد المحتوى التسويقي", description: "إنشاء محتوى تسويقي جذاب للفيلم", icon: "fa-bullhorn", link: "/ai-tools/marketing-content" } ] } ]; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-50 p-6", dir: "rtl", __source: { fileName: "", lineNumber: 134, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mx-auto max-w-7xl", __source: { fileName: "", lineNumber: 135, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 136, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold text-gray-900", __source: { fileName: "", lineNumber: 137, columnNumber: 11 }, __self: this }, "أدوات الذكاء الاصطناعي"), /*#__PURE__*/ React.createElement("p", { className: "mt-2 text-gray-600", __source: { fileName: "", lineNumber: 138, columnNumber: 11 }, __self: this }, "اكتشف مجموعة متكاملة من أدوات الذكاء الاصطناعي لكل مرحلة من مراحل صناعة الفيلم")), /*#__PURE__*/ React.createElement("div", { className: "mb-12 grid gap-8 md:grid-cols-5", __source: { fileName: "", lineNumber: 141, columnNumber: 9 }, __self: this }, phases.map((phase, index)=>/*#__PURE__*/ React.createElement("div", { key: phase.id, className: `relative ${index !== phases.length - 1 ? 'after:absolute after:top-1/2 after:h-0.5 after:w-full after:bg-gray-200 after:content-[""] md:after:right-full' : ''}`, __source: { fileName: "", lineNumber: 143, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `relative z-10 cursor-pointer rounded-lg bg-white p-6 shadow transition-all hover:shadow-lg ${activePhase === phase.id ? 'ring-2 ring-blue-600' : ''}`, onClick: ()=>setActivePhase(activePhase === phase.id ? null : phase.id), __source: { fileName: "", lineNumber: 148, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4 flex items-center justify-center", __source: { fileName: "", lineNumber: 154, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex h-16 w-16 items-center justify-center rounded-full bg-blue-100 text-blue-600", __source: { fileName: "", lineNumber: 155, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas ${phase.icon} text-2xl`, __source: { fileName: "", lineNumber: 156, columnNumber: 21 }, __self: this }))), /*#__PURE__*/ React.createElement("h3", { className: "text-center text-lg font-medium text-gray-900", __source: { fileName: "", lineNumber: 159, columnNumber: 17 }, __self: this }, phase.name), /*#__PURE__*/ React.createElement("p", { className: "mt-2 text-center text-sm text-gray-500", __source: { fileName: "", lineNumber: 160, columnNumber: 17 }, __self: this }, phase.tools.length, " أدوات متاحة"))))), activePhase && /*#__PURE__*/ React.createElement("div", { className: "rounded-lg bg-white p-6 shadow", __source: { fileName: "", lineNumber: 169, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-6 flex items-center justify-between", __source: { fileName: "", lineNumber: 170, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-gray-900", __source: { fileName: "", lineNumber: 171, columnNumber: 15 }, __self: this }, phases.find((p)=>p.id === activePhase)?.name), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setActivePhase(null), className: "text-gray-400 hover:text-gray-500", __source: { fileName: "", lineNumber: 174, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times", __source: { fileName: "", lineNumber: 178, columnNumber: 17 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "grid gap-6 md:grid-cols-3", __source: { fileName: "", lineNumber: 181, columnNumber: 13 }, __self: this }, phases.find((p)=>p.id === activePhase)?.tools.map((tool)=>/*#__PURE__*/ React.createElement("a", { key: tool.id, href: tool.link, className: "group rounded-lg border border-gray-200 p-6 transition-all hover:border-blue-200 hover:shadow", __source: { fileName: "", lineNumber: 183, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4 flex h-12 w-12 items-center justify-center rounded-full bg-blue-100 text-blue-600 group-hover:bg-blue-600 group-hover:text-white", __source: { fileName: "", lineNumber: 188, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas ${tool.icon} text-xl`, __source: { fileName: "", lineNumber: 189, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("h3", { className: "mb-2 text-lg font-medium text-gray-900", __source: { fileName: "", lineNumber: 191, columnNumber: 19 }, __self: this }, tool.name), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 192, columnNumber: 19 }, __self: this }, tool.description))))))); }