index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Nebula AI</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&display=swap" rel="stylesheet">
    <style> body { font-family: 'Inter', sans-serif; } </style>
</head>
<body class="bg-slate-900 text-white">
    <nav class="w-full py-6 px-8 flex justify-between items-center">
        <div class="text-2xl font-bold bg-clip-text text-transparent bg-gradient-to-r from-cyan-400 to-purple-500">Nebula</div>
        <div class="hidden md:flex space-x-8 text-slate-300">
            <a href="#" class="hover:text-cyan-400">Features</a>
            <a href="#" class="hover:text-cyan-400">Pricing</a>
            <a href="#" class="hover:text-cyan-400">About</a>
        </div>
        <button class="bg-cyan-500 hover:bg-cyan-600 text-white px-5 py-2 rounded-full transition">Get Started</button>
    </nav>

    <header class="container mx-auto px-6 py-20 text-center relative overflow-hidden">
        <div class="absolute top-0 left-1/2 -translate-x-1/2 w-full h-full bg-purple-600 blur-[120px] opacity-20 -z-10"></div>
        <span class="bg-slate-800 border border-slate-700 text-cyan-400 px-4 py-1 rounded-full text-sm font-semibold">
            ✨ AI-Powered Generation v2.0
        </span>
        <h1 class="text-5xl md:text-7xl font-bold mt-8 leading-tight">
            Create <span class="bg-clip-text text-transparent bg-gradient-to-r from-cyan-400 to-purple-500">Intelligent</span> <br/> Web Experiences
        </h1>
        <p class="text-slate-400 mt-6 text-lg max-w-2xl mx-auto">
            Nebula helps you build stunning, responsive websites in minutes using advanced generative AI algorithms.
        </p>
        <div class="mt-10 flex justify-center gap-4">
            <button class="bg-white text-slate-900 px-8 py-3 rounded-lg font-semibold hover:bg-slate-100 transition">
                Start Free Trial
            </button>
            <button class="border border-slate-600 px-8 py-3 rounded-lg font-semibold hover:bg-slate-800 transition">
                View Demo
            </button>
        </div>
    </header>

    <section class="container mx-auto px-6 py-20 grid md:grid-cols-3 gap-8">
        <div class="bg-slate-800/50 p-8 rounded-2xl border border-slate-700 hover:border-cyan-500/50 transition">
            <div class="w-12 h-12 bg-cyan-500/20 rounded-lg flex items-center justify-center text-cyan-400 mb-4">⚡</div>
            <h3 class="text-xl font-bold mb-2">Lightning Fast</h3>
            <p class="text-slate-400 text-sm">Optimized for speed and performance, ensuring your users get the best experience.</p>
        </div>
        <div class="bg-slate-800/50 p-8 rounded-2xl border border-slate-700 hover:border-purple-500/50 transition">
            <div class="w-12 h-12 bg-purple-500/20 rounded-lg flex items-center justify-center text-purple-400 mb-4">🎨</div>
            <h3 class="text-xl font-bold mb-2">Design Freedom</h3>
            <p class="text-slate-400 text-sm">Full control over your design system with advanced customization tools.</p>
        </div>
        <div class="bg-slate-800/50 p-8 rounded-2xl border border-slate-700 hover:border-pink-500/50 transition">
            <div class="w-12 h-12 bg-pink-500/20 rounded-lg flex items-center justify-center text-pink-400 mb-4">🔒</div>
            <h3 class="text-xl font-bold mb-2">Secure by Default</h3>
            <p class="text-slate-400 text-sm">Enterprise-grade security built into every layer of the platform.</p>
        </div>
    </section>
</body>
</html>

Preview

✨ AI-Powered Generation v2.0

Create Intelligent
Web Experiences

Nebula helps you build stunning, responsive websites in minutes using advanced generative AI algorithms tailored to your needs.

⚡

Lightning Fast

Optimized for speed and performance, ensuring your users get the best experience possible.

🎨

Design Freedom

Full control over your design system with advanced customization tools.

🔒

Secure by Default

Enterprise-grade security built into every layer of the platform.