[V0_FILE]typescriptreact:file="app/layout.tsx" isMerged="true" import type { Metadata } from "next"; import { Mona_Sans as FontSans } from 'next/font/google'; import "./globals.css"; import { cn } from "@/lib/utils"; import { ThemeProvider } from "@/components/theme-provider"; import SidebarNav from "@/components/sidebar-nav"; const fontSans = FontSans({ subsets: ["latin"], variable: "--font-sans", }); export const metadata: Metadata = { title: "EventFlow | Gestion d'événements", description: "Solution de gestion d'événements pour les coordinateurs", }; export default function RootLayout({ children, }: Readonly<{ children: React.ReactNode; }>) { return (

{children}

); } [V0_FILE]typescriptreact:file="app/globals.css" isMerged="true" @tailwind base; @tailwind components; @tailwind utilities; @layer base { :root { --background: 0 0% 100%; --foreground: 222.2 84% 4.9%; --card: 0 0% 100%; --card-foreground: 222.2 84% 4.9%; --popover: 0 0% 100%; --popover-foreground: 222.2 84% 4.9%; --primary: 221.2 83.2% 53.3%; --primary-foreground: 210 40% 98%; --secondary: 210 40% 96.1%; --secondary-foreground: 222.2 47.4% 11.2%; --muted: 210 40% 96.1%; --muted-foreground: 215.4 16.3% 46.9%; --accent: 210 40% 96.1%; --accent-foreground: 222.2 47.4% 11.2%; --destructive: 0 84.2% 60.2%; --destructive-foreground: 210 40% 98%; --border: 214.3 31.8% 91.4%; --input: 214.3 31.8% 91.4%; --ring: 221.2 83.2% 53.3%; --radius: 0.5rem; } .dark { --background: 222.2 84% 4.9%; --foreground: 210 40% 98%; --card: 222.2 84% 4.9%; --card-foreground: 210 40% 98%; --popover: 222.2 84% 4.9%; --popover-foreground: 210 40% 98%; --primary: 217.2 91.2% 59.8%; --primary-foreground: 222.2 47.4% 11.2%; --secondary: 217.2 32.6% 17.5%; --secondary-foreground: 210 40% 98%; --muted: 217.2 32.6% 17.5%; --muted-foreground: 215 20.2% 65.1%; --accent: 217.2 32.6% 17.5%; --accent-foreground: 210 40% 98%; --destructive: 0 62.8% 30.6%; --destructive-foreground: 210 40% 98%; --border: 217.2 32.6% 17.5%; --input: 217.2 32.6% 17.5%; --ring: 224.3 76.3% 48%; } } @layer base { * { @apply border-border; } body { @apply bg-background text-foreground; } } .animate-in { animation: animate-in 0.5s ease-out; } @keyframes animate-in { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } [V0_FILE]typescriptreact:file="lib/utils.ts" isMerged="true" import { type ClassValue, clsx } from "clsx"; import { twMerge } from "tailwind-merge"; export function cn(...inputs: ClassValue[]) { return twMerge(clsx(inputs)); } // Date formatter export function formatDate(date: Date): string { return new Intl.DateTimeFormat("fr-FR", { day: "numeric", month: "long", year: "numeric", }).format(date); } // Time formatter export function formatTime(date: Date): string { return new Intl.DateTimeFormat("fr-FR", { hour: "2-digit", minute: "2-digit", }).format(date); } // Generate random ID export function generateId(): string { return Math.random().toString(36).substring(2, 9); } [V0_FILE]typescriptreact:file="components/theme-provider.tsx" isMerged="true" "use client"; import * as React from "react"; import { ThemeProvider as NextThemesProvider } from "next-themes"; import { type ThemeProviderProps } from "next-themes"; export function ThemeProvider({ children, ...props }: ThemeProviderProps) { return {children}; } [V0_FILE]typescriptreact:file="components/sidebar-nav.tsx" isMerged="true" "use client"; import Link from "next/link"; import { usePathname } from "next/navigation"; import { cn } from "@/lib/utils"; import { Calendar, Users, GlassWater, BarChart3, MessageSquare, Settings, Home, Layers } from 'lucide-react'; import { ModeToggle } from "@/components/mode-toggle"; import { Button } from "@/components/ui/button"; const SidebarNav = () => { const pathname = usePathname(); const routes = [ { href: "/", icon: Home, label: "Dashboard", }, { href: "/evenements", icon: Calendar, label: "Événements", }, { href: "/equipes", icon: Users, label: "Équipes", }, { href: "/tables", icon: Layers, label: "Tables & Zones", }, { href: "/commandes", icon: GlassWater, label: "Commandes & Stock", }, { href: "/statistiques", icon: BarChart3, label: "Statistiques", }, { href: "/communication", icon: MessageSquare, label: "Communication", }, { href: "/parametres", icon: Settings, label: "Paramètres", }, ]; return ( ); }; export default SidebarNav; [V0_FILE]typescriptreact:file="components/mode-toggle.tsx" isMerged="true" "use client"; import * as React from "react"; import { Moon, Sun } from 'lucide-react'; import { useTheme } from "next-themes"; import { Button } from "@/components/ui/button"; import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, } from "@/components/ui/dropdown-menu"; export function ModeToggle() { const { setTheme } = useTheme(); return ( setTheme("light")}> Clair setTheme("dark")}> Sombre setTheme("system")}> Système ); } [V0_FILE]typescriptreact:file="components/mobile-nav.tsx" isMerged="true" "use client"; import { useState } from "react"; import { Sheet, SheetContent, SheetTrigger } from "@/components/ui/sheet"; import { Button } from "@/components/ui/button"; import { Menu } from 'lucide-react'; import Link from "next/link"; import { usePathname } from "next/navigation"; import { cn } from "@/lib/utils"; import { Calendar, Users, GlassWater, BarChart3, MessageSquare, Settings, Home, Layers } from 'lucide-react'; export function MobileNav() { const [open, setOpen] = useState(false); const pathname = usePathname(); const routes = [ { href: "/", icon: Home, label: "Dashboard", }, { href: "/evenements", icon: Calendar, label: "Événements", }, { href: "/equipes", icon: Users, label: "Équipes", }, { href: "/tables", icon: Layers, label: "Tables & Zones", }, { href: "/commandes", icon: GlassWater, label: "Commandes & Stock", }, { href: "/statistiques", icon: BarChart3, label: "Statistiques", }, { href: "/communication", icon: MessageSquare, label: "Communication", }, { href: "/parametres", icon: Settings, label: "Paramètres", }, ]; return (

EventFlow

{routes.map((route) => { const Icon = route.icon; return ( setOpen(false)} className={cn( "flex items-center gap-3 px-3 py-2 rounded-md text-sm font-medium transition-colors", pathname === route.href ? "bg-primary text-primary-foreground" : "hover:bg-muted" )} > {route.label} ); })}

); } [V0_FILE]typescriptreact:file="app/page.tsx" isMerged="true" import { MobileNav } from "@/components/mobile-nav"; import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"; import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs"; import { formatDate, formatTime } from "@/lib/utils"; import { BarChart3, Calendar, Clock, DollarSign, Users } from 'lucide-react'; import Link from "next/link"; export default function Dashboard() { // Événements à venir (données fictives) const upcomingEvents = [ { id: "ev1", title: "Mariage de Julie et Thomas", date: new Date("2025-06-15"), location: "Château des Roses, Paris", guests: 120, status: "Confirmé", }, { id: "ev2", title: "Conférence Tech Innovation", date: new Date("2025-04-23"), location: "Palais des Congrès, Lyon", guests: 350, status: "En préparation", }, { id: "ev3", title: "Gala de Charité Annuel", date: new Date("2025-05-10"), location: "Hôtel Crillon, Paris", guests: 200, status: "En préparation", }, ]; // Statistiques (données fictives) const stats = [ { title: "Événements", value: "12", icon: Calendar, description: "Ce mois-ci", change: "+20%", trend: "up", }, { title: "Équipiers", value: "48", icon: Users, description: "Actifs", change: "+5%", trend: "up", }, { title: "Temps moyen", value: "8m", icon: Clock, description: "Livraison commande", change: "-12%", trend: "down", }, { title: "Revenus", value: "28.5K€", icon: DollarSign, description: "Dernier trimestre", change: "+18%", trend: "up", }, ]; return (

Dashboard

Bienvenue sur EventFlow, votre gestionnaire d'événements.

{stats.map((stat, i) => { const Icon = stat.icon; return ( {stat.title}

{stat.value}

{stat.description}{" "} {stat.change}

); })}

Événements à venir Activité récente

{upcomingEvents.map((event) => ( {event.title} {formatDate(event.date)} - {event.location}

Invités

{event.guests}

Statut

{event.status}

))}

Activité récente Les 5 dernières actions effectuées sur la plateforme

3 nouvelles équipiers ajoutés à l'équipe "Service"

Il y a 1 heure

Nouvel événement créé: "Conférence Tech Innovation"

Il y a 3 heures

Rapport mensuel de mai généré

Il y a 1 jour

); } [V0_FILE]typescriptreact:file="app/evenements/page.tsx" isEdit="true" isQuickEdit="true" isMerged="true" import { Button } from "@/components/ui/button" import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card" import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs" import { formatDate, formatTime } from "@/lib/utils" import { CalendarPlus, Filter, Search } from "lucide-react" import { MobileNav } from "@/components/mobile-nav" import Link from "next/link" import { Input } from "@/components/ui/input" export default function EventsPage() { // Données fictives des événements const events = [ { id: "ev1", title: "Mariage de Julie et Thomas", date: new Date("2025-06-15"), startTime: new Date("2025-06-15T16:00:00"), endTime: new Date("2025-06-16T02:00:00"), season: "Été", location: "Château des Roses, Paris", coordinator: "Marc Richard", guests: 120, status: "Confirmé", description: "Mariage en plein air avec cérémonie suivie d'un dîner et soirée dansante.", }, { id: "ev2", title: "Conférence Tech Innovation", date: new Date("2025-04-23"), startTime: new Date("2025-04-23T09:00:00"), endTime: new Date("2025-04-23T18:00:00"), season: "Printemps", location: "Palais des Congrès, Lyon", coordinator: "Sophie Martin", guests: 350, status: "En préparation", description: "Conférence annuelle sur les dernières innovations technologiques avec keynotes et ateliers.", }, { id: "ev3", title: "Gala de Charité Annuel", date: new Date("2025-05-10"), startTime: new Date("2025-05-10T19:00:00"), endTime: new Date("2025-05-11T00:00:00"), season: "Printemps", location: "Hôtel Crillon, Paris", coordinator: "Marc Richard", guests: 200, status: "En préparation", description: "Soirée de levée de fonds avec dîner gastronomique et vente aux enchères.", }, { id: "ev4", title: "Lancement de Produit XYZ", date: new Date("2025-09-05"), startTime: new Date("2025-09-05T18:00:00"), endTime: new Date("2025-09-05T22:00:00"), season: "Automne", location: "Studio Éphémère, Paris", coordinator: "Émilie Dubois", guests: 150, status: "Planifié", description: "Présentation du nouveau produit XYZ avec cocktail et démonstrations.", }, { id: "ev5", title: "Séminaire Entreprise ABC", date: new Date("2025-03-15"), startTime: new Date("2025-03-15T08:30:00"), endTime: new Date("2025-03-17T17:00:00"), season: "Hiver", location: "Grand Hôtel, Chamonix", coordinator: "Marc Richard", guests: 80, status: "Confirmé", description: "Séminaire d'entreprise sur 3 jours avec ateliers, conférences et activités team building.", }, ] const pastEvents = events .filter((event) => event.date < new Date()) .sort((a, b) => b.date.getTime() - a.date.getTime()) const upcomingEvents = events .filter((event) => event.date >= new Date()) .sort((a, b) => a.date.getTime() - b.date.getTime()) return (

Événements

Gérez vos événements en cours et à venir.

À venir ({upcomingEvents.length}) Passés ({pastEvents.length})

{upcomingEvents.map((event) => (

{event.title} {event.status}

Date

{formatDate(event.date)}

Lieu

{event.location}

Horaires

{formatTime(event.startTime)} - {formatTime(event.endTime)}

Invités

{event.guests} personnes

))}

{pastEvents.map((event) => ( {event.title}

Date

{formatDate(event.date)}

Lieu

{event.location}

Horaires

{formatTime(event.startTime)} - {formatTime(event.endTime)}

Invités

{event.guests} personnes

))}

Statistiques

Total d'événements

{events.length}

Événements à venir

{upcomingEvents.length}

Événements passés

{pastEvents.length}

Saisons

Hiver: {events.filter((e) => e.season === "Hiver").length} Printemps: {events.filter((e) => e.season === "Printemps").length} Été: {events.filter((e) => e.season === "Été").length} Automne: {events.filter((e) => e.season === "Automne").length}

) } [V0_FILE]typescriptreact:file="app/tables/page.tsx" isMerged="true" import { Button } from "@/components/ui/button"; import { Card, CardContent, CardDescription, CardHeader, CardTitle, } from "@/components/ui/card"; import { Search } from 'lucide-react'; import { MobileNav } from "@/components/mobile-nav"; import { Input } from "@/components/ui/input"; import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "@/components/ui/select"; import { Badge } from "@/components/ui/badge"; export default function TablesPage() { // Données fictives des tables et zones const zones = [ { id: "zone1", name: "Salle Principale", tables: [ { id: "table1", name: "Table 1", capacity: 8, occupiedSeats: 8, status: "Occupée", }, { id: "table2", name: "Table 2", capacity: 8, occupiedSeats: 6, status: "Occupée", }, { id: "table3", name: "Table 3", capacity: 8, occupiedSeats: 0, status: "Libre", }, { id: "table4", name: "Table 4", capacity: 6, occupiedSeats: 6, status: "Occupée", }, { id: "table5", name: "Table 5", capacity: 6, occupiedSeats: 0, status: "En attente", }, ], }, { id: "zone2", name: "Terrasse", tables: [ { id: "table6", name: "Table 6", capacity: 4, occupiedSeats: 4, status: "Occupée", }, { id: "table7", name: "Table 7", capacity: 4, occupiedSeats: 3, status: "Occupée", }, { id: "table8", name: "Table 8", capacity: 4, occupiedSeats: 0, status: "Libre", }, ], }, { id: "zone3", name: "Salon VIP", tables: [ { id: "table9", name: "Table 9", capacity: 10, occupiedSeats: 8, status: "Occupée", }, { id: "table10", name: "Table 10", capacity: 10, occupiedSeats: 0, status: "En attente", }, ], }, ]; // Calculer les statistiques const totalTables = zones.reduce( (acc, zone) => acc + zone.tables.length, 0 ); const occupiedTables = zones.reduce( (acc, zone) => acc + zone.tables.filter((t) => t.status === "Occupée").length, 0 ); const freeTables = zones.reduce( (acc, zone) => acc + zone.tables.filter((t) => t.status === "Libre").length, 0 ); const waitingTables = zones.reduce( (acc, zone) => acc + zone.tables.filter((t) => t.status === "En attente").length, 0 ); const totalCapacity = zones.reduce( (acc, zone) => acc + zone.tables.reduce((sum, table) => sum + table.capacity, 0), 0 ); const totalOccupied = zones.reduce( (acc, zone) => acc + zone.tables.reduce((sum, table) => sum + table.occupiedSeats, 0), 0 ); const occupancyRate = Math.round((totalOccupied / totalCapacity) * 100); return (

Tables & Zones

Gérez la disposition des tables et des zones.

Statistiques

Total des tables

{totalTables}

Taux d'occupation

{occupancyRate}%

({totalOccupied}/{totalCapacity} places)

Statut des tables

{occupiedTables} occupées

{freeTables} libres

{waitingTables} en attente

Zones

{zones.length}

{zones.map((zone) => (

{zone.name} {zone.tables.length} tables

))}

{zones.map((zone) => ( {zone.name} {zone.tables.length} tables, {zone.tables.reduce((sum, table) => sum + table.capacity, 0)} places

{zone.tables.map((table) => (

{table.name}

{table.status}

{table.occupiedSeats}/{table.capacity}

places occupées

))}

); } [V0_FILE]typescriptreact:file="app/commandes/page.tsx" isMerged="true" import { MobileNav } from "@/components/mobile-nav"; import { Badge } from "@/components/ui/badge"; import { Button } from "@/components/ui/button"; import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, } from "@/components/ui/card"; import { Dialog, DialogTrigger, DialogContent, DialogHeader, DialogTitle, DialogDescription, } from "@/components/ui/dialog"; import { Progress } from "@/components/ui/progress"; import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "@/components/ui/select"; import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from "@/components/ui/table"; import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs"; import { FileDown, PlusCircle } from 'lucide-react'; export default function OrdersPage() { // Données fictives des commandes const orders = [ { id: "ord1", table: "Table 1", status: "En cours", time: "10 min", items: [ { name: "Champagne", quantity: 2 }, { name: "Eau plate", quantity: 4 }, ], waiter: "Thomas Durand", }, { id: "ord2", table: "Table 7", status: "En préparation", time: "3 min", items: [ { name: "Vin rouge", quantity: 1 }, { name: "Sodas", quantity: 3 }, ], waiter: "Marie Dubois", }, { id: "ord3", table: "Table 4", status: "Livrée", time: "15 min", items: [ { name: "Eau pétillante", quantity: 2 }, { name: "Jus de fruits", quantity: 4 }, ], waiter: "Camille Roux", }, { id: "ord4", table: "Table 9", status: "Attente longue", time: "12 min", items: [ { name: "Cocktails", quantity: 4 }, { name: "Eau plate", quantity: 2 }, ], waiter: "Sophie Martin", }, ]; // Données fictives du stock const inventory = [ { id: "inv1", name: "Champagne", initial: 50, current: 32, unit: "bouteilles", }, { id: "inv2", name: "Vin rouge", initial: 60, current: 43, unit: "bouteilles", }, { id: "inv3", name: "Vin blanc", initial: 40, current: 31, unit: "bouteilles", }, { id: "inv4", name: "Eau plate", initial: 120, current: 55, unit: "bouteilles", }, { id: "inv5", name: "Eau pétillante", initial: 80, current: 42, unit: "bouteilles", }, { id: "inv6", name: "Sodas", initial: 100, current: 68, unit: "canettes", }, { id: "inv7", name: "Jus de fruits", initial: 70, current: 38, unit: "bouteilles", }, { id: "inv8", name: "Cocktails", initial: 40, current: 22, unit: "préparations", }, ]; return (

Commandes & Stock

Gérez les commandes et surveillez l'inventaire des boissons.

Commandes Stock

{orders.map((order) => (

{order.table} {order.status}

Serveur: {order.waiter} Boisson Quantité {order.items.map((item, index) => ( {item.name} {item.quantity} ))}

Temps écoulé: {order.time}

))}

Inventaire des boissons

Boisson Stock initial Stock actuel Utilisation Status {inventory.map((item) => { const usagePercentage = Math.round( ((item.initial - item.current) / item.initial) * 100 ); const remainingPercentage = Math.round( (item.current / item.initial) * 100 ); return ( {item.name} {item.initial} {item.unit} {item.current} {item.unit}

{usagePercentage}%

75 ? "border-green-500 text-green-500" : remainingPercentage > 25 ? "border-amber-500 text-amber-500" : "border-red-500 text-red-500" } > {remainingPercentage > 75 ? "Bon" : remainingPercentage > 25 ? "Moyen" : "Faible"} ); })}

); } [V0_FILE]typescriptreact:file="app/statistiques/page.tsx" isEdit="true" isQuickEdit="true" isMerged="true" import { MobileNav } from "@/components/mobile-nav" import { Badge } from "@/components/ui/badge" import { Button } from "@/components/ui/button" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select" import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs" import { FileDown, Users, FileText } from "lucide-react" import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "@/components/ui/dropdown-menu" export default function StatisticsPage() { // Fonction pour gérer l'exportation des statistiques const handleExport = (format: "excel" | "pdf") => { if (format === "excel") { // Logique pour Excel (à implémenter ultérieurement) console.log("Export Excel demandé") return } // Générer un PDF import("jspdf").then(async (jsPDFModule) => { const jsPDF = jsPDFModule.default // Créer une nouvelle instance de jsPDF const doc = new jsPDF() // Importer jspdf-autotable de manière dynamique const autoTable = (await import("jspdf-autotable")).default const date = new Date().toLocaleDateString("fr-FR") // Ajouter un en-tête avec logo et titre doc.setFillColor(59, 130, 246) // Couleur bleue doc.rect(0, 0, 210, 30, "F") doc.setTextColor(255, 255, 255) doc.setFontSize(22) doc.text("EventFlow - Rapport de Statistiques", 105, 15, { align: "center" }) doc.setFontSize(12) doc.text(`Généré le ${date}`, 105, 23, { align: "center" }) // Ajouter les statistiques principales doc.setTextColor(0, 0, 0) doc.setFontSize(16) doc.text("Statistiques Principales", 14, 40) // Créer un tableau pour les statistiques principales autoTable(doc, { startY: 45, head: [["Métrique", "Valeur", "Évolution"]], body: [ ["Invités totaux", "1250", "+18%"], ["Temps moyen de livraison", "7m 24s", "-12%"], ["Consommation par invité", "3.4 boissons", "+2%"], ["Ratio équipiers/invités", "1:25", "Optimal"], ], theme: "grid", headStyles: { fillColor: [59, 130, 246], textColor: [255, 255, 255] }, alternateRowStyles: { fillColor: [240, 247, 255] }, }) // Récupérer la position Y après le premier tableau const finalY1 = (doc as any).lastAutoTable.finalY || 45 // Ajouter section performance doc.setFontSize(16) doc.text("Performance du Service", 14, finalY1 + 15) // Tableau des meilleures équipes autoTable(doc, { startY: finalY1 + 20, head: [["Équipe/Membre", "Temps moyen"]], body: [ ["Équipe Terrasse", "5.2 minutes"], ["Thomas Durand", "4.8 minutes"], ["Sophie Martin", "5.1 minutes"], ["Camille Roux", "5.6 minutes"], ], theme: "grid", headStyles: { fillColor: [59, 130, 246], textColor: [255, 255, 255] }, }) // Récupérer la position Y après le deuxième tableau const finalY2 = (doc as any).lastAutoTable.finalY || finalY1 + 20 // Ajouter section consommation doc.setFontSize(16) doc.text("Consommation", 14, finalY2 + 15) // Tableau des boissons les plus consommées autoTable(doc, { startY: finalY2 + 20, head: [["Boisson", "Pourcentage"]], body: [ ["Champagne", "28%"], ["Eau plate", "22%"], ["Vin rouge", "15%"], ["Sodas", "12%"], ["Cocktails", "10%"], ], theme: "grid", headStyles: { fillColor: [59, 130, 246], textColor: [255, 255, 255] }, }) // Ajouter un pied de page const pageCount = doc.internal.getNumberOfPages() for (let i = 1; i <= pageCount; i++) { doc.setPage(i) doc.setFontSize(10) doc.setTextColor(100, 100, 100) doc.text( `Page ${i} sur ${pageCount} - EventFlow © ${new Date().getFullYear()}`, 105, doc.internal.pageSize.height - 10, { align: "center" }, ) } // Ajouter des icônes ou symboles pour les sections (simulé par des cercles colorés) doc.setFillColor(59, 130, 246) doc.circle(10, 40, 3, "F") doc.circle(10, finalY1 + 15, 3, "F") doc.circle(10, finalY2 + 15, 3, "F") // Télécharger le PDF doc.save(`statistiques-eventflow-${date.replace(/\//g, "-")}.pdf`) }) } return (

Statistiques

Analysez les performances et optimisez vos événements.

handleExport("excel")}> Exporter en Excel handleExport("pdf")} className="cursor-pointer hover:bg-blue-50 dark:hover:bg-blue-900" > Exporter en PDF

Invités totaux

1250

Sur les 3 derniers mois +18%

Temps moyen

7m 24s

Livraison commande -12%

Consommation

3.4

Boissons par invité +2%

Ratio équipiers

1:25

Équipier par invités Optimal

Performance Consommation Optimisation

Performance du service Temps moyen de livraison des commandes par événement

Graphique de performance du service

Meilleure équipe Équipe avec le temps de service le plus rapide

Équipe Terrasse

5.2 minutes en moyenne

Thomas Durand 4.8 min
Sophie Martin 5.1 min
Camille Roux 5.6 min

Satisfaction client

92%

Basé sur les feedback des événements

Consommation par événement Analyse détaillée des boissons servies

Graphique de consommation par événement

Top 5 boissons Les boissons les plus consommées

Champagne 28%

Eau plate 22%

Vin rouge 15%

Sodas 12%

Cocktails 10%

Simulation d'équipe Calculez le nombre optimal d'équipiers

Nombre d'invités

Type d'événement

Équipiers recommandés

Service

Tables

Supervision

Prévision stocks Estimation basée sur les événements passés

Nombre d'invités

Durée (heures)

Champagne 24 bouteilles

Vin (rouge et blanc) 36 bouteilles

Eau (plate et gazeuse) 60 bouteilles

Sodas et jus 48 unités

Cocktails 18 préparations

Estimation basée sur une consommation moyenne de 3.2 boissons par invité

) } [V0_FILE]typescriptreact:file="app/communication/page.tsx" isEdit="true" isMerged="true" import { MobileNav } from "@/components/mobile-nav" import { Badge } from "@/components/ui/badge" import { Button } from "@/components/ui/button" import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "@/components/ui/card" import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, } from "@/components/ui/dialog" import { Input } from "@/components/ui/input" import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select" import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs" import { Textarea } from "@/components/ui/textarea" import { formatDate } from "@/lib/utils" import { MessageSquare, PlaneIcon as PaperPlaneIcon, Plus, Search, Send, Users } from "lucide-react" export default function CommunicationPage() { // Données fictives des messages const messages = [ { id: "msg1", sender: "Marc Richard", recipient: "Équipe Service", content: "Rappel pour l'événement de demain : briefing à 15h dans la salle de réunion.", date: new Date("2025-03-14T10:30:00"), status: "Envoyé", type: "Équipe", }, { id: "msg2", sender: "Marc Richard", recipient: "Thomas Durand", content: "Pouvez-vous confirmer votre disponibilité pour le mariage du 15 juin ?", date: new Date("2025-03-13T14:45:00"), status: "Lu", type: "Individuel", }, { id: "msg3", sender: "Sophie Martin", recipient: "Marc Richard", content: "Les tables pour la conférence Tech Innovation sont prêtes. Nous avons ajouté 2 tables supplémentaires comme demandé.", date: new Date("2025-03-12T16:20:00"), status: "Lu", type: "Individuel", }, { id: "msg4", sender: "Marc Richard", recipient: "Tous les équipiers", content: "Rappel des procédures de service pour les événements VIP. Merci de consulter le document joint.", date: new Date("2025-03-10T09:15:00"), status: "Envoyé", type: "Annonce", }, { id: "msg5", sender: "Système", recipient: "Marc Richard", content: "Alerte stock : Le champagne est presque épuisé (10 bouteilles restantes). Veuillez réapprovisionner.", date: new Date("2025-03-09T11:30:00"), status: "Non lu", type: "Notification", }, ] // Données fictives des modèles de messages const templates = [ { id: "tpl1", title: "Rappel d'événement", content: "Rappel pour l'événement [NOM_EVENEMENT] : briefing à [HEURE] dans la salle de réunion.", usage: 12, }, { id: "tpl2", title: "Confirmation de disponibilité", content: "Pouvez-vous confirmer votre disponibilité pour [NOM_EVENEMENT] le [DATE] ?", usage: 8, }, { id: "tpl3", title: "Remerciement post-événement", content: "Merci pour votre excellent travail lors de [NOM_EVENEMENT]. Votre professionnalisme a été remarquable.", usage: 5, }, ] // Données fictives des notifications const notifications = [ { id: "notif1", title: "Nouvel événement assigné", content: "Vous avez été assigné à l'événement 'Mariage de Julie et Thomas'", date: new Date("2025-03-14T08:45:00"), status: "Non lu", priority: "Normal", }, { id: "notif2", title: "Alerte stock", content: "Le champagne est presque épuisé (10 bouteilles restantes)", date: new Date("2025-03-13T11:30:00"), status: "Lu", priority: "Haute", }, { id: "notif3", title: "Modification d'horaire", content: "L'horaire de l'événement 'Conférence Tech Innovation' a été modifié", date: new Date("2025-03-12T14:15:00"), status: "Lu", priority: "Normale", }, { id: "notif4", title: "Nouveau message", content: "Sophie Martin vous a envoyé un message", date: new Date("2025-03-11T16:20:00"), status: "Lu", priority: "Basse", }, ] // Données fictives des équipes et membres const teams = [ { id: "team1", name: "Équipe Service", members: ["Thomas Durand", "Marie Dubois", "Camille Roux"], }, { id: "team2", name: "Responsables de tables", members: ["Sophie Martin", "Julien Leroy"], }, { id: "team3", name: "Superviseurs de zone", members: ["Jean Petit", "Alexandre Moreau"], }, ] return (

Communication

Gérez les communications avec vos équipes et clients.