Maj smtp, reset password, et ajout afroshine

app/annuaire/[id]/page.tsx

@@ -440,7 +440,7 @@ const BusinessDetailPage = () => {
                             <div className="w-32 h-32 md:w-40 md:h-40 rounded-xl bg-white p-1 shadow-md -mt-16 md:-mt-24 border border-gray-100 flex-shrink-0 relative z-20">
                                 <img src={business.logoUrl} alt={business.name} className="w-full h-full object-cover rounded-lg bg-gray-50" />
                                 {business.isFeatured && (
-                                    <div className="absolute -top-3 -right-3 bg-yellow-400 text-yellow-900 rounded-full p-2 shadow-md" title="Entrepreneur du Mois">
+                                    <div className="absolute -top-3 -right-3 bg-yellow-400 text-yellow-900 rounded-full p-2 shadow-md" title="Afroshine">
                                         <Award className="w-6 h-6" />
                                     </div>
                                 )}
@@ -458,7 +458,7 @@ const BusinessDetailPage = () => {
                                         <div className="text-brand-600 font-medium mt-1 uppercase tracking-wide text-sm">{business.category}</div>
                                         {business.isFeatured && (
                                             <div className="inline-flex items-center px-2 py-1 rounded bg-yellow-100 text-yellow-800 text-xs font-bold mt-2">
-                                                <Award className="w-3 h-3 mr-1" /> ENTREPRENEUR DU MOIS
+                                                <Award className="w-3 h-3 mr-1" /> AFROSHINE
                                             </div>
                                         )}
                                     </div>

app/api/auth/forgot-password/route.ts

@@ -0,0 +1,60 @@
+import { NextResponse } from 'next/server';
+import prisma from '@/lib/prisma';
+import { sendEmail } from '@/lib/mail';
+import crypto from 'crypto';
+
+export async function POST(req: Request) {
+  try {
+    const { email } = await req.json();
+
+    if (!email) {
+      return NextResponse.json({ error: 'Email est requis' }, { status: 400 });
+    }
+
+    const user = await prisma.user.findUnique({
+      where: { email },
+    });
+
+    if (!user) {
+      // Pour des raisons de sécurité, on ne dit pas si l'utilisateur existe ou non
+      return NextResponse.json({ message: 'Si un compte existe pour cet email, un lien de réinitialisation a été envoyé.' });
+    }
+
+    // Générer un token
+    const token = crypto.randomBytes(32).toString('hex');
+    const expiry = new Date(Date.now() + 3600000); // 1 heure
+
+    await prisma.user.update({
+      where: { id: user.id },
+      data: {
+        resetToken: token,
+        resetTokenExpiry: expiry,
+      },
+    });
+
+    const resetUrl = `${process.env.NEXT_PUBLIC_APP_URL || 'http://localhost:3000'}/reset-password?token=${token}`;
+
+    await sendEmail({
+      to: email,
+      subject: 'Réinitialisation de votre mot de passe - Afrohub',
+      html: `
+        <div style="font-family: sans-serif; max-width: 600px; margin: 0 auto; padding: 20px; border: 1px solid #e5e7eb; rounded-lg">
+          <h2 style="color: #0d9488; text-align: center;">Afrohub</h2>
+          <p>Bonjour ${user.name},</p>
+          <p>Vous avez demandé la réinitialisation de votre mot de passe. Cliquez sur le bouton ci-dessous pour choisir un nouveau mot de passe :</p>
+          <div style="text-align: center; margin: 30px 0;">
+            <a href="${resetUrl}" style="background-color: #0d9488; color: white; padding: 12px 24px; text-decoration: none; border-radius: 6px; font-weight: bold;">Réinitialiser mon mot de passe</a>
+          </div>
+          <p>Ce lien expirera dans 1 heure. Si vous n'avez pas demandé cette réinitialisation, vous pouvez ignorer cet email.</p>
+          <hr style="border: 0; border-top: 1px solid #e5e7eb; margin: 20px 0;">
+          <p style="font-size: 12px; color: #6b7280; text-align: center;">&copy; 2025 Afrohub. Tous droits réservés.</p>
+        </div>
+      `,
+    });
+
+    return NextResponse.json({ message: 'Si un compte existe pour cet email, un lien de réinitialisation a été envoyé.' });
+  } catch (error: any) {
+    console.error('Error in forgot-password:', error);
+    return NextResponse.json({ error: 'Une erreur est survenue lors de la demande' }, { status: 500 });
+  }
+}

app/api/auth/reset-password/route.ts

@@ -0,0 +1,42 @@
+import { NextResponse } from 'next/server';
+import prisma from '@/lib/prisma';
+import bcrypt from 'bcryptjs';
+
+export async function POST(req: Request) {
+  try {
+    const { token, password } = await req.json();
+
+    if (!token || !password) {
+      return NextResponse.json({ error: 'Token et mot de passe sont requis' }, { status: 400 });
+    }
+
+    const user = await prisma.user.findFirst({
+      where: {
+        resetToken: token,
+        resetTokenExpiry: {
+          gt: new Date(),
+        },
+      },
+    });
+
+    if (!user) {
+      return NextResponse.json({ error: 'Token invalide ou expiré' }, { status: 400 });
+    }
+
+    const hashedPassword = await bcrypt.hash(password, 10);
+
+    await prisma.user.update({
+      where: { id: user.id },
+      data: {
+        password: hashedPassword,
+        resetToken: null,
+        resetTokenExpiry: null,
+      },
+    });
+
+    return NextResponse.json({ message: 'Votre mot de passe a été mis à jour avec succès' });
+  } catch (error: any) {
+    console.error('Error in reset-password:', error);
+    return NextResponse.json({ error: 'Une erreur est survenue lors de la réinitialisation' }, { status: 500 });
+  }
+}

app/forgot-password/page.tsx

@@ -0,0 +1,100 @@
+"use client";
+
+import React, { useState } from 'react';
+import Link from 'next/link';
+import { useUser } from '@/components/UserProvider';
+
+const ForgotPasswordPage = () => {
+    const { settings } = useUser();
+    const siteName = settings?.siteName || "Afrohub";
+    const [email, setEmail] = useState('');
+    const [message, setMessage] = useState('');
+    const [error, setError] = useState('');
+    const [loading, setLoading] = useState(false);
+
+    const handleSubmit = async (e: React.FormEvent) => {
+        e.preventDefault();
+        setLoading(true);
+        setError('');
+        setMessage('');
+
+        try {
+            const res = await fetch('/api/auth/forgot-password', {
+                method: 'POST',
+                headers: { 'Content-Type': 'application/json' },
+                body: JSON.stringify({ email }),
+            });
+
+            const data = await res.json();
+
+            if (!res.ok) {
+                throw new Error(data.error || 'Une erreur est survenue');
+            }
+
+            setMessage(data.message);
+        } catch (err: any) {
+            setError(err.message);
+        } finally {
+            setLoading(false);
+        }
+    };
+
+    return (
+        <div className="min-h-[80vh] flex items-center justify-center bg-gray-50 py-12 px-4 sm:px-6 lg:px-8">
+            <div className="max-w-md w-full space-y-8">
+                <div className="text-center">
+                    <div className="mx-auto h-12 w-12 bg-brand-600 rounded-lg flex items-center justify-center text-white font-bold text-2xl">
+                        {siteName.charAt(0)}
+                    </div>
+                    <h2 className="mt-6 text-3xl font-extrabold text-gray-900 font-serif">Mot de passe oublié</h2>
+                    <p className="mt-2 text-sm text-gray-600">
+                        Entrez votre adresse email pour recevoir un lien de réinitialisation
+                    </p>
+                </div>
+                
+                {message ? (
+                    <div className="bg-green-50 border-l-4 border-green-500 p-4 rounded text-green-700 text-sm">
+                        {message}
+                        <div className="mt-4">
+                            <Link href="/login" className="font-medium text-brand-600 hover:text-brand-500"> Retourner à la connexion</Link>
+                        </div>
+                    </div>
+                ) : (
+                    <form className="mt-8 space-y-6" onSubmit={handleSubmit}>
+                        {error && (
+                            <div className="bg-red-50 border-l-4 border-red-500 p-4 rounded text-red-700 text-sm">
+                                {error}
+                            </div>
+                        )}
+                        <div className="rounded-md shadow-sm -space-y-px">
+                            <div>
+                                <input
+                                    type="email"
+                                    required
+                                    className="appearance-none rounded-md relative block w-full px-3 py-2 border border-gray-300 placeholder-gray-500 text-gray-900 focus:outline-none focus:ring-brand-500 focus:border-brand-500 focus:z-10 sm:text-sm"
+                                    placeholder="Adresse email"
+                                    value={email}
+                                    onChange={(e) => setEmail(e.target.value)}
+                                />
+                            </div>
+                        </div>
+                        <div>
+                            <button 
+                                type="submit" 
+                                disabled={loading}
+                                className="group relative w-full flex justify-center py-2 px-4 border border-transparent text-sm font-medium rounded-md text-white bg-brand-600 hover:bg-brand-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-brand-500 disabled:opacity-70"
+                            >
+                                {loading ? 'Envoi...' : 'Envoyer le lien'}
+                            </button>
+                        </div>
+                        <div className="text-center">
+                            <Link href="/login" className="font-medium text-brand-600 hover:text-brand-500 text-sm"> Retourner à la connexion</Link>
+                        </div>
+                    </form>
+                )}
+            </div>
+        </div>
+    );
+};
+
+export default ForgotPasswordPage;

app/login/page.tsx

@@ -83,6 +83,13 @@ const LoginPage = () => {
                             />
                         </div>
                     </div>
+                    <div className="flex items-center justify-end">
+                        <div className="text-sm">
+                            <Link href="/forgot-password" title="Réinitialiser votre mot de passe" className="font-medium text-brand-600 hover:text-brand-500">
+                                Mot de passe oublié ?
+                            </Link>
+                        </div>
+                    </div>
                     <div>
                         <button 
                             type="submit" 

app/reset-password/page.tsx

@@ -0,0 +1,138 @@
+"use client";
+
+import React, { useState, useEffect, Suspense } from 'react';
+import { useRouter, useSearchParams } from 'next/navigation';
+import Link from 'next/link';
+import { useUser } from '@/components/UserProvider';
+
+const ResetPasswordForm = () => {
+    const { settings } = useUser();
+    const siteName = settings?.siteName || "Afrohub";
+    const [password, setPassword] = useState('');
+    const [confirmPassword, setConfirmPassword] = useState('');
+    const [message, setMessage] = useState('');
+    const [error, setError] = useState('');
+    const [loading, setLoading] = useState(false);
+    const router = useRouter();
+    const searchParams = useSearchParams();
+    const token = searchParams.get('token');
+
+    useEffect(() => {
+        if (!token) {
+            setError("Le lien de réinitialisation est invalide ou manquant.");
+        }
+    }, [token]);
+
+    const handleSubmit = async (e: React.FormEvent) => {
+        e.preventDefault();
+        
+        if (password !== confirmPassword) {
+            setError("Les mots de passe ne correspondent pas.");
+            return;
+        }
+
+        if (password.length < 6) {
+            setError("Le mot de passe doit faire au moins 6 caractères.");
+            return;
+        }
+
+        setLoading(true);
+        setError('');
+        setMessage('');
+
+        try {
+            const res = await fetch('/api/auth/reset-password', {
+                method: 'POST',
+                headers: { 'Content-Type': 'application/json' },
+                body: JSON.stringify({ token, password }),
+            });
+
+            const data = await res.json();
+
+            if (!res.ok) {
+                throw new Error(data.error || 'Une erreur est survenue');
+            }
+
+            setMessage(data.message);
+            setTimeout(() => {
+                router.push('/login');
+            }, 3000);
+        } catch (err: any) {
+            setError(err.message);
+        } finally {
+            setLoading(false);
+        }
+    };
+
+    return (
+        <div className="min-h-[80vh] flex items-center justify-center bg-gray-50 py-12 px-4 sm:px-6 lg:px-8">
+            <div className="max-w-md w-full space-y-8">
+                <div className="text-center">
+                    <div className="mx-auto h-12 w-12 bg-brand-600 rounded-lg flex items-center justify-center text-white font-bold text-2xl">
+                        {siteName.charAt(0)}
+                    </div>
+                    <h2 className="mt-6 text-3xl font-extrabold text-gray-900 font-serif">Nouveau mot de passe</h2>
+                    <p className="mt-2 text-sm text-gray-600">
+                        Choisissez votre nouveau mot de passe
+                    </p>
+                </div>
+                
+                {message ? (
+                    <div className="bg-green-50 border-l-4 border-green-500 p-4 rounded text-green-700 text-sm">
+                        {message}
+                        <p className="mt-2">Redirection vers la page de connexion...</p>
+                    </div>
+                ) : (
+                    <form className="mt-8 space-y-6" onSubmit={handleSubmit}>
+                        {error && (
+                            <div className="bg-red-50 border-l-4 border-red-500 p-4 rounded text-red-700 text-sm">
+                                {error}
+                            </div>
+                        )}
+                        <div className="rounded-md shadow-sm space-y-2">
+                            <div>
+                                <input
+                                    type="password"
+                                    required
+                                    className="appearance-none rounded-md relative block w-full px-3 py-2 border border-gray-300 placeholder-gray-500 text-gray-900 focus:outline-none focus:ring-brand-500 focus:border-brand-500 focus:z-10 sm:text-sm"
+                                    placeholder="Nouveau mot de passe"
+                                    value={password}
+                                    onChange={(e) => setPassword(e.target.value)}
+                                />
+                            </div>
+                            <div>
+                                <input
+                                    type="password"
+                                    required
+                                    className="appearance-none rounded-md relative block w-full px-3 py-2 border border-gray-300 placeholder-gray-500 text-gray-900 focus:outline-none focus:ring-brand-500 focus:border-brand-500 focus:z-10 sm:text-sm"
+                                    placeholder="Confirmer le mot de passe"
+                                    value={confirmPassword}
+                                    onChange={(e) => setConfirmPassword(e.target.value)}
+                                />
+                            </div>
+                        </div>
+                        <div>
+                            <button 
+                                type="submit" 
+                                disabled={loading || !token}
+                                className="group relative w-full flex justify-center py-2 px-4 border border-transparent text-sm font-medium rounded-md text-white bg-brand-600 hover:bg-brand-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-brand-500 disabled:opacity-70"
+                            >
+                                {loading ? 'Mise à jour...' : 'Mettre à jour le mot de passe'}
+                            </button>
+                        </div>
+                    </form>
+                )}
+            </div>
+        </div>
+    );
+};
+
+const ResetPasswordPage = () => {
+    return (
+        <Suspense fallback={<div>Chargement...</div>}>
+            <ResetPasswordForm />
+        </Suspense>
+    );
+};
+
+export default ResetPasswordPage;

app/sitemap.ts

@@ -72,7 +72,19 @@ export default async function sitemap(): Promise<MetadataRoute.Sitemap> {
       priority: 0.7,
     }));
 
-    return [...staticRoutes, ...businessRoutes, ...blogRoutes];
+    // 4. Fetch all Afro Life (Interviews)
+    const interviews = await prisma.interview.findMany({
+      select: { id: true, slug: true, updatedAt: true },
+    });
+
+    const afroLifeRoutes = interviews.map((interview) => ({
+      url: `${baseUrl}/afrolife/${interview.slug || interview.id}`,
+      lastModified: interview.updatedAt,
+      changeFrequency: 'monthly' as const,
+      priority: 0.7,
+    }));
+
+    return [...staticRoutes, ...businessRoutes, ...blogRoutes, ...afroLifeRoutes];
   } catch (error) {
     console.error("Error generating sitemap:", error);
     // Fallback to only static routes if DB connection fails