Spaces:
Running
Running
| <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> | |