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/:slug', element: <ServiceDetail /> },
      { path: 'industries', element: <Industries /> },
      { path: 'industries/:slug', element: <IndustryDetail /> },
      { path: '8x8', element: <EightXEight /> },
      { path: 'contact', element: <Contact /> },
      { path: 'support', element: <Support /> },
    ],
  },
])

export default router