AIWorldAcademy Student Workspace

AI Code Editor

Antigravity-style AI coding workspace with file explorer, editor, terminal, live preview, AI fixes, command correction, and backend-ready APIs.

Backend: checking

TypeScript ReactAI Active

123456789101112131415161718192021222324

export default function LoginPage() {
  return (
    <main className="min-h-screen flex items-center justify-center bg-gradient-to-br from-slate-950 via-cyan-950 to-slate-950">
      <section className="w-full max-w-md rounded-3xl border border-cyan-400/20 bg-white/10 p-8 shadow-2xl backdrop-blur-xl">
        <p className="text-sm text-cyan-200">AIWorldAcademy</p>
        <h1 className="mt-2 text-3xl font-bold text-white">Welcome Back ðŸ‘‹</h1>
        <p className="mt-2 text-sm text-slate-300">
          Sign in to continue your coding journey.
        </p>

        <form className="mt-8 space-y-4">
          <input
            type="email"
            placeholder="student@aiworldacademy.in"
            className="w-full rounded-2xl border border-white/10 bg-slate-950/70 px-4 py-3 text-white outline-none"
          />

          <input
            type="password"
            placeholder="â€¢â€¢â€¢â€¢â€¢â€¢â€¢â€¢"
            className="w-full rounded-2xl border border-white/10 bg-slate-950/70 px-4 py-3 text-white outline-none"
          />

          <button className="w-full rounded-2xl bg-cyan-400 px-4 py-3 font-bold text-slate-950">
            Sign In
          </button>
        </form>
      </section>
    </main>
  );
}

AI: You mean this?

Improve input focus ring and premium cyber-glass styling.

AIWorldAcademy AI Code Editor initialized.

Workspace ready: student-login-page

Shortcuts: Ctrl+S save, Ctrl+R run, Ctrl+` terminal.

Responsive Mode Active: On mobile/tablet, panels stack properly so students can still code, ask AI, run command, and see preview.