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 Contact from './pages/Contact.jsx'
import Support from './pages/Support.jsx'
import PrivacyPolicy from './pages/PrivacyPolicy.jsx'
import NotFound from './pages/NotFound.jsx'

// Shared between the browser router (src/router.jsx) and the build-time
// prerenderer (src/entry-server.jsx) so both render an identical tree.
export const routes = [
  {
    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: 'contact', element: <Contact /> },
      { path: 'support', element: <Support /> },
      { path: 'privacy-policy', element: <PrivacyPolicy /> },
      { path: '*', element: <NotFound /> },
    ],
  },
]

export default routes
