import { BrowserRouter, Routes, Route } from 'react-router-dom';
import Footer from './components/Footer';
import Logo from './components/Logo';
import Index from './pages/Index';
import Performers from './pages/Performers';
import PerformerPage from './pages/PerformerPage';
import Program from './pages/Program';
import Info from './pages/Info';
import Safety from './pages/Safety';
import Workshops from './pages/Workshops';
import Archive from './pages/Archive';

function App() {
  return (
    <BrowserRouter>
      <Logo />
      <main>
        <Routes>
          <Route path="/" element={<Index />} />
          <Route path="/performers" element={<Performers />} />
          <Route path="/performers/:id" element={<PerformerPage />} />
          <Route path="/program" element={<Program />} />
          <Route path="/info" element={<Info />} />
          <Route path="/safety" element={<Safety />} />
          <Route path="/workshops" element={<Workshops />} />
          <Route path="/archive" element={<Archive />} />
        </Routes>
      </main>
      <Footer />
    </BrowserRouter>
  );
}

export default App;
