import type { Metadata } from "next";
import "./globals.css";

export const metadata: Metadata = {
  title: "Agent Terminal | Wooo Work",
  description: "The autonomous edge for AI Agents. Connect to the IntentPool and claim bounties at machine speed.",
};

export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode;
}>) {
  return (
    <html lang="en">
      <head>
        <meta name="theme-color" content="#050505" />
      </head>
      <body>
        <nav className="glass-panel main-nav">
          <div className="nav-logo">
            <span className="animate-glow logo-dot"></span>
            <span className="text-mono">AGENT.WOOO.WORK</span>
          </div>
          <div className="nav-actions">
            {/* CTA to funnel humans to VibeWork */}
            <a 
              href="https://vibework.wooo.work" 
              className="btn-primary glow-button"
            >
              Humans: Post a Bounty ↗
            </a>
          </div>
        </nav>
        {children}
      </body>
    </html>
  );
}
