import { StrictMode } from 'react'
import { createRoot } from 'react-dom/client'
import { BrowserRouter as Router, Routes, Route } from 'react-router-dom'
import './index.css'
import './i18n'
import { ThemeProvider } from './contexts/ThemeContext'
import App from './App.tsx'
import Friends from './pages/Friends.tsx'
import Blog from './pages/Blog.tsx'
import Servers from './pages/Servers.tsx'

createRoot(document.getElementById('root')!).render(
  <StrictMode>
    <ThemeProvider>
      <Router>
        <Routes>
          <Route path="/" element={<App />} />
          <Route path="/friends" element={<Friends />} />
          <Route path="/blog" element={<Blog />} />
          <Route path="/servers" element={<Servers />} />
        </Routes>
      </Router>
    </ThemeProvider>
  </StrictMode>,
)