# Landing Page Update Plan - JadwaAI ## Overview Update the current landing page with professional Arabic marketing copy that highlights JadwaAI as the leading Saudi AI platform for feasibility studies, investor support, and Vision 2030 alignment. ## Current State Analysis ### Existing Structure (`app/templates/landing.html`) - **Hero Section**: Title, subtitle, feature badges, CTA buttons, stats - **How It Works**: 3-step process (Diamond Architecture) - **Features Section**: 10+ feature categories with 90+ features - **Pricing Section**: Free, Pro ($29), Enterprise ($99) - **CTA Section**: Final call-to-action - **Footer**: Logo, Chamber of Commerce badge, links ### Translation System - Uses `app/i18n.py` for AR/EN translations - Dictionary-based with `TRANSLATIONS` dict - Function `_()` for template rendering - Supports RTL/LTR switching --- ## Proposed Update Plan ### Phase 1: New Arabic Copy Structure #### 1. Hero Section - Complete Redesign ``` ┌─────────────────────────────────────────────────────────────┐ │ [EMERALD BADGE: متاح الآن] │ │ │ │ من الفكرة إلى إمبراطورية مالية │ │ أقوى منصة ذكاء اقتصادي في الشرق الأوسط │ │ │ │ دراسات جدوى | تحليل سوق | دعم المستثمرين │ │ +90 ميزة ذكية • مرتبطة برؤية 2030 │ │ │ │ [ابدأ مجاناً] [شاهد العرض التوضيحي] │ │ │ │ +5,000 دراسة جدوى | 2,000+ مشروع | 15,000+ تقرير │ └─────────────────────────────────────────────────────────────┘ ``` #### 2. Problem Section (NEW) ``` ┌─────────────────────────────────────────────────────────────┐ │ التحديات الحقيقية التي تواجهك │ │ │ │ هل واجهت أحد هذه التحديات؟ │ │ • دراسات جدوى مكلفة تستغرق أسابيع │ │ • صعوبة في إقناع المستثمرين ببيانات واهية │ │ • عدم معرفة كيف يتوافق مشروعك مع رؤية 2030 │ │ • غياب أدraries شاملة لإدارة دراساتك وعلاقاتك │ └─────────────────────────────────────────────────────────────┘ ``` #### 3. Solution Section (NEW) ``` ┌─────────────────────────────────────────────────────────────┐ │ JadwaAI: الحل الشامل │ │ │ │ منصة واحدة تجمع كل ما تحتاجه: │ │ • دراسات جدوى احترافية في دقائق │ │ • تقارير وبيانات جاهزة للمستثمرين │ │ • تحليل مباشر لتوافق مشروعك مع Vision 2030 │ │ • أدوات إدارة كاملة من الفكرة حتى التمويل │ └─────────────────────────────────────────────────────────────┘ ``` #### 4. Features Section - Reorganized **Top 8 Key Features (Highlighted):** 1. **دراسات جدوى ذكية** - تقرير شامل في دقائق 2. **تحليل مالي تفاعلي** - رسوم بيانية ديناميكية 3. **تقارير PDF & PPT للمستثمرين** - جاهزة للعرض 4. **مستشار أعمال AI** - يجيب على استفساراتك 24/7 5. **تحليل المنافسين** - Web scraping للمنافسين الفعليين 6. **أدوات المستثمرين** - CRM + مطابقة المستثمرين 7. **محرك تسويق آلي** - فيديو + نشر اجتماعي 8. **تكامل رؤية 2030** - تحليل التوافق مع أهداف الرؤية **Feature Categories (Reorganized):** - الذكاء التحليلي (AI Analytics) - الأدوات المالية (Financial Tools) - تصدير وعروض (Export & Presentations) - التسويق الآلي (Automated Marketing) - السوق السعودي (Saudi Market) - للمستثمرين (For Investors) - للحكومات (For Government) #### 5. For Investors Section (NEW) ``` ┌─────────────────────────────────────────────────────────────┐ │ للمستثمرين │ │ │ │ اتخذ قرارات استثمارية مدروسة: │ │ • محفظة استثمارية شاملة مع تقييم كل مشروع │ │ • مقارنة جانبية للمشاريع │ │ • تحليل مالي وسيادي مفصل │ │ • نظام إشعارات ذكي للفرص │ └─────────────────────────────────────────────────────────────┘ ``` #### 6. For Government Section (NEW) ``` ┌─────────────────────────────────────────────────────────────┐ │ للجهات الحكومية والرسمية │ │ │ │ أدعم رؤية 2030 ببيانات دقيقة: │ │ • تحليل اقتصادي شامل للقطاعات │ │ • قياس أثر المبادرات الحكومية │ │ • تقييم الجدوى للمشاريع المقترحة │ │ • تقارير قابلة للتخصيص حسب الجهة │ └─────────────────────────────────────────────────────────────┘ ``` #### 7. Credibility Section (Enhanced) ``` ┌─────────────────────────────────────────────────────────────┐ │ أرقام تتحدث عنا │ │ │ │ [5,000+] دراسة جدوى منشأة │ │ [2,000+] مشروع نشط │ │ [15,000+] تقرير تم تصديره │ │ [90+] ميزة ذكية متاحة │ │ [30+] نظام تكامل خارجي │ │ │ │ برعاية الغرفة التجارية الشرقية │ └─────────────────────────────────────────────────────────────┘ ``` #### 8. CTA Section (Redesigned) ``` ┌─────────────────────────────────────────────────────────────┐ │ ابدأ رحلتك اليوم │ │ │ │ دراسة جدوى مجانية أولى │ │ لا حاجة لبطاقة ائتمان │ │ │ │ [ابدأ مجاناً] [احجز عرض توضيحي] │ └─────────────────────────────────────────────────────────────┘ ``` --- ### Phase 2: Translation Updates #### New Translation Keys to Add in `app/i18n.py` ```python # Problem Section "landing.problem_title": {"ar": "التحديات الحقيقية التي تواجهك", "en": "Real Challenges You Face"} "landing.problem_subtitle": {"ar": "هل واجهت أحد هذه التحديات؟", "en": "Have you faced any of these challenges?"} "landing.problem_1": {"ar": "دراسات جدوى مكلفة تستغرق أسابيع", "en": "Expensive feasibility studies taking weeks"} "landing.problem_2": {"ar": "صعوبة في إقناع المستثمرين ببيانات واهية", "en": "Difficulty convincing investors with weak data"} "landing.problem_3": {"ar": "عدم معرفة كيف يتوافق مشروعك مع رؤية 2030", "en": "Not knowing how your project aligns with Vision 2030"} "landing.problem_4": {"ar": "غياب أدوات شاملة لإدارة دراساتك وعلاقاتك", "en": "Lack of comprehensive tools for managing studies and relationships"} # Solution Section "landing.solution_title": {"ar": "JadwaAI: الحل الشامل", "en": "JadwaAI: The Complete Solution"} "landing.solution_subtitle": {"ar": "منصة واحدة تجمع كل ما تحتاجه", "en": "One platform with everything you need"} "landing.solution_1": {"ar": "دراسات جدوى احترافية في دقائق", "en": "Professional feasibility studies in minutes"} "landing.solution_2": {"ar": "تقارير وبيانات جاهزة للمستثمرين", "en": "Investor-ready reports and data"} "landing.solution_3": {"ar": "تحليل مباشر لتوافق مشروعك مع Vision 2030", "en": "Instant analysis of your project's alignment with Vision 2030"} "landing.solution_4": {"ar": "أدوات إدارة كاملة من الفكرة حتى التمويل", "en": "Complete management tools from idea to funding"} # For Investors Section "landing.investors_title": {"ar": "للمستثمرين", "en": "For Investors"} "landing.investors_subtitle": {"ar": "اتخذ قرارات استثمارية مدروسة", "en": "Make informed investment decisions"} "landing.investors_1": {"ar": "محفظة استثمارية شاملة مع تقييم كل مشروع", "en": "Comprehensive investment portfolio with project ratings"} "landing.investors_2": {"ar": "مقارنة جانبية للمشاريع", "en": "Side-by-side project comparison"} "landing.investors_3": {"ar": "تحليل مالي واستراتيجي مفصل", "en": "Detailed financial and strategic analysis"} "landing.investors_4": {"ar": "نظام إشعارات ذكي للفرص", "en": "Smart notification system for opportunities"} # For Government Section "landing.gov_title": {"ar": "للجهات الحكومية والرسمية", "en": "For Government & Official Entities"} "landing.gov_subtitle": {"ar": "أدعم رؤية 2030 ببيانات دقيقة", "en": "Support Vision 2030 with accurate data"} "landing.gov_1": {"ar": "تحليل اقتصادي شامل للقطاعات", "en": "Comprehensive economic sector analysis"} "landing.gov_2": {"ar": "قياس أثر المبادرات الحكومية", "en": "Measuring the impact of government initiatives"} "landing.gov_3": {"ar": "تقييم الجدوى للمشاريع المقترحة", "en": "Feasibility assessment for proposed projects"} "landing.gov_4": {"ar": "تقارير قابلة للتخصيص حسب الجهة", "en": "Customizable reports by entity"} # Credibility Section "landing.stats_title": {"ar": "أرقام تتحدث عنا", "en": "Numbers That Speak"} "landing.stats_studies": {"ar": "دراسة جدوى منشأة", "en": "Feasibility Studies Created"} "landing.stats_projects": {"ar": "مشروع نشط", "en": "Active Projects"} "landing.stats_reports": {"ar": "تقرير تم تصديره", "en": "Reports Exported"} "landing.stats_features": {"ar": "ميزة ذكية متاحة", "en": "Smart Features Available"} "landing.stats_integrations": {"ar": "نظام تكامل خارجي", "en": "External Integrations"} "landing.stats_sponsor": {"ar": "برعاية الغرفة التجارية الشرقية", "en": "Sponsored by Eastern Chamber of Commerce"} # CTA Section "landing.cta_main_title": {"ar": "ابدأ رحلتك اليوم", "en": "Start Your Journey Today"} "landing.cta_main_subtitle": {"ar": "دراسة جدوى مجانية أولى • لا حاجة لبطاقة ائتمان", "en": "First feasibility study free • No credit card required"} "landing.cta_main_button": {"ar": "ابدأ مجاناً", "en": "Start Free"} "landing.cta_demo_button": {"ar": "احجز عرض توضيحي", "en": "Book a Demo"} # New Hero Content "landing.hero_badge": {"ar": "متاح الآن", "en": "Available Now"} "landing.hero_title_main": {"ar": "من الفكرة إلى إمبراطورية مالية", "en": "From Idea to Financial Empire"} "landing.hero_title_sub": {"ar": "أقوى منصة ذكاء اقتصادي في الشرق الأوسط", "en": "The Most Powerful Economic AI Platform in the Middle East"} "landing.hero_tagline": {"ar": "دراسات جدوى | تحليل سوق | دعم المستثمرين", "en": "Feasibility Studies | Market Analysis | Investor Support"} "landing.hero_features_note": {"ar": "+90 ميزة ذكية • مرتبطة برؤية 2030", "en": "+90 Smart Features • Aligned with Vision 2030"} ``` --- ### Phase 3: HTML Template Changes #### File: `app/templates/landing.html` **Key Changes:** 1. Add **Problem Section** after Hero (before "How It Works") 2. Add **Solution Section** after Problem 3. Reorganize **Features Section** with top 8 highlighted 4. Add **For Investors Section** after Features 5. Add **For Government Section** after Investors 6. Enhance **Credibility/Stats Section** 7. Redesign **CTA Section** **New Section Order:** ``` 1. Hero (redesigned) 2. Problem (NEW) 3. Solution (NEW) 4. How It Works (existing, keep) 5. Features (reorganized) 6. For Investors (NEW) 7. For Government (NEW) 8. Credibility/Stats (enhanced) 9. Pricing (existing, keep) 10. CTA (redesigned) 11. Footer (existing, keep) ``` --- ### Phase 4: Styling Updates #### New CSS Classes Needed ```css /* Problem Section */ .problem-section { background: linear-gradient(180deg, #1a1a2e 0%, #16213e 100%); } .problem-card { background: rgba(239, 68, 68, 0.1); border: 1px solid rgba(239, 68, 68, 0.3); } /* Solution Section */ .solution-section { background: linear-gradient(180deg, #16213e 0%, #0f3460 100%); } .solution-card { background: rgba(16, 185, 129, 0.1); border: 1px solid rgba(16, 185, 129, 0.3); } /* Investors Section */ .investors-section { background: linear-gradient(180deg, #0f3460 0%, #1a1a2e 100%); } .investors-badge { background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%); } /* Government Section */ .gov-section { background: linear-gradient(180deg, #1a1a2e 0%, #1e3a5f 100%); } .gov-badge { background: linear-gradient(135deg, #10b981 0%, #059669 100%); } /* Stats Section */ .stats-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 2rem; } .stat-card { background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); } .stat-number { font-size: 3rem; font-weight: 700; background: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } /* Highlighted Features */ .feature-highlight { border: 2px solid #f59e0b; background: rgba(245, 158, 11, 0.1); } .feature-highlight-number { background: #f59e0b; color: #000; } ``` --- ### Phase 5: Implementation Steps #### Step 1: Backup Current Files - [x] `app/templates/landing.html` → `backups/landing_backup_YYYYMMDD_HHMMSS.html` - [ ] `app/i18n.py` → `backups/i18n_backup_YYYYMMDD_HHMMSS.py` #### Step 2: Update Translation File - [ ] Add new translation keys to `app/i18n.py` - [ ] Verify Arabic translations are professional and marketing-oriented - [ ] Add English translations for all new keys #### Step 3: Update Landing Page Template - [ ] Add Problem Section after Hero - [ ] Add Solution Section after Problem - [ ] Reorganize Features Section with highlighted top 8 - [ ] Add For Investors Section - [ ] Add For Government Section - [ ] Enhance Credibility/Stats Section - [ ] Redesign CTA Section #### Step 4: Update Styling - [ ] Add new CSS classes to `static/css/` or `