import { BrowserRouter, Routes, Route } from 'react-router-dom'
import { Layout } from './components/Layout'
import HomePage from './pages/home/HomePage'
import CloudPage from './pages/cloud/CloudPage'
import NetworkPage from './pages/network/NetworkPage'
import AgentsPage from './pages/agents/AgentsPage'
import DownloadPage from './pages/download/DownloadPage'
import ComputePage from './pages/compute/ComputePage'
import StoragePage from './pages/storage/StoragePage'
import GpuPage from './pages/gpu/GpuPage'

function App() {
  return (
    <BrowserRouter>
      <Routes>
        <Route path="/" element={<Layout />}>
          <Route index element={<HomePage />} />
          <Route path="cloud" element={<CloudPage />} />
          <Route path="network" element={<NetworkPage />} />
          <Route path="agents" element={<AgentsPage />} />
                    <Route path="download" element={<DownloadPage />} />
          <Route path="compute" element={<ComputePage />} />
          <Route path="storage" element={<StoragePage />} />
          <Route path="gpu" element={<GpuPage />} />
        </Route>
      </Routes>
    </BrowserRouter>
  )
}

export default App
