import { createBrowserRouter } from 'react-router-dom'
import App from './App.jsx'
import Home from './pages/Home.jsx'
import About from './pages/About.jsx'
import Services from './pages/Services.jsx'
import ServiceDetail from './pages/ServiceDetail.jsx'
import Industries from './pages/Industries.jsx'
import IndustryDetail from './pages/IndustryDetail.jsx'
import EightXEight from './pages/8x8.jsx'
import Contact from './pages/Contact.jsx'
import Support from './pages/Support.jsx'

const router = createBrowserRouter([
  {
    path: '/',
    element: <App />,
    children: [
      { index: true, element: <Home /> },
      { path: 'about', element: <About /> },
      { path: 'services', element: <Services /> },
      { path: 'services/unified-communications', element: <ServiceDetail name="unified-communications" /> },
      { path: 'services/contact-center', element: <ServiceDetail name="contact-center" /> },
      { path: 'services/managed-support', element: <ServiceDetail name="managed-support" /> },
      { path: 'services/consulting-training', element: <ServiceDetail name="consulting-training" /> },
      { path: 'services/infrastructure-cabling', element: <ServiceDetail name="infrastructure-cabling" /> },
      { path: 'services/wireless-access', element: <ServiceDetail name="wireless-access" /> },
      { path: 'services/local-networking', element: <ServiceDetail name="local-networking" /> },
      { path: 'industries', element: <Industries /> },
      { path: 'industries/healthcare', element: <IndustryDetail name="healthcare" /> },
      { path: 'industries/retail', element: <IndustryDetail name="retail" /> },
      { path: 'industries/manufacturing', element: <IndustryDetail name="manufacturing" /> },
      { path: 'industries/education-finance', element: <IndustryDetail name="education-finance" /> },
      { path: '8x8', element: <EightXEight /> },
      { path: 'contact', element: <Contact /> },
      { path: 'support', element: <Support /> },
    ],
  },
])

export default router