import { Routes, Route } from "react-router-dom";
import LandingPage from "../pages/LandingPage";
import LoginPage from "../pages/LoginPage";
import RegisterPage from "../pages/RegisterPage";
import DashboardPage from "../pages/DashboardPage";
import ProjectsPage from "../pages/ProjectsPage";
import CreateProjectPage from "../pages/CreateProjectPage";
import ProjectDetailsPage from "../pages/ProjectDetailsPage";
import FilesPage from "../pages/FilesPage";
import DeploymentPage from "../pages/DeploymentPage";
import MonitoringPage from "../pages/MonitoringPage";
import PipelinePage from "../pages/PipelinePage";
import LogsPage from "../pages/LogsPage";
import SecurityPage from "../pages/SecurityPage";
import TerminalPage from "../pages/TerminalPage";
import AiBlueprintPage from "../pages/AiBlueprintPage";
import CodeGeneratorPage from "../pages/CodeGeneratorPage";
import SettingsPage from "../pages/SettingsPage";
const AppRoutes = () => {
return ( <Routes>
<Route path="/" element={<LandingPage />} />
<Route path="/login" element={<LoginPage />} />
<Route path="/register" element={<RegisterPage />} />
```
<Route path="/dashboard" element={<DashboardPage />} />
<Route path="/projects" element={<ProjectsPage />} />
<Route path="/projects/new" element={<CreateProjectPage />} />
<Route path="/projects/:id" element={<ProjectDetailsPage />} />
<Route path="/files" element={<FilesPage />} />
<Route path="/deployments" element={<DeploymentPage />} />
<Route path="/monitoring" element={<MonitoringPage />} />
<Route path="/pipeline" element={<PipelinePage />} />
<Route path="/logs" element={<LogsPage />} />
<Route path="/security" element={<SecurityPage />} />
<Route path="/terminal" element={<TerminalPage />} />
<Route path="/ai-blueprint" element={<AiBlueprintPage />} />
<Route path="/code-generator" element={<CodeGeneratorPage />} />
<Route path="/settings" element={<SettingsPage />} />
</Routes>
```
);
};
export default AppRoutes;
[08/06, 10:20 pm] Mauli Tcs: src/App.jsx
import AppRoutes from "./routes/AppRoutes";
function App() {
return <AppRoutes />;
}
export default App;
[08/06, 10:21 pm] Mauli Tcs: Src.main.jsx
import React from "react";
import ReactDOM from "react-dom/client";
import { BrowserRouter } from "react-router-dom";
import App from "./App";
import "./index.css";
ReactDOM.createRoot(
document.getElementById("root")
).render(
<React.StrictMode> <BrowserRouter> <App /> </BrowserRouter>
</React.StrictMode>
);