Spaces:
Sleeping
Sleeping
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>MeetGenius AI</title> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <style> | |
| @keyframes float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-20px); } } | |
| .animate-float { animation: float 6s ease-in-out infinite; } | |
| </style> | |
| </head> | |
| <body class="bg-slate-950 text-white min-h-screen selection:bg-purple-500"> | |
| <div class="fixed inset-0 pointer-events-none overflow-hidden"> | |
| <div class="absolute top-0 left-1/4 w-96 h-96 bg-purple-600/20 rounded-full blur-[100px]"></div> | |
| <div class="absolute bottom-0 right-1/4 w-96 h-96 bg-blue-600/20 rounded-full blur-[100px]"></div> | |
| </div> | |
| <nav class="relative z-10 container mx-auto px-6 py-6 flex justify-between items-center"> | |
| <div class="flex items-center gap-2"> | |
| <span class="text-3xl">🧠</span> | |
| <span class="text-2xl font-bold bg-clip-text text-transparent bg-gradient-to-r from-purple-400 to-pink-400">MeetGenius AI</span> | |
| </div> | |
| <a href="/dashboard" class="px-6 py-2 bg-white/10 border border-white/20 rounded-full hover:bg-white/20 transition">Launch App</a> | |
| </nav> | |
| <section class="relative z-10 container mx-auto px-6 py-20 text-center"> | |
| <h1 class="text-5xl md:text-7xl font-extrabold mb-8 leading-tight"> | |
| Transform Voice into <br> | |
| <span class="bg-gradient-to-r from-purple-400 to-blue-400 bg-clip-text text-transparent">Intelligence</span> | |
| </h1> | |
| <p class="text-xl text-slate-400 mb-12 max-w-2xl mx-auto">Summarize lectures, meetings, and live audio with Good accuracy.</p> | |
| <a href="/dashboard" class="px-10 py-4 bg-gradient-to-r from-purple-600 to-blue-600 rounded-xl font-bold text-lg shadow-lg hover:scale-105 transition transform inline-block">Get Started</a> | |
| <div class="grid md:grid-cols-3 gap-8 max-w-5xl mx-auto mt-20"> | |
| <div class="bg-slate-900/50 p-8 rounded-2xl border border-white/10 hover:border-purple-500 transition"> | |
| <div class="text-4xl mb-4">🎥</div> | |
| <h3 class="text-xl font-bold mb-2">YouTube Mode</h3> | |
| <p class="text-slate-400">Paste URL, get instant notes.</p> | |
| </div> | |
| <div class="bg-slate-900/50 p-8 rounded-2xl border border-white/10 hover:border-blue-500 transition"> | |
| <div class="text-4xl mb-4">💼</div> | |
| <h3 class="text-xl font-bold mb-2">Enterprise</h3> | |
| <p class="text-slate-400">Secure file uploads & transcripts.</p> | |
| </div> | |
| <div class="bg-slate-900/50 p-8 rounded-2xl border border-white/10 hover:border-green-500 transition"> | |
| <div class="text-4xl mb-4">🎙️</div> | |
| <h3 class="text-xl font-bold mb-2">Live Recording</h3> | |
| <p class="text-slate-400">Real-time meeting assistant.</p> | |
| </div> | |
| </div> | |
| </section> | |
| </body> | |
| </html> |