"use client";

export default function OfficePage() {
  return (
    <div className="min-h-screen bg-slate-950 flex flex-col">
      {/* Header */}
      <div className="bg-slate-900 border-b border-slate-800 px-6 py-4 flex-shrink-0">
        <h1 className="text-2xl font-bold text-white">🏢 Claw3D Office</h1>
        <p className="text-slate-400 text-sm">3D workspace for AI agents</p>
      </div>
      
      {/* Claw3D Embed - via Apache proxy over HTTPS */}
      <div className="flex-1 relative">
        <iframe 
          src="https://sitemente.com/claw3d/office"
          className="absolute inset-0 w-full h-full border-0"
          title="Claw3D Office"
          allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
          sandbox="allow-scripts allow-same-origin allow-popups allow-forms"
        />
      </div>
    </div>
  );
}