Initial commit
This commit is contained in:
@@ -0,0 +1,97 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr" class="dark">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>Chatbot AGGLO - Administration Multi-Clients</title>
|
||||
|
||||
<!-- Google Fonts -->
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
|
||||
|
||||
<!-- Tailwind CSS CDN -->
|
||||
<script src="https://cdn.tailwindcss.com?plugins=typography"></script>
|
||||
<script>
|
||||
tailwind.config = {
|
||||
darkMode: 'class',
|
||||
theme: {
|
||||
extend: {
|
||||
fontFamily: {
|
||||
sans: ['Outfit', 'sans-serif'],
|
||||
},
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
@livewireStyles
|
||||
|
||||
<style>
|
||||
body {
|
||||
font-family: 'Outfit', sans-serif;
|
||||
background-color: #020617;
|
||||
}
|
||||
/* Custom scrollbar styling */
|
||||
::-webkit-scrollbar {
|
||||
width: 8px;
|
||||
}
|
||||
::-webkit-scrollbar-track {
|
||||
background: #020617;
|
||||
}
|
||||
::-webkit-scrollbar-thumb {
|
||||
background: #1e293b;
|
||||
border-radius: 9999px;
|
||||
}
|
||||
::-webkit-scrollbar-thumb:hover {
|
||||
background: #334155;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body class="text-slate-100 min-h-screen relative overflow-x-hidden selection:bg-cyan-500/30 selection:text-cyan-200">
|
||||
|
||||
<!-- Decorative background glows -->
|
||||
<div class="absolute top-[-10%] left-[-10%] w-[50%] h-[50%] rounded-full bg-cyan-900/10 blur-[120px] pointer-events-none"></div>
|
||||
<div class="absolute bottom-[-10%] right-[-10%] w-[50%] h-[50%] rounded-full bg-indigo-900/10 blur-[120px] pointer-events-none"></div>
|
||||
|
||||
<div class="max-w-7xl mx-auto px-4 py-8 relative z-10">
|
||||
|
||||
<!-- Header -->
|
||||
<header class="flex flex-col md:flex-row justify-between items-center gap-4 mb-12 border-b border-slate-900 pb-8">
|
||||
<div class="text-center md:text-left">
|
||||
<div class="flex items-center justify-center md:justify-start gap-3">
|
||||
<span class="px-3 py-1 bg-gradient-to-r from-cyan-500/10 to-indigo-500/10 border border-cyan-500/30 rounded-full text-xs font-bold tracking-wider text-cyan-400 uppercase">
|
||||
Communauté AGGLO Béziers Méditerranée
|
||||
</span>
|
||||
</div>
|
||||
<h1 class="text-4xl font-extrabold tracking-tight mt-3 bg-clip-text text-transparent bg-gradient-to-r from-white via-slate-100 to-slate-400">
|
||||
Console de gestion des chatbots
|
||||
</h1>
|
||||
<p class="text-slate-400 text-sm mt-2 max-w-xl">
|
||||
Gérez et déployez des chatbots RAG indépendants pour chacun de vos sites / Besoins. Alimentés par Weaviate et Mistral AI.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="flex items-center gap-3">
|
||||
<span class="inline-flex items-center px-3 py-1 rounded-full text-xs font-medium bg-emerald-400/10 text-emerald-400 border border-emerald-500/20">
|
||||
<span class="w-1.5 h-1.5 mr-1.5 rounded-full bg-emerald-400 animate-ping"></span>
|
||||
RAG Actif
|
||||
</span>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<!-- Main Content -->
|
||||
<main>
|
||||
<livewire:chatbot-manager />
|
||||
</main>
|
||||
|
||||
<!-- Footer -->
|
||||
<footer class="mt-20 border-t border-slate-900 pt-8 text-center text-xs text-slate-500">
|
||||
<p>© {{ date('Y') }} Chatbot AGGLO SaaS. Construit en Laravel, Weaviate et Mistral AI.</p>
|
||||
</footer>
|
||||
|
||||
</div>
|
||||
|
||||
@livewireScripts
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user