Spaces:
Running
Running
رائع! إليك فكرة **منصة احترافية مخصصة لإدارة الشركات الناشئة**، تعتمد على الذكاء الاصطناعي، وتجمع بين الجوانب الإدارية، المالية، التسويقية، والتحليلية. --- ## 🚀 **Platform Name:** StartPilot **Tagline:** *"AI-Powered Operating System for Startups"* --- ### 📘 \*\*Overview: StartPilot\*\* is an all-in-one AI-powered platform designed to help **startup founders, small business teams, and incubators** efficiently manage, analyze, and grow their ventures. The platform functions as a centralized dashboard for **startup operations**, combining tools for **strategy, team management, marketing, finance, and investor relations**. --- ### 🧠 **Key AI Features:** | Feature | Description | | -------------------------------- | ---------------------------------------------------------------------------------------- | | **AI Co-Founder Assistant** | Acts as a virtual consultant: helps with decisions, gives pitch feedback, monitors KPIs. | | **Smart Pitch Deck Generator** | Uses GPT-based prompts to generate business plans and investor decks. | | **Financial Forecast AI** | Automatically generates 12–24 month financial models based on your business data. | | **Market & Competitor Analysis** | Tracks trends, competitors, and market gaps in real-time via web scraping + NLP. | | **Fundraising Readiness Engine** | Assesses when you're ready to raise funds and suggests investors to approach. | | **Team Performance Insights** | Analyzes team productivity, engagement, and recommends improvements. | --- ### 🧩 **Core Modules:** 1. **Startup Dashboard** – Bird’s-eye view of your startup KPIs, runway, growth goals, etc. 2. **Task & OKR Management** – Align team tasks with business objectives and milestones. 3. **Investor CRM** – Track communications, pitch stages, and follow-ups with VCs or angels. 4. **Marketing Hub** – Plan social media campaigns, generate AI-powered content ideas, analyze impact. 5. **Financial Room** – Manage burn rate, create budgets, simulate funding scenarios. 6. **Data Room** – Upload pitch decks, legal docs, financials for secure investor access. 7. **Idea Validation** – Launch simple MVP tests and AI-analyzed user feedback. --- ### 🧑💼 **Target Users:** * Early-stage startup founders * Startup accelerators/incubators * Small business owners * Freelancers launching products * University entrepreneurship programs --- ### ⚙️ **Technology Stack:** | Layer | Tools | | -------------- | ----------------------------------------------------------------- | | **Frontend** | React, Tailwind CSS | | **Backend** | Node.js / Python FastAPI | | **AI Models** | GPT-4 / OpenAI API, LangChain, Prophet (forecasting), spaCy (NLP) | | **Database** | PostgreSQL, MongoDB | | **Analytics** | Metabase, Superset | | **Deployment** | Docker, Kubernetes | --- ### 💼 **Monetization Model:** * **Freemium Plan** for solo founders * **Pro Plan** for teams with collaboration and AI tools * **Enterprise Plan** for incubators, VCs, and universities * Optional **AI assistant credits** for advanced forecasting, deck generation, etc. --- ### 🌍 **Why Now?** * Startups need lean, smart operations from day one * Remote-first teams require centralized tools * AI enables founders to operate with fewer resources * Growing need for investor-readiness tools & smart insights --- ### 📌 Future Ideas: * **Integration with Notion, Slack, Stripe, LinkedIn** * **Startup Scorecard API** for accelerators to evaluate applicants * **AI Deal-Matching Engine** for startups + investors --- هل تود أن أحول هذه الفكرة إلى: * خطة عمل كاملة؟ * صفحة تعريفية (Landing Page)؟ * عرض تقديمي PowerPoint؟ * خطة تنفيذية أولية (MVP roadmap)؟ اختر الطريقة التي تفضل بها عرض هذه الفكرة وسأكمل لك النموذج المناسب. - Initial Deployment
3f3f613
verified
| <html lang="en" dir="rtl"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>StartPilot - نظام التشغيل الذكي للشركات الناشئة</title> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> | |
| <style> | |
| @import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;900&display=swap'); | |
| body { | |
| font-family: 'Tajawal', sans-serif; | |
| background-color: #f8fafc; | |
| } | |
| .gradient-bg { | |
| background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%); | |
| } | |
| .feature-card:hover { | |
| transform: translateY(-5px); | |
| box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); | |
| } | |
| .animated-illustration { | |
| animation: float 6s ease-in-out infinite; | |
| } | |
| @keyframes float { | |
| 0% { transform: translateY(0px); } | |
| 50% { transform: translateY(-15px); } | |
| 100% { transform: translateY(0px); } | |
| } | |
| .rtl { | |
| direction: rtl; | |
| } | |
| </style> | |
| </head> | |
| <body class="rtl text-gray-800"> | |
| <!-- Navigation --> | |
| <nav class="bg-white shadow-sm py-4 sticky top-0 z-50"> | |
| <div class="container mx-auto px-4 flex justify-between items-center"> | |
| <div class="flex items-center space-x-2"> | |
| <div class="w-10 h-10 gradient-bg rounded-full flex items-center justify-center"> | |
| <i class="fas fa-rocket text-white text-xl"></i> | |
| </div> | |
| <span class="text-xl font-bold bg-gradient-to-r from-indigo-600 to-purple-600 bg-clip-text text-transparent">StartPilot</span> | |
| </div> | |
| <div class="hidden md:flex space-x-8"> | |
| <a href="#features" class="text-gray-600 hover:text-indigo-600 font-medium">المميزات</a> | |
| <a href="#solutions" class="text-gray-600 hover:text-indigo-600 font-medium">الحلول</a> | |
| <a href="#pricing" class="text-gray-600 hover:text-indigo-600 font-medium">الأسعار</a> | |
| <a href="#faq" class="text-gray-600 hover:text-indigo-600 font-medium">الأسئلة الشائعة</a> | |
| </div> | |
| <div class="flex items-center space-x-4"> | |
| <a href="#" class="text-gray-600 hover:text-indigo-600 font-medium">تسجيل الدخول</a> | |
| <a href="#register" class="bg-indigo-600 hover:bg-indigo-700 text-white px-4 py-2 rounded-lg font-medium transition duration-300">ابدأ مجانًا</a> | |
| </div> | |
| <button class="md:hidden text-gray-600"> | |
| <i class="fas fa-bars text-xl"></i> | |
| </button> | |
| </div> | |
| </nav> | |
| <!-- Hero Section --> | |
| <section class="gradient-bg text-white py-20"> | |
| <div class="container mx-auto px-4 flex flex-col md:flex-row items-center"> | |
| <div class="md:w-1/2 mb-10 md:mb-0"> | |
| <h1 class="text-4xl md:text-5xl font-bold leading-tight mb-6">منصتك الذكية لإدارة شركتك الناشئة</h1> | |
| <p class="text-xl mb-8 opacity-90">نظام متكامل يعمل بالذكاء الاصطناعي لإدارة جميع جوانب عملك من التخطيط المالي إلى التسويق وإدارة الفريق</p> | |
| <div class="flex flex-col sm:flex-row space-y-4 sm:space-y-0 sm:space-x-4"> | |
| <a href="#register" class="bg-white text-indigo-600 hover:bg-gray-100 px-6 py-3 rounded-lg font-bold text-center transition duration-300">ابدأ النسخة التجريبية</a> | |
| <a href="#demo" class="border-2 border-white text-white hover:bg-white hover:bg-opacity-10 px-6 py-3 rounded-lg font-bold text-center transition duration-300">طلب عرض توضيحي</a> | |
| </div> | |
| <div class="mt-8 flex items-center space-x-4"> | |
| <div class="flex -space-x-2"> | |
| <img src="https://randomuser.me/api/portraits/women/12.jpg" class="w-10 h-10 rounded-full border-2 border-white" alt="User"> | |
| <img src="https://randomuser.me/api/portraits/men/32.jpg" class="w-10 h-10 rounded-full border-2 border-white" alt="User"> | |
| <img src="https://randomuser.me/api/portraits/women/42.jpg" class="w-10 h-10 rounded-full border-2 border-white" alt="User"> | |
| </div> | |
| <div> | |
| <p class="text-sm opacity-80">انضم إلى <span class="font-bold">1,200+</span> شركة ناشئة</p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="md:w-1/2 flex justify-center"> | |
| <img src="https://illustrations.popsy.co/purple/digital-nomad.svg" class="animated-illustration w-full max-w-md" alt="Startup Illustration"> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Trusted By --> | |
| <section class="py-12 bg-gray-50"> | |
| <div class="container mx-auto px-4"> | |
| <p class="text-center text-gray-500 mb-8">موثوق من قبل الشركات الناشئة الرائدة</p> | |
| <div class="flex flex-wrap justify-center items-center gap-8 md:gap-16"> | |
| <img src="https://logo.clearbit.com/ycombinator.com" class="h-8 opacity-60 hover:opacity-100 transition" alt="Y Combinator"> | |
| <img src="https://logo.clearbit.com/500.co" class="h-8 opacity-60 hover:opacity-100 transition" alt="500 Startups"> | |
| <img src="https://logo.clearbit.com/techstars.com" class="h-8 opacity-60 hover:opacity-100 transition" alt="Techstars"> | |
| <img src="https://logo.clearbit.com/flat6labs.com" class="h-10 opacity-60 hover:opacity-100 transition" alt="Flat6Labs"> | |
| <img src="https://logo.clearbit.com/startupgrind.com" class="h-8 opacity-60 hover:opacity-100 transition" alt="Startup Grind"> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- AI Features Section --> | |
| <section id="features" class="py-20"> | |
| <div class="container mx-auto px-4"> | |
| <div class="text-center mb-16"> | |
| <span class="text-indigo-600 font-bold">الذكاء الاصطناعي القوي</span> | |
| <h2 class="text-3xl md:text-4xl font-bold mt-2 mb-4">مساعدك الذكي في كل خطوة</h2> | |
| <p class="text-gray-600 max-w-2xl mx-auto">تم تصميم StartPilot ليكون بمثابة شريكك الذكي الذي يساعدك في اتخاذ القرارات الصائبة وتجنب الأخطاء الشائعة</p> | |
| </div> | |
| <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"> | |
| <!-- Feature 1 --> | |
| <div class="bg-white p-8 rounded-xl shadow-md feature-card transition duration-300"> | |
| <div class="w-14 h-14 gradient-bg rounded-lg flex items-center justify-center mb-6"> | |
| <i class="fas fa-brain text-white text-2xl"></i> | |
| </div> | |
| <h3 class="text-xl font-bold mb-3">مساعد تأسيس الشركات</h3> | |
| <p class="text-gray-600">مساعد ذكي يعمل كشريك لك، يقدم نصائح حسب مرحلة شركتك، يحلل قراراتك ويقترح تحسينات على نموذج عملك.</p> | |
| </div> | |
| <!-- Feature 2 --> | |
| <div class="bg-white p-8 rounded-xl shadow-md feature-card transition duration-300"> | |
| <div class="w-14 h-14 gradient-bg rounded-lg flex items-center justify-center mb-6"> | |
| <i class="fas fa-chart-line text-white text-2xl"></i> | |
| </div> | |
| <h3 class="text-xl font-bold mb-3">تنبؤات مالية ذكية</h3> | |
| <p class="text-gray-600">توقعات مالية دقيقة لـ 12-24 شهرًا بناءً على بيانات شركتك، مع تحليل المخاطر واقتراحات تحسين التدفق النقدي.</p> | |
| </div> | |
| <!-- Feature 3 --> | |
| <div class="bg-white p-8 rounded-xl shadow-md feature-card transition duration-300"> | |
| <div class="w-14 h-14 gradient-bg rounded-lg flex items-center justify-center mb-6"> | |
| <i class="fas fa-lightbulb text-white text-2xl"></i> | |
| </div> | |
| <h3 class="text-xl font-bold mb-3">منشئ العروض التقديمية</h3> | |
| <p class="text-gray-600">أنشئ عروض تقديمية احترافية للمستثمرين في دقائق باستخدام الذكاء الاصطناعي الذي يفهم قصتك ويقدمها بطريقة جذابة.</p> | |
| </div> | |
| <!-- Feature 4 --> | |
| <div class="bg-white p-8 rounded-xl shadow-md feature-card transition duration-300"> | |
| <div class="w-14 h-14 gradient-bg rounded-lg flex items-center justify-center mb-6"> | |
| <i class="fas fa-search-dollar text-white text-2xl"></i> | |
| </div> | |
| <h3 class="text-xl font-bold mb-3">تحليل السوق والمنافسين</h3> | |
| <p class="text-gray-600">رصد تلقائي للمنافسين وتحليل نقاط القوة والضعف لديهم، مع رصد اتجاهات السوق وأحدث التطورات في مجال عملك.</p> | |
| </div> | |
| <!-- Feature 5 --> | |
| <div class="bg-white p-8 rounded-xl shadow-md feature-card transition duration-300"> | |
| <div class="w-14 h-14 gradient-bg rounded-lg flex items-center justify-center mb-6"> | |
| <i class="fas fa-hand-holding-usd text-white text-2xl"></i> | |
| </div> | |
| <h3 class="text-xl font-bold mb-3">محرك جاهزية جمع التمويل</h3> | |
| <p class="text-gray-600">تقييم ذكي يخبرك متى تكون جاهزًا لجولات التمويل، مع اقتراحات للمستثمرين الأنسب حسب نشاط شركتك ومرحلتها.</p> | |
| </div> | |
| <!-- Feature 6 --> | |
| <div class="bg-white p-8 rounded-xl shadow-md feature-card transition duration-300"> | |
| <div class="w-14 h-14 gradient-bg rounded-lg flex items-center justify-center mb-6"> | |
| <i class="fas fa-users text-white text-2xl"></i> | |
| </div> | |
| <h3 class="text-xl font-bold mb-3">تحليل أداء الفريق</h3> | |
| <p class="text-gray-600">تقييم أداء فريقك وإنتاجيته، مع اقتراحات لتحسين الأداء وتوزيع المهام وتحديد نقاط التحسين في هيكل الفريق.</p> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Dashboard Preview --> | |
| <section class="py-20 bg-gray-50"> | |
| <div class="container mx-auto px-4"> | |
| <div class="flex flex-col md:flex-row items-center"> | |
| <div class="md:w-1/2 mb-10 md:mb-0"> | |
| <span class="text-indigo-600 font-bold">لوحة التحكم المركزية</span> | |
| <h2 class="text-3xl md:text-4xl font-bold mt-2 mb-4">كل ما تحتاجه في مكان واحد</h2> | |
| <p class="text-gray-600 mb-6">لوحة تحكم ذكية تعرض لك المؤشرات الرئيسية لأداء شركتك، مع تحليلات فورية وإشعارات ذكية تنبهك إلى ما يحتاج إلى اهتمام.</p> | |
| <ul class="space-y-3"> | |
| <li class="flex items-start"> | |
| <i class="fas fa-check-circle text-indigo-500 mt-1 mr-2"></i> | |
| <span>نظرة عامة على الصحة المالية ومعدل الحرق</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i class="fas fa-check-circle text-indigo-500 mt-1 mr-2"></i> | |
| <span>تتبع التقدم نحو الأهداف والمسارات الرئيسية</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i class="fas fa-check-circle text-indigo-500 mt-1 mr-2"></i> | |
| <span>تحليلات أداء الفريق وقياس الإنتاجية</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i class="fas fa-check-circle text-indigo-500 mt-1 mr-2"></i> | |
| <span>مؤشرات أداء التسويق وتحليل الحملات</span> | |
| </li> | |
| </ul> | |
| </div> | |
| <div class="md:w-1/2"> | |
| <div class="relative"> | |
| <img src="https://cdn.dribbble.com/users/1190710/screenshots/17390507/media/2a8d12cab4c0f8b0dc4fe9c17c43836b.png" class="rounded-xl shadow-2xl w-full max-w-lg mx-auto" alt="Dashboard Preview"> | |
| <div class="absolute -bottom-6 -left-6 bg-white p-4 rounded-lg shadow-md hidden md:block"> | |
| <div class="flex items-center"> | |
| <div class="w-10 h-10 bg-indigo-100 rounded-full flex items-center justify-center mr-3"> | |
| <i class="fas fa-bell text-indigo-600"></i> | |
| </div> | |
| <div> | |
| <p class="font-medium">تنبيه مهم</p> | |
| <p class="text-sm text-gray-500">نفقاتك التسويقية ارتفعت بنسبة 15%</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Solutions Section --> | |
| <section id="solutions" class="py-20"> | |
| <div class="container mx-auto px-4"> | |
| <div class="text-center mb-16"> | |
| <span class="text-indigo-600 font-bold">حلول مصممة لاحتياجاتك</span> | |
| <h2 class="text-3xl md:text-4xl font-bold mt-2 mb-4">إدارة شاملة لجميع جوانب شركتك</h2> | |
| <p class="text-gray-600 max-w-2xl mx-auto">بدءًا من التخطيط الاستراتيجي وحتى إدارة العلاقات مع المستثمرين، لدينا الأدوات التي تحتاجها</p> | |
| </div> | |
| <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6"> | |
| <div class="bg-white p-6 rounded-xl shadow-md border-t-4 border-indigo-500"> | |
| <i class="fas fa-bullseye text-indigo-600 text-2xl mb-4"></i> | |
| <h3 class="font-bold text-lg mb-2">إدارة الأهداف والنتائج</h3> | |
| <p class="text-gray-600 text-sm">حدد الأهداف الرئيسية واربطها بمهام فريقك، مع متابعة التقدم تلقائيًا.</p> | |
| </div> | |
| <div class="bg-white p-6 rounded-xl shadow-md border-t-4 border-purple-500"> | |
| <i class="fas fa-user-tie text-purple-600 text-2xl mb-4"></i> | |
| <h3 class="font-bold text-lg mb-2">علاقات المستثمرين</h3> | |
| <p class="text-gray-600 text-sm">نظام CRM متخصص لتتبع التواصل مع المستثمرين وإدارة جولات التمويل.</p> | |
| </div> | |
| <div class="bg-white p-6 rounded-xl shadow-md border-t-4 border-blue-500"> | |
| <i class="fas fa-hashtag text-blue-600 text-2xl mb-4"></i> | |
| <h3 class="font-bold text-lg mb-2">المركز التسويقي</h3> | |
| <p class="text-gray-600 text-sm">خطط للحملات، أنشئ محتوى بمساعدة الذكاء الاصطناعي، وحلل النتائج.</p> | |
| </div> | |
| <div class="bg-white p-6 rounded-xl shadow-md border-t-4 border-green-500"> | |
| <i class="fas fa-piggy-bank text-green-600 text-2xl mb-4"></i> | |
| <h3 class="font-bold text-lg mb-2">الغرفة المالية</h3> | |
| <p class="text-gray-600 text-sm">إدارة المصروفات، التنبؤ بالتدفق النقدي، ومحاكاة سيناريوهات التمويل.</p> | |
| </div> | |
| <div class="bg-white p-6 rounded-xl shadow-md border-t-4 border-red-500"> | |
| <i class="fas fa-folder-open text-red-600 text-2xl mb-4"></i> | |
| <h3 class="font-bold text-lg mb-2">غرفة البيانات</h3> | |
| <p class="text-gray-600 text-sm">مستودع مركزي آمن للمستندات المهمة مثل العقود والعروض التقديمية.</p> | |
| </div> | |
| <div class="bg-white p-6 rounded-xl shadow-md border-t-4 border-yellow-500"> | |
| <i class="fas fa-flask text-yellow-600 text-2xl mb-4"></i> | |
| <h3 class="font-bold text-lg mb-2">تحقق من صحة الأفكار</h3> | |
| <p class="text-gray-600 text-sm">اختبر فرضياتك على عملاء حقيقيين واحصل على تحليل ذكي للنتائج.</p> | |
| </div> | |
| <div class="bg-white p-6 rounded-xl shadow-md border-t-4 border-pink-500"> | |
| <i class="fas fa-users-cog text-pink-600 text-2xl mb-4"></i> | |
| <h3 class="font-bold text-lg mb-2">إدارة الفريق</h3> | |
| <p class="text-gray-600 text-sm">توزيع المهام، قياس الإنتاجية، وإدارة الأداء بسهولة.</p> | |
| </div> | |
| <div class="bg-white p-6 rounded-xl shadow-md border-t-4 border-gray-500"> | |
| <i class="fas fa-project-diagram text-gray-600 text-2xl mb-4"></i> | |
| <h3 class="font-bold text-lg mb-2">إدارة المشاريع</h3> | |
| <p class="text-gray-600 text-sm">لوحات كانبان، المخططات الزمنية، وتتبع التقدم في المشاريع.</p> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Testimonials --> | |
| <section class="py-20 bg-indigo-50"> | |
| <div class="container mx-auto px-4"> | |
| <div class="text-center mb-16"> | |
| <span class="text-indigo-600 font-bold">آراء عملائنا</span> | |
| <h2 class="text-3xl md:text-4xl font-bold mt-2 mb-4">ماذا يقول رواد الأعمال عن StartPilot؟</h2> | |
| </div> | |
| <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"> | |
| <div class="bg-white p-8 rounded-xl shadow-md"> | |
| <div class="flex items-center mb-4"> | |
| <img src="https://randomuser.me/api/portraits/women/44.jpg" class="w-12 h-12 rounded-full mr-4" alt="User"> | |
| <div> | |
| <h4 class="font-bold">سارة العلي</h4> | |
| <p class="text-gray-500 text-sm">مؤسسة متجر إلكتروني</p> | |
| </div> | |
| </div> | |
| <p class="text-gray-700">"StartPilot غير طريقة إدارتي لشركتي تمامًا. التنبؤات المالية ساعدتني على تجنب أزمة نقدية كنت لأقع فيها لولا ذلك!"</p> | |
| <div class="flex mt-4"> | |
| <i class="fas fa-star text-yellow-400"></i> | |
| <i class="fas fa-star text-yellow-400"></i> | |
| <i class="fas fa-star text-yellow-400"></i> | |
| <i class="fas fa-star text-yellow-400"></i> | |
| <i class="fas fa-star text-yellow-400"></i> | |
| </div> | |
| </div> | |
| <div class="bg-white p-8 rounded-xl shadow-md"> | |
| <div class="flex items-center mb-4"> | |
| <img src="https://randomuser.me/api/portraits/men/32.jpg" class="w-12 h-12 rounded-full mr-4" alt="User"> | |
| <div> | |
| <h4 class="font-bold">أحمد عبدالله</h4> | |
| <p class="text-gray-500 text-sm">CEO شركة تقنية ناشئة</p> | |
| </div> | |
| </div> | |
| <p class="text-gray-700">"المساعد الذكي ل StartPilot مثل وجود مستشار أعمال متاح 24/7. وفر علي آلاف الدولارات في استشارات الأعمال."</p> | |
| <div class="flex mt-4"> | |
| <i class="fas fa-star text-yellow-400"></i> | |
| <i class="fas fa-star text-yellow-400"></i> | |
| <i class="fas fa-star text-yellow-400"></i> | |
| <i class="fas fa-star text-yellow-400"></i> | |
| <i class="fas fa-star text-yellow-400"></i> | |
| </div> | |
| </div> | |
| <div class="bg-white p-8 rounded-xl shadow-md"> | |
| <div class="flex items-center mb-4"> | |
| <img src="https://randomuser.me/api/portraits/women/68.jpg" class="w-12 h-12 rounded-full mr-4" alt="User"> | |
| <div> | |
| <h4 class="font-bold">نورا محمد</h4> | |
| <p class="text-gray-500 text-sm">مديرة مسرعة أعمال</p> | |
| </div> | |
| </div> | |
| <p class="text-gray-700">"نستخدم StartPilot كأداة أساسية في مسرعتنا. يساعد الشركات الناشئة على البقاء منظمة ومركزة على ما يهم حقًا."</p> | |
| <div class="flex mt-4"> | |
| <i class="fas fa-star text-yellow-400"></i> | |
| <i class="fas fa-star text-yellow-400"></i> | |
| <i class="fas fa-star text-yellow-400"></i> | |
| <i class="fas fa-star text-yellow-400"></i> | |
| <i class="fas fa-star-half-alt text-yellow-400"></i> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Pricing --> | |
| <section id="pricing" class="py-20 bg-gray-50"> | |
| <div class="container mx-auto px-4"> | |
| <div class="text-center mb-16"> | |
| <span class="text-indigo-600 font-bold">خطط الأسعار</span> | |
| <h2 class="text-3xl md:text-4xl font-bold mt-2 mb-4">اختر الخطة المناسبة لشركتك</h2> | |
| <p class="text-gray-600 max-w-2xl mx-auto">ابدأ مجانًا وقم بالترقية عندما تكون مستعدًا</p> | |
| </div> | |
| <div class="grid grid-cols-1 md:grid-cols-3 gap-8 max-w-5xl mx-auto"> | |
| <div class="bg-white p-8 rounded-xl shadow-md border border-gray-200"> | |
| <div class="mb-6"> | |
| <h3 class="font-bold text-xl mb-1">المؤسس الفردي</h3> | |
| <p class="text-gray-600 text-sm">لرواد الأعمال الأفراد</p> | |
| </div> | |
| <div class="mb-6"> | |
| <span class="text-4xl font-bold">$0</span> | |
| <span class="text-gray-500">/شهر</span> | |
| </div> | |
| <ul class="space-y-3 mb-8"> | |
| <li class="flex items-start"> | |
| <i class="fas fa-check text-green-500 mt-1 mr-2"></i> | |
| <span>مساعد الذكاء الاصطناعي الأساسي</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i class="fas fa-check text-green-500 mt-1 mr-2"></i> | |
| <span>إدارة المهام والأهداف</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i class="fas fa-check text-green-500 mt-1 mr-2"></i> | |
| <span>تحليل مالي أساسي</span> | |
| </li> | |
| <li class="flex items-start text-gray-400"> | |
| <i class="fas fa-times mt-1 mr-2"></i> | |
| <span>أدوات الفريق</span> | |
| </li> | |
| <li class="flex items-start text-gray-400"> | |
| <i class="fas fa-times mt-1 mr-2"></i> | |
| <span>المساعد الذكي المتقدم</span> | |
| </li> | |
| </ul> | |
| <a href="#" class="block text-center border-2 border-indigo-600 text-indigo-600 font-bold py-3 rounded-lg hover:bg-indigo-50 transition">ابدأ مجانًا</a> | |
| </div> | |
| <div class="bg-white p-8 rounded-xl shadow-lg border-2 border-indigo-500 relative"> | |
| <div class="absolute top-0 right-0 bg-indigo-600 text-white text-xs font-bold px-3 py-1 rounded-bl-lg rounded-tr-lg">الأكثر شعبية</div> | |
| <div class="mb-6"> | |
| <h3 class="font-bold text-xl mb-1">الفريق الناشئ</h3> | |
| <p class="text-gray-600 text-sm">للشركات الصغيرة والمتوسطة</p> | |
| </div> | |
| <div class="mb-6"> | |
| <span class="text-4xl font-bold">$29</span> | |
| <span class="text-gray-500">/شهر</span> | |
| </div> | |
| <ul class="space-y-3 mb-8"> | |
| <li class="flex items-start"> | |
| <i class="fas fa-check text-green-500 mt-1 mr-2"></i> | |
| <span>كل ميزات الخطة المجانية</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i class="fas fa-check text-green-500 mt-1 mr-2"></i> | |
| <span>إدارة فريق حتى 10 أعضاء</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i class="fas fa-check text-green-500 mt-1 mr-2"></i> | |
| <span>التحليل المالي المتقدم</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i class="fas fa-check text-green-500 mt-1 mr-2"></i> | |
| <span>أدوات علاقات المستثمرين</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i class="fas fa-check text-green-500 mt-1 mr-2"></i> | |
| <span>50 عملية مساعد ذكي شهريًا</span> | |
| </li> | |
| </ul> | |
| <a href="#" class="block text-center bg-indigo-600 hover:bg-indigo-700 text-white font-bold py-3 rounded-lg transition">اختر هذه الخطة</a> | |
| </div> | |
| <div class="bg-white p-8 rounded-xl shadow-md border border-gray-200"> | |
| <div class="mb-6"> | |
| <h3 class="font-bold text-xl mb-1">المؤسسات</h3> | |
| <p class="text-gray-600 text-sm">للشركات الكبيرة والمسرعات</p> | |
| </div> | |
| <div class="mb-6"> | |
| <span class="text-4xl font-bold">$99</span> | |
| <span class="text-gray-500">/شهر</span> | |
| </div> | |
| <ul class="space-y-3 mb-8"> | |
| <li class="flex items-start"> | |
| <i class="fas fa-check text-green-500 mt-1 mr-2"></i> | |
| <span>كل ميزات خطة الفريق</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i class="fas fa-check text-green-500 mt-1 mr-2"></i> | |
| <span>إدارة فريق غير محدودة</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i class="fas fa-check text-green-500 mt-1 mr-2"></i> | |
| <span>200 عملية مساعد ذكي شهريًا</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i class="fas fa-check text-green-500 mt-1 mr-2"></i> | |
| <span>إدارة متعددة الشركات</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i class="fas fa-check text-green-500 mt-1 mr-2"></i> | |
| <span>دعم مخصص وأولوية</span> | |
| </li> | |
| </ul> | |
| <a href="#" class="block text-center border-2 border-indigo-600 text-indigo-600 font-bold py-3 rounded-lg hover:bg-indigo-50 transition">اتصل بالمبيعات</a> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- FAQ --> | |
| <section id="faq" class="py-20"> | |
| <div class="container mx-auto px-4"> | |
| <div class="text-center mb-16"> | |
| <span class="text-indigo-600 font-bold">الأسئلة الشائعة</span> | |
| <h2 class="text-3xl md:text-4xl font-bold mt-2 mb-4">لديك أسئلة؟ لدينا إجابات</h2> | |
| </div> | |
| <div class="max-w-3xl mx-auto"> | |
| <div class="mb-6 border-b border-gray-200 pb-6"> | |
| <button class="faq-toggle flex justify-between items-center w-full text-left" onclick="toggleFAQ(this)"> | |
| <h3 class="font-bold text-lg">هل StartPilot مناسب للشركات غير التقنية؟</h3> | |
| <i class="fas fa-chevron-down transition-transform duration-300"></i> | |
| </button> | |
| <div class="faq-content mt-3 text-gray-600 overflow-hidden max-h-0 transition-all duration-300"> | |
| <p>نعم بالتأكيد! StartPilot مصمم لمساعدة جميع أنواع الشركات الناشئة سواء كانت تقنية أو غير تقنية. لدينا نماذج مخصصة لمختلف القطاعات تساعدك في إنشاء خطة عمل مناسبة لنشاطك.</p> | |
| </div> | |
| </div> | |
| <div class="mb-6 border-b border-gray-200 pb-6"> | |
| <button class="faq-toggle flex justify-between items-center w-full text-left" onclick="toggleFAQ(this)"> | |
| <h3 class="font-bold text-lg">كيف يحافظ StartPilot على أمان بياناتي؟</h3> | |
| <i class="fas fa-chevron-down transition-transform duration-300"></i> | |
| </button> | |
| <div class="faq-content mt-3 text-gray-600 overflow-hidden max-h-0 transition-all duration-300"> | |
| <p>نحن نستخدم أحدث معايير الأمان بما في ذلك تشفير البيانات أثناء النقل والتخزين، مصادقة متعددة العوامل، ونسخ احتياطية يومية. يمكنك أيضًا التحكم الكامل في صلاحيات الوصول لكل عضو في فريقك.</p> | |
| </div> | |
| </div> | |
| <div class="mb-6 border-b border-gray-200 pb-6"> | |
| <button class="faq-toggle flex justify-between items-center w-full text-left" onclick="toggleFAQ(this)"> | |
| <h3 class="font-bold text-lg">هل يمكنني تصدير بياناتي إذا قررت المغادرة؟</h3> | |
| <i class="fas fa-chevron-down transition-transform duration-300"></i> | |
| </button> | |
| <div class="faq-content mt-3 text-gray-600 overflow-hidden max-h-0 transition-all duration-300"> | |
| <p>نعم، نؤمن بحقك في الوصول إلى بياناتك في أي وقت. يمكنك تصدير جميع بياناتك في صيغ متعددة مثل CSV، Excel، PDF مع الحفاظ على هيكلة العلاقات بين البيانات.</p> | |
| </div> | |
| </div> | |
| <div class="mb-6 border-b border-gray-200 pb-6"> | |
| <button class="faq-toggle flex justify-between items-center w-full text-left" onclick="toggleFAQ(this)"> | |
| <h3 class="font-bold text-lg">ما هي مدة النسخة التجريبية المجانية؟</h3> | |
| <i class="fas fa-chevron-down transition-transform duration-300"></i> | |
| </button> | |
| <div class="faq-content mt-3 text-gray-600 overflow-hidden max-h-0 transition-all duration-300"> | |
| <p>النسخة التجريبية المجانية متاحة لمدة 14 يومًا بدون الحاجة إلى بطاقة ائتمان. بعد هذه الفترة يمكنك اختيار الخطة المناسبة لك أو الاستمرار بالنسخة المجانية ذات الميزات المحدودة.</p> | |
| </div> | |
| </div> | |
| <div class="mb-6"> | |
| <button class="faq-toggle flex justify-between items-center w-full text-left" onclick="toggleFAQ(this)"> | |
| <h3 class="font-bold text-lg">هل تقدمون دعمًا مخصصًا للشركات الكبيرة؟</h3> | |
| <i class="fas fa-chevron-down transition-transform duration-300"></i> | |
| </button> | |
| <div class="faq-content mt-3 text-gray-600 overflow-hidden max-h-0 transition-all duration-300"> | |
| <p>نعم، للعملاء من الشركات الكبيرة والمسرعات نوفر دعمًا مخصصًا يتضمن جلسات تدريب، تكامل مع أنظمتك الحالية، ودعم أولوية على مدار الساعة. تواصل مع فريق المبيعات لمناقشة احتياجاتك المحددة.</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- CTA --> | |
| <section id="register" class="gradient-bg text-white py-20"> | |
| <div class="container mx-auto px-4 text-center"> | |
| <h2 class="text-3xl md:text-4xl font-bold mb-6">جاهز لبدء رحلة شركتك الناشئة بثقة؟</h2> | |
| <p class="text-xl mb-8 max-w-2xl mx-auto opacity-90">انضم إلى أكثر من 1200 شركة ناشئة تستخدم StartPilot لتحقيق أهدافها</p> | |
| <form class="max-w-lg mx-auto flex flex-col sm:flex-row gap-4"> | |
| <input type="email" placeholder="بريدك الإلكتروني" class="flex-grow px-4 py-3 rounded-lg text-gray-800 focus:outline-none focus:ring-2 focus:ring-indigo-300"> | |
| <button type="submit" class="bg-white text-indigo-600 hover:bg-gray-100 px-6 py-3 rounded-lg font-bold transition duration-300">ابدأ مجانًا</button> | |
| </form> | |
| <p class="text-sm mt-4 opacity-80">التجربة المجانية لمدة 14 يومًا. لا حاجة لبطاقة ائتمان.</p> | |
| </div> | |
| </section> | |
| <!-- Footer --> | |
| <footer class="bg-gray-900 text-gray-300 py-12"> | |
| <div class="container mx-auto px-4"> | |
| <div class="grid grid-cols-1 md:grid-cols-4 gap-8"> | |
| <div> | |
| <div class="flex items-center space-x-2 mb-4"> | |
| <div class="w-8 h-8 gradient-bg rounded-full flex items-center justify-center"> | |
| <i class="fas fa-rocket text-white"></i> | |
| </div> | |
| <span class="text-xl font-bold text-white">StartPilot</span> | |
| </div> | |
| <p class="mb-4">نظام التشغيل الذكي للشركات الناشئة في الشرق الأوسط والعالم.</p> | |
| <div class="flex space-x-4"> | |
| <a href="#" class="text-gray-300 hover:text-white"><i class="fab fa-twitter"></i></a> | |
| <a href="#" class="text-gray-300 hover:text-white"><i class="fab fa-linkedin"></i></a> | |
| <a href="#" class="text-gray-300 hover:text-white"><i class="fab fa-instagram"></i></a> | |
| </div> | |
| </div> | |
| <div> | |
| <h4 class="text-white font-bold mb-4">المنتج</h4> | |
| <ul class="space-y-2"> | |
| <li><a href="#" class="hover:text-white">المميزات</a></li> | |
| <li><a href="#" class="hover:text-white">خطط الأسعار</a></li> | |
| <li><a href="#" class="hover:text-white">التكاملات</a></li> | |
| <li><a href="#" class="hover:text-white">التحديثات</a></li> | |
| </ul> | |
| </div> | |
| <div> | |
| <h4 class="text-white font-bold mb-4">الشركة</h4> | |
| <ul class="space-y-2"> | |
| <li><a href="#" class="hover:text-white">عنّا</a></li> | |
| <li><a href="#" class="hover:text-white">الوظائف</a></li> | |
| <li><a href="#" class="hover:text-white">المدونة</a></li> | |
| <li><a href="#" class="hover:text-white">الاتصال</a></li> | |
| </ul> | |
| </div> | |
| <div> | |
| <h4 class="text-white font-bold mb-4">الموارد</h4> | |
| <ul class="space-y-2"> | |
| <li><a href="#" class="hover:text-white">مركز المساعدة</a></li> | |
| <li><a href="#" class="hover:text-white">دورات تدريبية</a></li> | |
| <li><a href="#" class="hover:text-white">المجتمع</a></li> | |
| <li><a href="#" class="hover:text-white">حالة النظام</a></li> | |
| </ul> | |
| </div> | |
| </div> | |
| <div class="border-t border-gray-800 mt-12 pt-8 flex flex-col md:flex-row justify-between items-center"> | |
| <p class="text-sm mb-4 md:mb-0">© 2023 StartPilot. جميع الحقوق محفوظة.</p> | |
| <div class="flex space-x-6"> | |
| <a href="#" class="text-sm hover:text-white">الشروط والأحكام</a> | |
| <a href="#" class="text-sm hover:text-white">سياسة الخصوصية</a> | |
| <a href="#" class="text-sm hover:text-white">ملفات تعريف الارتباط</a> | |
| </div> | |
| </div> | |
| </div> | |
| </footer> | |
| <script> | |
| // Toggle FAQ items | |
| function toggleFAQ(button) { | |
| const content = button.nextElementSibling; | |
| const icon = button.querySelector('i'); | |
| if (content.style.maxHeight) { | |
| content.style.maxHeight = null; | |
| icon.style.transform = 'rotate(0deg)'; | |
| } else { | |
| content.style.maxHeight = content.scrollHeight + 'px'; | |
| icon.style.transform = 'rotate(180deg)'; | |
| } | |
| } | |
| // Open first FAQ by default | |
| document.addEventListener('DOMContentLoaded', function() { | |
| const firstFAQ = document.querySelector('.faq-toggle'); | |
| if (firstFAQ) { | |
| firstFAQ.click(); | |
| } | |
| }); | |
| // Smooth scrolling for anchor links | |
| document.querySelectorAll('a[href^="#"]').forEach(anchor => { | |
| anchor.addEventListener('click', function (e) { | |
| e.preventDefault(); | |
| const target = document.querySelector(this.getAttribute('href')); | |
| if (target) { | |
| window.scrollTo({ | |
| top: target.offsetTop - 80, | |
| behavior: 'smooth' | |
| }); | |
| } | |
| }); | |
| }); | |
| </script> | |
| <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=wasmdashai/stratolt" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body> | |
| </html> |