Spaces:
Running
Running
File size: 2,476 Bytes
f31bf83 5985e26 f31bf83 27ebc99 f31bf83 27ebc99 b66cb47 f31bf83 27ebc99 f31bf83 27ebc99 f31bf83 27ebc99 f31bf83 27ebc99 b66cb47 27ebc99 b66cb47 f31bf83 5985e26 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 | <!DOCTYPE html>
<html>
<head>
<title>katar - AI Platform</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta charset="utf-8">
<script src="https://cdn.tailwindcss.com"></script>
<head>
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" rel="stylesheet">
<body class="flex justify-center items-center h-screen overflow-hidden bg-white font-sans text-center px-6">
<div class="w-full max-w-4xl mx-auto">
<span class="text-xs rounded-full mb-2 inline-block px-2 py-1 border border-gray-500/15 bg-gray-500/15 text-gray-500">🚀 katar'a Hoşgeldiniz</span>
<h1 class="text-3xl lg:text-5xl font-bold font-sans mb-8">
<span class="text-xl lg:text-3xl text-gray-400 block font-medium">Minimal AI Platform</span>
katar
</h1>
<div class="grid grid-cols-1 md:grid-cols-4 gap-4 mt-12">
<a href="chat.html" class="bg-white p-6 rounded-xl shadow-md hover:shadow-lg transition-all text-center">
<div class="text-gray-600 text-3xl mb-3"><i class="fas fa-comments"></i></div>
<h3 class="font-semibold text-lg">Text Chat</h3>
<p class="text-gray-500 mt-2 text-sm">Chat with AI models</p>
</a>
<a href="visual.html" class="bg-white p-6 rounded-xl shadow-md hover:shadow-lg transition-all text-center">
<div class="text-gray-600 text-3xl mb-3"><i class="fas fa-image"></i></div>
<h3 class="font-semibold text-lg">Image Tools</h3>
<p class="text-gray-500 mt-2 text-sm">Create and edit images</p>
</a>
<a href="voice.html" class="bg-white p-6 rounded-xl shadow-md hover:shadow-lg transition-all text-center">
<div class="text-gray-600 text-3xl mb-3"><i class="fas fa-microphone"></i></div>
<h3 class="font-semibold text-lg">Voice Chat</h3>
<p class="text-gray-500 mt-2 text-sm">Talk with AI</p>
</a>
<a href="credits.html" class="bg-white p-6 rounded-xl shadow-md hover:shadow-lg transition-all text-center">
<div class="text-gray-600 text-3xl mb-3"><i class="fas fa-coins"></i></div>
<h3 class="font-semibold text-lg">Credits</h3>
<p class="text-gray-500 mt-2 text-sm">Manage your usage</p>
</a>
</div>
</div>
<img src="https://enzostvs-deepsite.hf.space/arrow.svg" class="absolute bottom-8 left-0 w-[100px] transform rotate-[30deg]" />
<script></script>
</body>
</html>
|