frontend/src/App.tsx

import { BrowserRouter as Router, Routes, Route } from 'react-router-dom'
import { Layout } from './components/Layout'
import { Home } from './pages/Home'
import { Playground } from './pages/Playground'
import { Models } from './pages/Models'
import { Assistants } from './pages/Assistants'
import { Community } from './pages/Community'
import { Settings } from './pages/Settings'

function App() {
  return (
    <Router>
      <Routes>
        <Route path="/" element={<Layout />}>
          <Route index element={<Home />} />
          <Route path="playground" element={<Playground />} />
          <Route path="models" element={<Models />} />
          <Route path="assistants" element={<Assistants />} />
          <Route path="community" element={<Community />} />
          <Route path="settings" element={<Settings />} />
        </Route>
      </Routes>
    </Router>
  )
}

export default App