authentification nocodebackend ok

components/FeaturesPage.tsx

@@ -0,0 +1,42 @@
+
+import React from 'react';
+import { Sparkles, Feather, Globe, GitGraph, BookOpen, Download, Lightbulb, Zap, ArrowLeft } from 'lucide-react';
+
+interface FeaturesPageProps {
+  onBack: () => void;
+}
+
+const FeaturesPage: React.FC<FeaturesPageProps> = ({ onBack }) => {
+  const features = [
+    { title: "Assistant IA Co-Auteur", icon: Sparkles, desc: "Générez des paragraphes, brainstormez des idées et demandez conseil à une IA qui connaît votre univers." },
+    { title: "Bible du Monde Vivante", icon: Globe, desc: "Gérez vos personnages, lieux et objets. L'IA les reconnaît et garde une cohérence absolue." },
+    { title: "Story Workflow", icon: GitGraph, desc: "Visualisez votre intrigue sous forme de nœuds et gérez les embranchements de votre récit." },
+    { title: "Boîte à Idées Kanban", icon: Lightbulb, desc: "Notez vos idées fugaces et transformez-les en chapitres quand vous êtes prêt." },
+    { title: "Mise en page Pro", icon: BookOpen, desc: "Exportez au format PDF, Word ou EPUB avec une mise en page soignée et automatique." },
+    { title: "Éditeur Riche", icon: Feather, desc: "Un traitement de texte complet avec mode focus et historique des modifications IA." }
+  ];
+
+  return (
+    <div className="min-h-screen bg-[#eef2ff] py-20 px-8">
+      <div className="max-w-7xl mx-auto">
+        <button onClick={onBack} className="flex items-center gap-2 text-slate-500 hover:text-blue-600 mb-12 font-bold transition-colors">
+            <ArrowLeft size={20} /> Retour
+        </button>
+        <h1 className="text-5xl font-black text-slate-900 mb-12 text-center">Un univers d'outils pour votre créativité.</h1>
+        <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
+            {features.map((f, i) => (
+                <div key={i} className="bg-white p-8 rounded-3xl shadow-xl border border-indigo-50 hover:scale-105 transition-transform">
+                    <div className="w-12 h-12 bg-indigo-100 rounded-2xl flex items-center justify-center text-indigo-600 mb-6">
+                        <f.icon size={24} />
+                    </div>
+                    <h3 className="text-xl font-bold text-slate-900 mb-4">{f.title}</h3>
+                    <p className="text-slate-600 leading-relaxed">{f.desc}</p>
+                </div>
+            ))}
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default FeaturesPage;