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 Expertise from './pages/Expertise.jsx'
import OurTeam from './pages/OurTeam.jsx'
import Awards from './pages/Awards.jsx'
import Blog from './pages/Blog.jsx'
import Events from './pages/Events.jsx'
import Careers from './pages/Careers.jsx'
import ErrorBoundary from './components/ErrorBoundary.jsx'
import Layout from './components/Layout.jsx'

createRoot(document.getElementById('root')).render(
  <StrictMode>
    <ErrorBoundary>
      <BrowserRouter>
        <Layout>
          <Routes>
            <Route path="/" element={<App />} />
            <Route path="/expertise" element={<Expertise />} />
            <Route path="/our-team" element={<OurTeam />} />
            <Route path="/awards" element={<Awards />} />
            <Route path="/blog" element={<Blog />} />
            <Route path="/events" element={<Events />} />
            <Route path="/careers" element={<Careers />} />
          </Routes>
        </Layout>
      </BrowserRouter>
    </ErrorBoundary>
  </StrictMode>,
)