web_client/src/App.tsx

import { Navbar } from './components/Navbar';
import { Hero } from './components/Hero';
import { InteractionLab } from './components/InteractionLab';

function App() {
  return (
    <div className="min-h-screen bg-slate-950 bg-[radial-gradient(circle_at_center,_#1e293b_1px,_transparent_1px)] bg-[size:40px_40px]">
      <Navbar />
      <Hero />
      <InteractionLab />

      <footer className="py-12 border-t border-slate-900 text-center text-slate-600 text-sm">
        © 2025 UPIF Security Labs. Deterministic Governance for Generative AI.
      </footer>
    </div>
  );
}

export default App;