export default function App() {
  return (
    <div className="min-h-screen bg-[#050510] flex items-center justify-center">
      <div className="text-center space-y-6">
        <div className="inline-flex items-center justify-center w-20 h-20 rounded-2xl bg-gradient-to-br from-purple-500/20 to-violet-600/10 border border-purple-500/20">
          <svg width="32" height="32" viewBox="0 0 24 24" fill="none">
            <path d="M12 2L14.5 9.5L22 12L14.5 14.5L12 22L9.5 14.5L2 12L9.5 9.5L12 2Z" fill="url(#sg)" />
            <defs>
              <linearGradient id="sg" x1="2" y1="2" x2="22" y2="22">
                <stop stopColor="#a78bfa" />
                <stop offset="1" stopColor="#7c6aff" />
              </linearGradient>
            </defs>
          </svg>
        </div>
        <h1 className="text-4xl font-semibold bg-gradient-to-r from-purple-400 via-violet-400 to-purple-300 bg-clip-text text-transparent">
          Lumina
        </h1>
        <p className="text-gray-500 text-sm max-w-xs mx-auto leading-relaxed">
          Describe your UI in the chat panel and watch it materialize here.
        </p>
      </div>
    </div>
  );
}