import React from "react";
import { BrowserRouter, Routes, Route } from "react-router-dom";
import { Toaster } from "sonner";
import Header from "./components/Header";
import Landing from "./pages/Landing";
import Register from "./pages/Register";
import Attendance from "./pages/Attendance";
import AdminDashboard from "./pages/AdminDashboard";
import Docs from "./pages/Docs";

export default function App() {
  return (
    <BrowserRouter>
      <Toaster
        theme="dark"
        position="top-center"
        richColors
        toastOptions={{
          style: {
            background: "rgba(10,10,10,0.9)",
            border: "1px solid #27272A",
            color: "#fff",
            fontFamily: "Manrope, sans-serif",
          },
        }}
      />
      <div className="relative z-10">
        <Header />
        <Routes>
          <Route path="/" element={<Landing />} />
          <Route path="/register" element={<Register />} />
          <Route path="/attendance" element={<Attendance />} />
          <Route path="/admin" element={<AdminDashboard />} />
          <Route path="/docs" element={<Docs />} />
        </Routes>
        <footer className="mt-16 border-t border-white/5 py-8 text-center text-white/40 text-xs data-cell">
          FACEGUARD · POWERED BY MEDIAPIPE · INSIGHTFACE · MINIFASNETV2 · © 2026
        </footer>
      </div>
    </BrowserRouter>
  );
}