import { StrictMode } from 'react'
import { createRoot } from 'react-dom/client'
import { BrowserRouter, Routes, Route } from 'react-router-dom'
import './index.css'
import App from './App.jsx'
import Privacy from './pages/Privacy.jsx'
import Terms from './pages/Terms.jsx'
import ThankYou from './pages/ThankYou.jsx'
import Signup from './pages/Signup.jsx'
import WaitlistSignup from './pages/WaitlistSignup.jsx'
import WaitlistThankYou from './pages/WaitlistThankYou.jsx'
import Installatie from './pages/Installatie.jsx'
import Worksheet from './pages/Worksheet.jsx'

createRoot(document.getElementById('root')).render(
  <StrictMode>
    <BrowserRouter basename={import.meta.env.BASE_URL}>
      <Routes>
        <Route path="/" element={<App />} />
        <Route path="/privacy" element={<Privacy />} />
        <Route path="/voorwaarden" element={<Terms />} />
        <Route path="/inschrijven" element={<Signup />} />
        <Route path="/bedankt" element={<ThankYou />} />
        <Route path="/wachtlijst-inschrijven" element={<WaitlistSignup />} />
        <Route path="/wachtlijst-bedankt" element={<WaitlistThankYou />} />
        <Route path="/installatie" element={<Installatie />} />
        <Route path="/worksheet" element={<Worksheet />} />
      </Routes>
    </BrowserRouter>
  </StrictMode>,
)
