# Todo — Retours client (Asli Food) Source: *Quelques remarques sur la proposition de site* — Mars 2026 --- ## 1. Performance & Images de chargement - [x] Remplacer les images génériques par des photos contextualisées : céréales (mil, sorgho, blé, maïs), légumineuses (niébé, arachide), fruits & légumes locaux (bissap, pain de singe, doum, jujubes…) --- ## 2. Page d'accueil ### Vidéo / Hero - [ ] Remplacer la vidéo/image d'accueil par une image d'un champ de sorgho ou de mil - [ ] Adopter des couleurs plus naturelles et vives dans le hero ### Navbar - [x] Restructurer le menu gauche : **Accueil · Produits · Nos recettes · À propos · Contact** - [x] Ajouter côté droit : **S'enregistrer · Boutique · Langues** (FR / AR / EN / ES) - [x] Ajouter une section **Actualités** dans le menu (nouveautés, promotions, offres d'emploi, solidarité) - [x] Masquer l'indicateur de scroll (« scorle ») sur desktop — le garder uniquement sur mobile ### Charte graphique - [x] Corriger toutes les couleurs de texte pour respecter la charte graphique Asli Food - [x] Éviter le noir pur et le jaune éclatant sur toutes les pages - [x] Les fonds de section doivent respecter la charte graphique - [x] Remplacer le noir (`#1C1C1C`) dans : navbar (fond au scroll), footer, vitrine produits, effet hero, page Commander, page Mes Commandes — utiliser une teinte sombre de la charte graphique --- ## 3. Défilé produits (page d'accueil) - [x] Adoucir les transitions entre sections — éviter le contraste brutal, utiliser des couleurs proches et cohérentes - [x] Démarrer le carousel par **Njuumaan** - [x] Ordre des gammes dans le carousel : 1. Njuumaan (farines enrichies & super-food, prêt à l'emploi) 2. Farine des 5 céréales cuites (farines fortifiées — tchakri et lacciri aussi prêts à l'emploi) 3. Tejmakhtt Plus (fruits & légumes séchés — supprimer la mention « en poudre ») 4. TiguiGerté (gamme pâtes) 5. Le Moutcha (biscrotch & Moutcha) - [x] Bouton **« Découvrir »** → rediriger vers la gamme concernée (pas le listing général) - [x] Bouton **« Tous les produits »** → rediriger vers le listing général - [ ] Remplacer l'image du pain dans le carousel vidéo par un extrait de la vidéo Asli *(à déterminer avec la cliente)* ### Section « Pourquoi Asli » - [x] Remplacer l'icône avion (« Disponible partout ») par une icône plus adaptée - [x] Ajouter un bouton → liste des boutiques partenaires + carte « Nous trouver » ### Réseaux sociaux - [x] Ajouter tous les comptes : Facebook Asli-Food, Facebook Njuumaan, TikTok, Snapchat, Instagram, Twitter/X --- ## 4. Page Produits - [x] Corriger les couleurs (même charte graphique) - [x] Remplacer l'image du sac de farine par celle de la charte graphique officielle — ou un carousel des gammes - [x] Ne pas afficher « Njuumaan » comme titre de la page — c'est un produit parmi d'autres - [x] Commencer par la gamme **Farines enrichies / super-food** - [x] Revoir l'ordre des gammes et l'ordre des produits dans chaque gamme *(à valider avec la cliente)* - [x] Corriger le cadre de présentation des produits : supprimer l'effet de « texte fantôme » visible en fond sous le nom du produit --- ## 5. Connexion / Authentification - [x] Corriger les couleurs (même charte graphique) - [x] Ajouter une fonctionnalité **Mot de passe oublié** --- ## 6. Parcours d'achat (Cart & Checkout) - [x] **Inscription** : demander nom, prénom, numéro de téléphone + adresse e-mail vérifiable - [x] **Panier** : permettre d'ajouter plusieurs produits en une seule session sans recommencer le processus - [x] **Panier** : les articles doivent s'additionner dans un seul panier - [x] **Icône panier** : afficher un badge avec le nombre d'articles sélectionnés + animation/mise en évidence lors de l'ajout - [x] **Panier** : l'acheteur doit pouvoir consulter, modifier et supprimer ses articles à tout moment pendant le processus - [x] **Checkout** : implémenter le flux complet — 1. Remplissage des coordonnées 2. Modalité de livraison 3. Modalité de paiement 4. Paiement 5. Suivi préparation commande 6. Suivi livraison 7. Confirmation réception - [x] Clarifier / implémenter le statut **« En attente »** après commande — définir le flux de suivi pour le client - [x] Ajouter une **évaluation post-achat** (sondage sur le site ou message WhatsApp automatique) --- ## 7. Pages manquantes - [x] Créer la page **À propos** (accessible depuis le menu) - [x] Activer la section / lien **Notre Histoire** --- ## 8. Contact WhatsApp - [x] Remplacer le nom affiché sous l'icône WhatsApp (`sowdiarry508`) par **Asli-Food** ← *modification à faire dans les paramètres du compte WhatsApp, pas dans le code* --- ## 9. Multilangue (FR / EN / ES / AR) - [x] Implémenter FR, EN, ES dans toutes les pages - [x] Ajouter l'arabe (AR) — fichier `src/lib/i18n/ar.ts` + wiring dans `translations.ts` et `context.tsx` - [x] Support RTL complet : `dir="rtl"` sur ``, flex inversé, dropdowns repositionnés - [x] Police arabe dédiée : **Cairo** (`var(--font-arabic)`) — appliquée uniquement en RTL - [x] Texte arabe agrandi (115% base) + réduction des graisses pour la lisibilité - [x] Toutes les pages corrigées pour RTL : Navbar, Hero, Ticker, CartDrawer, Footer, Features, Actualités, Recettes, Produits, Login, À propos, Map - [x] Pins de la carte traduits dans les 4 langues (`t.map.openInMaps`) - [x] Catégorie « Biscrotch & Moutcha » traduite dans les 4 langues - [x] Page À propos : titre « أصلي فود » + sous-titre « من موريتانيا » en arabe correct --- ## 10. Page Politique de confidentialité (Avr 2026) ← le plus simple - [x] Créer la page `/politique-confidentialite` - [x] Contenu : données collectées, utilisation, usage SMS Chinguisoft, droits des utilisateurs - [x] Lien dans le footer - [x] Lien affiché lors de l'inscription --- ## 11. Charte graphique — Nouvelles couleurs (Avr 2026) - [x] Fond principal : `#f7ecd5` (crème) - [x] Cartes / sections : `#f2d5ac` (beige) - [x] Texte : `#000000` - [x] Accent / boutons : `#F3CC23` (jaune) — usage ponctuel - [x] Remplacer toutes les couleurs actuelles ne correspondant pas à cette charte sur l'ensemble des pages --- ## 12. Tampon « Riche en Vitamines et Minéraux » (Avr 2026) - [x] Ajouter le tampon SVG/PNG sur chaque carte produit - [x] Positionné en diagonale selon les directives de la charte graphique --- ## 13. Liste abonnés / utilisateurs dans l'admin (Avr 2026) - [x] Nouvelle page dans le panel admin (`/admin/utilisateurs`) - [x] Tableau : nom, numéro de téléphone, date d'inscription, nombre de commandes - [x] Recherche et filtre de base --- ## 14. Polices personnalisées (Avr 2026) - [ ] En attente des fichiers de la cliente - [ ] Intégrer les polices reçues une fois disponibles --- ## 15. OTP SMS via Chinguisoft (Avr 2026) ← le plus complexe - [ ] Remplacer la vérification e-mail par un champ numéro de téléphone à l'inscription - [ ] À l'inscription : appeler l'API Chinguisoft pour envoyer un OTP par SMS - [ ] Afficher l'écran de saisie du code OTP - [ ] Vérifier le code avant d'activer le compte