Update README.md

README.md

@@ -1,10 +1,77 @@
----
-title: README
-emoji: 💻
-colorFrom: red
-colorTo: pink
-sdk: static
-pinned: false
----
-
-Edit this `README.md` markdown file to author your organization card.
+import React from 'react';
+import { Card, CardHeader, CardContent } from '@/components/ui/card';
+import { Badge } from '@/components/ui/badge';
+import { BrainCircuit, Cpu, Heart } from 'lucide-react';
+
+const OrganizationCard = () => {
+  return (
+    <div className="w-full max-w-4xl mx-auto p-6">
+      <Card className="bg-gradient-to-r from-red-500 to-pink-500">
+        <CardHeader className="space-y-4">
+          <div className="flex items-center justify-between">
+            <div className="flex items-center space-x-2">
+              <span className="text-4xl">💻</span>
+              <h1 className="text-3xl font-bold text-white">Cakrawala AI</h1>
+            </div>
+            <Badge className="bg-white/20 text-white hover:bg-white/30">
+              SDK: static
+            </Badge>
+          </div>
+          <p className="text-white/90 text-lg italic">
+            "Where Worlds Converge and Adventures Begin!"
+          </p>
+        </CardHeader>
+
+        <CardContent className="space-y-6 text-white">
+          <div className="bg-black/20 rounded-lg p-4">
+            <h2 className="text-xl font-semibold mb-3 flex items-center gap-2">
+              <BrainCircuit className="h-5 w-5" />
+              Latest Models
+            </h2>
+            
+            <div className="space-y-4">
+              <div className="border-l-4 border-white/30 pl-4">
+                <h3 className="text-lg font-semibold">🎭 Cakrawala-70B</h3>
+                <p className="text-sm text-white/80 mt-1">
+                  Fine-tuned variant of Llama-3.1-70B-Instruct optimized for rich roleplaying conversations
+                </p>
+                <div className="mt-2 flex items-center gap-2">
+                  <Cpu className="h-4 w-4" />
+                  <span className="text-sm">8 x H100 NVL GPUs</span>
+                </div>
+              </div>
+
+              <div className="border-l-4 border-white/30 pl-4">
+                <h3 className="text-lg font-semibold">🎭 Cakrawala-8B</h3>
+                <p className="text-sm text-white/80 mt-1">
+                  Fine-tuned variant of Llama-3.1-8B-Instruct for detailed character interactions
+                </p>
+                <div className="mt-2 flex items-center gap-2">
+                  <Cpu className="h-4 w-4" />
+                  <span className="text-sm">2 x H100 SXM GPUs</span>
+                </div>
+              </div>
+            </div>
+          </div>
+
+          <div className="bg-black/20 rounded-lg p-4">
+            <h2 className="text-xl font-semibold mb-3">Training Highlights</h2>
+            <ul className="list-disc list-inside space-y-2 text-sm">
+              <li>5,867 conversation pairs</li>
+              <li>Minimum 12-13 turns per conversation</li>
+              <li>Focus on expressions & character consistency</li>
+              <li>QLoRA fine-tuning over 3 epochs</li>
+            </ul>
+          </div>
+
+          <div className="text-center pt-4 flex items-center justify-center gap-2 text-sm">
+            <Heart className="h-4 w-4" />
+            <span>Built with love for roleplayers, by roleplayers</span>
+          </div>
+        </CardContent>
+      </Card>
+    </div>
+  );
+};
+
+export default OrganizationCard;