import './App.css';
import { Routes, Route } from "react-router-dom";
import { Header } from "./components/Header";
import Home from './pages/Home';
import { Footer } from './components/Footer';
import Imprint from './pages/Imprint';
import Privacy from './pages/Privacy';

function App() {
  return (
    <div className="flex min-h-screen flex-col bg-white text-neutral-900 dark:bg-neutral-950 dark:text-neutral-100">
      <Header />
      <main className="flex-grow">
        <Routes>
          <Route path="/" element={<Home />} />
          <Route path="/imprint" element={<Imprint />} />
          <Route path="/privacy" element={<Privacy />} />
          {/* add more routes here */}
          <Route path="*" element={<p>Page not found</p>} />
        </Routes>
      </main>
      <Footer />
    </div>
  );
}

export default App;
