feat: initialize Prisma schema and scaffold core application modules including auth, blogs, events, and business directories

admin/src/components/BlogForm.tsx

@@ -16,6 +16,10 @@ interface Props {
     content: string;
     author: string;
     imageUrl: string;
+    slug?: string | null;
+    tags?: string[];
+    metaTitle?: string | null;
+    metaDescription?: string | null;
   };
 }
 
@@ -29,10 +33,14 @@ export default function BlogForm({ initialData }: Props) {
     const formData = new FormData(event.currentTarget);
     const data = {
       title: formData.get('title') as string,
+      slug: formData.get('slug') as string,
       excerpt: formData.get('excerpt') as string,
       content: content,
       author: formData.get('author') as string,
       imageUrl: formData.get('imageUrl') as string,
+      tags: (formData.get('tags') as string)?.split(',').map(t => t.trim()).filter(t => t !== ''),
+      metaTitle: formData.get('metaTitle') as string,
+      metaDescription: formData.get('metaDescription') as string,
     };
 
     startTransition(async () => {
@@ -51,7 +59,7 @@ export default function BlogForm({ initialData }: Props) {
   };
 
   return (
-    <div className="max-w-4xl mx-auto">
+    <div className="max-w-4xl mx-auto pb-20">
       <div className="mb-8 flex items-center justify-between">
         <div className="flex items-center gap-4">
           <Link href="/blog" className="p-2 bg-slate-800 rounded-lg text-slate-400 hover:text-white transition-colors">
@@ -63,60 +71,112 @@ export default function BlogForm({ initialData }: Props) {
         </div>
       </div>
 
-      <form onSubmit={handleSubmit} className="card space-y-6">
-        <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
+      <form onSubmit={handleSubmit} className="space-y-8">
+        <div className="card space-y-6">
+          <h2 className="text-xl font-semibold text-white border-b border-slate-800 pb-4">Informations Générales</h2>
+          
+          <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
+            <div className="space-y-2">
+              <label className="text-sm font-medium text-slate-400">Titre</label>
+              <input 
+                name="title" 
+                defaultValue={initialData?.title}
+                required 
+                className="w-full bg-slate-900 border border-slate-700 rounded-lg p-3 text-white focus:outline-none focus:border-indigo-500"
+                placeholder="Ex: L'essor de la Tech en Afrique"
+              />
+            </div>
+            <div className="space-y-2">
+              <label className="text-sm font-medium text-slate-400">Auteur</label>
+              <input 
+                name="author" 
+                defaultValue={initialData?.author}
+                required 
+                className="w-full bg-slate-900 border border-slate-700 rounded-lg p-3 text-white focus:outline-none focus:border-indigo-500"
+                placeholder="Ex: Jean Dupont"
+              />
+            </div>
+          </div>
+
           <div className="space-y-2">
-            <label className="text-sm font-medium text-slate-400">Titre</label>
+            <label className="text-sm font-medium text-slate-400">URL de l'image</label>
             <input 
-              name="title" 
-              defaultValue={initialData?.title}
+              name="imageUrl" 
+              defaultValue={initialData?.imageUrl}
               required 
               className="w-full bg-slate-900 border border-slate-700 rounded-lg p-3 text-white focus:outline-none focus:border-indigo-500"
-              placeholder="Ex: L'essor de la Tech en Afrique"
+              placeholder="https://images.unsplash.com/..."
             />
           </div>
+
           <div className="space-y-2">
-            <label className="text-sm font-medium text-slate-400">Auteur</label>
-            <input 
-              name="author" 
-              defaultValue={initialData?.author}
+            <label className="text-sm font-medium text-slate-400">Extrait (Excerpt)</label>
+            <textarea 
+              name="excerpt" 
+              defaultValue={initialData?.excerpt}
               required 
+              rows={2}
               className="w-full bg-slate-900 border border-slate-700 rounded-lg p-3 text-white focus:outline-none focus:border-indigo-500"
-              placeholder="Ex: Jean Dupont"
+              placeholder="Un court résumé de l'article..."
+            />
+          </div>
+
+          <div className="space-y-2">
+            <label className="text-sm font-medium text-slate-400">Contenu de l'article</label>
+            <RichTextEditor 
+              value={content} 
+              onChange={setContent} 
+              placeholder="Rédigez votre article ici..."
             />
           </div>
         </div>
 
-        <div className="space-y-2">
-          <label className="text-sm font-medium text-slate-400">URL de l'image</label>
-          <input 
-            name="imageUrl" 
-            defaultValue={initialData?.imageUrl}
-            required 
-            className="w-full bg-slate-900 border border-slate-700 rounded-lg p-3 text-white focus:outline-none focus:border-indigo-500"
-            placeholder="https://images.unsplash.com/..."
-          />
-        </div>
+        {/* SEO SECTION */}
+        <div className="card space-y-6">
+          <h2 className="text-xl font-semibold text-white border-b border-slate-800 pb-4">Optimisation SEO</h2>
+          
+          <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
+            <div className="space-y-2">
+              <label className="text-sm font-medium text-slate-400">Slug (URL personnalisée)</label>
+              <input 
+                name="slug" 
+                defaultValue={initialData?.slug || ''}
+                className="w-full bg-slate-900 border border-slate-700 rounded-lg p-3 text-white focus:outline-none focus:border-indigo-500"
+                placeholder="ex: lessor-de-la-tech-afrique"
+              />
+              <p className="text-xs text-slate-500 italic">Laissez vide pour générer automatiquement à partir du titre.</p>
+            </div>
+            <div className="space-y-2">
+              <label className="text-sm font-medium text-slate-400">Mots-clés (tags, séparés par des virgules)</label>
+              <input 
+                name="tags" 
+                defaultValue={initialData?.tags?.join(', ') || ''}
+                className="w-full bg-slate-900 border border-slate-700 rounded-lg p-3 text-white focus:outline-none focus:border-indigo-500"
+                placeholder="tech, afrique, innovation"
+              />
+            </div>
+          </div>
 
-        <div className="space-y-2">
-          <label className="text-sm font-medium text-slate-400">Extrait (Excerpt)</label>
-          <textarea 
-            name="excerpt" 
-            defaultValue={initialData?.excerpt}
-            required 
-            rows={2}
-            className="w-full bg-slate-900 border border-slate-700 rounded-lg p-3 text-white focus:outline-none focus:border-indigo-500"
-            placeholder="Un court résumé de l'article..."
-          />
-        </div>
+          <div className="space-y-2">
+            <label className="text-sm font-medium text-slate-400">Meta Titre (SEO)</label>
+            <input 
+              name="metaTitle" 
+              defaultValue={initialData?.metaTitle || ''}
+              className="w-full bg-slate-900 border border-slate-700 rounded-lg p-3 text-white focus:outline-none focus:border-indigo-500"
+              placeholder="Titre optimisé pour les moteurs de recherche"
+            />
+          </div>
 
-        <div className="space-y-2">
-          <label className="text-sm font-medium text-slate-400">Contenu de l'article</label>
-          <RichTextEditor 
-            value={content} 
-            onChange={setContent} 
-            placeholder="Rédigez votre article ici..."
-          />
+          <div className="space-y-2">
+            <label className="text-sm font-medium text-slate-400">Meta Description (SEO)</label>
+            <textarea 
+              name="metaDescription" 
+              defaultValue={initialData?.metaDescription || ''}
+              rows={3}
+              className="w-full bg-slate-900 border border-slate-700 rounded-lg p-3 text-white focus:outline-none focus:border-indigo-500"
+              placeholder="Description optimisée pour les moteurs de recherche (max 160 caractères)..."
+            />
+          </div>
         </div>
 
         <div className="pt-4">

admin/src/components/DeleteEventButton.tsx

@@ -0,0 +1,41 @@
+"use client";
+
+import { useTransition } from 'react';
+import { deleteEvent } from '@/app/actions/event';
+import { Trash2, Loader2 } from 'lucide-react';
+import { toast } from 'react-hot-toast';
+
+interface Props {
+  id: string;
+}
+
+export default function DeleteEventButton({ id }: Props) {
+  const [isPending, startTransition] = useTransition();
+
+  const handleDelete = async () => {
+    if (!confirm('Êtes-vous sûr de vouloir supprimer cet événement ?')) return;
+
+    startTransition(async () => {
+      const result = await deleteEvent(id);
+      if (result.success) {
+        toast.success("Événement supprimé");
+      } else {
+        toast.error(result.error || "Erreur lors de la suppression");
+      }
+    });
+  };
+
+  return (
+    <button 
+      onClick={handleDelete}
+      disabled={isPending}
+      className="p-2 text-slate-400 hover:text-rose-500 transition-colors"
+    >
+      {isPending ? (
+        <Loader2 className="w-5 h-5 animate-spin" />
+      ) : (
+        <Trash2 className="w-5 h-5" />
+      )}
+    </button>
+  );
+}

admin/src/components/EventForm.tsx

@@ -0,0 +1,208 @@
+"use client";
+
+import { useTransition, useState } from 'react';
+import { useRouter } from 'next/navigation';
+import { createEvent, updateEvent } from '@/app/actions/event';
+import { Loader2, ArrowLeft, Save, Calendar, MapPin, Link as LinkIcon } from 'lucide-react';
+import Link from 'next/link';
+import { toast } from 'react-hot-toast';
+import RichTextEditor from './RichTextEditor';
+
+interface Props {
+  initialData?: any;
+}
+
+export default function EventForm({ initialData }: Props) {
+  const router = useRouter();
+  const [isPending, startTransition] = useTransition();
+  const [description, setDescription] = useState(initialData?.description || '');
+
+  const handleSubmit = async (e: React.FormEvent<HTMLFormElement>) => {
+    e.preventDefault();
+    const formData = new FormData(e.currentTarget);
+    const data: any = {
+      title: formData.get('title') as string,
+      slug: formData.get('slug') as string,
+      location: formData.get('location') as string,
+      date: new Date(formData.get('date') as string),
+      thumbnailUrl: formData.get('thumbnailUrl') as string,
+      link: formData.get('link') as string || null,
+      description: description || '',
+      tags: (formData.get('tags') as string)?.split(',').map(t => t.trim()).filter(t => t !== ''),
+      metaTitle: formData.get('metaTitle') as string,
+      metaDescription: formData.get('metaDescription') as string,
+    };
+
+    startTransition(async () => {
+      const result = initialData 
+        ? await updateEvent(initialData.id, data)
+        : await createEvent(data);
+
+      if (result.success) {
+        toast.success(initialData ? "Événement mis à jour" : "Événement créé avec succès");
+        router.push('/blog');
+        router.refresh();
+      } else {
+        toast.error(result.error || "Une erreur est survenue");
+      }
+    });
+  };
+
+  return (
+    <div className="max-w-4xl mx-auto pb-20">
+      <div className="mb-8 flex items-center justify-between">
+        <div className="flex items-center gap-4">
+          <Link href="/blog" className="p-2 bg-slate-800 rounded-lg text-slate-400 hover:text-white transition-colors">
+            <ArrowLeft className="w-5 h-5" />
+          </Link>
+          <h1 className="text-3xl font-bold text-white">
+            {initialData ? 'Modifier l\'événement' : 'Nouvel Événement'}
+          </h1>
+        </div>
+      </div>
+
+      <form onSubmit={handleSubmit} className="space-y-8">
+        <div className="card space-y-6">
+          <h2 className="text-xl font-semibold text-white border-b border-slate-800 pb-4">Informations Générales</h2>
+          
+          <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
+            <div className="space-y-2">
+              <label className="text-sm font-medium text-slate-400">Titre de l'événement</label>
+              <input 
+                name="title" 
+                defaultValue={initialData?.title}
+                required 
+                className="w-full bg-slate-900 border border-slate-700 rounded-lg p-3 text-white focus:outline-none focus:border-indigo-500"
+                placeholder="Ex: Conférence AfroHub 2026"
+              />
+            </div>
+            <div className="space-y-2">
+              <label className="text-sm font-medium text-slate-400">Date de l'événement</label>
+              <div className="relative">
+                <Calendar className="absolute left-3 top-3.5 w-5 h-5 text-slate-500" />
+                <input 
+                  name="date" 
+                  type="datetime-local"
+                  defaultValue={initialData?.date ? new Date(initialData.date).toISOString().slice(0, 16) : ''}
+                  required 
+                  className="w-full bg-slate-900 border border-slate-700 rounded-lg p-3 pl-10 text-white focus:outline-none focus:border-indigo-500"
+                />
+              </div>
+            </div>
+          </div>
+
+          <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
+            <div className="space-y-2">
+              <label className="text-sm font-medium text-slate-400">Lieu</label>
+              <div className="relative">
+                <MapPin className="absolute left-3 top-3.5 w-5 h-5 text-slate-500" />
+                <input 
+                  name="location" 
+                  defaultValue={initialData?.location}
+                  required 
+                  className="w-full bg-slate-900 border border-slate-700 rounded-lg p-3 pl-10 text-white focus:outline-none focus:border-indigo-500"
+                  placeholder="Ex: Abidjan, Côte-d'Ivoire / Zoom"
+                />
+              </div>
+            </div>
+            <div className="space-y-2">
+              <label className="text-sm font-medium text-slate-400">Lien d'inscription / info (Optionnel)</label>
+              <div className="relative">
+                <LinkIcon className="absolute left-3 top-3.5 w-5 h-5 text-slate-500" />
+                <input 
+                  name="link" 
+                  defaultValue={initialData?.link}
+                  className="w-full bg-slate-900 border border-slate-700 rounded-lg p-3 pl-10 text-white focus:outline-none focus:border-indigo-500"
+                  placeholder="https://..."
+                />
+              </div>
+            </div>
+          </div>
+
+          <div className="space-y-2">
+            <label className="text-sm font-medium text-slate-400">URL de l'image (Affiche/Miniature)</label>
+            <input 
+              name="thumbnailUrl" 
+              defaultValue={initialData?.thumbnailUrl}
+              required 
+              className="w-full bg-slate-900 border border-slate-700 rounded-lg p-3 text-white focus:outline-none focus:border-indigo-500"
+              placeholder="https://..."
+            />
+          </div>
+
+          <div className="space-y-2">
+            <label className="text-sm font-medium text-slate-400">Description de l'événement</label>
+            <RichTextEditor 
+              value={description} 
+              onChange={setDescription} 
+              placeholder="Détails sur l'événement, programme, intervenants..."
+            />
+          </div>
+        </div>
+
+        {/* SEO SECTION */}
+        <div className="card space-y-6">
+          <h2 className="text-xl font-semibold text-white border-b border-slate-800 pb-4">Optimisation SEO</h2>
+          
+          <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
+            <div className="space-y-2">
+              <label className="text-sm font-medium text-slate-400">Slug (URL personnalisée)</label>
+              <input 
+                name="slug" 
+                defaultValue={initialData?.slug || ''}
+                className="w-full bg-slate-900 border border-slate-700 rounded-lg p-3 text-white focus:outline-none focus:border-indigo-500"
+                placeholder="ex: conference-afrohub-2026"
+              />
+              <p className="text-xs text-slate-500 italic">Laissez vide pour générer automatiquement à partir du titre.</p>
+            </div>
+            <div className="space-y-2">
+              <label className="text-sm font-medium text-slate-400">Mots-clés (tags, séparés par des virgules)</label>
+              <input 
+                name="tags" 
+                defaultValue={initialData?.tags?.join(', ') || ''}
+                className="w-full bg-slate-900 border border-slate-700 rounded-lg p-3 text-white focus:outline-none focus:border-indigo-500"
+                placeholder="evenement, networking, afrique"
+              />
+            </div>
+          </div>
+
+          <div className="space-y-2">
+            <label className="text-sm font-medium text-slate-400">Meta Titre (SEO)</label>
+            <input 
+              name="metaTitle" 
+              defaultValue={initialData?.metaTitle || ''}
+              className="w-full bg-slate-900 border border-slate-700 rounded-lg p-3 text-white focus:outline-none focus:border-indigo-500"
+              placeholder="Titre optimisé pour Google"
+            />
+          </div>
+
+          <div className="space-y-2">
+            <label className="text-sm font-medium text-slate-400">Meta Description (SEO)</label>
+            <textarea 
+              name="metaDescription" 
+              defaultValue={initialData?.metaDescription || ''}
+              rows={3}
+              className="w-full bg-slate-900 border border-slate-700 rounded-lg p-3 text-white focus:outline-none focus:border-indigo-500"
+              placeholder="Description courte pour les résultats de recherche..."
+            />
+          </div>
+        </div>
+
+        <div className="pt-4">
+          <button 
+            type="submit" 
+            disabled={isPending}
+            className="w-full btn-verify flex items-center justify-center gap-2 py-4 text-lg bg-indigo-600"
+          >
+            {isPending ? (
+              <Loader2 className="w-6 h-6 animate-spin" />
+            ) : (
+              <Save className="w-6 h-6" />
+            )}
+            {initialData ? 'Enregistrer les modifications' : 'Créer l\'événement'}
+          </button>
+        </div>
+      </form>
+    </div>
+  );
+}

admin/src/components/InterviewForm.tsx

@@ -23,6 +23,7 @@ export default function InterviewForm({ initialData }: Props) {
     const formData = new FormData(event.currentTarget);
     const data: any = {
       title: formData.get('title') as string,
+      slug: formData.get('slug') as string,
       guestName: formData.get('guestName') as string,
       companyName: formData.get('companyName') as string,
       role: formData.get('role') as string,
@@ -32,6 +33,9 @@ export default function InterviewForm({ initialData }: Props) {
       excerpt: formData.get('excerpt') as string,
       content: content || null,
       duration: formData.get('duration') as string || null,
+      tags: (formData.get('tags') as string)?.split(',').map(t => t.trim()).filter(t => t !== ''),
+      metaTitle: formData.get('metaTitle') as string,
+      metaDescription: formData.get('metaDescription') as string,
     };
 
     startTransition(async () => {
@@ -50,7 +54,7 @@ export default function InterviewForm({ initialData }: Props) {
   };
 
   return (
-    <div className="max-w-4xl mx-auto">
+    <div className="max-w-4xl mx-auto pb-20">
       <div className="mb-8 flex items-center justify-between">
         <div className="flex items-center gap-4">
           <Link href="/blog" className="p-2 bg-slate-800 rounded-lg text-slate-400 hover:text-white transition-colors">
@@ -62,112 +66,164 @@ export default function InterviewForm({ initialData }: Props) {
         </div>
       </div>
 
-      <form onSubmit={handleSubmit} className="card space-y-6">
-        <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
+      <form onSubmit={handleSubmit} className="space-y-8">
+        <div className="card space-y-6">
+          <h2 className="text-xl font-semibold text-white border-b border-slate-800 pb-4">Informations Générales</h2>
+          
+          <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
+            <div className="space-y-2">
+              <label className="text-sm font-medium text-slate-400">Titre de l'interview</label>
+              <input 
+                name="title" 
+                defaultValue={initialData?.title}
+                required 
+                className="w-full bg-slate-900 border border-slate-700 rounded-lg p-3 text-white focus:outline-none focus:border-indigo-500"
+                placeholder="Ex: Entreprise X : Une success story..."
+              />
+            </div>
+            <div className="space-y-2">
+              <label className="text-sm font-medium text-slate-400">Nom de l'invité</label>
+              <input 
+                name="guestName" 
+                defaultValue={initialData?.guestName}
+                required 
+                className="w-full bg-slate-900 border border-slate-700 rounded-lg p-3 text-white focus:outline-none focus:border-indigo-500"
+                placeholder="Ex: Sarah Koné"
+              />
+            </div>
+            <div className="space-y-2">
+              <label className="text-sm font-medium text-slate-400">Entreprise</label>
+              <input 
+                name="companyName" 
+                defaultValue={initialData?.companyName}
+                required 
+                className="w-full bg-slate-900 border border-slate-700 rounded-lg p-3 text-white focus:outline-none focus:border-indigo-500"
+                placeholder="Ex: TechAfrica"
+              />
+            </div>
+            <div className="space-y-2">
+              <label className="text-sm font-medium text-slate-400">Rôle / Poste</label>
+              <input 
+                name="role" 
+                defaultValue={initialData?.role}
+                required 
+                className="w-full bg-slate-900 border border-slate-700 rounded-lg p-3 text-white focus:outline-none focus:border-indigo-500"
+                placeholder="Ex: Fondatrice & CEO"
+              />
+            </div>
+          </div>
+
+          <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
+            <div className="space-y-2">
+              <label className="text-sm font-medium text-slate-400">Type d'interview</label>
+              <select 
+                name="type" 
+                defaultValue={initialData?.type || 'VIDEO'}
+                className="w-full bg-slate-900 border border-slate-700 rounded-lg p-3 text-white focus:outline-none focus:border-indigo-500"
+              >
+                <option value="VIDEO">Vidéo</option>
+                <option value="ARTICLE">Article (Texte)</option>
+              </select>
+            </div>
+            <div className="space-y-2">
+              <label className="text-sm font-medium text-slate-400">Durée (Optionnel)</label>
+              <input 
+                name="duration" 
+                defaultValue={initialData?.duration}
+                className="w-full bg-slate-900 border border-slate-700 rounded-lg p-3 text-white focus:outline-none focus:border-indigo-500"
+                placeholder="Ex: 12 min"
+              />
+            </div>
+          </div>
+
+          <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
+            <div className="space-y-2">
+              <label className="text-sm font-medium text-slate-400">URL de la miniature (Thumbnail)</label>
+              <input 
+                name="thumbnailUrl" 
+                defaultValue={initialData?.thumbnailUrl}
+                required 
+                className="w-full bg-slate-900 border border-slate-700 rounded-lg p-3 text-white focus:outline-none focus:border-indigo-500"
+              />
+            </div>
+            <div className="space-y-2">
+              <label className="text-sm font-medium text-slate-400">URL Vidéo (Si type Vidéo)</label>
+              <input 
+                name="videoUrl" 
+                defaultValue={initialData?.videoUrl}
+                className="w-full bg-slate-900 border border-slate-700 rounded-lg p-3 text-white focus:outline-none focus:border-indigo-500"
+                placeholder="https://youtube.com/..."
+              />
+            </div>
+          </div>
+
           <div className="space-y-2">
-            <label className="text-sm font-medium text-slate-400">Titre de l'interview</label>
-            <input 
-              name="title" 
-              defaultValue={initialData?.title}
+            <label className="text-sm font-medium text-slate-400">Extrait (Court résumé)</label>
+            <textarea 
+              name="excerpt" 
+              defaultValue={initialData?.excerpt}
               required 
+              rows={2}
               className="w-full bg-slate-900 border border-slate-700 rounded-lg p-3 text-white focus:outline-none focus:border-indigo-500"
-              placeholder="Ex: Entreprise X : Une success story..."
             />
           </div>
+
           <div className="space-y-2">
-            <label className="text-sm font-medium text-slate-400">Nom de l'invité</label>
-            <input 
-              name="guestName" 
-              defaultValue={initialData?.guestName}
-              required 
-              className="w-full bg-slate-900 border border-slate-700 rounded-lg p-3 text-white focus:outline-none focus:border-indigo-500"
-              placeholder="Ex: Sarah Koné"
-            />
-          </div>
-          <div className="space-y-2">
-            <label className="text-sm font-medium text-slate-400">Entreprise</label>
-            <input 
-              name="companyName" 
-              defaultValue={initialData?.companyName}
-              required 
-              className="w-full bg-slate-900 border border-slate-700 rounded-lg p-3 text-white focus:outline-none focus:border-indigo-500"
-              placeholder="Ex: TechAfrica"
-            />
-          </div>
-          <div className="space-y-2">
-            <label className="text-sm font-medium text-slate-400">Rôle / Poste</label>
-            <input 
-              name="role" 
-              defaultValue={initialData?.role}
-              required 
-              className="w-full bg-slate-900 border border-slate-700 rounded-lg p-3 text-white focus:outline-none focus:border-indigo-500"
-              placeholder="Ex: Fondatrice & CEO"
+            <label className="text-sm font-medium text-slate-400">Contenu / Transcription (Optionnel)</label>
+            <RichTextEditor 
+              value={content} 
+              onChange={setContent} 
+              placeholder="Rédigez la transcription ou le contenu ici..."
             />
           </div>
         </div>
 
-        <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
-          <div className="space-y-2">
-            <label className="text-sm font-medium text-slate-400">Type d'interview</label>
-            <select 
-              name="type" 
-              defaultValue={initialData?.type || 'VIDEO'}
-              className="w-full bg-slate-900 border border-slate-700 rounded-lg p-3 text-white focus:outline-none focus:border-indigo-500"
-            >
-              <option value="VIDEO">Vidéo</option>
-              <option value="ARTICLE">Article (Texte)</option>
-            </select>
+        {/* SEO SECTION */}
+        <div className="card space-y-6">
+          <h2 className="text-xl font-semibold text-white border-b border-slate-800 pb-4">Optimisation SEO</h2>
+          
+          <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
+            <div className="space-y-2">
+              <label className="text-sm font-medium text-slate-400">Slug (URL personnalisée)</label>
+              <input 
+                name="slug" 
+                defaultValue={initialData?.slug || ''}
+                className="w-full bg-slate-900 border border-slate-700 rounded-lg p-3 text-white focus:outline-none focus:border-indigo-500"
+                placeholder="ex: interview-sarah-kone-techafrica"
+              />
+              <p className="text-xs text-slate-500 italic">Laissez vide pour générer automatiquement à partir du titre.</p>
+            </div>
+            <div className="space-y-2">
+              <label className="text-sm font-medium text-slate-400">Mots-clés (tags, séparés par des virgules)</label>
+              <input 
+                name="tags" 
+                defaultValue={initialData?.tags?.join(', ') || ''}
+                className="w-full bg-slate-900 border border-slate-700 rounded-lg p-3 text-white focus:outline-none focus:border-indigo-500"
+                placeholder="interview, succes, tech"
+              />
+            </div>
           </div>
+
           <div className="space-y-2">
-            <label className="text-sm font-medium text-slate-400">Durée (Optionnel)</label>
+            <label className="text-sm font-medium text-slate-400">Meta Titre (SEO)</label>
             <input 
-              name="duration" 
-              defaultValue={initialData?.duration}
+              name="metaTitle" 
+              defaultValue={initialData?.metaTitle || ''}
               className="w-full bg-slate-900 border border-slate-700 rounded-lg p-3 text-white focus:outline-none focus:border-indigo-500"
-              placeholder="Ex: 12 min"
+              placeholder="Titre optimisé SEO"
             />
           </div>
-        </div>
 
-        <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
           <div className="space-y-2">
-            <label className="text-sm font-medium text-slate-400">URL de la miniature (Thumbnail)</label>
-            <input 
-              name="thumbnailUrl" 
-              defaultValue={initialData?.thumbnailUrl}
-              required 
+            <label className="text-sm font-medium text-slate-400">Meta Description (SEO)</label>
+            <textarea 
+              name="metaDescription" 
+              defaultValue={initialData?.metaDescription || ''}
+              rows={3}
               className="w-full bg-slate-900 border border-slate-700 rounded-lg p-3 text-white focus:outline-none focus:border-indigo-500"
+              placeholder="Description courte SEO..."
             />
           </div>
-          <div className="space-y-2">
-            <label className="text-sm font-medium text-slate-400">URL Vidéo (Si type Vidéo)</label>
-            <input 
-              name="videoUrl" 
-              defaultValue={initialData?.videoUrl}
-              className="w-full bg-slate-900 border border-slate-700 rounded-lg p-3 text-white focus:outline-none focus:border-indigo-500"
-              placeholder="https://youtube.com/..."
-            />
-          </div>
-        </div>
-
-        <div className="space-y-2">
-          <label className="text-sm font-medium text-slate-400">Extrait (Court résumé)</label>
-          <textarea 
-            name="excerpt" 
-            defaultValue={initialData?.excerpt}
-            required 
-            rows={2}
-            className="w-full bg-slate-900 border border-slate-700 rounded-lg p-3 text-white focus:outline-none focus:border-indigo-500"
-          />
-        </div>
-
-        <div className="space-y-2">
-          <label className="text-sm font-medium text-slate-400">Contenu / Transcription (Optionnel)</label>
-          <RichTextEditor 
-            value={content} 
-            onChange={setContent} 
-            placeholder="Rédigez la transcription ou le contenu ici..."
-          />
         </div>
 
         <div className="pt-4">

admin/src/components/RichTextEditor.tsx

@@ -57,7 +57,7 @@ export default function RichTextEditor({ value, onChange, placeholder }: RichTex
   const formats = [
     'header',
     'bold', 'italic', 'underline', 'strike',
-    'list', 'bullet',
+    'list',
     'divider', 'link',
   ];