"use client"; import { useState, useEffect, useRef } from "react"; import { ArrowRight, Target, Eye, Award, Users, BookOpen, TrendingUp, Heart, Shield, Lightbulb, Handshake, Zap, CheckCircle2, ChevronLeft, ChevronRight, Leaf } from "lucide-react"; import { EditableSection } from "@/components/admin/EditableSection"; import { useEditMode } from "@/context/EditModeContext"; const DOMAIN_ICONS = [Heart, Leaf, BookOpen, Users, Lightbulb, Shield, TrendingUp, Award]; const VALUE_ICONS = [Award, Lightbulb, Shield, Handshake]; type MissionContent = { pageTitle: string; pageSubtitle: string; heroImage: string; stat1Value: string; stat1Label: string; stat2Value: string; stat2Label: string; stat3Value: string; stat3Label: string; stat4Value: string; stat4Label: string; missionTitle: string; missionText: string; visionTitle: string; visionText: string; valuesTitle: string; domainsTitle: string; domainsSubtitle: string; timelineTitle: string; ctaTitle: string; ctaDescription: string; }; type CoreValue = { id: string; number: string; name: string; description: string; color: string; order: number; }; type Domain = { id: string; name: string; description: string; color: string; order: number; }; type TimelineEvent = { id: string; year: string; text: string; order: number; }; const CONTENT_DEFAULTS: MissionContent = { pageTitle: "Mission & Vision", pageSubtitle: "Depuis 2002, ANED s'engage pour que chaque enfant, chaque femme et chaque ménage mauritanien sécurise durablement sa situation alimentaire et nutritionnelle.", heroImage: "/mission&vision.jpg", stat1Value: "20+", stat1Label: "Années d'expérience", stat2Value: "7", stat2Label: "Domaines d'expertise", stat3Value: "50K+", stat3Label: "Bénéficiaires", stat4Value: "15+", stat4Label: "Projets réalisés", missionTitle: "Notre Mission", missionText: "Combattre la malnutrition et l'insécurité alimentaire, particulièrement chez les enfants de moins de 5 ans et les femmes vulnérables, à travers des interventions innovantes, communautaires et durables en Mauritanie.", visionTitle: "Notre Vision", visionText: "Une Mauritanie où aucun enfant ne souffre de malnutrition, où chaque ménage a accès à une alimentation saine et suffisante, et où les communautés sont résilientes face aux crises alimentaires.", valuesTitle: "Nos valeurs fondamentales", domainsTitle: "Domaines d'expertise", domainsSubtitle: "Six domaines d'intervention pour une action globale et efficace contre la malnutrition.", timelineTitle: "20+ ans d'engagement", ctaTitle: "Rejoignez notre combat", ctaDescription: "Partenaires, bénévoles, chercheurs — ensemble, nous pouvons nourrir chaque enfant de Mauritanie et bâtir un avenir sans malnutrition.", }; const STAT_ICONS = [Award, Zap, Users, CheckCircle2]; export default function MissionPage() { const timelineRef = useRef(null); const [content, setContent] = useState(CONTENT_DEFAULTS); const [coreValues, setCoreValues] = useState([]); const [domains, setDomains] = useState([]); const [timeline, setTimeline] = useState([]); const [loading, setLoading] = useState(true); const { contentVersion } = useEditMode(); useEffect(() => { setLoading(true); Promise.all([ fetch("/api/mission-content").then((r) => r.json()), fetch("/api/core-values").then((r) => r.json()), fetch("/api/domains").then((r) => r.json()), fetch("/api/timeline").then((r) => r.json()), ]) .then(([c, v, d, t]) => { setContent({ ...CONTENT_DEFAULTS, ...c }); setCoreValues(v); setDomains(d); setTimeline(t); }) .catch(console.error) .finally(() => setLoading(false)); }, [contentVersion]); const scrollTimeline = (direction: "left" | "right") => { if (timelineRef.current) { timelineRef.current.scrollBy({ left: direction === "left" ? -400 : 400, behavior: "smooth" }); } }; if (loading) { return (
); } const stats = [ { value: content.stat1Value, label: content.stat1Label }, { value: content.stat2Value, label: content.stat2Label }, { value: content.stat3Value, label: content.stat3Label }, { value: content.stat4Value, label: content.stat4Label }, ]; return ( <> {/* Page Hero */}

À propos d'ANED

{content.pageTitle}

{content.pageSubtitle}

{/* eslint-disable-next-line @next/next/no-img-element */} Bénévoles ANED en action
{/* Stats */}
{stats.map((stat, i) => { const Icon = STAT_ICONS[i] ?? Award; return (
{stat.value}
{stat.label}
); })}
{/* Mission & Vision Cards */}

{content.missionTitle}

{content.missionText}

{content.visionTitle}

{content.visionText}

 {/* Core Values */}

Ce qui nous guide

{content.valuesTitle}

Quatre piliers qui définissent notre approche et guident chacune de nos actions sur le terrain.

{coreValues.map((v, i) => { const Icon = VALUE_ICONS[i % VALUE_ICONS.length]; return (
{v.number}

{v.name}

{v.description}

); })}
{/* Domains */}

Ce que nous faisons

{content.domainsTitle}

{content.domainsSubtitle}

{domains.map((d, i) => { const Icon = DOMAIN_ICONS[i % DOMAIN_ICONS.length]; return (

{d.name}

{d.description}

 ); })}
{/* Timeline */}

Notre parcours

{content.timelineTitle}

{timeline.map((item) => (
{item.year}

{item.text}

 ))}
{/* CTA */}
{/* eslint-disable-next-line @next/next/no-img-element */} ANED en action

{content.ctaTitle}

{content.ctaDescription}

 ); }