CDGAssist

bymalak bouhaj

Voici une version **courte, claire et efficace** du prompt 👇 *** ## 🧠 PROMPT COURT — CDGAssist v2.0 Crée une plateforme web complète **Next.js 15 (Page Router) + TailwindCSS + shadcn/ui** nommée **CDGAssist**, pour gérer les réclamations de **CDG Prévoyance (Maroc)**, destinée aux retraités et personnes âgées (UX simple, lisible, accessible). *** ### 🎨 Design * Couleurs : Navy #003A70, Bleu #0072BC, Cyan #0099D6 (CTA), Vert #16A34A * Typo : Crimson Pro (titres) + Source Sans 3 (contenu) * Style : institutionnel, minimal, cards arrondies (20px), ombres légères * Accessibilité : boutons ≥48px, contraste AA, bouton A+ (zoom texte), lecteur vocal *** ### 📄 Pages (SPA) 1. **Accueil** : hero dégradé animé + stats + contact (WhatsApp / Tel / Email) 2. **Déposer réclamation** : * formulaire 3 étapes * audio guide vocal * génération ticket `CDG-2026-XXXXXX` 3. **Suivi dossier** : * recherche ticket * timeline (Reçue → Résolue) 4. **Contestation** : * 3 options + formulaire + confirmation 5 jours 5. **Sécurité & données** : * TLS, loi 09-08, CNDP, emails privacy & security 6. **À propos** : * mission + valeurs + stats 7. **Chatbot flottant** : * réponses (FR + darija) * gestion urgence → escalade * bouton 📞 appeler visible *** ### ⚙️ Features obligatoires * Scroll progress bar * Breadcrumb * FAQ (10 questions) * Toast notifications * Validation en temps réel * Animation logo au chargement *** ### 🗄️ Backend * Supabase * Table `reclamations` * RLS activé * Upload fichiers *** ### 📞 Contacts * Tel : +212 5 37 27 98 98 * WhatsApp : <https://wa.me/212600000000> * Email : <reclamations@cdgprevoyance.ma> *** ### ✅ Contraintes * Responsive (mobile-first) * Zéro TODO * Tous les liens fonctionnels * UI prête production *** Si tu veux, je peux maintenant te générer **le code complet directement** 🚀