import type { Metadata } from "next";
import Link from "next/link";
import { Zap } from "lucide-react";

export const metadata: Metadata = {
  robots: {
    index: false,
    follow: false,
  },
};

export default function AuthLayout({ children }: { children: React.ReactNode }) {
  return (
    <div
      className="min-h-screen flex flex-col items-center justify-center px-4 relative overflow-hidden"
      style={{ background: "#080809" }}
    >
      {/* Background glow */}
      <div
        className="pointer-events-none absolute -top-40 left-1/2 -translate-x-1/2 h-[600px] w-[600px] rounded-full opacity-15 blur-3xl"
        style={{
          background: "radial-gradient(circle, #7c3aed 0%, transparent 60%)",
        }}
        aria-hidden
      />

      {/* Logo */}
      <Link
        href="/"
        className="flex items-center gap-2.5 mb-10 group relative z-10"
      >
        <div className="flex h-8 w-8 items-center justify-center rounded-lg bg-violet-600/20 border border-violet-500/30 transition-all group-hover:bg-violet-600/30 group-hover:border-violet-500/50">
          <Zap className="h-4.5 w-4.5 text-violet-400" />
        </div>
        <span className="text-xl font-bold tracking-tight text-white">
          LLMHosts
        </span>
      </Link>

      {/* Page content */}
      <div className="w-full max-w-md relative z-10">
        {children}
      </div>

      {/* Footer */}
      <p className="text-center text-xs text-gray-400 mt-10 relative z-10">
        &copy; {new Date().getFullYear()} LLMHosts, Inc. All rights reserved.
      </p>
    </div>
  );
}
