separate components

2026-06-25 09:16:47 +02:00
parent cb89b521ef
commit 323667e835
25 changed files with 921 additions and 1572 deletions
@@ -0,0 +1,20 @@
+import { Plus } from 'lucide-react';
+
+export default function NewServiceCard({ onClick }) {
+    return (
+        <div 
+            onClick={onClick}
+            className="bg-transparent border-2 border-dashed border-gray-700 hover:border-cyan-400 p-6 rounded-xl transition-colors cursor-pointer flex flex-col items-center justify-center text-center group min-h-[200px]"
+        >
+            <div className="p-3 bg-gray-800/50 rounded-full group-hover:bg-cyan-400/20 transition-colors mb-4">
+                <Plus className="w-8 h-8 text-gray-400 group-hover:text-cyan-400" />
+            </div>
+            <h3 className="text-lg font-semibold text-white group-hover:text-cyan-400">
+                Demander une accréditation
+            </h3>
+            <p className="text-sm text-gray-500 mt-2">
+                Déployer un nouveau serveur Web, VPS ou Cloud.
+            </p>
+        </div>
+    );
+}