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

app/afrolife/[id]/page.tsx

@@ -1,25 +1,73 @@
 import React from 'react';
 import Link from 'next/link';
 import { notFound } from 'next/navigation';
-import { ArrowLeft, Share2, Play, Calendar, User, Building2 } from 'lucide-react';
+import { ArrowLeft, Share2, Play, Calendar, User, Building2, MapPin, ArrowRight } from 'lucide-react';
 import { prisma } from '../../../lib/prisma';
 import { InterviewType } from '@prisma/client';
 
+import { Metadata } from 'next';
+
 interface Props {
   params: Promise<{ id: string }>;
 }
 
-export default async function InterviewDetailPage({ params }: Props) {
+export async function generateMetadata({ params }: Props): Promise<Metadata> {
     const { id } = await params;
     
-    const interview = await prisma.interview.findUnique({
-        where: { id }
+    const interview = await prisma.interview.findFirst({
+        where: {
+            OR: [{ id }, { slug: id }]
+        }
     });
 
-    if (!interview) {
+    const event = !interview ? await prisma.event.findFirst({
+        where: {
+            OR: [{ id }, { slug: id }]
+        }
+    }) : null;
+
+    const item = interview || event;
+    if (!item) return { title: 'Contenu non trouvé' };
+
+    const title = (item as any).metaTitle || item.title;
+    const description = (item as any).metaDescription || (item as any).excerpt || (item as any).description;
+
+    return {
+        title,
+        description,
+        keywords: (item as any).tags || [],
+        openGraph: {
+            title,
+            description,
+            images: [(item as any).thumbnailUrl],
+        }
+    };
+}
+
+export default async function AfroLifeDetailPage({ params }: Props) {
+    const { id } = await params;
+    
+    // 1. Try to find an interview
+    const interview = await prisma.interview.findFirst({
+        where: {
+            OR: [{ id }, { slug: id }]
+        }
+    });
+
+    // 2. If not found, try to find an event
+    const event = !interview ? await prisma.event.findFirst({
+        where: {
+            OR: [{ id }, { slug: id }]
+        }
+    }) : null;
+
+    if (!interview && !event) {
         notFound();
     }
 
+    const item = interview || event;
+    const isEvent = !!event;
+
     // Helper to get YouTube embed URL
     const getEmbedUrl = (url: string) => {
         const regExp = /^.*(youtu.be\/|v\/|u\/\w\/|embed\/|watch\?v=|&v=)([^#&?]*).*/;
@@ -27,7 +75,7 @@ export default async function InterviewDetailPage({ params }: Props) {
         return (match && match[2].length === 11) ? `https://www.youtube.com/embed/${match[2]}` : null;
     };
 
-    const isVideo = interview.type === InterviewType.VIDEO;
+    const isVideo = !isEvent && (interview as any).type === InterviewType.VIDEO;
 
     return (
         <div className="bg-white min-h-screen">
@@ -39,26 +87,46 @@ export default async function InterviewDetailPage({ params }: Props) {
                 {/* Header Info */}
                 <div className="text-center mb-10">
                     <div className="inline-flex items-center justify-center px-3 py-1 rounded-full bg-gray-100 text-gray-600 text-xs font-bold uppercase tracking-wider mb-4">
-                        {isVideo ? 'Interview Vidéo' : 'Grand Entretien'}
+                        {isEvent ? 'Événement' : (isVideo ? 'Interview Vidéo' : 'Grand Entretien')}
                     </div>
                     <h1 className="text-3xl md:text-5xl font-serif font-bold text-gray-900 mb-6 leading-tight">
-                        {interview.title}
+                        {item!.title}
                     </h1>
 
+                    {/* Tags */}
+                    {item && (item as any).tags && (item as any).tags.length > 0 && (
+                        <div className="flex flex-wrap justify-center gap-2 mb-8">
+                            {(item as any).tags.map((tag: string) => (
+                                <span key={tag} className="px-3 py-1 bg-brand-50 text-brand-700 rounded-full text-xs font-semibold">
+                                    #{tag}
+                                </span>
+                            ))}
+                        </div>
+                    )}
+
                     <div className="flex flex-wrap justify-center gap-6 text-sm text-gray-500">
-                        <div className="flex items-center">
-                            <User className="w-4 h-4 mr-2 text-brand-500" />
-                            <span className="font-medium text-gray-900">{interview.guestName}</span>
-                            <span className="mx-1 text-gray-400">|</span>
-                            <span>{interview.role}</span>
-                        </div>
-                        <div className="flex items-center">
-                            <Building2 className="w-4 h-4 mr-2 text-brand-500" />
-                            {interview.companyName}
-                        </div>
+                        {!isEvent ? (
+                            <>
+                                <div className="flex items-center">
+                                    <User className="w-4 h-4 mr-2 text-brand-500" />
+                                    <span className="font-medium text-gray-900">{(interview as any).guestName}</span>
+                                    <span className="mx-1 text-gray-400">|</span>
+                                    <span>{(interview as any).role}</span>
+                                </div>
+                                <div className="flex items-center">
+                                    <Building2 className="w-4 h-4 mr-2 text-brand-500" />
+                                    {(interview as any).companyName}
+                                </div>
+                            </>
+                        ) : (
+                            <div className="flex items-center">
+                                <MapPin className="w-4 h-4 mr-2 text-brand-500" />
+                                <span className="font-medium text-gray-900">{(event as any).location}</span>
+                            </div>
+                        )}
                         <div className="flex items-center">
                             <Calendar className="w-4 h-4 mr-2 text-brand-500" />
-                            {new Date(interview.date).toLocaleDateString('fr-FR', { day: 'numeric', month: 'long', year: 'numeric' })}
+                            {new Date(item!.date).toLocaleDateString('fr-FR', { day: 'numeric', month: 'long', year: 'numeric' })}
                         </div>
                     </div>
                 </div>
@@ -66,10 +134,10 @@ export default async function InterviewDetailPage({ params }: Props) {
                 {/* Main Content Area */}
                 {isVideo ? (
                     <div className="bg-black rounded-xl overflow-hidden shadow-2xl aspect-w-16 aspect-h-9 mb-10">
-                        {interview.videoUrl ? (
+                        {(interview as any).videoUrl ? (
                             <iframe
-                                src={getEmbedUrl(interview.videoUrl) || ''}
-                                title={interview.title}
+                                src={getEmbedUrl((interview as any).videoUrl) || ''}
+                                title={item!.title}
                                 allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
                                 allowFullScreen
                                 className="w-full h-full"
@@ -82,27 +150,44 @@ export default async function InterviewDetailPage({ params }: Props) {
                     </div>
                 ) : (
                     <div className="relative h-64 md:h-96 rounded-xl overflow-hidden shadow-lg mb-10">
-                        <img src={interview.thumbnailUrl} alt={interview.title} className="w-full h-full object-cover" />
+                        <img src={item!.thumbnailUrl} alt={item!.title} className="w-full h-full object-cover" />
                         <div className="absolute inset-0 bg-gradient-to-t from-black/50 to-transparent"></div>
                     </div>
                 )}
 
-                {/* Description / Article Content */}
+                {/* Description / Article Content / Event Content */}
                 <div className="prose prose-lg prose-orange max-w-none mx-auto text-gray-600 break-words overflow-hidden">
-                    {!isVideo && interview.content ? (
-                        <div dangerouslySetInnerHTML={{ __html: interview.content }} />
+                    {isEvent ? (
+                        <div dangerouslySetInnerHTML={{ __html: (event as any).description }} />
                     ) : (
-                        <p className="text-xl font-serif italic text-gray-500 border-l-4 border-brand-500 pl-6 py-2">
-                            {interview.excerpt}
-                        </p>
+                        !isVideo && (interview as any).content ? (
+                            <div dangerouslySetInnerHTML={{ __html: (interview as any).content }} />
+                        ) : (
+                            <p className="text-xl font-serif italic text-gray-500 border-l-4 border-brand-500 pl-6 py-2">
+                                {(interview as any).excerpt}
+                            </p>
+                        )
                     )}
                 </div>
 
+                {/* Event Link Action */}
+                {isEvent && (event as any).link && (
+                    <div className="mt-10 text-center">
+                        <Link 
+                            href={(event as any).link} 
+                            target="_blank" 
+                            className="inline-flex items-center px-8 py-4 bg-brand-600 text-white rounded-full font-bold shadow-lg hover:bg-brand-700 hover:shadow-xl transition-all"
+                        >
+                            Participer à l'événement <ArrowRight className="w-5 h-5 ml-2" />
+                        </Link>
+                    </div>
+                )}
+
                 {/* Footer Actions */}
                 <div className="mt-12 pt-8 border-t border-gray-100 flex justify-center">
                     <button className="flex items-center px-6 py-3 rounded-full bg-brand-50 text-brand-700 font-medium hover:bg-brand-100 transition-colors">
                         <Share2 className="w-5 h-5 mr-2" />
-                        Partager cette interview
+                        Partager {isEvent ? "cet événement" : "cette interview"}
                     </button>
                 </div>
             </div>